Bring back the separate web-side entity cache
Prior to changeset 635cfac73d28 "[repoapi] fold ClientConnection into
Connection", we had two entity caches: one on the client/dbapi/web side,
and one on the server/repo side. This is a waste, but it is actually
needed as long as we have the magic _cw attribute on entities which must
sometimes be a request and sometimes a cnx. Removing the duplication
caused weird problems with entity._cw alternating between both types of
objects, which is unexpected by both the repo and the web sides.
We add an entity cache on ConnectionCubicWebRequestBase, separate from
the Connection's, and bring back the
_cw_update_attr_cache/dont-cache-attrs mechanism, to let the
server/edition code let caches know which attributes have been modified
Entity.as_rset can be cached again, as ResultSet no longer modifies the
entity when fetching it from a cache.
Contrary to the pre-3.21 code, _cw_update_attr_cache now handles web
requests and connections in the same way (otherwise the cache ends up
with wrong values if a hook modifies attributes), but dont-cache-attrs
is never set for (inlined) relations.
Closes #6863543
/**
* This file contains Calendar utilities
* :organization: Logilab
* :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
*/
// IMPORTANT NOTE: the variables DAYNAMES AND MONTHNAMES will be added
// by cubicweb automatically
// dynamically computed (and cached)
var _CAL_HEADER = null;
TODAY = new Date();
/**
* .. class:: Calendar
*
* Calendar (graphical) widget
*
* public methods are :
*
* __init__ :
* :attr:`containerId`: the DOM node's ID where the calendar will be displayed
* :attr:`inputId`: which input needs to be updated when a date is selected
* :attr:`year`, :attr:`month`: year and month to be displayed
* :attr:`cssclass`: CSS class of the calendar widget (default is 'commandCal')
*
* show() / hide():
* show or hide the calendar widget
*
* toggle():
* show (resp. hide) the calendar if it's hidden (resp. displayed)
*
* displayNextMonth(): (resp. displayPreviousMonth())
* update the calendar to display next (resp. previous) month
*/
Calendar = function(containerId, inputId, year, month, cssclass) {
this.containerId = containerId;
this.inputId = inputId;
this.year = year;
this.month = month - 1; // Javascript's counter starts at 0 for january
this.cssclass = cssclass || "popupCalendar";
this.visible = false;
this.domtable = null;
this.cellprops = {
'onclick': function() {
dateSelected(this, containerId);
},
'onmouseover': function() {
this.style.fontWeight = 'bold';
},
'onmouseout': function() {
this.style.fontWeight = 'normal';
}
};
this.todayprops = jQuery.extend({},
this.cellprops, {
'class': 'today'
});
this._rowdisplay = function(row) {
var _td = function(elt) {
return TD(this.cellprops, elt);
};
return TR(null, $.map(row, _td));
};
this._makecell = function(cellinfo) {
return TD(cellinfo[0], cellinfo[1]);
};
/**
* .. function:: Calendar._uppercaseFirst(s)
*
* utility function (the only use for now is inside the calendar)
*/
this._uppercaseFirst = function(s) {
return s.charAt(0).toUpperCase();
};
/**
* .. function:: Calendar._domForRows(rows)
*
* accepts the cells data and builds the corresponding TR nodes
*
* * `rows`, a list of list of couples (daynum, cssprops)
*/
this._domForRows = function(rows) {
var lines = [];
for (i = 0; i < rows.length; i++) {
lines.push(TR(null, $.map(rows[i], this._makecell)));
}
return lines;
};
/**
* .. function:: Calendar._headdisplay(row)
*
* builds the calendar headers
*/
this._headdisplay = function(row) {
if (_CAL_HEADER) {
return _CAL_HEADER;
}
var self = this;
var _th = function(day) {
return TH(null, self._uppercaseFirst(day));
};
return TR(null, $.map(DAYNAMES, _th));
};
this._getrows = function() {
var rows = [];
var firstday = new Date(this.year, this.month, 1);
var stopdate = firstday.nextMonth();
var curdate = firstday.sub(firstday.getRealDay());
while (curdate.getTime() < stopdate) {
var row = [];
for (var i = 0; i < 7; i++) {
if (curdate.getMonth() == this.month) {
props = curdate.equals(TODAY) ? this.todayprops: this.cellprops;
row.push([props, curdate.getDate()]);
} else {
row.push([this.cellprops, ""]);
}
curdate.iadd(1);
}
rows.push(row);
}
return rows;
};
this._makecal = function() {
var rows = this._getrows();
var monthname = MONTHNAMES[this.month] + " " + this.year;
var prevlink = "javascript: togglePreviousMonth('" + this.containerId + "');";
var nextlink = "javascript: toggleNextMonth('" + this.containerId + "');";
this.domtable = TABLE({
'class': this.cssclass
},
THEAD(null, TR(null, TH(null, A({
'href': prevlink
},
"<<")),
// IE 6/7 requires colSpan instead of colspan
TH({
'colSpan': 5,
'colspan': 5,
'style': "text-align: center;"
},
monthname), TH(null, A({
'href': nextlink
},
">>")))), TBODY(null, this._headdisplay(), this._domForRows(rows)));
return this.domtable;
};
this._updateDiv = function() {
if (!this.domtable) {
this._makecal();
}
cw.jqNode(this.containerId).empty().append(this.domtable);
// replaceChildNodes($(this.containerId), this.domtable);
};
this.displayNextMonth = function() {
this.domtable = null;
if (this.month == 11) {
this.year++;
}
this.month = (this.month + 1) % 12;
this._updateDiv();
};
this.displayPreviousMonth = function() {
this.domtable = null;
if (this.month == 0) {
this.year--;
}
this.month = (this.month + 11) % 12;
this._updateDiv();
};
this.show = function() {
if (!this.visible) {
var container = cw.jqNode(this.containerId);
if (!this.domtable) {
this._makecal();
}
container.empty().append(this.domtable);
toggleVisibility(container);
this.visible = true;
}
};
this.hide = function(event) {
var self;
if (event) {
self = event.data.self;
} else {
self = this;
}
if (self.visible) {
toggleVisibility(self.containerId);
self.visible = false;
}
};
this.toggle = function() {
if (this.visible) {
this.hide();
}
else {
this.show();
}
};
// call hide() when the user explicitly sets the focus on the matching input
cw.jqNode(inputId).bind('focus', {
'self': this
},
this.hide); // connect(inputId, 'onfocus', this, 'hide');
};
/**
* .. data:: Calendar.REGISTRY
*
* keep track of each calendar created
*/
Calendar.REGISTRY = {};
/**
* .. function:: toggleCalendar(containerId, inputId, year, month)
*
* popup / hide calendar associated to `containerId`
*/
function toggleCalendar(containerId, inputId, year, month) {
var cal = Calendar.REGISTRY[containerId];
if (!cal) {
cal = new Calendar(containerId, inputId, year, month);
Calendar.REGISTRY[containerId] = cal;
}
/* hide other calendars */
for (containerId in Calendar.REGISTRY) {
var othercal = Calendar.REGISTRY[containerId];
if (othercal !== cal) {
othercal.hide();
}
}
cal.toggle();
}
/**
* .. function:: toggleNextMonth(containerId)
*
* ask for next month to calendar displayed in `containerId`
*/
function toggleNextMonth(containerId) {
var cal = Calendar.REGISTRY[containerId];
cal.displayNextMonth();
}
/**
* .. function:: togglePreviousMonth(containerId)
*
* ask for previous month to calendar displayed in `containerId`
*/
function togglePreviousMonth(containerId) {
var cal = Calendar.REGISTRY[containerId];
cal.displayPreviousMonth();
}
/**
* .. function:: dateSelected(cell, containerId)
*
* callback called when the user clicked on a cell in the popup calendar
*/
function dateSelected(cell, containerId) {
var cal = Calendar.REGISTRY[containerId];
var input = cw.getNode(cal.inputId);
// XXX: the use of innerHTML might cause problems, but it seems to be
// the only way understood by both IE and Mozilla. Otherwise,
// IE accepts innerText and mozilla accepts textContent
var selectedDate = new Date(cal.year, cal.month, cell.innerHTML, 12);
input.value = remoteExec("format_date", cw.utils.toISOTimestamp(selectedDate));
cal.hide();
}
function whichElement(e) {
var targ;
if (!e) {
e = window.event;
}
if (e.target) {
targ = e.target;
}
else if (e.srcElement) {
targ = e.srcElement;
}
if (targ.nodeType == 3) // defeat Safari bug
{
targ = targ.parentNode;
}
return targ;
}
function getPosition(element) {
var left;
var top;
var offset;
// TODO: deal scrollbar positions also!
left = element.offsetLeft;
top = element.offsetTop;
if (element.offsetParent != null) {
offset = getPosition(element.offsetParent);
left = left + offset[0];
top = top + offset[1];
}
return [left, top];
}
function getMouseInBlock(event) {
var elt = event.target;
var x = event.clientX;
var y = event.clientY;
var w = elt.clientWidth;
var h = elt.clientHeight;
var offset = getPosition(elt);
x = 1.0 * (x - offset[0]) / w;
y = 1.0 * (y - offset[1]) / h;
return [x, y];
}
function getHourFromMouse(event, hmin, hmax) {
var pos = getMouseInBlock(event);
var y = pos[1];
return Math.floor((hmax - hmin) * y + hmin);
}
function addCalendarItem(event, hmin, hmax, year, month, day, duration, baseurl) {
var hour = getHourFromMouse(event, hmin, hmax);
if (0 <= hour && hour < 24) {
baseurl += "&start=" + year + "%2F" + month + "%2F" + day + "%20" + hour + ":00";
baseurl += "&stop=" + year + "%2F" + month + "%2F" + day + "%20" + (hour + duration) + ":00";
stopPropagation(event);
window.location.assign(baseurl);
return false;
}
return true;
}
function stopPropagation(event) {
event.cancelBubble = true;
if (event.stopPropagation) event.stopPropagation();
}