2f64ac3962a6b3c12ab5983c643a3adc71164c66
[moodle.git] / lib / ajax / section_classes.js
1 /**
2  * library for ajaxcourse formats, the classes and related functions for
3  * sections and resources.
4  *
5  * This library requires a 'main' object created in calling document.
6  *
7  * Drag and drop notes:
8  *
9  *   Dropping an activity or resource on a section will always add the activity
10  *   or resource at the end of that section.
11  *
12  *   Dropping an activity or resource on another activity or resource will
13  *   always move the former just above the latter.
14  */
17 /**
18  * section_class
19  */
20 function section_class(id, group, config, isDraggable) {
21     this.init_section(id, group, config, isDraggable);
22 }
24 YAHOO.extend(section_class, YAHOO.util.DDProxy);
27 section_class.prototype.debug = false;
30 section_class.prototype.init_section = function(id, group, config, isDraggable) {
32     if (!id) {
33         return;
34     }
36     this.is = 'section';
37     this.sectionId = null; // Section number. This is NOT the section id from
38                             // the database.
40     if (!isDraggable) {
41         this.initTarget(id, group, config);
42         this.removeFromGroup('sections');
43     } else {
44         this.init(id, group, config);
45         this.handle = null;
46     }
48     this.createFrame();
49     this.isTarget = true;
51     this.resources = [];
52     this.numberDisplay = null; // Used to display the section number on the top left
53                                 // of the section. Not used in all course formats.
54     this.summary = null;
55     this.content_div = null;
56     this.hidden = false;
57     this.highlighted = false;
58     this.showOnly = false;
59     this.resources_ul = null;
60     this.process_section();
62     this.viewButton = null;
63     this.highlightButton = null;
64     this.showOnlyButton = null;
65     this.init_buttons();
67     if (isDraggable) {
68         this.add_handle();
69     }
70     if (this.debug) {
71         YAHOO.log("init_section "+id+" draggable="+isDraggable);
72     }
73     if (YAHOO.util.Dom.hasClass(this.getEl(),'hidden')) {
74         this.toggle_hide(null,null,true);
75     }
76 };
79 section_class.prototype.init_buttons = function() {
80     if (this.sectionId > main.portal.numsections) {
81         // no need to do anything in orphaned sections
82         return;
83     }
85     var commandContainer = YAHOO.util.Dom.getElementsByClassName('right',null,this.getEl())[0];
87     //clear all but show only button
88     var commandContainerCount = commandContainer.childNodes.length;
90     for (var i=(commandContainerCount-1); i>0; i--) {
91         commandContainer.removeChild(commandContainer.childNodes[i])
92     }
94     if (main.getString('courseformat', this.sectionId) != "weeks" && this.sectionId > 0) {
95         var highlightbutton = main.mk_button('div', main.portal.icons['marker'], main.getString('marker', this.sectionId));
96         YAHOO.util.Event.addListener(highlightbutton, 'click', this.mk_marker, this, true);
97         commandContainer.appendChild(highlightbutton);
98         this.highlightButton = highlightbutton;
99     }
100     if (this.sectionId > 0) {
101         var viewbutton = main.mk_button('div', main.portal.icons['hide'], main.getString('hidesection', this.sectionId),
102                 [['title', main.portal.strings['hide'] ]]);
103         YAHOO.util.Event.addListener(viewbutton, 'click', this.toggle_hide, this,true);
104         commandContainer.appendChild(viewbutton);
105         this.viewButton = viewbutton;
106     }
107 };
110 section_class.prototype.add_handle = function() {
111     var handleRef = main.mk_button('a', main.portal.icons['move_2d'], main.getString('movesection', this.sectionId),
112             [['title', main.portal.strings['move'] ], ['style','cursor:move']]);
114     YAHOO.util.Dom.generateId(handleRef, 'sectionHandle');
116     this.handle = handleRef;
118     this.getEl().childNodes[0].appendChild(handleRef);
119     this.setHandleElId(this.handle.id);
120 };
123 section_class.prototype.process_section = function() {
124     this.content_div = YAHOO.util.Dom.getElementsByClassName('content',null,this.getEl())[0];
126     if (YAHOO.util.Dom.hasClass(this.getEl(),'current')) {
127         this.highlighted = true;
128         main.marker = this;
129     }
131     // Create holder for display number for access later
133     this.numberDisplay = document.createElement('div');
134     this.numberDisplay.innerHTML = this.getEl().childNodes[0].innerHTML;
135     this.getEl().childNodes[0].innerHTML = '';
136     this.getEl().childNodes[0].appendChild(this.numberDisplay);
138     this.sectionId = this.id.replace(/section-/i, ''); // Okay, we will have to change this if we
139     // ever change the id attributes format
140     // for the sections.
141     if (this.debug) {
142         YAHOO.log("Creating section "+this.getEl().id+" in position "+this.sectionId);
143     }
145     // Find/edit resources
146     this.resources_ul = this.content_div.getElementsByTagName('ul')[0];
147     var i=0;
148     while (this.resources_ul && this.resources_ul.className != 'section img-text') {
149         i++;
150         this.resources_ul = this.content_div.getElementsByTagName('ul')[i]; i++;
151     }
152     if (!this.resources_ul) {
153         this.resources_ul = document.createElement('ul');
154         this.resources_ul.className='section';
155         this.content_div.insertBefore(this.resources_ul, this.content_div.lastChild);
156     }
157     var resource_count = this.resources_ul.getElementsByTagName('li').length;
159     for (var i=0;i<resource_count;i++) {
160         var resource = this.resources_ul.getElementsByTagName('li')[i];
161         this.resources[this.resources.length] = new resource_class(resource.id, 'resources', null, this);
162     }
164     var sum = YAHOO.util.Dom.getElementsByClassName('summary', null, this.getEl());
165     if (sum[0]) {
166         this.summary = sum[0].firstChild.data || '';
167     } else {
168         // orphaned activities
169         this.summary = null;
170     }
171 };
174 section_class.prototype.startDrag = function(x, y) {
175     //operates in point mode
176     YAHOO.util.DDM.mode = YAHOO.util.DDM.POINT;
178     //remove from resources group temporarily
179     this.removeFromGroup('resources');
181     //reinitialize dd element
182     this.getDragEl().innerHTML = '';
184     var targets = YAHOO.util.DDM.getRelated(this, true);
186     if (this.debug) {
187         YAHOO.log(this.id + " startDrag, "+targets.length + " targets");
188     }
189 };
192 section_class.prototype.onDragDrop = function(e, id) {
193     // get the drag and drop object that was targeted
194     var target = YAHOO.util.DDM.getDDById(id);
196     if (this.debug) {
197         YAHOO.log("Section dropped on id="+id+" (I am "+this.getEl().id+") x="
198                 +YAHOO.util.Dom.getXY(this.getDragEl()));
199     }
200     this.move_to_section(target);
202     //add back to resources group
203     this.addToGroup('resources');
204 };
207 section_class.prototype.endDrag = function() {
208     //nessicary to defeat default action
210     //add back to resources group
211     this.addToGroup('resources');
212 };
215 section_class.prototype.move_to_section = function(target) {
216     var tempDiv = document.createElement('div');
217     var tempStore = null;
218     var sectionCount = main.sections.length;
219     var found = null;
221     //determine if original is above or below target and adjust loop
222     var oIndex = main.get_section_index(this);
223     var tIndex = main.get_section_index(target);
225     if (oIndex == -1) {
226         // source must exist
227         return;
228     }
229     if (tIndex == -1) {
230         // target must exist
231         return;
232     }
233     if (this.debug) {
234         YAHOO.log("original is at: "+oIndex+" target is at:"+tIndex+" of "+(sectionCount-1));
235     }
236     if (oIndex < tIndex) {
237         var loopCondition = 'i<sectionCount';
238         var loopStart = 1;
239         var loopInc = 'i++';
240         var loopmodifier = 'i - 1';
241         var targetOffset = 0;
242     } else {
243         var loopCondition = 'i > 0';
244         var loopStart = sectionCount - 1;
245         var loopInc = 'i--';
246         var loopmodifier = 'i + 1';
247         var targetOffset = 1;
248     }
250     //move on backend
251     main.connect('POST','class=section&field=move',null,'id='+this.sectionId+'&value=' + (target.sectionId - targetOffset));
253     //move on front end
254     for (var i=loopStart; eval(loopCondition); eval(loopInc)) {
256         if ((main.sections[i] == this) && !found) {
257             //encounter with original node
258             if (this.debug) {
259                 YAHOO.log("Found Original "+main.sections[i].getEl().id);
260             }
261             if (main.sections[i] == this) {
262                 found = true;
263             }
264         } else if (main.sections[i] == target) {
265             //encounter with target node
266             if (this.debug) {
267                 YAHOO.log("Found target "+main.sections[i].getEl().id);
268             }
269             main.sections[i].swap_with_section(main.sections[eval(loopmodifier)]);
270             main.sections[i].swap_dates(main.sections[eval(loopmodifier)]);
271             found = false;
272             break;
273         } else if (found) {
274             //encounter with nodes inbetween
275             main.sections[i].swap_with_section(main.sections[eval(loopmodifier)]);
276             main.sections[i].swap_dates(main.sections[eval(loopmodifier)]);
277         }
278     }
279 };
282 section_class.prototype.swap_with_section = function(sectionIn) {
283     var tmpStore = null;
285     var thisIndex = main.get_section_index(this);
286     var targetIndex = main.get_section_index(sectionIn);
287     if (thisIndex == -1) {
288         // source must exist
289         return;
290     }
291     if (targetIndex == -1) {
292         // target must exist
293         return;
294     }
296     main.sections[targetIndex] = this;
297     main.sections[thisIndex] = sectionIn;
299     this.changeId(targetIndex);
300     sectionIn.changeId(thisIndex);
302     if (this.debug) {
303         YAHOO.log("Swapping "+this.getEl().id+" with "+sectionIn.getEl().id);
304     }
305     // Swap the sections.
306     YAHOO.util.DDM.swapNode(this.getEl(), sectionIn.getEl());
308     // Sections contain forms to add new resources/activities. These forms
309     // have not been updated to reflect the new positions of the sections that
310     // we have swapped. Let's swap the two sections' forms around.
311     if (this.getEl().getElementsByTagName('form')[0].parentNode
312             && sectionIn.getEl().getElementsByTagName('form')[0].parentNode) {
314         YAHOO.util.DDM.swapNode(this.getEl().getElementsByTagName('form')[0].parentNode,
315                 sectionIn.getEl().getElementsByTagName('form')[0].parentNode);
316     } else {
317         YAHOO.log("Swapping sections: form not present in one or both sections", "warn");
318     }
319 };
322 section_class.prototype.toggle_hide = function(e,target,superficial) {
323     if (this.sectionId > main.portal.numsections) {
324         // no need to do anything in orphaned sections
325         return;
326     }
328     var strhide = main.portal.strings['hide'];
329     var strshow = main.portal.strings['show'];
330     if (this.hidden) {
331         YAHOO.util.Dom.removeClass(this.getEl(), 'hidden');
332         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/show/i, 'hide');
333         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strshow, strhide);
334         this.viewButton.childNodes[0].title = this.viewButton.childNodes[0].title.replace(strshow, strhide); //IE hack.
335         this.viewButton.title = this.viewButton.title.replace(strshow, strhide);
336         this.hidden = false;
338         if (!superficial) {
339             main.connect('POST', 'class=section&field=visible', null, 'value=1&id='+this.sectionId);
340             for (var x=0; x<this.resources.length; x++) {
341                 this.resources[x].toggle_hide(null, null, true, this.resources[x].hiddenStored);
342                 this.resources[x].hiddenStored = null;
343             }
344         }
346     } else {
347         YAHOO.util.Dom.addClass(this.getEl(), 'hidden');
348         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/hide/i, 'show');
349         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strhide, strshow);
350         this.viewButton.childNodes[0].title = this.viewButton.childNodes[0].title.replace(strhide, strshow); //IE hack.
351         this.viewButton.title = this.viewButton.title.replace(strhide, strshow);
352         this.hidden = true;
354         if (!superficial) {
355             main.connect('POST', 'class=section&field=visible', null, 'value=0&id='+this.sectionId);
356             for (var x=0; x<this.resources.length; x++) {
357                 this.resources[x].hiddenStored = this.resources[x].hidden;
358                 this.resources[x].toggle_hide(null, null, true, true);
359             }
360         }
361     }
362 };
365 section_class.prototype.toggle_highlight = function() {
366     var strmarker = main.portal.strings['marker'];
367     var strmarked = main.portal.strings['marked'];
369     if (this.highlighted) {
370         YAHOO.util.Dom.removeClass(this.getEl(), 'current');
371         this.highlightButton.childNodes[0].src = main.portal.icons['marker'];
372         this.highlightButton.childNodes[0].alt = strmarker;
373         this.highlightButton.childNodes[0].title = strmarker;   //for IE
374         this.highlightButton.title = strmarker;
375         this.highlighted = false;
376     } else {
377         YAHOO.util.Dom.addClass(this.getEl(), 'current');
378         this.highlightButton.childNodes[0].src = main.portal.icons['marked'];
379         this.highlightButton.childNodes[0].alt = strmarked;
380         this.highlightButton.childNodes[0].title = strmarked;   //for IE
381         this.highlightButton.title = strmarked;
382         this.highlighted = true;
383     }
384 };
387 section_class.prototype.mk_marker = function() {
388     if (main.marker != this) {
389         main.update_marker(this);
390     } else {
391         // If currently the marker
392         main.marker = null;
394         main.connect('POST', 'class=course&field=marker', null, 'value=0');
395         this.toggle_highlight();
396     }
397 };
400 section_class.prototype.changeId = function(newId) {
401     this.sectionId = newId;
402     this.numberDisplay.firstChild.data = newId;
404     //main.connectQueue_add('POST','class=section&field=all',null,'id='+newId+"&summary="+main.mk_safe_for_transport(this.summary)+"&sequence="+this.write_sequence_list(true)+'&visible='+(this.hidden?0:1))
406     if (main.marker == this) {
407         main.update_marker(this);
408     }
409 };
412 section_class.prototype.get_resource_index = function(el) {
413     for (var x=0; x<this.resources.length; x++) {
414         if (this.resources[x] == el) {
415             return x;
416         }
417     }
418     YAHOO.log("Could not find resource to remove "+el.getEl().id, "error");
419     return -1;
420 };
423 section_class.prototype.remove_resource = function(el) {
425     var resourceEl = el.getEl();
426     var parentEl = resourceEl.parentNode;
427     if (!parentEl) {
428         return false;
429     }
431     var resourceCount = this.resources.length;
433     if (resourceCount == 1) {
434         if (this.resources[0] == el) {
435             this.resources = new Array();
436         }
437     } else {
438         var found = false;
439         for (var i=0; i<resourceCount; i++) {
440             if (found) {
441                 this.resources[i - 1] = this.resources[i];
442                 if (i == resourceCount - 1) {
443                     this.resources = this.resources.slice(0, -1);
444                     resourceCount--;
445                 }
446                 this.resources[i - 1].update_index(i - 1);
447             } else if (this.resources[i] == el) {
448                 found = true;
449             }
450         }
451     }
452     // Remove any extra text nodes to keep DOM clean.
453     var kids = parentEl.childNodes;
455     for (var i=0; i<kids.length; i++) {
456         if (kids[i].nodeType == 3) {
457             YAHOO.log('Removed extra text node.');
458             parentEl.removeChild(kids[i]);
459         }
460     }
461     parentEl.removeChild(resourceEl);
463     this.write_sequence_list();
464     return true;
465 };
468 section_class.prototype.insert_resource = function(el, targetel) {
469     var resourcecount = this.resources.length;
470     var found = false;
471     var tempStore = nextStore = null;
473     //update in backend
474     var targetId = '';
475     if (targetel) {
476         targetId = targetel.id;
477     }
478     if (this.debug) {
479         YAHOO.log('id='+el.id+', beforeId='+targetId+', sectionId='+this.sectionId);
480     }
481     main.connect('POST', 'class=resource&field=move', null,
482             'id='+el.id+'&beforeId='+targetId+'&sectionId='+this.sectionId);
484     //if inserting into a hidden resource hide
485     if (this.hidden) {
486         el.hiddenStored = el.hidden;
487         el.toggle_hide(null, null, true, true);
488     } else {
489         if (el.hiddenStored != null) {
490             el.toggle_hide(null, null, true, el.hiddenStored);
491             el.hiddenStored = null;
492         }
493     }
494     //update model
495     if (!targetel) {
496         this.resources[this.resources.length] = el;
497     } else {
498         for (var i=0; i<resourcecount; i++) {
499             if (found) {
500                 tempStore = this.resources[i];
501                 this.resources[i] = nextStore;
502                 nextStore = tempStore;
504                 if (nextStore != null)
505                     nextStore.update_index(i+1);
507             } else if (this.resources[i] == targetel) {
508                 found = true;
509                 nextStore = this.resources[i];
510                 this.resources[i] = el;
511                 resourcecount++;
513                 this.resources[i].update_index(i, this.ident);
514                 nextStore.update_index(i + 1);
515             }
516         }
517     }
518     //update on frontend
519     if (targetel) {
520         this.resources_ul.insertBefore(el.getEl(), targetel.getEl());
521         //this.resources_ul.insertBefore(document.createTextNode(' '), targetel.getEl());
522     } else {
523         this.resources_ul.appendChild(el.getEl());
524         //this.resources_ul.appendChild(document.createTextNode(' '));
525     }
526     el.parentObj = this;
527 };
530 section_class.prototype.write_sequence_list = function(toReturn) {
531     var listOutput = '';
533     for (var i=0; i<this.resources.length; i++) {
534         listOutput += this.resources[i].id;
535         if (i != (this.resources.length-1)) {
536             listOutput += ',';
537         }
538     }
539     if (toReturn) {
540         return listOutput;
541     }
542 };
547 /**
548  * resource_class extends util.DDProxy
549  */
550 function resource_class(id,group,config,parentObj) {
551     this.init_resource(id,group,config,parentObj);
554 YAHOO.extend(resource_class, YAHOO.util.DDProxy);
557 resource_class.prototype.debug = false;
560 resource_class.prototype.init_resource = function(id, group, config, parentObj) {
561     if (!id) {
562         YAHOO.log("Init resource, NO ID FOUND!", 'error');
563         return;
564     }
566     // Some constants.
567     this.NOGROUPS = 0;
568     this.SEPARATEGROUPS = 1;
569     this.VISIBLEGROUPS = 2;
571     this.is = 'resource';
572     this.init(id, group, config);
573     this.createFrame();
574     this.isTarget = true;
576     this.id = this.getEl().id.replace(/module-/i, '');
578     this.hidden = false;
579     if (YAHOO.util.Dom.hasClass(this.getEl().getElementsByTagName('a')[0], 'dimmed') ||
580         YAHOO.util.Dom.hasClass(this.getEl().getElementsByTagName('div')[1], 'dimmed_text')) {
581         this.hidden = true;
582     }
583     this.hiddenStored = null;
585     this.groupmode = null;  // Can be null (i.e. does not apply), 0, 1 or 2.
587     this.linkContainer = this.getEl().getElementsByTagName('a')[0];
588     this.divContainer = this.getEl().getElementsByTagName('div')[0];
590     this.commandContainer = null;
591     this.indentLeftButton = null;
592     this.indentRightButton = null;
593     this.viewButton = null;
594     this.groupButton = null;
595     this.handle = null;
596     this.init_buttons();
598     this.parentObj = parentObj;
600     if (this.debug) {
601         YAHOO.log("init_resource "+id+" parent = "+parentObj.getEl().id);
602     }
603 };
606 /**
607  * The current strategy is to look at the DOM tree to get information on the
608  * resource and it's current mode. This is bad since we are dependant on
609  * the html that is output from serverside logic. Seemingly innocuous changes
610  * like changing the language string for the title of a button will break
611  * our JavaScript here. This is brittle.
612  *
613  * First, we clear the buttons container. Then:
614  *   We need to add the new-style move handle.
615  *   The old style move button (up/down) needs to be removed.
616  *   Move left button (if any) needs an event handler.
617  *   Move right button (if any) needs an event handler.
618  *   Update button stays as it is. Add it back.
619  *   Delete button needs an event handler.
620  *   Visible button is a toggle. It needs an event handler too.
621  *   Group mode button is a toggle. It needs an event handler too.
622  */
623 resource_class.prototype.init_buttons = function() {
625     var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands',
626             'span', this.getEl())[0];
628     if (commandContainer == null) {
629         YAHOO.log('Cannot find command container for '+this.getEl().id, 'error');
630         return;
631     }
633     // Language strings.
634     var strgroupsnone = main.portal.strings['groupsnone'];
635     var strgroupsseparate = main.portal.strings['groupsseparate'];
636     var strgroupsvisible = main.portal.strings['groupsvisible'];
638     this.commandContainer = commandContainer;
639     var buttons = commandContainer.getElementsByTagName('a');
641     // Buttons that we might need to add back in.
642     var deletePresent = false;
643     var hideshow = false;
644     var movehandle = false;
645     var moveLeft = false;
646     var moveRight = false;
647     var updateButton = null;
648     var duplicateButton = null;
649     var assignButton = null;
651     // for RTL support
652     var isrtl = (document.getElementsByTagName("html")[0].dir=="rtl");
654     for (var x=0; x<buttons.length; x++) {
655         if (buttons[x].className == 'editing_moveleft') {
656             moveLeft = true;
657         } else if (buttons[x].className == 'editing_moveright') {
658             moveRight = true;
659         } else if (buttons[x].className == 'editing_update') {
660             updateButton = buttons[x].cloneNode(true);
661         } else if (buttons[x].className == 'editing_duplicate') {
662             duplicateButton = buttons[x].cloneNode(true);
663         } else if (buttons[x].className == 'editing_assign') {
664             assignButton = buttons[x].cloneNode(true);
665         } else if (buttons[x].className == 'editing_groupsnone') {
666             this.groupmode = this.NOGROUPS;
667         } else if (buttons[x].className == 'editing_groupsseparate') {
668             this.groupmode = this.SEPARATEGROUPS;
669         } else if (buttons[x].className == 'editing_groupsvisible') {
670             this.groupmode = this.VISIBLEGROUPS;
671         } else if (buttons[x].className == 'editing_delete') {
672             deletePresent = true;
673         } else if (buttons[x].className == 'editing_hide') {
674             hideshow = true;
675         } else if (buttons[x].className == 'editing_show') {
676             hideshow = true;
677         } else if (buttons[x].className == 'editing_moveup') {
678             movehandle = true;
679         } else if (buttons[x].className == 'editing_movedown') {
680             movehandle = true;
681         } else if (buttons[x].className == 'editing_move') {
682             movehandle = true;
683         }
684     }
686     // Clear all the buttons.
687     commandContainer.innerHTML = '';
689     // Add move-handle for drag and drop.
690     if (movehandle) {
691         var handleRef = main.mk_button('a', main.portal.icons['move_2d'], main.portal.strings['move'],
692                 [['style', 'cursor:move']], [['class', 'iconsmall']]);
694         YAHOO.util.Dom.generateId(handleRef, 'sectionHandle');
695         this.handle = handleRef;
696         commandContainer.appendChild(handleRef);
697         this.setHandleElId(this.handle.id);
698     }
700     // Add indentation buttons if needed (move left, move right).
701     if (moveLeft) {
702         var button = main.mk_button('a', main.portal.icons['backwards'], main.portal.strings['moveleft'],
703                 [['class', 'editing_moveleft']], [['class', 'iconsmall']]);
704         YAHOO.util.Event.addListener(button, 'click', this.indent_left, this, true);
705         commandContainer.appendChild(button);
706         this.indentLeftButton = button;
707     }
709     if (moveRight) {
710         var button = main.mk_button('a', main.portal.icons['forwards'], main.portal.strings['moveright'],
711                 [['class', 'editing_moveright']], [['class', 'iconsmall']]);
712         YAHOO.util.Event.addListener(button, 'click', this.indent_right, this, true);
713         commandContainer.appendChild(button);
714         this.indentRightButton = button;
715     }
717     if (updateButton) {
718         // Add edit button back in.
719         commandContainer.appendChild(updateButton);
720     }
722     if (duplicateButton) {
723         commandContainer.appendChild(duplicateButton);
724     }
726     // Add the delete button.
727     if (deletePresent) {
728         var button = main.mk_button('a', main.portal.icons['delete'], main.portal.strings['delete'], null, [['class', 'iconsmall']]);
729         YAHOO.util.Event.addListener(button, 'click', this.delete_button, this, true);
730         commandContainer.appendChild(button);
731     }
733     // Add the hide or show button.
734     if (hideshow) {
735         if (this.hidden) {
736             var button = main.mk_button('a', main.portal.icons['show'], main.portal.strings['show'], null, [['class', 'iconsmall']]);
737         } else {
738             var button = main.mk_button('a', main.portal.icons['hide'], main.portal.strings['hide'], null, [['class', 'iconsmall']]);
739         }
740         YAHOO.util.Event.addListener(button, 'click', this.toggle_hide, this, true);
741         commandContainer.appendChild(button);
742         this.viewButton = button;
743     }
745     // Add the groupmode button if needed.
746     if (this.groupmode != null) {
747         if (this.groupmode == this.NOGROUPS) {
748             var button = main.mk_button('a', main.portal.icons['groupn'], strgroupsnone, null, [['class', 'iconsmall']]);
749         } else if (this.groupmode == this.SEPARATEGROUPS) {
750             var button = main.mk_button('a', main.portal.icons['groups'], strgroupsseparate, null, [['class', 'iconsmall']]);
751         } else {
752             var button = main.mk_button('a', main.portal.icons['groupv'], strgroupsvisible, null, [['class', 'iconsmall']]);
753         }
754         YAHOO.util.Event.addListener(button, 'click', this.toggle_groupmode, this, true);
755         commandContainer.appendChild(button);
756         this.groupButton = button;
757     }
759     // Add the assign roles button back in
760     if (assignButton != null) {
761         commandContainer.appendChild(assignButton);
762     }
763 };
766 resource_class.prototype.indent_left = function() {
768     var indentdiv = YAHOO.util.Dom.getElementsByClassName('mod-indent', 'div', this.getEl())[0];
769     if (!indentdiv) {
770         if (this.debug) {
771             YAHOO.log('Could not indent left: intending div does not exist', 'error');
772         }
773         return false;
774     }
775     var oldindent = indentdiv.className.match(/mod-indent-(\d{1,})/);
776     if (oldindent && oldindent[1] > 0) {
777         oldindent = oldindent[1];
778     } else {
779         return false;
780     }
781     var newindent = parseFloat(oldindent) - 1;
782     YAHOO.util.Dom.replaceClass(indentdiv, 'mod-indent-'+oldindent, 'mod-indent-'+newindent);
783     main.connect('POST', 'class=resource&field=indentleft', null, 'id='+this.id);
785     if (newindent == 0) {
786         // Remove the indent left button as well.
787         var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands',
788                 'span', this.getEl())[0];
789         commandContainer.removeChild(this.indentLeftButton);
790         this.indentLeftButton = null;
791     }
793     return true;
794 };
797 resource_class.prototype.indent_right = function() {
799     var indentdiv = YAHOO.util.Dom.getElementsByClassName('mod-indent', 'div', this.getEl())[0];
800     if (!indentdiv) {
801         if (this.debug) {
802             YAHOO.log('Could not indent left: intending div does not exist', 'error');
803         }
804         return false;
805     }
806     var oldindent = indentdiv.className.match(/mod-indent-(\d{1,})/);
807     if (oldindent && oldindent[1] >= 0) {
808         oldindent = oldindent[1];
809         var newindent = parseFloat(oldindent) + 1;
810         YAHOO.util.Dom.replaceClass(indentdiv, 'mod-indent-'+oldindent, 'mod-indent-'+newindent);
811     } else {
812         YAHOO.util.Dom.addClass(indentdiv, 'mod-indent-1');
813     }
814     main.connect('POST', 'class=resource&field=indentright', null, 'id='+this.id);
816     if (!this.indentLeftButton) {
817         // Add a indent left button if none is present.
818         var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands', 'span', this.getEl())[0];
819         var button = main.mk_button('a', main.portal.icons['backwards'], main.portal.strings['moveleft'],
820                 [['class', 'editing_moveleft']], [['class', 'iconsmall']]);
821         YAHOO.util.Event.addListener(button, 'click', this.indent_left, this, true);
822         commandContainer.insertBefore(button, this.indentRightButton);
823         this.indentLeftButton = button;
824     }
826     return true;
827 };
830 resource_class.prototype.toggle_hide = function(target, e, superficial, force) {
831     var strhide = main.portal.strings['hide'];
832     var strshow = main.portal.strings['show'];
833     if (force != null) {
834         if (this.debug) {
835             YAHOO.log("Resource "+this.getEl().id+" forced to "+force);
836         }
837         this.hidden = !force;
838     }
839     if (this.hidden) {
840         YAHOO.util.Dom.removeClass(this.linkContainer, 'dimmed');
841         YAHOO.util.Dom.removeClass(this.divContainer, 'dimmed_text');
842         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/show/i, 'hide');
843         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strshow, strhide);
844         this.viewButton.title = this.viewButton.title.replace(strshow, strhide);
845         this.hidden = false;
847         if (!superficial) {
848             main.connect('POST', 'class=resource&field=visible', null, 'value=1&id='+this.id);
849         }
850     } else {
851         YAHOO.util.Dom.addClass(this.linkContainer, 'dimmed');
852         YAHOO.util.Dom.addClass(this.divContainer, 'dimmed_text');
853         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/hide/i, 'show');
854         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strhide, strshow);
855         this.viewButton.title = this.viewButton.title.replace(strhide, strshow);
856         this.hidden = true;
858         if (!superficial) {
859             main.connect('POST', 'class=resource&field=visible', null, 'value=0&id='+this.id);
860         }
861     }
862 };
865 resource_class.prototype.groupImages = ['groupn', 'groups', 'groupv'];
868 resource_class.prototype.toggle_groupmode = function() {
869     this.groupmode++;
870     if (this.groupmode > 2) {
871         this.groupmode = 0;
872     }
874     var newtitle = this.groupButton.title;
876     switch (this.groupmode) {
877         case 0:
878             newtitle = main.portal.strings['groupsnone'];
879             break;
880         case 1:
881             newtitle = main.portal.strings['groupsseparate'];
882             break;
883         case 2:
884             newtitle = main.portal.strings['groupsvisible'];
885             break;
886     }
888     this.groupButton.getElementsByTagName('img')[0].alt = newtitle;
889     this.groupButton.title = newtitle;
891     this.groupButton.getElementsByTagName('img')[0].src = main.portal.icons[this.groupImages[this.groupmode]];
892     main.connect('POST', 'class=resource&field=groupmode', null, 'value='+this.groupmode+'&id='+this.id);
893 };
896 resource_class.prototype.delete_button = function() {
897     if (this.debug) {
898     YAHOO.log("Deleting "+this.getEl().id+" from parent "+this.parentObj.getEl().id);
899     }
901     // default fallback to something like 'Resource 42'
902     var modtype = main.getString(this.is);
903     var modname = this.id;
905     // try to get less cryptic instance name from DOM
906     if (YAHOO.util.Dom.hasClass(this.getEl(), 'activity')) {
907         if (YAHOO.util.Dom.hasClass(this.getEl(), 'label')) {
908             // mod_label instance
909             modtype = main.getString('modtype_label');
910             modname = '';
911         } else {
912             // other mod instance, get the type first
913             matches = new RegExp(/modtype_(\w+)/).exec(this.getEl().className);
914             if (matches[1] && main.hasString('modtype_' + matches[1])) {
915                 modtype = main.getString('modtype_' + matches[1]);
916             }
917             // look for span.instancename content to get the module instance name from it
918             instancename = YAHOO.util.Selector.query('.instancename', this.getEl(), true);
919             if (instancename) {
920                 // remove the span.accesshide
921                 accesshides = YAHOO.util.Selector.query('.accesshide', instancename);
922                 for (x in accesshides) {
923                     instancename.removeChild(accesshides[x]);
924                 }
925                 // strip HTML tags
926                 instancenametext = instancename.innerHTML.replace(/<[^>]+>/g, '');
927                 // and if anything survived, consider it the instance name
928                 if (instancenametext) {
929                     modname = instancenametext;
930                 }
931                 // put span.accesshides back
932                 for (x in accesshides) {
933                     instancename.appendChild(accesshides[x]);
934                 }
935             }
936         }
937     }
939     if (modname) {
940         modname = "'" + modname + "'";
941     }
942     if (!confirm(main.getString('deletecheck', modtype + ' ' + modname))) {
943         return false;
944     }
945     this.parentObj.remove_resource(this);
946     main.connect('POST', 'class=resource&action=DELETE&id='+this.id);
947 };
950 resource_class.prototype.update_index = function(index) {
951     if (this.debug) {
952         YAHOO.log("Updating Index for resource "+this.getEl().id+" to "+index);
953     }
954 };
957 resource_class.prototype.startDrag = function(x, y) {
958     YAHOO.util.DDM.mode = YAHOO.util.DDM.INTERSECT;
960     //reinitialize dd element
961     this.getDragEl().innerHTML = '';
963     var targets = YAHOO.util.DDM.getRelated(this, true);
964     if (this.debug) {
965         YAHOO.log(this.id + " startDrag "+targets.length + " targets");
966     }
967 };
970 resource_class.prototype.clear_move_markers = function(target) {
971     if (target.is == 'section') {
972         resources = target.resources;
973     } else {
974         resources = target.parentObj.resources;
975     }
976     for (var i=0; i<resources.length; i++) {
977         if (resources[i].getEl() != null) {
978             YAHOO.util.Dom.setStyle(resources[i].getEl().id, 'border', 'none');
979         }
980     }
981 };
984 resource_class.prototype.onDragOver = function(e, ids) {
985     var target = YAHOO.util.DDM.getBestMatch(ids);
987     this.clear_move_markers(target);
989     if (target != this && (target.is == 'resource' || target.is == 'activity')) {
990         // Add a top border to show where the drop will place the resource.
991         YAHOO.util.Dom.setStyle(target.getEl().id, 'border-top', '1px solid #BBB');
992     } else if (target.is == 'section' && target.resources.length > 0) {
993         // We need to have a border at the bottom of the last activity in
994         // that section.
995         if (target.resources[target.resources.length - 1].getEl() != null) {
996             YAHOO.util.Dom.setStyle(target.resources[target.resources.length - 1].getEl().id,
997                 'border-bottom', '1px solid #BBB');
998         }
999     }
1000 };
1003 resource_class.prototype.onDragOut = function(e, ids) {
1004     var target = YAHOO.util.DDM.getBestMatch(ids);
1005     if (target) {
1006         this.clear_move_markers(target);
1007     }
1008 };
1011 resource_class.prototype.onDragDrop = function(e, ids) {
1012     var target = YAHOO.util.DDM.getBestMatch(ids);
1013     if (!target) {
1014         YAHOO.log('onDragDrop: Target is not valid!', 'error');
1015     }
1017     if (this.debug) {
1018         YAHOO.log("Dropped on section id="+target.sectionId
1019                 +", el="+this.getEl().id
1020                 +", x="+YAHOO.util.Dom.getXY( this.getDragEl() ));
1021     }
1022     this.parentObj.remove_resource(this);
1024     if (target.is == 'resource' || target.is == 'activity') {
1025         target.parentObj.insert_resource(this, target);
1026     } else if (target.is == 'section') {
1027         target.insert_resource(this);
1028     }
1029     this.clear_move_markers(target);
1030     return;
1031 };
1034 resource_class.prototype.endDrag = function() {
1035     // Eliminates default action
1036 };
1038 section_class.prototype.swap_dates = function(el){
1039     var i=1;
1040     var divs = YAHOO.util.Selector.query('div .weekdates');
1042     for (div in divs) {
1043         divs[div].innerHTML = main.sectiondates[i];
1044         i++;
1045     }
1046 };