MySC

1) $('#cats').collapse({
2)   toggle: false
3) });
4) 
5) on_title_click=function(event) {
6)   if (event.target.tagName=='BUTTON') {
7)     return;
8)   }
9)   var title=$(this);
10)   var panel=title.parent().parent();
11)   var panel_collapse=panel.find('.panel-collapse');
12)   var show=!panel_collapse.hasClass('in');
13)   $('.panel-collapse').each(function(idx,div) {
14)     $(div).collapse('hide');
15)   });
16)   if (show) {
17)     panel_collapse.collapse('show');
18)   }
19) }
20) 
21) /***********************
22)  * Add scase
23)  **********************/
24) on_add_scase_btn_click=function(event) {
25)   navbar_collapse_hide();
26)   $('#add_scase_modal').modal('show');
27) }
28) 
29) on_valid_add_scase_modal=function (e) {
30)   e.preventDefault();
31)   var name=$('#add_scase_name')[0].value;
32)   if (name=='') {
33)     alert("Vous devez saisir le nom de la valise !");
34)     return;
35)   }
36)   if (scases.byName(name)) {
37)     alert("Cette valise existe déjà !");
38)     return;
39)   }
40)   var scase=scases.newSCase(name);
41)   if (scase) {
42)     scases.save();
43)     show_scase(scase);
44)   }
45)   $('#add_scase_modal').modal('hide');
46) }
47) 
48) on_show_add_scase_modal=function () {
49)   $('#add_scase_name').focus();
50) }
51) 
52) on_close_add_scase_modal=function () {
53)   $('#add_scase_modal form')[0].reset();
54) }
55) 
56) /***********************
57)  * Rename scase
58)  **********************/
59) on_rename_scase_btn_click=function(event) {
60)   navbar_collapse_hide();
61)   $('#rename_scase_name')[0].value=$('#cats').data('scase');
62)   $('#rename_scase_modal').modal('show');
63) }
64) 
65) on_valid_rename_scase_modal=function (e) {
66)   e.preventDefault();
67)   var name=$('#rename_scase_name')[0].value;
68)   if (name=='') {
69)     alert("Vous devez saisir le nouveau nom de la valise !");
70)     return;
71)   }
72)   if ($('#cats').data('scase')!=name) {
73)     if (scases.byName(name)) {
74)       alert("Cette valise existe déjà !");
75)       return;
76)     }
77) 
78)     var scase=scases.renameSCase($('#cats').data('scase'),name);
79)     if (scase) {
80)       scases.save();
81)       show_scase(scase);
82)     }
83)     else {
84)       alert('Une erreur est survenue en renomant la valise...');
85)     }
86)   }
87)   $('#rename_scase_modal').modal('hide');
88) }
89) 
90) on_show_rename_scase_modal=function () {
91)   $('#rename_scase_name').focus();
92) }
93) 
94) on_close_rename_scase_modal=function () {
95)   $('#rename_scase_modal form')[0].reset();
96) }
97) 
98) /***********************
99)  * Copy scase
100)  **********************/
101) on_copy_scase_btn_click=function(event) {
102)   navbar_collapse_hide();
103)   $('#copy_scase_modal').modal('show');
104) }
105) 
106) on_valid_copy_scase_modal=function (e) {
107)   e.preventDefault();
108)   var name=$('#copy_scase_name')[0].value;
109)   if (name=='') {
110)     alert("Vous devez saisir le nom de la nouvelle valise !");
111)     return;
112)   }
113)   if (scases.byName(name)) {
114)     alert("Cette valise existe déjà !");
115)     return;
116)   }
117)   var scase=scases.copySCase($('#cats').data('scase'),name);
118)   if (scase) {
119)     scases.save();
120)     show_scase(scase);
121)   }
122)   else {
123)     alert('Une erreur est survenue en copiant la valise...');
124)   }
125)   $('#copy_scase_modal').modal('hide');
126) }
127) 
128) on_show_copy_scase_modal=function () {
129)   $('#copy_scase_name').focus();
130) }
131) 
132) on_close_copy_scase_modal=function () {
133)   $('#copy_scase_modal form')[0].reset();
134) }
135) 

136) /***********************
137)  * Reset scase
138)  **********************/
139) on_reset_scase_btn_click=function(event) {
140)   navbar_collapse_hide();
141)   var scase=scases.byName($('#cats').data('scase'));
142)   if (scase) {
143)     myconfirm('Voulez-vous vraiment réinitialiser la valise '+$('#cats').data('scase')+' ?',
144)     function(data) {
145)       scases.resetSCase(scase.name);
146)       scases.save();
147)       show_scase(scase);
148)     });
149)   }
150) }

151) /***********************
152)  * Delete scase
153)  **********************/
154) on_delete_scase_btn_click=function(event) {
155)   navbar_collapse_hide();
156)   var scase=scases.byName($('#cats').data('scase'));
157)   if (scase) {
158)     myconfirm('Voulez-vous vraiment supprimer la valise '+$('#cats').data('scase')+' ?',
159)     function(data) {
160)       scases.removeSCase(scase.name);
161)       scases.save();
162)       show_scases();
163)     });
164)   }
165) }
166) 
167) /***********************
168)  * Add cat
169)  **********************/
170) on_add_cat_btn_click=function(event) {
171)   navbar_collapse_hide();
172)   $('#add_cat_modal').modal('show');
173) }
174) 
175) on_valid_add_cat_modal=function (e) {
176)   e.preventDefault();
177)   var name=$('#add_cat_name')[0].value;
178)   if (name=='') {
179)     alert("Vous devez saisir le nom de la catégorie !");
180)     return;
181)   }
182)   var scase=scases.byName($('#cats').data('scase'));
183)   if (scase) {
184)     if (scase.cats.byName(name)) {
185)       alert("Cette catégorie existe déjà !");
186)       return;
187)     }
188)     var cat=scase.cats.newCat(name);
189)     if (cat) {
190)       scases.save();
191)       show_scase(scase,cat.name);
192)     }
193)   }
194)   $('#add_cat_modal').modal('hide');
195) }
196) 
197) on_show_add_cat_modal=function () {
198)   $('#add_cat_name').focus();
199) }
200) 
201) on_close_add_cat_modal=function () {
202)   $('#add_cat_modal form')[0].reset();
203) }
204) 
205) /***********************
206)  * Rename cat
207)  **********************/
208) on_rename_cat_btn_click=function(event) {
209)   navbar_collapse_hide();
210)   $('#rename_cat_modal').data('cat',event.data.cat.name);
211)   $('#rename_cat_name')[0].value=event.data.cat.name;
212)   $('#rename_cat_modal').modal('show');
213) }
214) 
215) on_valid_rename_cat_modal=function (e) {
216)   e.preventDefault();
217)   var name=$('#rename_cat_name')[0].value;
218)   if (name=='') {
219)     alert("Vous devez saisir le nouveau nom de la catégorie !");
220)     return;
221)   }
222)   var scase=scases.byName($('#cats').data('scase'));
223)   if (scase) {
224)     if (scase.cats.byName(name)) {
225)       alert("Cette catégorie existe déjà !");
226)       return;
227)     }
228)     var cat=scase.cats.renameCat($('#rename_cat_modal').data('cat'),name);
229)     if (cat) {
230)       scases.save();
231)       show_scase(scase,cat.name);
232)     }
233)   }
234)   $('#rename_cat_modal').modal('hide');
235) }
236) 
237) on_show_rename_cat_modal=function () {
238)   $('#rename_cat_name').focus();
239) }
240) 
241) on_close_rename_cat_modal=function () {
242)   $('#rename_cat_modal form')[0].reset();
243) }
244) 
245) /***********************
246)  * Delete cat
247)  **********************/
248) on_delete_cat_btn_click=function(event) {
249)   navbar_collapse_hide();
250)   var scase=scases.byName($('#cats').data('scase'));
251)   if (scase) {
252)     var cat=event.data.cat.name;
253)     myconfirm('Voulez-vous vraiment supprimer la catégorie '+cat+' ?',
254)     function(data) {
255)       scase.cats.removeCat(cat);
256)       scases.save();
257)       show_scase(scase);
258)     });
259)   }
260) }
261) 
262) /************************
263)  * Check/Uncheck thing
264)  ***********************/
265) on_li_click=function(event) {
266)   if (event.target.tagName!='LI') {
267)     return;
268)   }
269)   var li=$(this);
270)   if (li.hasClass('done')) {
271)     li.removeClass('done');
272)   }
273)   else {
274)     li.addClass('done');
275)   }
276)   var ul=li.parent();
277)   var scase=scases.byName($('#cats').data('scase'));
278)   if (scase) {
279)     var cat=scase.cats.byName(ul.data('cat'));
280)     if (cat) {
281)       var thing=cat.byLabel(li.data('label'));
282)       if (thing) {

283)         thing.setChecked(li.hasClass('done'));

284)         scases.save();
285)       }
286)       show_scase(scase,cat.name);
287)     }
288)   }
289) }
290) 
291) /***********************
292)  * Add thing
293)  **********************/
294) on_li_add_click=function(event) {
295)   var li=$(this);
296)   var cat=li.parent().data('cat');

297)   var modal=$('#add_thing_modal');

298)   modal.data('cat',cat);
299)   modal.modal('show');
300) }
301) 
302) on_valid_add_thing_modal=function (e) {
303)   e.preventDefault();

304) 

305)   var modal=$('#add_thing_modal');
306)   var scase=scases.byName($('#cats').data('scase'));
307)   if (scase) {
308)     var cat=scase.cats.byName(modal.data('cat'));
309)     if (cat) {

310)       var labels=[];
311)       var error=false;
312)       $('input.add_thing_label').each(function(idx,input) {
313)         var val=$(input).val();
314)         if (val && val!='') {
315)           if (labels.indexOf(val)>-1) {
316)             alert("Deux élements ne peuvent porter le même nom !");
317)             error=true;
318)             return;
319)           }
320)           if (cat.byLabel(val)) {
321)             alert("L'élément '"+val+"' existe déjà !");
322)             error=true;
323)             return;
324)           }
325)           labels.push(val);
326)         }
327)       });
328)       if (error) {

329)         return;
330)       }

331)       if (labels.length==0) {
332)         alert("Vous devez saisir au moins un nom d'élément !");
333)         return;
334)       }
335)       for (idx in labels) {
336)         cat.newThing(labels[idx]);
337)       }

338)       scases.save();
339)       show_scase(scase,cat.name);
340)     }
341)   }
342)   modal.modal('hide');
343) }
344) 
345) on_show_add_thing_modal=function () {

346)   $('input.add_thing_label_other').parent().remove();
347)   $('input.add_thing_label').val('');
348)   $('input.add_thing_label').first().focus();

349) }
350) 
351) on_close_add_thing_modal=function () {
352)   $('#add_thing_modal form')[0].reset();
353) }
354) 

355) on_add_thing_label_focus=function(event) {
356)   if ($('input.add_thing_label').last()[0] == event.target) {
357)     var new_input_group=$('<div class="form-group"></div>');
358)     var new_input=$('<input type="text" class="form-control add_thing_label add_thing_label_other" class="form-control" placeholder="Encore un ?"/>');
359)     new_input_group.append(new_input);
360)     new_input.bind('focus', on_add_thing_label_focus);
361)     $(event.target).parent().after(new_input_group);
362)   }
363) }
364) 

365) 
366) /***********************
367)  * Rename thing
368)  **********************/
369) on_rename_thing_btn_click=function(event) {
370)   navbar_collapse_hide();
371)   $('#rename_thing_modal').data('cat',event.data.cat.name);
372)   $('#rename_thing_modal').data('thing',event.data.thing.label);
373)   $('#rename_thing_label')[0].value=event.data.thing.label;
374)   $('#rename_thing_modal').modal('show');
375) }
376) 
377) on_valid_rename_thing_modal=function (e) {
378)   e.preventDefault();
379)   var label=$('#rename_thing_label')[0].value;
380)   if (label=='') {
381)     alert("Vous devez saisir le nouveau nom de l'élément !");
382)     return;
383)   }
384)   var scase=scases.byName($('#cats').data('scase'));
385)   if (scase) {
386)     var cat=scase.cats.byName($('#rename_thing_modal').data('cat'));
387)     if (cat) {
388)       if (cat.byLabel(label)) {
389)         alert("Un élément de ce nom existe déjà !");
390)         return;
391)       }
392)       var thing=cat.renameThing($('#rename_thing_modal').data('thing'),label);
393)       if (thing) {
394)         scases.save();
395)         show_scase(scase,cat.name);
396)       }
397)     }
398)   }
399)   $('#rename_thing_modal').modal('hide');
400) }
401) 
402) on_show_rename_thing_modal=function () {

403)   $('#rename_thing_label').focus();

404) }
405) 
406) on_close_rename_thing_modal=function () {
407)   $('#rename_thing_modal form')[0].reset();
408) }
409) 
410) /***********************
411)  * Delete thing
412)  **********************/
413) on_delete_thing_btn_click=function(event) {
414)   navbar_collapse_hide();
415)   var scase=scases.byName($('#cats').data('scase'));
416)   if (scase) {
417)     var cat=scase.cats.byName(event.data.cat.name);
418)     if (cat) {
419)       var thing=event.data.thing.label;
420)       myconfirm("Voulez-vous vraiment supprimer l'élément "+thing+" ?",
421)       function(data) {
422)         cat.removeThing(thing);
423)         scases.save();
424)         show_scase(scase,cat.name);
425)       });
426)     }
427)   }
428) }
429) 
430) /********************
431)  * Show one scase
432)  *******************/
433) show_cat=function(cat,displayed) {
434)   var panel=$('<div class="panel panel-default"></div>');
435)   var panel_heading=$('<div class="panel-heading" role="tab"></div>');
436)   var panel_title=$('<h4 class="panel-title">'+cat.name+' </h4>');
437)   panel_title.bind('click',on_title_click);
438) 

439)   var stats=cat.stats();

440)   var tag=$('<span class="count-tag pull-right"></span>');

441)   if (stats.things==stats.done) {

442)     tag.append($('<span class="label label-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>'));
443)   }
444)   else {

445)     tag.append($('<span class="badge">'+stats.done+' / '+stats.things+'</span>'));

446)   }
447) 
448)   var delete_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-trash"></button>');
449)   delete_btn.bind('click',{'cat': cat},on_delete_cat_btn_click);
450)   tag.append(delete_btn);
451) 
452)   var rename_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-edit"></button>');
453)   rename_btn.bind('click',{'cat': cat},on_rename_cat_btn_click);
454)   tag.append(rename_btn);
455) 
456)   panel_title.append(tag);
457) 
458)   
459)   panel_heading.append(panel_title);
460)   panel.append(panel_heading);
461)   var panel_collapse=$('<div class="panel-collapse collapse" role="tabpanel"></div>');
462)   if (displayed) {
463)     panel_collapse.addClass('in');
464)   }
465)   var ul=$('<ul class="list-group" data-cat="'+cat.name+'"></ul>');
466)   for (idx in cat.things) {
467)     var li=$('<li class="list-group-item" data-label="'+cat.things[idx].label+'">'+cat.things[idx].label+'</li>');
468)     if (cat.things[idx].checked) {
469)       li.addClass('done');
470)     }
471)     li.bind('click',on_li_click);
472) 
473)     var li_actions=$('<span class="actions pull-right"></span>');
474) 
475)     var delete_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-trash"></button>');
476)     delete_el_btn.bind('click',{'cat': cat,'thing': cat.things[idx]},on_delete_thing_btn_click);
477)     li_actions.append(delete_el_btn);
478) 
479)     var rename_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-edit"></button>');
480)     rename_el_btn.bind('click',{'cat': cat,'thing': cat.things[idx]},on_rename_thing_btn_click);
481)     li_actions.append(rename_el_btn);
482) 
483)     li.append(li_actions);
484) 
485)     ul.append(li);
486)   }
487)   var li=$('<li class="list-group-item"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter un élément</li>');
488)   li.bind('click',on_li_add_click);
489)   ul.append(li);
490)   panel_collapse.append(ul);
491)   panel.append(panel_collapse);
492)   $('#cats').append(panel);
493) }
494) 
495) show_scase=function(scase,display_cat) {

496)   clear_page('<h3><span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> '+scase.name+'</h3><div class="panel-group" id="cats" role="tablist" aria-multiselectable="true" data-scase="'+scase.name+'"></div>');

497)   scase.cats.each(function(idx,cat) {
498)     show_cat(cat,(cat.name==display_cat));
499)   });
500)   show_menu('scase');
501) }
502) 
503) on_back_to_scases_btn_click=function(e) {
504)   e.preventDefault();
505)   navbar_collapse_hide();
506)   show_scases();
507) }
508) 
509) /********************
510)  * Show scases
511)  *******************/
512) show_scases=function() {

513)   clear_page('<h3>Vos valises</h3><ul class="list-group" id="scases"></ul>');

514)   scases.each(function(idx,scase) {

515)     var stats=scase.stats();
516)     var tag='<span class="count-tag pull-right">';
517)     if (stats.things==stats.done) {
518)       tag+='<span class="label label-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>';
519)     }
520)     else {
521)       tag+='<span class="badge">'+stats.done+' / '+stats.things+'</span>';
522)     }
523)     tag+='</span>';
524) 
525)     var li=$('<li class="list-group-item" data-name="'+scase.name+'"><span class="scase-name"><span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> '+scase.name+'</span>'+tag+'</li>');

526)     li.bind('click',on_scase_click);
527)     $('#scases').append(li);
528)   });
529)   show_menu('scases');
530) }
531) 
532) on_scase_click=function(event) {
533)   var li=$(this);
534)   var scase=scases.byName(li.data('name'));
535)   show_scase(scase);
536) }
537) 
538) clear_page=function(new_content) {
539)   if (new_content) {
540)     $('#content').html(new_content);
541)   }
542)   else {
543)     $('#content').html('');
544)   }
545) }
546) 
547) /************************
548)  * Show menu
549)  ***********************/
550) show_menu=function(menu) {
551)   $('.menu').css('display','none');
552)   $('.menu-'+menu).css('display','block');
553) }
554) 
555) /*******************
556)  * pleaseWaitDialog
557)  *******************/
558) 
559) pleaseWaitShow=function() {
560)   $('#please_wait_modal').modal('show');
561) }
562) 
563) pleaseWaitHide=function() {
564)   $('#please_wait_modal').modal('hide');
565) }
566) 
567) /****************
568)  * Nav bars
569)  ****************/
570) navbar_collapse_hide=function() {
571)   if ($('#navbar-top-collapse').hasClass('in')) {
572)     $('#navbar-top-collapse').collapse('hide');
573)   }
574) }
575) 
576) /**************************
577)  * Cache / Update
578)  *************************/
579) 
580) _checkForUpgrade=false;
581) onUpdateReady=function() {
582)   if (_checkForUpgrade) {
583)     pleaseWaitHide();
584)   }
585)   myconfirm(
586)     "Une nouvelle version de l'application est disponible. Voulez-vous lancer la mise à jour ?",
587)     onConfirmUpdate,null,{}
588)   );
589) }
590) 
591) onConfirmUpdate=function() {
592)   window.applicationCache.swapCache();
593)   location.reload();
594) }
595) 
596) updateApp = function() {
597)   navbar_collapse_hide();
598)   pleaseWaitShow();
599)   _checkForUpgrade=true;
600)   window.applicationCache.update();
601) }
602) 
603) onNoUpdate = function() {
604)   if (_checkForUpgrade) {
605)     pleaseWaitHide();
606)     _checkForUpgrade=false;
607)     alert('Aucune mise à jour disponible');
608)   }
609) }
610) 
611) /********************
612)  * Clear local data
613)  ********************/
614) clear_local_data=function() {
615)   navbar_collapse_hide();
616)   myconfirm('Etes-vous sûre de vouloir supprimer les données locales ?',on_confirm_clear_local_data);
617) }
618) 
619) on_confirm_clear_local_data=function(data) {
620)   delete localStorage.scases;
621)   location.reload();
622) }
623) 
624) /*********************
625)  * Activate
626)  *********************/
627) $( document ).ready( function() {
628)   pleaseWaitShow();
629)   if(typeof(localStorage)!=="undefined"){
630)     scases=new SCaseList();
631)     scases.loadFromLocalStorage();
632)     show_scases();
633)   }
634)   else {
635)     alert('Local storage not supported !');
636)     pleaseWaitHide();
637)     return;
638)   }
639) 
640)   $('#clear_local_data').bind('click',clear_local_data);
641) 
642)   $('#add_scase_btn').bind('click',on_add_scase_btn_click);
643)   $('#add_scase_submit').bind('click',on_valid_add_scase_modal);
644)   $("#add_scase_modal").on('shown.bs.modal',on_show_add_scase_modal);
645)   $("#add_scase_modal").on('hidden.bs.modal',on_close_add_scase_modal);
646)   $("#add_scase_modal form").bind('submit',on_valid_add_scase_modal);
647) 
648)   $('#rename_scase_btn').bind('click',on_rename_scase_btn_click);
649)   $('#rename_scase_submit').bind('click',on_valid_rename_scase_modal);
650)   $("#rename_scase_modal").on('shown.bs.modal',on_show_rename_scase_modal);
651)   $("#rename_scase_modal").on('hidden.bs.modal',on_close_rename_scase_modal);
652)   $("#rename_scase_modal form").bind('submit',on_valid_rename_scase_modal);
653) 
654)   $('#copy_scase_btn').bind('click',on_copy_scase_btn_click);
655)   $('#copy_scase_submit').bind('click',on_valid_copy_scase_modal);
656)   $("#copy_scase_modal").on('shown.bs.modal',on_show_copy_scase_modal);
657)   $("#copy_scase_modal").on('hidden.bs.modal',on_close_copy_scase_modal);
658)   $("#copy_scase_modal form").bind('submit',on_valid_copy_scase_modal);
659) 

660)   $('#reset_scase_btn').bind('click',on_reset_scase_btn_click);

661)   $('#delete_scase_btn').bind('click',on_delete_scase_btn_click);
662) 
663)   $('#add_cat_btn').bind('click',on_add_cat_btn_click);
664)   $('#add_cat_submit').bind('click',on_valid_add_cat_modal);
665)   $("#add_cat_modal").on('shown.bs.modal',on_show_add_cat_modal);
666)   $("#add_cat_modal").on('hidden.bs.modal',on_close_add_cat_modal);
667)   $("#add_cat_modal form").bind('submit',on_valid_add_cat_modal);
668) 
669)   $('#rename_cat_submit').bind('click',on_valid_rename_cat_modal);
670)   $("#rename_cat_modal").on('shown.bs.modal',on_show_rename_cat_modal);
671)   $("#rename_cat_modal").on('hidden.bs.modal',on_close_rename_cat_modal);
672)   $("#rename_cat_modal form").bind('submit',on_valid_rename_cat_modal);
673) 
674)   $('#back_to_scases').bind('click',on_back_to_scases_btn_click);
675)   

676)   $('input.add_thing_label').bind('focus',on_add_thing_label_focus);

677)   $('#add_thing_submit').bind('click',on_valid_add_thing_modal);
678)   $("#add_thing_modal").on('shown.bs.modal',on_show_add_thing_modal);
679)   $("#add_thing_modal").on('hidden.bs.modal',on_close_add_thing_modal);
680)   $("#add_thing_modal form").bind('submit',on_valid_add_thing_modal);
681) 
682)   $('#rename_thing_submit').bind('click',on_valid_rename_thing_modal);
683)   $("#rename_thing_modal").on('shown.bs.modal',on_show_rename_thing_modal);
684)   $("#rename_thing_modal").on('hidden.bs.modal',on_close_rename_thing_modal);
685)   $("#rename_thing_modal form").bind('submit',on_valid_rename_thing_modal);
686) 

687)   $('#app-name').bind('click', show_scases);