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