Initial commit
Benjamin Renard authored 8 years ago
|
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.checked=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) var label=$('#add_thing_label')[0].value;
305) if (label=='') {
306) alert("Vous devez saisir le nom de l'élément !");
307) return;
308) }
309) var modal=$('#add_thing_modal');
310) var scase=scases.byName($('#cats').data('scase'));
311) if (scase) {
312) var cat=scase.cats.byName(modal.data('cat'));
313) if (cat) {
314) if (cat.byLabel(label)) {
315) alert("Cet élément existe déjà !");
316) return;
317) }
318) cat.things.push(new Thing(label,false));
319) scases.save();
320) show_scase(scase,cat.name);
321) }
322) }
323) modal.modal('hide');
324) }
325)
326) on_show_add_thing_modal=function () {
327) $('#add_thing_label').focus();
328) }
329)
330) on_close_add_thing_modal=function () {
331) $('#add_thing_modal form')[0].reset();
332) }
333)
334)
335) /***********************
336) * Rename thing
337) **********************/
338) on_rename_thing_btn_click=function(event) {
339) navbar_collapse_hide();
340) $('#rename_thing_modal').data('cat',event.data.cat.name);
341) $('#rename_thing_modal').data('thing',event.data.thing.label);
342) $('#rename_thing_label')[0].value=event.data.thing.label;
343) $('#rename_thing_modal').modal('show');
344) }
345)
346) on_valid_rename_thing_modal=function (e) {
347) e.preventDefault();
348) var label=$('#rename_thing_label')[0].value;
349) if (label=='') {
350) alert("Vous devez saisir le nouveau nom de l'élément !");
351) return;
352) }
353) var scase=scases.byName($('#cats').data('scase'));
354) if (scase) {
355) var cat=scase.cats.byName($('#rename_thing_modal').data('cat'));
356) if (cat) {
357) if (cat.byLabel(label)) {
358) alert("Un élément de ce nom existe déjà !");
359) return;
360) }
361) var thing=cat.renameThing($('#rename_thing_modal').data('thing'),label);
362) if (thing) {
363) scases.save();
364) show_scase(scase,cat.name);
365) }
366) }
367) }
368) $('#rename_thing_modal').modal('hide');
369) }
370)
371) on_show_rename_thing_modal=function () {
372) $('#rename_thing_name').focus();
373) }
374)
375) on_close_rename_thing_modal=function () {
376) $('#rename_thing_modal form')[0].reset();
377) }
378)
379) /***********************
380) * Delete thing
381) **********************/
382) on_delete_thing_btn_click=function(event) {
383) navbar_collapse_hide();
384) var scase=scases.byName($('#cats').data('scase'));
385) if (scase) {
386) var cat=scase.cats.byName(event.data.cat.name);
387) if (cat) {
388) var thing=event.data.thing.label;
389) myconfirm("Voulez-vous vraiment supprimer l'élément "+thing+" ?",
390) function(data) {
391) cat.removeThing(thing);
392) scases.save();
393) show_scase(scase,cat.name);
394) });
395) }
396) }
397) }
398)
399) /********************
400) * Show one scase
401) *******************/
402) show_cat=function(cat,displayed) {
403) var panel=$('<div class="panel panel-default"></div>');
404) var panel_heading=$('<div class="panel-heading" role="tab"></div>');
405) var panel_title=$('<h4 class="panel-title">'+cat.name+' </h4>');
406) panel_title.bind('click',on_title_click);
407)
408)
409) var count=cat.count();
410) var countDone=cat.countDone();
411) var tag=$('<span class="count-tag pull-right"></span>');
412) if (count==countDone) {
413) tag.append($('<span class="label label-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>'));
414) }
415) else {
416) tag.append($('<span class="badge">'+countDone+' / '+count+'</span>'));
417) }
418)
419) var delete_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-trash"></button>');
420) delete_btn.bind('click',{'cat': cat},on_delete_cat_btn_click);
421) tag.append(delete_btn);
422)
423) var rename_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-edit"></button>');
424) rename_btn.bind('click',{'cat': cat},on_rename_cat_btn_click);
425) tag.append(rename_btn);
426)
427) panel_title.append(tag);
428)
429)
430) panel_heading.append(panel_title);
431) panel.append(panel_heading);
432) var panel_collapse=$('<div class="panel-collapse collapse" role="tabpanel"></div>');
433) if (displayed) {
434) panel_collapse.addClass('in');
435) }
436) var ul=$('<ul class="list-group" data-cat="'+cat.name+'"></ul>');
437) for (idx in cat.things) {
438) var li=$('<li class="list-group-item" data-label="'+cat.things[idx].label+'">'+cat.things[idx].label+'</li>');
439) if (cat.things[idx].checked) {
440) li.addClass('done');
441) }
442) li.bind('click',on_li_click);
443)
444) var li_actions=$('<span class="actions pull-right"></span>');
445)
446) var delete_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-trash"></button>');
447) delete_el_btn.bind('click',{'cat': cat,'thing': cat.things[idx]},on_delete_thing_btn_click);
448) li_actions.append(delete_el_btn);
449)
450) var rename_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-edit"></button>');
451) rename_el_btn.bind('click',{'cat': cat,'thing': cat.things[idx]},on_rename_thing_btn_click);
452) li_actions.append(rename_el_btn);
453)
454) li.append(li_actions);
455)
456) ul.append(li);
457) }
458) var li=$('<li class="list-group-item"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter un élément</li>');
459) li.bind('click',on_li_add_click);
460) ul.append(li);
461) panel_collapse.append(ul);
462) panel.append(panel_collapse);
463) $('#cats').append(panel);
464) }
465)
466) show_scase=function(scase,display_cat) {
467) clear_page('<h2>Valise : <em>'+scase.name+'</em></h2><div class="panel-group" id="cats" role="tablist" aria-multiselectable="true" data-scase="'+scase.name+'"></div>');
468) scase.cats.each(function(idx,cat) {
469) show_cat(cat,(cat.name==display_cat));
470) });
471) show_menu('scase');
472) }
473)
474) on_back_to_scases_btn_click=function(e) {
475) e.preventDefault();
476) navbar_collapse_hide();
477) show_scases();
478) }
479)
480) /********************
481) * Show scases
482) *******************/
483) show_scases=function() {
484) clear_page('<ul class="list-group" id="scases"></ul>');
485) scases.each(function(idx,scase) {
486) var li=$('<li class="list-group-item" data-name="'+scase.name+'">'+scase.name+'</li>');
487) li.bind('click',on_scase_click);
488) $('#scases').append(li);
489) });
490) show_menu('scases');
491) }
492)
493) on_scase_click=function(event) {
494) var li=$(this);
495) var scase=scases.byName(li.data('name'));
496) show_scase(scase);
497) }
498)
499) clear_page=function(new_content) {
500) if (new_content) {
501) $('#content').html(new_content);
502) }
503) else {
504) $('#content').html('');
505) }
506) }
507)
508) /************************
509) * Show menu
510) ***********************/
511) show_menu=function(menu) {
512) $('.menu').css('display','none');
513) $('.menu-'+menu).css('display','block');
514) }
515)
516) /*******************
517) * pleaseWaitDialog
518) *******************/
519)
520) pleaseWaitShow=function() {
521) $('#please_wait_modal').modal('show');
522) }
523)
524) pleaseWaitHide=function() {
525) $('#please_wait_modal').modal('hide');
526) }
527)
528) /****************
529) * Nav bars
530) ****************/
531) navbar_collapse_hide=function() {
532) if ($('#navbar-top-collapse').hasClass('in')) {
533) $('#navbar-top-collapse').collapse('hide');
534) }
535) }
536)
537) /**************************
538) * Cache / Update
539) *************************/
540)
541) _checkForUpgrade=false;
542) onUpdateReady=function() {
543) if (_checkForUpgrade) {
544) pleaseWaitHide();
545) }
546) myconfirm(
547) "Une nouvelle version de l'application est disponible. Voulez-vous lancer la mise à jour ?",
548) onConfirmUpdate,null,{}
549) );
550) }
551)
552) onConfirmUpdate=function() {
553) window.applicationCache.swapCache();
554) location.reload();
555) }
556)
557) updateApp = function() {
558) navbar_collapse_hide();
559) pleaseWaitShow();
560) _checkForUpgrade=true;
561) window.applicationCache.update();
562) }
563)
564) onNoUpdate = function() {
565) if (_checkForUpgrade) {
566) pleaseWaitHide();
567) _checkForUpgrade=false;
568) alert('Aucune mise à jour disponible');
569) }
570) }
571)
572) /********************
573) * Clear local data
574) ********************/
575) clear_local_data=function() {
576) navbar_collapse_hide();
577) myconfirm('Etes-vous sûre de vouloir supprimer les données locales ?',on_confirm_clear_local_data);
578) }
579)
580) on_confirm_clear_local_data=function(data) {
581) delete localStorage.scases;
582) location.reload();
583) }
584)
585) /*********************
586) * Activate
587) *********************/
588) $( document ).ready( function() {
589) pleaseWaitShow();
590) if(typeof(localStorage)!=="undefined"){
591) scases=new SCaseList();
592) scases.loadFromLocalStorage();
593) show_scases();
594) }
595) else {
596) alert('Local storage not supported !');
597) pleaseWaitHide();
598) return;
599) }
600)
601) $('#clear_local_data').bind('click',clear_local_data);
602)
603) $('#add_scase_btn').bind('click',on_add_scase_btn_click);
604) $('#add_scase_submit').bind('click',on_valid_add_scase_modal);
605) $("#add_scase_modal").on('shown.bs.modal',on_show_add_scase_modal);
606) $("#add_scase_modal").on('hidden.bs.modal',on_close_add_scase_modal);
607) $("#add_scase_modal form").bind('submit',on_valid_add_scase_modal);
608)
609) $('#rename_scase_btn').bind('click',on_rename_scase_btn_click);
610) $('#rename_scase_submit').bind('click',on_valid_rename_scase_modal);
611) $("#rename_scase_modal").on('shown.bs.modal',on_show_rename_scase_modal);
612) $("#rename_scase_modal").on('hidden.bs.modal',on_close_rename_scase_modal);
613) $("#rename_scase_modal form").bind('submit',on_valid_rename_scase_modal);
614)
615) $('#copy_scase_btn').bind('click',on_copy_scase_btn_click);
616) $('#copy_scase_submit').bind('click',on_valid_copy_scase_modal);
617) $("#copy_scase_modal").on('shown.bs.modal',on_show_copy_scase_modal);
618) $("#copy_scase_modal").on('hidden.bs.modal',on_close_copy_scase_modal);
619) $("#copy_scase_modal form").bind('submit',on_valid_copy_scase_modal);
620)
|