L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

javascript MDL-21503 Removed use of the global Y from dock, navigation and calendar

Browse Source 
Also included in this patch the ability to switch the dock from the left to right side of the screen.
Altered js_object_init to deliver Y like js_init_call does now.
Several minor tweaks made to the dock and navigation as well at the same time.
This commit is contained in:
Sam Hemelryk
2010-02-05 06:36:09 +00:00
parent e5752b7d5b
commit 53fc3e7040
16 changed files with 386 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/standardold/javascript/navigation.js
+77 -14
View File
@@ -1,27 +1,18 @@
// This attaches a shadow to the dock when it has been drawn (added to the page)
blocks.dock.on('dock:drawcompleted', function() {
blocks.dock.node.append(shadow.create(true, true, true, true));
});
blocks.dock.on('dock:itemadded', function(item) {
item.on('dockeditem:showcomplete', function() {
Y.one('#dock_item_panel_'+this.id).append(shadow.create(true, true, true, false));
});
item.on('dockeditem:hidestart', function() {
shadow.remove(Y.one('#dock_item_panel_'+this.id));
});
});
/**
* This attaches a shadow to the dock when it has been drawn (added to the page)
*/
var shadow = {
/**
* This function create a series of DIV's appended to an element to give it a
* shadow
* @param {YUI} Y
* @param {bool} top Displays a top shadow if true
* @param {bool} right Displays a right shadow if true
* @param {bool} bottom Displays a bottom shadow if true
* @param {bool} left Displays a left shadow if true
* @return {Y.Node}
*/
create : function(top, right, bottom, left) {
create : function(Y, top, right, bottom, left) {
var shadow = Y.Node.create('<div class="divshadow"></div>');
if (Y.UA.ie > 0 && Y.UA.ie < 7) {
// IE 6 doesn't like this shadow method
@@ -45,4 +36,76 @@ var shadow = {
remove : function(node) {
node.all('.divshadow').remove();
}
}
function customise_dock_for_theme() {
// If we don't have M.blocks or Y then bail
if (!M.core_dock) {
return false;
}
// On draw completed add the ability to move the dock to from the left to the right
M.core_dock.on('dock:drawcompleted', function() {
M.core_dock.node.append(shadow.create(M.core_dock.Y, true, true, true, true));
var movedock = M.core_dock.Y.Node.create('<img src="'+M.util.image_url('movedock', 'theme')+'" />');
var c = M.core_dock.node.one('.controls');
c.insertBefore(M.core_dock.Y.Node.create('<br />'), c.one('img'));
c.insertBefore(movedock, c.one('br'));
movedock.on('click', M.core_dock.move_dock, M.core_dock);
});
// When an item is added append a shadow
M.core_dock.on('dock:itemadded', function(item) {
item.on('dockeditem:showcomplete', function() {
switch (M.core_dock.cfg.position) {
case 'left':
M.core_dock.Y.one(this.panel.body).append(shadow.create(M.core_dock.Y, true, true, true, false));
break;
case 'right':
M.core_dock.Y.one(this.panel.body).append(shadow.create(M.core_dock.Y, true, false, true, true));
break;
}
});
item.on('dockeditem:hidestart', function() {
shadow.remove(M.core_dock.Y.one('#dock_item_panel_'+this.id));
});
item.on('dockeditem:showstart', item.correct_panel_x_pos, item);
item.on('dockeditem:resizecomplete', item.correct_panel_x_pos, item);
});
// Corrects the panel x position for the theme
M.core_dock.item.prototype.correct_panel_x_pos = function() {
var dockoffset = M.core_dock.Y.one('#dock_item_'+this.id+'_title').get('offsetWidth');
var panelwidth = M.core_dock.Y.one(this.panel.body).get('offsetWidth');
var screenwidth = parseInt(M.core_dock.Y.get(document.body).get('winWidth'));
switch (M.core_dock.cfg.position) {
case 'left':
this.panel.cfg.setProperty('x', dockoffset);
break;
case 'right':
this.panel.cfg.setProperty('x', (screenwidth-panelwidth-dockoffset-1));
break;
}
}
// Moves the dock from the left to right or vise versa
M.core_dock.move_dock = function(e) {
var oldclass = this.cfg.css.dock+'_'+this.cfg.position+'_'+this.cfg.orientation;
switch (this.cfg.position) {
case 'right':this.cfg.position = 'left';break;
case 'left':this.cfg.position = 'right';break;
}
var newclass = this.cfg.css.dock+'_'+this.cfg.position+'_'+this.cfg.orientation;
this.node.replaceClass(oldclass, newclass);
this.Y.Cookie.set('dock_position', M.core_dock.cfg.position);
};
// When the dock is first drawn check to see if it should be moved
M.core_dock.on('dock:drawstarted', function() {
var positioncookie = M.core_dock.Y.Cookie.get('dock_position');
if (positioncookie && positioncookie != 'null' && positioncookie !== M.core_dock.cfg.position) {
var oldposition = M.core_dock.cfg.position;
M.core_dock.cfg.position = positioncookie;
if (M.core_dock.node) {
M.core_dock.node.replaceClass(M.core_dock.cfg.css.dock+'_'+oldposition+'_'+M.core_dock.cfg.orientation, M.core_dock.cfg.css.dock+'_'+M.core_dock.cfg.position+'_'+M.core_dock.cfg.orientation);
}
}
});
return true;
}