1398 lines
40 KiB
JavaScript
1398 lines
40 KiB
JavaScript
// AlertifyJS default settings
|
|
alertify.defaults = {
|
|
// dialogs defaults
|
|
modal: true,
|
|
movable: true,
|
|
resizable: true,
|
|
closable: true,
|
|
maximizable: true,
|
|
pinnable: true,
|
|
pinned: true,
|
|
padding: true,
|
|
overflow: true,
|
|
maintainFocus: true,
|
|
transition: "fade",
|
|
|
|
// notifier defaults
|
|
notifier: {
|
|
// auto-dismiss wait time (in seconds)
|
|
delay: 0,
|
|
// default position
|
|
position: "top-right",
|
|
},
|
|
|
|
// language resources
|
|
glossary: {
|
|
// Dialog title text
|
|
title: "Confirmation",
|
|
// ok button text
|
|
ok: "OK",
|
|
// cancel button text
|
|
cancel: "Annuler",
|
|
},
|
|
theme: {
|
|
// class name attached to prompt dialog input textbox.
|
|
input: "ajs-input form-control",
|
|
// class name attached to ok button
|
|
ok: "ajs-ok btn btn-primary",
|
|
// class name attached to cancel button
|
|
cancel: "ajs-cancel btn btn-default",
|
|
},
|
|
// global hooks
|
|
hooks:{
|
|
// invoked before initializing any dialog
|
|
preinit:function(instance){},
|
|
// invoked after initializing any dialog
|
|
postinit:function(instance){},
|
|
},
|
|
};
|
|
|
|
$('#cats').collapse({
|
|
toggle: false
|
|
});
|
|
|
|
on_title_click=function(event) {
|
|
if (event.target.tagName=='BUTTON') {
|
|
return;
|
|
}
|
|
var title=$(this);
|
|
var panel=title.parent().parent();
|
|
var panel_collapse=panel.find('.panel-collapse');
|
|
var show=!panel_collapse.hasClass('in');
|
|
$('.panel-collapse').each(function(idx,div) {
|
|
$(div).collapse('hide');
|
|
});
|
|
if (show)
|
|
panel_collapse.collapse('show');
|
|
set_location(
|
|
title.data('scase').name,
|
|
show ? title.data('cat').name : null,
|
|
title.data('trash') ? 'trash' : null
|
|
);
|
|
}
|
|
|
|
/***********************
|
|
* Add scase
|
|
**********************/
|
|
on_add_scase_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
$('#add_scase_modal').modal('show');
|
|
}
|
|
|
|
on_valid_add_scase_modal=function (e) {
|
|
e.preventDefault();
|
|
var name=$('#add_scase_name')[0].value;
|
|
if (name=='') {
|
|
alertify.notify("Vous devez saisir le nom de la valise !", "error", 5);
|
|
return;
|
|
}
|
|
var nameshake=scases.byName(name);
|
|
if (nameshake) {
|
|
if (nameshake.removed) {
|
|
alertify.notify("Une valise de ce nom existe dans la corbeille !", "error", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Cette valise existe déjà !", "error", 5);
|
|
}
|
|
return;
|
|
}
|
|
var scase=scases.newSCase(name);
|
|
if (scase) {
|
|
scases.save();
|
|
show_scase(scase);
|
|
auto_sync_local_data();
|
|
}
|
|
$('#add_scase_modal').modal('hide');
|
|
}
|
|
|
|
on_show_add_scase_modal=function () {
|
|
$('#add_scase_name').focus();
|
|
}
|
|
|
|
on_close_add_scase_modal=function () {
|
|
$('#add_scase_modal form')[0].reset();
|
|
}
|
|
|
|
/***********************
|
|
* Rename scase
|
|
**********************/
|
|
on_rename_scase_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
$('#rename_scase_name')[0].value=$('#cats').data('scase');
|
|
$('#rename_scase_modal').modal('show');
|
|
}
|
|
|
|
on_valid_rename_scase_modal=function (e) {
|
|
e.preventDefault();
|
|
var name=$('#rename_scase_name')[0].value;
|
|
if (name=='') {
|
|
alertify.notify("Vous devez saisir le nouveau nom de la valise !", "error", 5);
|
|
return;
|
|
}
|
|
if ($('#cats').data('scase')!=name) {
|
|
var nameshake=scases.byName(name);
|
|
if (nameshake) {
|
|
if (nameshake.removed) {
|
|
alertify.notify("Une valise portant ce nom existe dans la corbeille !", "error", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Une valise portant ce nom existe déjà !", "error", 5);
|
|
}
|
|
return;
|
|
}
|
|
|
|
var scase=scases.renameSCase($('#cats').data('scase'),name);
|
|
if (scase) {
|
|
scases.save();
|
|
show_scase(scase);
|
|
auto_sync_local_data();
|
|
}
|
|
else {
|
|
alertify.notify('Une erreur est survenue en renomant la valise...', "error", 5);
|
|
}
|
|
}
|
|
$('#rename_scase_modal').modal('hide');
|
|
}
|
|
|
|
on_show_rename_scase_modal=function () {
|
|
$('#rename_scase_name').focus();
|
|
}
|
|
|
|
on_close_rename_scase_modal=function () {
|
|
$('#rename_scase_modal form')[0].reset();
|
|
}
|
|
|
|
/***********************
|
|
* Copy scase
|
|
**********************/
|
|
on_copy_scase_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
$('#copy_scase_modal').modal('show');
|
|
}
|
|
|
|
on_valid_copy_scase_modal=function (e) {
|
|
e.preventDefault();
|
|
var name=$('#copy_scase_name')[0].value;
|
|
if (name=='') {
|
|
alertify.notify("Vous devez saisir le nom de la nouvelle valise !", "error", 5);
|
|
return;
|
|
}
|
|
var nameshake=scases.byName(name);
|
|
if (nameshake) {
|
|
if (nameshake.removed) {
|
|
alertify.notify("Une valise portant ce nom existe dans la corbeille !", "error", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Une valise portant ce nom existe déjà !", "error", 5);
|
|
}
|
|
return;
|
|
}
|
|
var scase=scases.copySCase($('#cats').data('scase'),name);
|
|
if (scase) {
|
|
scases.save();
|
|
show_scase(scase);
|
|
auto_sync_local_data();
|
|
}
|
|
else {
|
|
alertify.notify('Une erreur est survenue en copiant la valise...', "error", 5);
|
|
}
|
|
$('#copy_scase_modal').modal('hide');
|
|
}
|
|
|
|
on_show_copy_scase_modal=function () {
|
|
$('#copy_scase_name').focus();
|
|
}
|
|
|
|
on_close_copy_scase_modal=function () {
|
|
$('#copy_scase_modal form')[0].reset();
|
|
}
|
|
|
|
/***********************
|
|
* Reset scase
|
|
**********************/
|
|
on_reset_scase_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
alertify.confirm(
|
|
`Réinitialisation de la valise ${scase.name}`,
|
|
`Voulez-vous vraiment réinitialiser la valise ${scase.name} ?`,
|
|
function(data) {
|
|
scases.resetSCase(scase.name);
|
|
scases.save();
|
|
show_scase(scase);
|
|
auto_sync_local_data();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
/***********************
|
|
* Delete scase
|
|
**********************/
|
|
on_delete_scase_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
alertify.confirm(
|
|
`Suppression de la valise ${scase.name}`,
|
|
`Voulez-vous vraiment supprimer la valise ${scase.name} ?`,
|
|
function(data) {
|
|
scases.removeSCase(scase.name);
|
|
scases.save();
|
|
show_scases();
|
|
auto_sync_local_data();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
|
|
on_restore_scase_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=event.data.scase;
|
|
if (scase) {
|
|
alertify.confirm(
|
|
`Restauration de la valise ${scase.name}`,
|
|
`Voulez-vous vraiment restaurer la valise ${scase.name} ?`,
|
|
function(data) {
|
|
scase.restore();
|
|
scases.save();
|
|
show_scases();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
|
|
on_scase_trash_btn_click=function(event) {
|
|
event.preventDefault();
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
show_scase_trash(scase);
|
|
}
|
|
}
|
|
|
|
/***********************
|
|
* Add cat
|
|
**********************/
|
|
on_add_cat_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
$('#add_cat_modal').modal('show');
|
|
}
|
|
|
|
on_valid_add_cat_modal=function (e) {
|
|
e.preventDefault();
|
|
var name=$('#add_cat_name')[0].value;
|
|
if (name=='') {
|
|
alertify.notify("Vous devez saisir le nom de la catégorie !", "error", 5);
|
|
return;
|
|
}
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var nameshake=scase.cats.byName(name);
|
|
if (nameshake) {
|
|
if (nameshake.removed) {
|
|
alertify.notify("Une catégorie portant ce nom existe dans la corbeille !", "error", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Une catégorie portant ce nom existe déjà !", "error", 5);
|
|
}
|
|
return;
|
|
}
|
|
var cat=scase.cats.newCat(name);
|
|
if (cat) {
|
|
scases.save();
|
|
show_scase(scase,cat.name);
|
|
auto_sync_local_data();
|
|
}
|
|
}
|
|
$('#add_cat_modal').modal('hide');
|
|
}
|
|
|
|
on_show_add_cat_modal=function () {
|
|
$('#add_cat_name').focus();
|
|
}
|
|
|
|
on_close_add_cat_modal=function () {
|
|
$('#add_cat_modal form')[0].reset();
|
|
}
|
|
|
|
/***********************
|
|
* Rename cat
|
|
**********************/
|
|
on_rename_cat_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
$('#rename_cat_modal').data('cat',event.data.cat.name);
|
|
$('#rename_cat_name')[0].value=event.data.cat.name;
|
|
$('#rename_cat_modal').modal('show');
|
|
}
|
|
|
|
on_valid_rename_cat_modal=function (e) {
|
|
e.preventDefault();
|
|
var name=$('#rename_cat_name')[0].value;
|
|
if (name=='') {
|
|
alertify.notify("Vous devez saisir le nouveau nom de la catégorie !", "error", 5);
|
|
return;
|
|
}
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
if (scase.cats.byName(name)) {
|
|
var namesake=scase.cats.byName(name);
|
|
if (namesake.removed) {
|
|
alertify.notify("Une catégorie de se nom existe dans la corbeille !", "error", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Cette catégorie existe déjà !", "error", 5);
|
|
}
|
|
return;
|
|
}
|
|
var cat=scase.cats.renameCat($('#rename_cat_modal').data('cat'),name);
|
|
if (cat) {
|
|
scases.save();
|
|
show_scase(scase,cat.name);
|
|
auto_sync_local_data();
|
|
}
|
|
}
|
|
$('#rename_cat_modal').modal('hide');
|
|
}
|
|
|
|
on_show_rename_cat_modal=function () {
|
|
$('#rename_cat_name').focus();
|
|
}
|
|
|
|
on_close_rename_cat_modal=function () {
|
|
$('#rename_cat_modal form')[0].reset();
|
|
}
|
|
|
|
/***********************
|
|
* Delete cat
|
|
**********************/
|
|
on_delete_cat_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=event.data.cat.name;
|
|
alertify.confirm(
|
|
`Suppression de la catégorie ${cat}`,
|
|
`Voulez-vous vraiment supprimer la catégorie ${cat} ?`,
|
|
function(data) {
|
|
scase.cats.removeCat(cat);
|
|
scases.save();
|
|
show_scase(scase);
|
|
auto_sync_local_data();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
|
|
on_restore_cat_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=event.data.cat.name;
|
|
alertify.confirm(
|
|
`Restauration de la catégorie ${cat}`,
|
|
`Voulez-vous vraiment restaurer la catégorie ${cat} ?`,
|
|
function(data) {
|
|
scase.cats.restoreCat(cat);
|
|
scases.save();
|
|
show_scase(scase);
|
|
auto_sync_local_data();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
|
|
/************************
|
|
* Check/Uncheck thing
|
|
***********************/
|
|
on_li_click=function(event) {
|
|
if (event.target.tagName!='LI') return;
|
|
var li=$(this);
|
|
var ul=li.parent();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=scase.cats.byName(ul.data('cat'));
|
|
if (cat) {
|
|
var thing=cat.byLabel(li.data('label'));
|
|
if (thing) {
|
|
li.toggleClass('checked');
|
|
thing.setChecked(li.hasClass('checked'));
|
|
scases.save();
|
|
auto_sync_local_data();
|
|
}
|
|
show_scase(scase,cat.name);
|
|
}
|
|
}
|
|
}
|
|
|
|
/***********************
|
|
* Add thing
|
|
**********************/
|
|
on_li_add_click=function(event) {
|
|
var li=$(this);
|
|
var cat=li.parent().data('cat');
|
|
var modal=$('#add_thing_modal');
|
|
modal.data('cat',cat);
|
|
modal.modal('show');
|
|
}
|
|
|
|
on_valid_add_thing_modal=function (e) {
|
|
e.preventDefault();
|
|
|
|
var modal=$('#add_thing_modal');
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=scase.cats.byName(modal.data('cat'));
|
|
if (cat) {
|
|
var things=[];
|
|
var labels=[];
|
|
var error=false;
|
|
var add_thing_nbs=$('input.add_thing_nb');
|
|
$('input.add_thing_label').each(function(idx,input) {
|
|
var label=$(input).val();
|
|
if (label && label!='') {
|
|
if (labels.indexOf(label)>-1) {
|
|
alertify.notify("Deux élements ne peuvent porter le même nom !", "error", 5);
|
|
error=true;
|
|
return;
|
|
}
|
|
if (cat.byLabel(label)) {
|
|
alertify.notify("L'élément '"+label+"' existe déjà !", "error", 5);
|
|
error=true;
|
|
return;
|
|
}
|
|
var nb=1;
|
|
if (add_thing_nbs[idx]) {
|
|
nb=parseInt($(add_thing_nbs[idx]).val());
|
|
if (!nb || nb==0) {
|
|
nb=1;
|
|
}
|
|
}
|
|
things.push({
|
|
'label': label,
|
|
'nb': nb
|
|
});
|
|
labels.push(label);
|
|
}
|
|
});
|
|
if (error) {
|
|
return;
|
|
}
|
|
if (things.length==0) {
|
|
alertify.notify("Vous devez saisir au moins un nom d'élément !", "error", 5);
|
|
return;
|
|
}
|
|
for (idx in things) {
|
|
cat.newThing(things[idx]['label'], things[idx]['nb']);
|
|
}
|
|
scases.save();
|
|
show_scase(scase,cat.name);
|
|
auto_sync_local_data();
|
|
}
|
|
}
|
|
modal.modal('hide');
|
|
}
|
|
|
|
on_show_add_thing_modal=function () {
|
|
$('.add_thing_other').remove();
|
|
$('input.add_thing_label').val('');
|
|
$('input.add_thing_nb').val('');
|
|
$('input.add_thing_label').first().focus();
|
|
}
|
|
|
|
on_close_add_thing_modal=function () {
|
|
$('#add_thing_modal form')[0].reset();
|
|
}
|
|
|
|
on_add_thing_label_focus=function(event) {
|
|
if ($('input.add_thing_label').last()[0] == event.target) {
|
|
var new_input_group=$('<div class="form-group add_thing_other"></div>');
|
|
var new_input_label=$('<input type="text" class="form-control add_thing_label" placeholder="Encore un ?"/>');
|
|
var new_input_nb=$('<input type="number" class="form-control add_thing_nb" placeholder="Nb"/>');
|
|
new_input_group.append(new_input_label);
|
|
new_input_group.append(' ');
|
|
new_input_group.append(new_input_nb);
|
|
new_input_label.bind('focus', on_add_thing_label_focus);
|
|
$(event.target).parent().after(new_input_group);
|
|
}
|
|
}
|
|
|
|
|
|
/***********************
|
|
* Edit thing
|
|
**********************/
|
|
on_edit_thing_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
$('#edit_thing_modal').data('cat',event.data.cat.name);
|
|
$('#edit_thing_modal').data('thing',event.data.thing.label);
|
|
$('#edit_thing_label').val(event.data.thing.label);
|
|
$('#edit_thing_nb').val(event.data.thing.nb);
|
|
$('#edit_thing_modal').modal('show');
|
|
}
|
|
|
|
on_valid_edit_thing_modal=function (e) {
|
|
e.preventDefault();
|
|
var label=$('#edit_thing_label').val();
|
|
if (label=='') {
|
|
alertify.notify("Vous devez saisir le nouveau nom de l'élément !", "error", 5);
|
|
return;
|
|
}
|
|
var nb=parseInt($('#edit_thing_nb').val());
|
|
if (!nb || nb==0) {
|
|
nb=1;
|
|
}
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=scase.cats.byName($('#edit_thing_modal').data('cat'));
|
|
if (cat) {
|
|
if (label!=$('#edit_thing_modal').data('thing')) {
|
|
var namesake=cat.byLabel(label);
|
|
if (namesake) {
|
|
if (namesake.removed) {
|
|
alertify.notify("Un élément de ce nom existe dans la corbeille !", "error", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Un élément de ce nom existe déjà !", "error", 5);
|
|
}
|
|
return;
|
|
}
|
|
var thing=cat.renameThing($('#edit_thing_modal').data('thing'),label);
|
|
}
|
|
else {
|
|
var thing=cat.byLabel(label);
|
|
}
|
|
if (thing) {
|
|
thing.setNb(nb);
|
|
scases.save();
|
|
show_scase(scase,cat.name);
|
|
auto_sync_local_data();
|
|
}
|
|
}
|
|
}
|
|
$('#edit_thing_modal').modal('hide');
|
|
}
|
|
|
|
on_show_edit_thing_modal=function () {
|
|
$('#edit_thing_label').focus();
|
|
}
|
|
|
|
on_close_edit_thing_modal=function () {
|
|
$('#edit_thing_modal form')[0].reset();
|
|
}
|
|
|
|
/***********************
|
|
* Delete thing
|
|
**********************/
|
|
on_delete_thing_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=scase.cats.byName(event.data.cat.name);
|
|
if (cat) {
|
|
var thing=event.data.thing.label;
|
|
alertify.confirm(
|
|
`Suppression de l'élément ${thing}`,
|
|
`Voulez-vous vraiment supprimer l'élément ${thing} ?`,
|
|
function(data) {
|
|
cat.removeThing(thing);
|
|
scases.save();
|
|
show_scase(scase,cat.name);
|
|
auto_sync_local_data();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
on_restore_thing_btn_click=function(event) {
|
|
navbar_collapse_hide();
|
|
var scase=scases.byName($('#cats').data('scase'));
|
|
if (scase) {
|
|
var cat=scase.cats.byName(event.data.cat.name);
|
|
if (cat) {
|
|
var thing=event.data.thing.label;
|
|
alertify.confirm(
|
|
`Restauration de l'élément ${thing}`,
|
|
`Voulez-vous vraiment restaurer l'élément ${thing} ?`,
|
|
function(data) {
|
|
cat.restoreThing(thing);
|
|
scases.save();
|
|
show_scase(scase,cat.name);
|
|
auto_sync_local_data();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
/********************
|
|
* Show one scase
|
|
*******************/
|
|
show_cat=function(scase, cat, displayed) {
|
|
var panel=$('<div class="panel panel-default"></div>');
|
|
var panel_heading=$('<div class="panel-heading" role="tab"></div>');
|
|
var panel_title=$('<h4 class="panel-title">'+cat.name+' </h4>');
|
|
panel_title.data('scase', scase);
|
|
panel_title.data('cat', cat);
|
|
panel_title.bind('click',on_title_click);
|
|
|
|
var stats=cat.stats();
|
|
var tag=$('<span class="count-tag pull-right"></span>');
|
|
if (stats.things==stats.done) {
|
|
tag.append($('<span class="label label-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>'));
|
|
}
|
|
else {
|
|
tag.append($('<span class="badge">'+stats.done+' / '+stats.things+'</span>'));
|
|
}
|
|
|
|
var delete_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-trash"></button>');
|
|
delete_btn.bind('click',{'cat': cat},on_delete_cat_btn_click);
|
|
tag.append(delete_btn);
|
|
|
|
var rename_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-edit"></button>');
|
|
rename_btn.bind('click',{'cat': cat},on_rename_cat_btn_click);
|
|
tag.append(rename_btn);
|
|
|
|
panel_title.append(tag);
|
|
|
|
|
|
panel_heading.append(panel_title);
|
|
panel.append(panel_heading);
|
|
var panel_collapse=$('<div class="panel-collapse collapse" role="tabpanel"></div>');
|
|
if (displayed) {
|
|
panel_collapse.addClass('in');
|
|
}
|
|
var ul=$('<ul class="list-group" data-cat="'+cat.name+'"></ul>');
|
|
for (idx in cat.things) {
|
|
if (cat.things[idx].removed) {
|
|
continue;
|
|
}
|
|
var li=$('<li class="list-group-item checkable" data-label="'+cat.things[idx].label+'">'+cat.things[idx].label+'</li>');
|
|
if (cat.things[idx].nb>1) {
|
|
li.append(' <em>('+cat.things[idx].nb+')</em>');
|
|
}
|
|
if (cat.things[idx].checked) {
|
|
li.addClass('checked');
|
|
}
|
|
li.bind('click',on_li_click);
|
|
|
|
var li_actions=$('<span class="actions pull-right"></span>');
|
|
|
|
var delete_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-trash"></button>');
|
|
delete_el_btn.bind('click',{'cat': cat,'thing': cat.things[idx]},on_delete_thing_btn_click);
|
|
li_actions.append(delete_el_btn);
|
|
|
|
var edit_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-edit"></button>');
|
|
edit_el_btn.bind('click',{'cat': cat,'thing': cat.things[idx]},on_edit_thing_btn_click);
|
|
li_actions.append(edit_el_btn);
|
|
|
|
li.append(li_actions);
|
|
|
|
ul.append(li);
|
|
}
|
|
var li=$('<li class="list-group-item"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter un élément</li>');
|
|
li.bind('click',on_li_add_click);
|
|
ul.append(li);
|
|
panel_collapse.append(ul);
|
|
panel.append(panel_collapse);
|
|
$('#cats').append(panel);
|
|
}
|
|
|
|
show_scase=function(scase,display_cat) {
|
|
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>');
|
|
scase.cats.each(function(idx,cat) {
|
|
if (cat.removed) {
|
|
return;
|
|
}
|
|
show_cat(scase, cat,(cat.name==display_cat));
|
|
});
|
|
set_location(scase.name, display_cat);
|
|
show_menu('scase');
|
|
}
|
|
|
|
on_back_to_scases_btn_click=function(e) {
|
|
e.preventDefault();
|
|
navbar_collapse_hide();
|
|
show_scases();
|
|
}
|
|
|
|
/********************
|
|
* Show scase trash
|
|
*******************/
|
|
show_scase_trash=function(scase,display_cat) {
|
|
clear_page('<h3><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>'+scase.name+' : Corbeille <button class="btn btn-default btn-xs" id="back_btn"><span class="glyphicon glyphicon-arrow-left"></button></h3><div class="panel-group" id="cats" role="tablist" aria-multiselectable="true" data-scase="'+scase.name+'"></div>');
|
|
|
|
$('#content h3 #back_btn').bind('click', {'scase': scase}, function(event) {
|
|
show_scase(event.data.scase);
|
|
});
|
|
|
|
scase.cats.each(function(idx,cat) {
|
|
show_cat_trash(scase, cat, (cat.name==display_cat));
|
|
});
|
|
if ($('#cats .panel').length==0) {
|
|
$('#content').append('<p class="center">La corbeille est vide.</p>');
|
|
}
|
|
set_location(scase.name, display_cat, 'trash');
|
|
show_menu('scase');
|
|
}
|
|
|
|
show_cat_trash=function(scase, cat,displayed) {
|
|
var panel=$('<div class="panel panel-default"></div>');
|
|
var panel_heading=$('<div class="panel-heading" role="tab"></div>');
|
|
var panel_title=$('<h4 class="panel-title">'+cat.name+' </h4>');
|
|
panel_title.data('scase', scase);
|
|
panel_title.data('cat', cat);
|
|
panel_title.data('trash', true);
|
|
|
|
var tag=$('<span class="count-tag pull-right"></span>');
|
|
|
|
panel_title.append(tag);
|
|
|
|
|
|
panel_heading.append(panel_title);
|
|
panel.append(panel_heading);
|
|
|
|
|
|
if (cat.removed) {
|
|
var stats=cat.stats();
|
|
tag.append($('<span class="badge">'+stats.things+'</span>'));
|
|
|
|
var restore_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-ok"></button>');
|
|
restore_btn.bind('click',{'cat': cat},on_restore_cat_btn_click);
|
|
tag.append(restore_btn);
|
|
}
|
|
else {
|
|
var deleted_things=[];
|
|
for (idx in cat.things) {
|
|
if (cat.things[idx].removed) {
|
|
deleted_things.push(cat.things[idx]);
|
|
}
|
|
}
|
|
if (deleted_things.length==0) {
|
|
return true;
|
|
}
|
|
panel_title.bind('click',on_title_click);
|
|
tag.append($('<span class="badge">'+deleted_things.length+'</span>'));
|
|
|
|
var panel_collapse=$('<div class="panel-collapse collapse" role="tabpanel"></div>');
|
|
if (displayed) {
|
|
panel_collapse.addClass('in');
|
|
}
|
|
var ul=$('<ul class="list-group" data-cat="'+cat.name+'"></ul>');
|
|
for (idx in deleted_things) {
|
|
var li=$('<li class="list-group-item" data-label="'+deleted_things[idx].label+'">'+deleted_things[idx].label+'</li>');
|
|
var li_actions=$('<span class="actions pull-right"></span>');
|
|
|
|
var restore_el_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-ok"></button>');
|
|
restore_el_btn.bind('click',{'cat': cat,'thing': deleted_things[idx]},on_restore_thing_btn_click);
|
|
li_actions.append(restore_el_btn);
|
|
|
|
li.append(li_actions);
|
|
|
|
ul.append(li);
|
|
}
|
|
panel_collapse.append(ul);
|
|
panel.append(panel_collapse);
|
|
}
|
|
|
|
$('#cats').append(panel);
|
|
}
|
|
|
|
on_back_to_scase_btn_click=function(e) {
|
|
e.preventDefault();
|
|
navbar_collapse_hide();
|
|
show_scase(e.data.scase);
|
|
}
|
|
|
|
/********************
|
|
* Show scases
|
|
*******************/
|
|
show_scases=function() {
|
|
clear_page('<h3>Vos valises</h3><ul class="list-group" id="scases"></ul>');
|
|
scases.each(function(idx,scase) {
|
|
if (scase.removed) {
|
|
return;
|
|
}
|
|
var stats=scase.stats();
|
|
var tag='<span class="count-tag pull-right">';
|
|
if (stats.things==stats.done) {
|
|
tag+='<span class="label label-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>';
|
|
}
|
|
else {
|
|
tag+='<span class="badge">'+stats.done+' / '+stats.things+'</span>';
|
|
}
|
|
tag+='</span>';
|
|
|
|
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>');
|
|
li.bind('click',on_scase_click);
|
|
$('#scases').append(li);
|
|
});
|
|
set_location();
|
|
show_menu('scases');
|
|
}
|
|
|
|
on_scase_click=function(event) {
|
|
var li=$(this);
|
|
var scase=scases.byName(li.data('name'));
|
|
show_scase(scase);
|
|
}
|
|
|
|
/********************
|
|
* Show scases trash
|
|
*******************/
|
|
show_scases_trash=function() {
|
|
clear_page('<h3>Corbeille <button class="btn btn-default btn-xs" id="back_btn"><span class="glyphicon glyphicon-arrow-left"></button></h3><ul class="list-group" id="scases"></ul>');
|
|
$('#content h3 #back_btn').bind('click', function(event) {
|
|
show_scases();
|
|
});
|
|
|
|
scases.each(function(idx,scase) {
|
|
if (!scase.removed) {
|
|
return;
|
|
}
|
|
var stats=scase.stats();
|
|
var tags=$('<span class="count-tag pull-right"></span>');
|
|
tags.append('<span class="badge">'+stats.things+'</span>');
|
|
|
|
var restore_btn=$('<button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-ok"></button>');
|
|
restore_btn.bind('click',{'scase': scase},on_restore_scase_btn_click);
|
|
tags.append(restore_btn);
|
|
|
|
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></li>');
|
|
li.append(tags);
|
|
$('#scases').append(li);
|
|
});
|
|
if ($('#scases li').length==0) {
|
|
$('#content').append('<p class="center">Aucune valise dans la corbeille.</p>');
|
|
}
|
|
show_menu('scases');
|
|
}
|
|
|
|
on_scases_trash_btn=function(e) {
|
|
e.preventDefault();
|
|
navbar_collapse_hide();
|
|
show_scases_trash();
|
|
}
|
|
|
|
clear_page=function(new_content) {
|
|
if (new_content) {
|
|
$('#content').html(new_content);
|
|
}
|
|
else {
|
|
$('#content').html('');
|
|
}
|
|
}
|
|
|
|
/************************
|
|
* Show menu
|
|
***********************/
|
|
show_menu=function(menu) {
|
|
$('.menu').css('display','none');
|
|
$('.menu-'+menu).css('display','block');
|
|
}
|
|
|
|
/*******************
|
|
* pleaseWaitDialog
|
|
*******************/
|
|
|
|
pleaseWaitShow=function() {
|
|
$('#please_wait_modal').modal('show');
|
|
}
|
|
|
|
pleaseWaitHide=function() {
|
|
$('#please_wait_modal').modal('hide');
|
|
}
|
|
|
|
/****************
|
|
* Nav bars
|
|
****************/
|
|
navbar_collapse_hide=function() {
|
|
if ($('#navbar-top-collapse').hasClass('in')) {
|
|
$('#navbar-top-collapse').collapse('hide');
|
|
}
|
|
}
|
|
|
|
/********************
|
|
* Clear local data
|
|
********************/
|
|
clear_local_data=function() {
|
|
navbar_collapse_hide();
|
|
alertify.confirm(
|
|
"Suppression de toutes les données locales",
|
|
"Etes-vous sûre de vouloir supprimer les données locales (action irréversible) ?",
|
|
on_confirm_clear_local_data,
|
|
null
|
|
);
|
|
}
|
|
|
|
on_confirm_clear_local_data=function(data) {
|
|
delete localStorage.scases;
|
|
location.reload();
|
|
}
|
|
|
|
/********************
|
|
* Clear local data
|
|
********************/
|
|
load_example_data=function() {
|
|
navbar_collapse_hide();
|
|
alertify.confirm(
|
|
"Chargement des données d'exemple",
|
|
"Etes-vous sûre de vouloir charger les données d'exemple à la place de vos propres données (action irréversible) ?",
|
|
function() {
|
|
delete localStorage.scases;
|
|
scases=new SCaseList();
|
|
scases.importExampleData();
|
|
scases.save();
|
|
show_scases();
|
|
},
|
|
null
|
|
);
|
|
}
|
|
|
|
/*******************************
|
|
* Import/Export local data
|
|
*******************************/
|
|
export_local_data=function() {
|
|
navbar_collapse_hide();
|
|
$('#export_local_data').attr('href','data:application/json;base64,' + btoa(JSON.stringify(scases.export())));
|
|
}
|
|
|
|
import_local_data=function() {
|
|
navbar_collapse_hide();
|
|
var input=$('<input type="file" accept="application/json">');
|
|
input.css('display', 'none');
|
|
input.bind('change',{'input': input},function(e) {
|
|
pleaseWaitShow();
|
|
var input=e.data.input;
|
|
var file=input.prop('files')[0];
|
|
if (file) {
|
|
var reader = new FileReader();
|
|
$(reader).bind('load', function(e) {
|
|
if (
|
|
$.type(e.target.result)!='string'
|
|
|| ! e.target.result.startsWith('data:application/json;base64,')
|
|
) {
|
|
pleaseWaitHide();
|
|
alertify.notify('Fichier.', "error", 5);
|
|
return;
|
|
}
|
|
try {
|
|
json_data=atob(e.target.result.replace('data:application/json;base64,',''));
|
|
data=JSON.parse(json_data);
|
|
}
|
|
catch (e) {
|
|
pleaseWaitHide();
|
|
alertify.notify('Impossible de décodé le fichier.', "error", 5);
|
|
return;
|
|
}
|
|
pleaseWaitHide();
|
|
alertify.confirm(
|
|
"Importation depuis un fichier",
|
|
"Etes-vous sûre de vouloir écraser vos données locales par celle issues de ce fichier ?",
|
|
function() {
|
|
var backData=scases.export();
|
|
scases=new SCaseList();
|
|
if (scases.loadFromJsonData(data)) {
|
|
alertify.notify("Le fichier a bien été importé.", "success", 3);
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en chargeant ce fichier. Restauration des données précédentes...", "error", 5);
|
|
if (scases.loadFromJsonData(backData)) {
|
|
alertify.notify("Les données précédentes ont bien été restaurées.", "success", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en restaurant les données précédentes.", "error", 5);
|
|
}
|
|
}
|
|
show_scases();
|
|
},
|
|
null
|
|
);
|
|
});
|
|
reader.readAsDataURL(file);
|
|
}
|
|
});
|
|
$('body').append(input);
|
|
input[0].click();
|
|
}
|
|
|
|
/******************************
|
|
* Authentication
|
|
******************************/
|
|
|
|
show_user=function() {
|
|
if (user.connected()) {
|
|
$('#login').parent().css('display', 'none');
|
|
$('#logout').parent().css('display', 'block');
|
|
$('#username').html(user.name);
|
|
}
|
|
else {
|
|
$('#login').parent().css('display', 'block');
|
|
$('#logout').parent().css('display', 'none');
|
|
$('#username').html("");
|
|
}
|
|
}
|
|
|
|
on_login_button_click=function() {
|
|
if (user.connected()) return;
|
|
navbar_collapse_hide();
|
|
$('#login_modal').modal('show');
|
|
}
|
|
|
|
on_valid_login_modal=function (e) {
|
|
e.preventDefault();
|
|
var username=$('#login_username').val();
|
|
var password=$('#login_password').val();
|
|
if (!username || !password) {
|
|
alertify.notify("Vous devez saisir votre nom d'utilisateur et votre mot de passe !", "error", 5);
|
|
return;
|
|
}
|
|
$.post(
|
|
'login',
|
|
{
|
|
username: username,
|
|
password: password,
|
|
}
|
|
).done(function(data) {
|
|
if (data.username && data.token) {
|
|
user.token = data.token;
|
|
user.username = data.username;
|
|
user.name = data.name?data.name:username;
|
|
user.save();
|
|
$('#login_modal').modal('hide');
|
|
show_user();
|
|
alertify.notify("Connecté.", "success", 3);
|
|
propose_sync_local_data();
|
|
}
|
|
else {
|
|
alertify.notify("Nom d'utilisateur ou mot de passe.", "error", 5);
|
|
}
|
|
}).fail(function() {
|
|
alertify.notify('Une erreur est survenue en vous identifiant. Merci de réessayer ultèrieument.', "error", 5);
|
|
});
|
|
}
|
|
|
|
on_show_login_modal=function () {
|
|
$('#login_username').val(user.username?user.username:"");
|
|
if (user.username)
|
|
$('#login_password').focus();
|
|
else
|
|
$('#login_username').focus();
|
|
}
|
|
|
|
on_close_login_modal=function () {
|
|
$('#login_modal form')[0].reset();
|
|
}
|
|
|
|
on_logout_button_click=function() {
|
|
if (!user.connected()) return;
|
|
navbar_collapse_hide();
|
|
alertify.confirm(
|
|
"Déconnexion",
|
|
"Voulez-vous vraiment vous déconnecter ?",
|
|
function(data) {
|
|
$.post(
|
|
'logout',
|
|
{
|
|
username: user.username,
|
|
token: user.token,
|
|
}
|
|
).done(function(data) {
|
|
if (data.success) {
|
|
user.reset();
|
|
user.save();
|
|
show_user();
|
|
alertify.notify("Déconnecté.", "success", 3);
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en vous déconnectant. Merci de réessayer ultèrieument.", "error", 5);
|
|
}
|
|
}).fail(function() {
|
|
alertify.notify('Une erreur est survenue en vous déconnectant. Merci de réessayer ultèrieument.', "error", 5);
|
|
});
|
|
},
|
|
null
|
|
);
|
|
}
|
|
|
|
is_connected=function() {
|
|
return user && user.token;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
* Sync local data with server
|
|
*******************************/
|
|
sync_local_data = function(callback) {
|
|
if (!is_connected()) {
|
|
if (callback) callback(false);
|
|
return;
|
|
}
|
|
$.post(
|
|
'sync',
|
|
{
|
|
username: user.username,
|
|
token: user.token,
|
|
data: JSON.stringify(scases.export()),
|
|
}
|
|
).done(function(data) {
|
|
if (data.scases) {
|
|
var backData=scases.export();
|
|
scases=new SCaseList();
|
|
if (scases.loadFromJsonData(data)) {
|
|
scases.save();
|
|
alertify.notify("Données synchronisées.", "success", 3);
|
|
if (callback) callback(true);
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en chargeant les données issues du serveur. Restauration des données précédentes...", "error", 5);
|
|
if (scases.loadFromJsonData(backData)) {
|
|
alertify.notify("Les données précédentes ont bien été restaurées.", "success", 5);
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en restaurant les données précédentes.", "error", 5);
|
|
}
|
|
if (callback) callback(false);
|
|
}
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en synchronisant vos données. Merci de réessayer ultèrieument.", "error", 5);
|
|
if (callback) callback(false);
|
|
}
|
|
}).fail(function(xhr, status, error) {
|
|
if (xhr.status == 401) {
|
|
user.token = null;
|
|
user.save();
|
|
show_user();
|
|
alertify.notify("Votre session semble avoir expirée, merci de vous réauthentifier.", "error", 8);
|
|
$('#login_modal').modal('show');
|
|
}
|
|
else {
|
|
alertify.notify("Une erreur est survenue en synchronisant vos données. Merci de réessayer ultèrieument.", "error", 5);
|
|
}
|
|
if (callback) callback(false);
|
|
});
|
|
}
|
|
_auto_sync_timeout = false;
|
|
auto_sync_local_data = function() {
|
|
if (_auto_sync_timeout) clearTimeout(_auto_sync_timeout);
|
|
if (!is_connected() || !navigator.onLine) return;
|
|
_auto_sync_timeout = setTimeout(sync_local_data, 3000);
|
|
}
|
|
on_sync_local_data_btn_click=function() {
|
|
navbar_collapse_hide();
|
|
if (!is_connected()) {
|
|
alertify.notify("Vous devez vous connecter avant de pouvoir synchroniser vos données.", "error", 5);
|
|
$('#login_modal').modal('show');
|
|
return;
|
|
}
|
|
pleaseWaitShow();
|
|
sync_local_data(function(success) {
|
|
pleaseWaitHide();
|
|
});
|
|
}
|
|
propose_sync_local_data = function() {
|
|
alertify.confirm(
|
|
"Synchronisation de vos valises depuis le serveur",
|
|
"Voulez-vous synchroniser vos valises depuis le serveur ?",
|
|
function() {
|
|
pleaseWaitShow();
|
|
sync_local_data(
|
|
function(success) {
|
|
pleaseWaitHide();
|
|
if (!success) return;
|
|
if (scases.count() == 0)
|
|
propose_example_data();
|
|
else
|
|
refresh_location();
|
|
}
|
|
);
|
|
},
|
|
refresh_location
|
|
);
|
|
}
|
|
|
|
/***********************
|
|
* Manage location hash
|
|
***********************/
|
|
|
|
set_location = function(scase, cat, detail) {
|
|
console.log(`set_location(${scase}, ${cat}, ${detail})`);
|
|
var parts = [];
|
|
if (scase) parts[0] = scase;
|
|
if (cat) parts[1] = cat;
|
|
if (detail) parts[2] = detail;
|
|
location.hash = parts.join("|");
|
|
}
|
|
|
|
parse_location = function(value) {
|
|
value = typeof value == "undefined" ? location.hash : value;
|
|
console.log(`parse_location(${value})`);
|
|
parts = (
|
|
typeof value == "undefined" ? location.hash : value
|
|
).split("|");
|
|
return {
|
|
scase: parts[0]?decodeURI(parts[0].substring(1)):null,
|
|
cat: parts[0] && parts[1]?decodeURI(parts[1]):null,
|
|
detail: parts[2] ? decodeURI(parts[2]) : null,
|
|
};
|
|
}
|
|
|
|
refresh_location = function() {
|
|
var info = parse_location();
|
|
console.log(`refresh_location(${info.scase}, ${info.cat}, ${info.detail})`);
|
|
var scase = info.scase ? scases.byName(info.scase) : null;
|
|
if (!scase)
|
|
show_scases();
|
|
else if (info.detail == 'trash')
|
|
show_scase_trash(scase, info.cat);
|
|
else
|
|
show_scase(scase, info.cat);
|
|
}
|
|
|
|
/***********************
|
|
* Welcome modal
|
|
***********************/
|
|
|
|
on_welcome_connect_click = function() {
|
|
$('#welcome_modal').modal('hide');
|
|
$('#login_modal').modal('show');
|
|
}
|
|
|
|
on_welcome_annonymous_click = function() {
|
|
$('#welcome_modal').modal('hide');
|
|
if (scases.count() == 0) propose_example_data();
|
|
}
|
|
|
|
propose_example_data = function() {
|
|
alertify.confirm(
|
|
"Un exemple de valise ?",
|
|
"Souhaitez-vous charger un exemple de valise pour commencer ?",
|
|
function() {
|
|
scases.importExampleData();
|
|
scases.save();
|
|
refresh_location();
|
|
},
|
|
null,
|
|
);
|
|
}
|
|
|
|
/*********************
|
|
* Activate
|
|
*********************/
|
|
$( document ).ready( function() {
|
|
if(typeof(localStorage)==="undefined"){
|
|
alertify.notify(
|
|
'Votre navigateur internet ne support pas le stockage de données locale. Vous ne pouvez donc malheureusment pas utiliser cette application.', "error", 5);
|
|
return;
|
|
}
|
|
pleaseWaitShow();
|
|
|
|
$('#clear_local_data').bind('click',clear_local_data);
|
|
$('#load_example_data').bind('click',load_example_data);
|
|
$('#import_local_data').bind('click',import_local_data);
|
|
$('#export_local_data').bind('click',export_local_data);
|
|
$('#sync_local_data').bind('click',on_sync_local_data_btn_click);
|
|
|
|
$('#add_scase_btn').bind('click',on_add_scase_btn_click);
|
|
$('#add_scase_submit').bind('click',on_valid_add_scase_modal);
|
|
$("#add_scase_modal").on('shown.bs.modal',on_show_add_scase_modal);
|
|
$("#add_scase_modal").on('hidden.bs.modal',on_close_add_scase_modal);
|
|
$("#add_scase_modal form").bind('submit',on_valid_add_scase_modal);
|
|
|
|
$('#scases_trash_btn').bind('click',on_scases_trash_btn);
|
|
|
|
$('#rename_scase_btn').bind('click',on_rename_scase_btn_click);
|
|
$('#rename_scase_submit').bind('click',on_valid_rename_scase_modal);
|
|
$("#rename_scase_modal").on('shown.bs.modal',on_show_rename_scase_modal);
|
|
$("#rename_scase_modal").on('hidden.bs.modal',on_close_rename_scase_modal);
|
|
$("#rename_scase_modal form").bind('submit',on_valid_rename_scase_modal);
|
|
|
|
$('#copy_scase_btn').bind('click',on_copy_scase_btn_click);
|
|
$('#copy_scase_submit').bind('click',on_valid_copy_scase_modal);
|
|
$("#copy_scase_modal").on('shown.bs.modal',on_show_copy_scase_modal);
|
|
$("#copy_scase_modal").on('hidden.bs.modal',on_close_copy_scase_modal);
|
|
$("#copy_scase_modal form").bind('submit',on_valid_copy_scase_modal);
|
|
|
|
$('#reset_scase_btn').bind('click',on_reset_scase_btn_click);
|
|
$('#delete_scase_btn').bind('click',on_delete_scase_btn_click);
|
|
$('#scase_trash_btn').bind('click',on_scase_trash_btn_click);
|
|
|
|
$('#add_cat_btn').bind('click',on_add_cat_btn_click);
|
|
$('#add_cat_submit').bind('click',on_valid_add_cat_modal);
|
|
$("#add_cat_modal").on('shown.bs.modal',on_show_add_cat_modal);
|
|
$("#add_cat_modal").on('hidden.bs.modal',on_close_add_cat_modal);
|
|
$("#add_cat_modal form").bind('submit',on_valid_add_cat_modal);
|
|
|
|
$('#rename_cat_submit').bind('click',on_valid_rename_cat_modal);
|
|
$("#rename_cat_modal").on('shown.bs.modal',on_show_rename_cat_modal);
|
|
$("#rename_cat_modal").on('hidden.bs.modal',on_close_rename_cat_modal);
|
|
$("#rename_cat_modal form").bind('submit',on_valid_rename_cat_modal);
|
|
|
|
$('#back_to_scases').bind('click',on_back_to_scases_btn_click);
|
|
|
|
$('input.add_thing_label').bind('focus',on_add_thing_label_focus);
|
|
$('#add_thing_submit').bind('click',on_valid_add_thing_modal);
|
|
$("#add_thing_modal").on('shown.bs.modal',on_show_add_thing_modal);
|
|
$("#add_thing_modal").on('hidden.bs.modal',on_close_add_thing_modal);
|
|
$("#add_thing_modal form").bind('submit',on_valid_add_thing_modal);
|
|
|
|
$('#edit_thing_submit').bind('click',on_valid_edit_thing_modal);
|
|
$("#edit_thing_modal").on('shown.bs.modal',on_show_edit_thing_modal);
|
|
$("#edit_thing_modal").on('hidden.bs.modal',on_close_edit_thing_modal);
|
|
$("#edit_thing_modal form").bind('submit',on_valid_edit_thing_modal);
|
|
|
|
$('#login').bind('click',on_login_button_click);
|
|
$('#logout').bind('click',on_logout_button_click);
|
|
$('#login_submit').bind('click',on_valid_login_modal);
|
|
$("#login_modal").on('shown.bs.modal',on_show_login_modal);
|
|
$("#login_modal").on('hidden.bs.modal',on_close_login_modal);
|
|
$("#login_modal form").bind('submit',on_valid_login_modal);
|
|
|
|
$('#welcome_connect').bind('click',on_welcome_connect_click);
|
|
$('#welcome_annonymous').bind('click',on_welcome_annonymous_click);
|
|
|
|
$('#app-name').bind('click', show_scases);
|
|
|
|
user=new User();
|
|
user.loadFromLocalStorage();
|
|
show_user();
|
|
|
|
scases=new SCaseList();
|
|
switch(scases.loadFromLocalStorage()) {
|
|
case null:
|
|
pleaseWaitHide();
|
|
if (is_connected())
|
|
propose_sync_local_data();
|
|
else
|
|
$('#welcome_modal').modal('show');
|
|
break;
|
|
|
|
case false:
|
|
alertify.confirm(
|
|
"Erreur en chargeant les données locales",
|
|
'Une erreur est survenue en chargeant les données locales. On les purges ?',
|
|
function(data) {
|
|
delete localStorage.scases;
|
|
location.reload();
|
|
},
|
|
function(data) {
|
|
pleaseWaitHide();
|
|
location.reload();
|
|
},
|
|
);
|
|
break;
|
|
|
|
case true:
|
|
refresh_location();
|
|
pleaseWaitHide();
|
|
break;
|
|
}
|
|
});
|