MDL-31903 course: Highlight icon will get iniatlised properly
[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 = '';
96         //If current topic, then initalised as marked else marker
97         if (YAHOO.util.Dom.hasClass(this.getEl(),'current')) {
98             highlightbutton = main.mk_button('div', main.portal.icons['marked'], main.getString('marked', this.sectionId));
99         } else {
100             highlightbutton = main.mk_button('div', main.portal.icons['marker'], main.getString('marker', this.sectionId));
101         }
102         YAHOO.util.Event.addListener(highlightbutton, 'click', this.mk_marker, this, true);
103         commandContainer.appendChild(highlightbutton);
104         this.highlightButton = highlightbutton;
105     }
106     if (this.sectionId > 0) {
107         var viewbutton = main.mk_button('div', main.portal.icons['hide'], main.getString('hidesection', this.sectionId),
108                 [['title', main.portal.strings['hide'] ]]);
109         YAHOO.util.Event.addListener(viewbutton, 'click', this.toggle_hide, this,true);
110         commandContainer.appendChild(viewbutton);
111         this.viewButton = viewbutton;
112     }
113 };
116 section_class.prototype.add_handle = function() {
117     var handleRef = main.mk_button('a', main.portal.icons['move_2d'], main.getString('movesection', this.sectionId),
118             [['title', main.portal.strings['move'] ], ['style','cursor:move']]);
120     YAHOO.util.Dom.generateId(handleRef, 'sectionHandle');
122     this.handle = handleRef;
124     this.getEl().childNodes[0].appendChild(handleRef);
125     this.setHandleElId(this.handle.id);
126 };
129 section_class.prototype.process_section = function() {
130     this.content_div = YAHOO.util.Dom.getElementsByClassName('content',null,this.getEl())[0];
132     if (YAHOO.util.Dom.hasClass(this.getEl(),'current')) {
133         this.highlighted = true;
134         main.marker = this;
135     }
137     // Create holder for display number for access later
139     this.numberDisplay = document.createElement('div');
140     this.numberDisplay.innerHTML = this.getEl().childNodes[0].innerHTML;
141     this.getEl().childNodes[0].innerHTML = '';
142     this.getEl().childNodes[0].appendChild(this.numberDisplay);
144     this.sectionId = this.id.replace(/section-/i, ''); // Okay, we will have to change this if we
145     // ever change the id attributes format
146     // for the sections.
147     if (this.debug) {
148         YAHOO.log("Creating section "+this.getEl().id+" in position "+this.sectionId);
149     }
151     // Find/edit resources
152     this.resources_ul = this.content_div.getElementsByTagName('ul')[0];
153     var i=0;
154     while (this.resources_ul && this.resources_ul.className != 'section img-text') {
155         i++;
156         this.resources_ul = this.content_div.getElementsByTagName('ul')[i]; i++;
157     }
158     if (!this.resources_ul) {
159         this.resources_ul = document.createElement('ul');
160         this.resources_ul.className='section';
161         this.content_div.insertBefore(this.resources_ul, this.content_div.lastChild);
162     }
163     var resource_count = this.resources_ul.getElementsByTagName('li').length;
165     for (var i=0;i<resource_count;i++) {
166         var resource = this.resources_ul.getElementsByTagName('li')[i];
167         this.resources[this.resources.length] = new resource_class(resource.id, 'resources', null, this);
168     }
170     var sum = YAHOO.util.Dom.getElementsByClassName('summary', null, this.getEl());
171     if (sum[0]) {
172         this.summary = sum[0].firstChild.data || '';
173     } else {
174         // orphaned activities
175         this.summary = null;
176     }
177 };
180 section_class.prototype.startDrag = function(x, y) {
181     //operates in point mode
182     YAHOO.util.DDM.mode = YAHOO.util.DDM.POINT;
184     //remove from resources group temporarily
185     this.removeFromGroup('resources');
187     //reinitialize dd element
188     this.getDragEl().innerHTML = '';
190     var targets = YAHOO.util.DDM.getRelated(this, true);
192     if (this.debug) {
193         YAHOO.log(this.id + " startDrag, "+targets.length + " targets");
194     }
195 };
198 section_class.prototype.onDragDrop = function(e, id) {
199     // get the drag and drop object that was targeted
200     var target = YAHOO.util.DDM.getDDById(id);
202     if (this.debug) {
203         YAHOO.log("Section dropped on id="+id+" (I am "+this.getEl().id+") x="
204                 +YAHOO.util.Dom.getXY(this.getDragEl()));
205     }
206     this.move_to_section(target);
208     //add back to resources group
209     this.addToGroup('resources');
210 };
213 section_class.prototype.endDrag = function() {
214     //nessicary to defeat default action
216     //add back to resources group
217     this.addToGroup('resources');
218 };
221 section_class.prototype.move_to_section = function(target) {
222     var tempDiv = document.createElement('div');
223     var tempStore = null;
224     var sectionCount = main.sections.length;
225     var found = null;
227     //determine if original is above or below target and adjust loop
228     var oIndex = main.get_section_index(this);
229     var tIndex = main.get_section_index(target);
231     if (oIndex == -1) {
232         // source must exist
233         return;
234     }
235     if (tIndex == -1) {
236         // target must exist
237         return;
238     }
239     if (this.debug) {
240         YAHOO.log("original is at: "+oIndex+" target is at:"+tIndex+" of "+(sectionCount-1));
241     }
242     if (oIndex < tIndex) {
243         var loopCondition = 'i<sectionCount';
244         var loopStart = 1;
245         var loopInc = 'i++';
246         var loopmodifier = 'i - 1';
247         var targetOffset = 0;
248     } else {
249         var loopCondition = 'i > 0';
250         var loopStart = sectionCount - 1;
251         var loopInc = 'i--';
252         var loopmodifier = 'i + 1';
253         var targetOffset = 1;
254     }
256     //move on backend
257     main.connect('POST','class=section&field=move',null,'id='+this.sectionId+'&value=' + (target.sectionId - targetOffset));
259     //move on front end
260     for (var i=loopStart; eval(loopCondition); eval(loopInc)) {
262         if ((main.sections[i] == this) && !found) {
263             //encounter with original node
264             if (this.debug) {
265                 YAHOO.log("Found Original "+main.sections[i].getEl().id);
266             }
267             if (main.sections[i] == this) {
268                 found = true;
269             }
270         } else if (main.sections[i] == target) {
271             //encounter with target node
272             if (this.debug) {
273                 YAHOO.log("Found target "+main.sections[i].getEl().id);
274             }
275             main.sections[i].swap_with_section(main.sections[eval(loopmodifier)]);
276             main.sections[i].swap_dates(main.sections[eval(loopmodifier)]);
277             found = false;
278             break;
279         } else if (found) {
280             //encounter with nodes inbetween
281             main.sections[i].swap_with_section(main.sections[eval(loopmodifier)]);
282             main.sections[i].swap_dates(main.sections[eval(loopmodifier)]);
283         }
284     }
285 };
288 section_class.prototype.swap_with_section = function(sectionIn) {
289     var tmpStore = null;
291     var thisIndex = main.get_section_index(this);
292     var targetIndex = main.get_section_index(sectionIn);
293     if (thisIndex == -1) {
294         // source must exist
295         return;
296     }
297     if (targetIndex == -1) {
298         // target must exist
299         return;
300     }
302     main.sections[targetIndex] = this;
303     main.sections[thisIndex] = sectionIn;
305     this.changeId(targetIndex);
306     sectionIn.changeId(thisIndex);
308     if (this.debug) {
309         YAHOO.log("Swapping "+this.getEl().id+" with "+sectionIn.getEl().id);
310     }
311     // Swap the sections.
312     YAHOO.util.DDM.swapNode(this.getEl(), sectionIn.getEl());
314     // Sections contain forms to add new resources/activities. These forms
315     // have not been updated to reflect the new positions of the sections that
316     // we have swapped. Let's swap the two sections' forms around.
317     if (this.getEl().getElementsByTagName('form')[0].parentNode
318             && sectionIn.getEl().getElementsByTagName('form')[0].parentNode) {
320         YAHOO.util.DDM.swapNode(this.getEl().getElementsByTagName('form')[0].parentNode,
321                 sectionIn.getEl().getElementsByTagName('form')[0].parentNode);
322     } else {
323         YAHOO.log("Swapping sections: form not present in one or both sections", "warn");
324     }
325 };
328 section_class.prototype.toggle_hide = function(e,target,superficial) {
329     if (this.sectionId > main.portal.numsections) {
330         // no need to do anything in orphaned sections
331         return;
332     }
334     var strhide = main.portal.strings['hide'];
335     var strshow = main.portal.strings['show'];
336     if (this.hidden) {
337         YAHOO.util.Dom.removeClass(this.getEl(), 'hidden');
338         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/show/i, 'hide');
339         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strshow, strhide);
340         this.viewButton.childNodes[0].title = this.viewButton.childNodes[0].title.replace(strshow, strhide); //IE hack.
341         this.viewButton.title = this.viewButton.title.replace(strshow, strhide);
342         this.hidden = false;
344         if (!superficial) {
345             main.connect('POST', 'class=section&field=visible', null, 'value=1&id='+this.sectionId);
346             for (var x=0; x<this.resources.length; x++) {
347                 this.resources[x].toggle_hide(null, null, true, this.resources[x].hiddenStored);
348                 this.resources[x].hiddenStored = null;
349             }
350         }
352     } else {
353         YAHOO.util.Dom.addClass(this.getEl(), 'hidden');
354         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/hide/i, 'show');
355         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strhide, strshow);
356         this.viewButton.childNodes[0].title = this.viewButton.childNodes[0].title.replace(strhide, strshow); //IE hack.
357         this.viewButton.title = this.viewButton.title.replace(strhide, strshow);
358         this.hidden = true;
360         if (!superficial) {
361             main.connect('POST', 'class=section&field=visible', null, 'value=0&id='+this.sectionId);
362             for (var x=0; x<this.resources.length; x++) {
363                 this.resources[x].hiddenStored = this.resources[x].hidden;
364                 this.resources[x].toggle_hide(null, null, true, true);
365             }
366         }
367     }
368 };
371 section_class.prototype.toggle_highlight = function() {
372     var strmarker = main.portal.strings['marker'];
373     var strmarked = main.portal.strings['marked'];
375     if (this.highlighted) {
376         YAHOO.util.Dom.removeClass(this.getEl(), 'current');
377         this.highlightButton.childNodes[0].src = main.portal.icons['marker'];
378         this.highlightButton.childNodes[0].alt = strmarker;
379         this.highlightButton.childNodes[0].title = strmarker;   //for IE
380         this.highlightButton.title = strmarker;
381         this.highlighted = false;
382     } else {
383         YAHOO.util.Dom.addClass(this.getEl(), 'current');
384         this.highlightButton.childNodes[0].src = main.portal.icons['marked'];
385         this.highlightButton.childNodes[0].alt = strmarked;
386         this.highlightButton.childNodes[0].title = strmarked;   //for IE
387         this.highlightButton.title = strmarked;
388         this.highlighted = true;
389     }
390 };
393 section_class.prototype.mk_marker = function() {
394     if (main.marker != this) {
395         main.update_marker(this);
396     } else {
397         // If currently the marker
398         main.marker = null;
400         main.connect('POST', 'class=course&field=marker', null, 'value=0');
401         this.toggle_highlight();
402     }
403 };
406 section_class.prototype.changeId = function(newId) {
407     this.sectionId = newId;
408     this.numberDisplay.firstChild.data = newId;
410     //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))
412     if (main.marker == this) {
413         main.update_marker(this);
414     }
415 };
418 section_class.prototype.get_resource_index = function(el) {
419     for (var x=0; x<this.resources.length; x++) {
420         if (this.resources[x] == el) {
421             return x;
422         }
423     }
424     YAHOO.log("Could not find resource to remove "+el.getEl().id, "error");
425     return -1;
426 };
429 section_class.prototype.remove_resource = function(el) {
431     var resourceEl = el.getEl();
432     var parentEl = resourceEl.parentNode;
433     if (!parentEl) {
434         return false;
435     }
437     var resourceCount = this.resources.length;
439     if (resourceCount == 1) {
440         if (this.resources[0] == el) {
441             this.resources = new Array();
442         }
443     } else {
444         var found = false;
445         for (var i=0; i<resourceCount; i++) {
446             if (found) {
447                 this.resources[i - 1] = this.resources[i];
448                 if (i == resourceCount - 1) {
449                     this.resources = this.resources.slice(0, -1);
450                     resourceCount--;
451                 }
452                 this.resources[i - 1].update_index(i - 1);
453             } else if (this.resources[i] == el) {
454                 found = true;
455             }
456         }
457     }
458     // Remove any extra text nodes to keep DOM clean.
459     var kids = parentEl.childNodes;
461     for (var i=0; i<kids.length; i++) {
462         if (kids[i].nodeType == 3) {
463             YAHOO.log('Removed extra text node.');
464             parentEl.removeChild(kids[i]);
465         }
466     }
467     parentEl.removeChild(resourceEl);
469     this.write_sequence_list();
470     return true;
471 };
474 section_class.prototype.insert_resource = function(el, targetel) {
475     var resourcecount = this.resources.length;
476     var found = false;
477     var tempStore = nextStore = null;
479     //update in backend
480     var targetId = '';
481     if (targetel) {
482         targetId = targetel.id;
483     }
484     if (this.debug) {
485         YAHOO.log('id='+el.id+', beforeId='+targetId+', sectionId='+this.sectionId);
486     }
487     main.connect('POST', 'class=resource&field=move', null,
488             'id='+el.id+'&beforeId='+targetId+'&sectionId='+this.sectionId);
490     //if inserting into a hidden resource hide
491     if (this.hidden) {
492         el.hiddenStored = el.hidden;
493         el.toggle_hide(null, null, true, true);
494     } else {
495         if (el.hiddenStored != null) {
496             el.toggle_hide(null, null, true, el.hiddenStored);
497             el.hiddenStored = null;
498         }
499     }
500     //update model
501     if (!targetel) {
502         this.resources[this.resources.length] = el;
503     } else {
504         for (var i=0; i<resourcecount; i++) {
505             if (found) {
506                 tempStore = this.resources[i];
507                 this.resources[i] = nextStore;
508                 nextStore = tempStore;
510                 if (nextStore != null)
511                     nextStore.update_index(i+1);
513             } else if (this.resources[i] == targetel) {
514                 found = true;
515                 nextStore = this.resources[i];
516                 this.resources[i] = el;
517                 resourcecount++;
519                 this.resources[i].update_index(i, this.ident);
520                 nextStore.update_index(i + 1);
521             }
522         }
523     }
524     //update on frontend
525     if (targetel) {
526         this.resources_ul.insertBefore(el.getEl(), targetel.getEl());
527         //this.resources_ul.insertBefore(document.createTextNode(' '), targetel.getEl());
528     } else {
529         this.resources_ul.appendChild(el.getEl());
530         //this.resources_ul.appendChild(document.createTextNode(' '));
531     }
532     el.parentObj = this;
533 };
536 section_class.prototype.write_sequence_list = function(toReturn) {
537     var listOutput = '';
539     for (var i=0; i<this.resources.length; i++) {
540         listOutput += this.resources[i].id;
541         if (i != (this.resources.length-1)) {
542             listOutput += ',';
543         }
544     }
545     if (toReturn) {
546         return listOutput;
547     }
548 };
553 /**
554  * resource_class extends util.DDProxy
555  */
556 function resource_class(id,group,config,parentObj) {
557     this.init_resource(id,group,config,parentObj);
560 YAHOO.extend(resource_class, YAHOO.util.DDProxy);
563 resource_class.prototype.debug = false;
566 resource_class.prototype.init_resource = function(id, group, config, parentObj) {
567     if (!id) {
568         YAHOO.log("Init resource, NO ID FOUND!", 'error');
569         return;
570     }
572     // Some constants.
573     this.NOGROUPS = 0;
574     this.SEPARATEGROUPS = 1;
575     this.VISIBLEGROUPS = 2;
577     this.is = 'resource';
578     this.init(id, group, config);
579     this.createFrame();
580     this.isTarget = true;
582     this.id = this.getEl().id.replace(/module-/i, '');
584     this.hidden = false;
585     if (YAHOO.util.Dom.hasClass(this.getEl().getElementsByTagName('a')[0], 'dimmed') ||
586         YAHOO.util.Dom.hasClass(this.getEl().getElementsByTagName('div')[1], 'dimmed_text')) {
587         this.hidden = true;
588     }
589     this.hiddenStored = null;
591     this.groupmode = null;  // Can be null (i.e. does not apply), 0, 1 or 2.
593     this.linkContainer = this.getEl().getElementsByTagName('a')[0];
594     this.divContainer = this.getEl().getElementsByTagName('div')[0];
596     this.commandContainer = null;
597     this.indentLeftButton = null;
598     this.indentRightButton = null;
599     this.viewButton = null;
600     this.groupButton = null;
601     this.handle = null;
602     this.init_buttons();
604     this.parentObj = parentObj;
606     if (this.debug) {
607         YAHOO.log("init_resource "+id+" parent = "+parentObj.getEl().id);
608     }
609 };
612 /**
613  * The current strategy is to look at the DOM tree to get information on the
614  * resource and it's current mode. This is bad since we are dependant on
615  * the html that is output from serverside logic. Seemingly innocuous changes
616  * like changing the language string for the title of a button will break
617  * our JavaScript here. This is brittle.
618  *
619  * First, we clear the buttons container. Then:
620  *   We need to add the new-style move handle.
621  *   The old style move button (up/down) needs to be removed.
622  *   Move left button (if any) needs an event handler.
623  *   Move right button (if any) needs an event handler.
624  *   Update button stays as it is. Add it back.
625  *   Delete button needs an event handler.
626  *   Visible button is a toggle. It needs an event handler too.
627  *   Group mode button is a toggle. It needs an event handler too.
628  */
629 resource_class.prototype.init_buttons = function() {
631     var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands',
632             'span', this.getEl())[0];
634     if (commandContainer == null) {
635         YAHOO.log('Cannot find command container for '+this.getEl().id, 'error');
636         return;
637     }
639     // Language strings.
640     var strgroupsnone = main.portal.strings['groupsnone'];
641     var strgroupsseparate = main.portal.strings['groupsseparate'];
642     var strgroupsvisible = main.portal.strings['groupsvisible'];
644     this.commandContainer = commandContainer;
645     var buttons = commandContainer.getElementsByTagName('a');
647     // Buttons that we might need to add back in.
648     var deletePresent = false;
649     var hideshow = false;
650     var movehandle = false;
651     var moveLeft = false;
652     var moveRight = false;
653     var updateButton = null;
654     var duplicateButton = null;
655     var assignButton = null;
657     // for RTL support
658     var isrtl = (document.getElementsByTagName("html")[0].dir=="rtl");
660     for (var x=0; x<buttons.length; x++) {
661         if (buttons[x].className == 'editing_moveleft') {
662             moveLeft = true;
663         } else if (buttons[x].className == 'editing_moveright') {
664             moveRight = true;
665         } else if (buttons[x].className == 'editing_update') {
666             updateButton = buttons[x].cloneNode(true);
667         } else if (buttons[x].className == 'editing_duplicate') {
668             duplicateButton = buttons[x].cloneNode(true);
669         } else if (buttons[x].className == 'editing_assign') {
670             assignButton = buttons[x].cloneNode(true);
671         } else if (buttons[x].className == 'editing_groupsnone') {
672             this.groupmode = this.NOGROUPS;
673         } else if (buttons[x].className == 'editing_groupsseparate') {
674             this.groupmode = this.SEPARATEGROUPS;
675         } else if (buttons[x].className == 'editing_groupsvisible') {
676             this.groupmode = this.VISIBLEGROUPS;
677         } else if (buttons[x].className == 'editing_delete') {
678             deletePresent = true;
679         } else if (buttons[x].className == 'editing_hide') {
680             hideshow = true;
681         } else if (buttons[x].className == 'editing_show') {
682             hideshow = true;
683         } else if (buttons[x].className == 'editing_moveup') {
684             movehandle = true;
685         } else if (buttons[x].className == 'editing_movedown') {
686             movehandle = true;
687         } else if (buttons[x].className == 'editing_move') {
688             movehandle = true;
689         }
690     }
692     // Clear all the buttons.
693     commandContainer.innerHTML = '';
695     // Add move-handle for drag and drop.
696     if (movehandle) {
697         var handleRef = main.mk_button('a', main.portal.icons['move_2d'], main.portal.strings['move'],
698                 [['style', 'cursor:move']], [['class', 'iconsmall']]);
700         YAHOO.util.Dom.generateId(handleRef, 'sectionHandle');
701         this.handle = handleRef;
702         commandContainer.appendChild(handleRef);
703         this.setHandleElId(this.handle.id);
704     }
706     // Add indentation buttons if needed (move left, move right).
707     if (moveLeft) {
708         var button = main.mk_button('a', main.portal.icons['backwards'], main.portal.strings['moveleft'],
709                 [['class', 'editing_moveleft']], [['class', 'iconsmall']]);
710         YAHOO.util.Event.addListener(button, 'click', this.indent_left, this, true);
711         commandContainer.appendChild(button);
712         this.indentLeftButton = button;
713     }
715     if (moveRight) {
716         var button = main.mk_button('a', main.portal.icons['forwards'], main.portal.strings['moveright'],
717                 [['class', 'editing_moveright']], [['class', 'iconsmall']]);
718         YAHOO.util.Event.addListener(button, 'click', this.indent_right, this, true);
719         commandContainer.appendChild(button);
720         this.indentRightButton = button;
721     }
723     if (updateButton) {
724         // Add edit button back in.
725         commandContainer.appendChild(updateButton);
726     }
728     if (duplicateButton) {
729         commandContainer.appendChild(duplicateButton);
730     }
732     // Add the delete button.
733     if (deletePresent) {
734         var button = main.mk_button('a', main.portal.icons['delete'], main.portal.strings['delete'], null, [['class', 'iconsmall']]);
735         YAHOO.util.Event.addListener(button, 'click', this.delete_button, this, true);
736         commandContainer.appendChild(button);
737     }
739     // Add the hide or show button.
740     if (hideshow) {
741         if (this.hidden) {
742             var button = main.mk_button('a', main.portal.icons['show'], main.portal.strings['show'], null, [['class', 'iconsmall']]);
743         } else {
744             var button = main.mk_button('a', main.portal.icons['hide'], main.portal.strings['hide'], null, [['class', 'iconsmall']]);
745         }
746         YAHOO.util.Event.addListener(button, 'click', this.toggle_hide, this, true);
747         commandContainer.appendChild(button);
748         this.viewButton = button;
749     }
751     // Add the groupmode button if needed.
752     if (this.groupmode != null) {
753         if (this.groupmode == this.NOGROUPS) {
754             var button = main.mk_button('a', main.portal.icons['groupn'], strgroupsnone, null, [['class', 'iconsmall']]);
755         } else if (this.groupmode == this.SEPARATEGROUPS) {
756             var button = main.mk_button('a', main.portal.icons['groups'], strgroupsseparate, null, [['class', 'iconsmall']]);
757         } else {
758             var button = main.mk_button('a', main.portal.icons['groupv'], strgroupsvisible, null, [['class', 'iconsmall']]);
759         }
760         YAHOO.util.Event.addListener(button, 'click', this.toggle_groupmode, this, true);
761         commandContainer.appendChild(button);
762         this.groupButton = button;
763     }
765     // Add the assign roles button back in
766     if (assignButton != null) {
767         commandContainer.appendChild(assignButton);
768     }
769 };
772 resource_class.prototype.indent_left = function() {
774     var indentdiv = YAHOO.util.Dom.getElementsByClassName('mod-indent', 'div', this.getEl())[0];
775     if (!indentdiv) {
776         if (this.debug) {
777             YAHOO.log('Could not indent left: intending div does not exist', 'error');
778         }
779         return false;
780     }
781     var oldindent = indentdiv.className.match(/mod-indent-(\d{1,})/);
782     if (oldindent && oldindent[1] > 0) {
783         oldindent = oldindent[1];
784     } else {
785         return false;
786     }
787     var newindent = parseFloat(oldindent) - 1;
788     YAHOO.util.Dom.replaceClass(indentdiv, 'mod-indent-'+oldindent, 'mod-indent-'+newindent);
789     main.connect('POST', 'class=resource&field=indentleft', null, 'id='+this.id);
791     if (newindent == 0) {
792         // Remove the indent left button as well.
793         var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands',
794                 'span', this.getEl())[0];
795         commandContainer.removeChild(this.indentLeftButton);
796         this.indentLeftButton = null;
797     }
799     return true;
800 };
803 resource_class.prototype.indent_right = function() {
805     var indentdiv = YAHOO.util.Dom.getElementsByClassName('mod-indent', 'div', this.getEl())[0];
806     if (!indentdiv) {
807         if (this.debug) {
808             YAHOO.log('Could not indent left: intending div does not exist', 'error');
809         }
810         return false;
811     }
812     var oldindent = indentdiv.className.match(/mod-indent-(\d{1,})/);
813     if (oldindent && oldindent[1] >= 0) {
814         oldindent = oldindent[1];
815         var newindent = parseFloat(oldindent) + 1;
816         YAHOO.util.Dom.replaceClass(indentdiv, 'mod-indent-'+oldindent, 'mod-indent-'+newindent);
817     } else {
818         YAHOO.util.Dom.addClass(indentdiv, 'mod-indent-1');
819     }
820     main.connect('POST', 'class=resource&field=indentright', null, 'id='+this.id);
822     if (!this.indentLeftButton) {
823         // Add a indent left button if none is present.
824         var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands', 'span', this.getEl())[0];
825         var button = main.mk_button('a', main.portal.icons['backwards'], main.portal.strings['moveleft'],
826                 [['class', 'editing_moveleft']], [['class', 'iconsmall']]);
827         YAHOO.util.Event.addListener(button, 'click', this.indent_left, this, true);
828         commandContainer.insertBefore(button, this.indentRightButton);
829         this.indentLeftButton = button;
830     }
832     return true;
833 };
836 resource_class.prototype.toggle_hide = function(target, e, superficial, force) {
837     var strhide = main.portal.strings['hide'];
838     var strshow = main.portal.strings['show'];
839     if (force != null) {
840         if (this.debug) {
841             YAHOO.log("Resource "+this.getEl().id+" forced to "+force);
842         }
843         this.hidden = !force;
844     }
845     if (this.hidden) {
846         YAHOO.util.Dom.removeClass(this.linkContainer, 'dimmed');
847         YAHOO.util.Dom.removeClass(this.divContainer, 'dimmed_text');
848         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/show/i, 'hide');
849         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strshow, strhide);
850         this.viewButton.title = this.viewButton.title.replace(strshow, strhide);
851         this.hidden = false;
853         if (!superficial) {
854             main.connect('POST', 'class=resource&field=visible', null, 'value=1&id='+this.id);
855         }
856     } else {
857         YAHOO.util.Dom.addClass(this.linkContainer, 'dimmed');
858         YAHOO.util.Dom.addClass(this.divContainer, 'dimmed_text');
859         this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/hide/i, 'show');
860         this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strhide, strshow);
861         this.viewButton.title = this.viewButton.title.replace(strhide, strshow);
862         this.hidden = true;
864         if (!superficial) {
865             main.connect('POST', 'class=resource&field=visible', null, 'value=0&id='+this.id);
866         }
867     }
868 };
871 resource_class.prototype.groupImages = ['groupn', 'groups', 'groupv'];
874 resource_class.prototype.toggle_groupmode = function() {
875     this.groupmode++;
876     if (this.groupmode > 2) {
877         this.groupmode = 0;
878     }
880     var newtitle = this.groupButton.title;
882     switch (this.groupmode) {
883         case 0:
884             newtitle = main.portal.strings['groupsnone'];
885             break;
886         case 1:
887             newtitle = main.portal.strings['groupsseparate'];
888             break;
889         case 2:
890             newtitle = main.portal.strings['groupsvisible'];
891             break;
892     }
894     this.groupButton.getElementsByTagName('img')[0].alt = newtitle;
895     this.groupButton.title = newtitle;
897     this.groupButton.getElementsByTagName('img')[0].src = main.portal.icons[this.groupImages[this.groupmode]];
898     main.connect('POST', 'class=resource&field=groupmode', null, 'value='+this.groupmode+'&id='+this.id);
899 };
902 resource_class.prototype.delete_button = function() {
903     if (this.debug) {
904     YAHOO.log("Deleting "+this.getEl().id+" from parent "+this.parentObj.getEl().id);
905     }
907     // default fallback to something like 'Resource 42'
908     var modtype = main.getString(this.is);
909     var modname = this.id;
911     // try to get less cryptic instance name from DOM
912     if (YAHOO.util.Dom.hasClass(this.getEl(), 'activity')) {
913         if (YAHOO.util.Dom.hasClass(this.getEl(), 'label')) {
914             // mod_label instance
915             modtype = main.getString('modtype_label');
916             modname = '';
917         } else {
918             // other mod instance, get the type first
919             matches = new RegExp(/modtype_(\w+)/).exec(this.getEl().className);
920             if (matches[1] && main.hasString('modtype_' + matches[1])) {
921                 modtype = main.getString('modtype_' + matches[1]);
922             }
923             // look for span.instancename content to get the module instance name from it
924             instancename = YAHOO.util.Selector.query('.instancename', this.getEl(), true);
925             if (instancename) {
926                 // remove the span.accesshide
927                 accesshides = YAHOO.util.Selector.query('.accesshide', instancename);
928                 for (x in accesshides) {
929                     instancename.removeChild(accesshides[x]);
930                 }
931                 // strip HTML tags
932                 instancenametext = instancename.innerHTML.replace(/<[^>]+>/g, '');
933                 // and if anything survived, consider it the instance name
934                 if (instancenametext) {
935                     modname = instancenametext;
936                 }
937                 // put span.accesshides back
938                 for (x in accesshides) {
939                     instancename.appendChild(accesshides[x]);
940                 }
941             }
942         }
943     }
945     if (modname) {
946         modname = "'" + modname + "'";
947     }
948     if (!confirm(main.getString('deletecheck', modtype + ' ' + modname))) {
949         return false;
950     }
951     this.parentObj.remove_resource(this);
952     main.connect('POST', 'class=resource&action=DELETE&id='+this.id);
953 };
956 resource_class.prototype.update_index = function(index) {
957     if (this.debug) {
958         YAHOO.log("Updating Index for resource "+this.getEl().id+" to "+index);
959     }
960 };
963 resource_class.prototype.startDrag = function(x, y) {
964     YAHOO.util.DDM.mode = YAHOO.util.DDM.INTERSECT;
966     //reinitialize dd element
967     this.getDragEl().innerHTML = '';
969     var targets = YAHOO.util.DDM.getRelated(this, true);
970     if (this.debug) {
971         YAHOO.log(this.id + " startDrag "+targets.length + " targets");
972     }
973 };
976 resource_class.prototype.clear_move_markers = function(target) {
977     if (target.is == 'section') {
978         resources = target.resources;
979     } else {
980         resources = target.parentObj.resources;
981     }
982     for (var i=0; i<resources.length; i++) {
983         if (resources[i].getEl() != null) {
984             YAHOO.util.Dom.setStyle(resources[i].getEl().id, 'border', 'none');
985         }
986     }
987 };
990 resource_class.prototype.onDragOver = function(e, ids) {
991     var target = YAHOO.util.DDM.getBestMatch(ids);
993     this.clear_move_markers(target);
995     if (target != this && (target.is == 'resource' || target.is == 'activity')) {
996         // Add a top border to show where the drop will place the resource.
997         YAHOO.util.Dom.setStyle(target.getEl().id, 'border-top', '1px solid #BBB');
998     } else if (target.is == 'section' && target.resources.length > 0) {
999         // We need to have a border at the bottom of the last activity in
1000         // that section.
1001         if (target.resources[target.resources.length - 1].getEl() != null) {
1002             YAHOO.util.Dom.setStyle(target.resources[target.resources.length - 1].getEl().id,
1003                 'border-bottom', '1px solid #BBB');
1004         }
1005     }
1006 };
1009 resource_class.prototype.onDragOut = function(e, ids) {
1010     var target = YAHOO.util.DDM.getBestMatch(ids);
1011     if (target) {
1012         this.clear_move_markers(target);
1013     }
1014 };
1017 resource_class.prototype.onDragDrop = function(e, ids) {
1018     var target = YAHOO.util.DDM.getBestMatch(ids);
1019     if (!target) {
1020         YAHOO.log('onDragDrop: Target is not valid!', 'error');
1021     }
1023     if (this.debug) {
1024         YAHOO.log("Dropped on section id="+target.sectionId
1025                 +", el="+this.getEl().id
1026                 +", x="+YAHOO.util.Dom.getXY( this.getDragEl() ));
1027     }
1028     this.parentObj.remove_resource(this);
1030     if (target.is == 'resource' || target.is == 'activity') {
1031         target.parentObj.insert_resource(this, target);
1032     } else if (target.is == 'section') {
1033         target.insert_resource(this);
1034     }
1035     this.clear_move_markers(target);
1036     return;
1037 };
1040 resource_class.prototype.endDrag = function() {
1041     // Eliminates default action
1042 };
1044 section_class.prototype.swap_dates = function(el){
1045     var i=1;
1046     var divs = YAHOO.util.Selector.query('div .weekdates');
1048     for (div in divs) {
1049         divs[div].innerHTML = main.sectiondates[i];
1050         i++;
1051     }
1052 };