You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
380 lines
12 KiB
380 lines
12 KiB
$(function () { |
|
/** |
|
* Created by Zura on 4/5/2016. |
|
*/ |
|
$(function () { |
|
Lobibox.notify.DEFAULTS = $.extend({}, Lobibox.notify.DEFAULTS, { |
|
size: "mini", |
|
// delay: false, |
|
position: "right top", |
|
}); |
|
|
|
//Basic example |
|
$("#todo-lists-basic-demo").lobiList({ |
|
lists: [ |
|
{ |
|
id: "todo", |
|
title: "Todo", |
|
defaultStyle: "lobilist-danger", |
|
items: [ |
|
{ |
|
title: "Floor cool cinders", |
|
description: "Thunder fulfilled travellers folly, wading, lake.", |
|
dueDate: "2015-01-31", |
|
}, |
|
{ |
|
title: "Periods pride", |
|
description: "Accepted was mollis", |
|
done: true, |
|
}, |
|
{ |
|
title: "Flags better burns pigeon", |
|
description: |
|
"Rowed cloven frolic thereby, vivamus pining gown intruding strangers prank treacherously darkling.", |
|
}, |
|
{ |
|
title: "Accepted was mollis", |
|
description: |
|
"Rowed cloven frolic thereby, vivamus pining gown intruding strangers prank treacherously darkling.", |
|
dueDate: "2015-02-02", |
|
}, |
|
], |
|
}, |
|
{ |
|
id: "doing", |
|
title: "Doing", |
|
defaultStyle: "lobilist-primary", |
|
items: [ |
|
{ |
|
title: "Composed trays", |
|
description: |
|
"Hoary rattle exulting suspendisse elit paradises craft wistful. Bayonets allures prefer traits wrongs flushed. Tent wily matched bold polite slab coinage celerities gales beams.", |
|
}, |
|
{ |
|
title: "Chic leafy", |
|
}, |
|
{ |
|
title: "Guessed interdum armies chirp writhes most", |
|
description: |
|
"Came champlain live leopards twilight whenever warm read wish squirrel rock.", |
|
dueDate: "2015-02-04", |
|
done: true, |
|
}, |
|
], |
|
}, |
|
{ |
|
id: "Done", |
|
title: "Done", |
|
defaultStyle: "lobilist-success", |
|
items: [ |
|
{ |
|
title: "Composed trays", |
|
description: |
|
"Hoary rattle exulting suspendisse elit paradises craft wistful. Bayonets allures prefer traits wrongs flushed. Tent wily matched bold polite slab coinage celerities gales beams.", |
|
}, |
|
{ |
|
title: "Chic leafy", |
|
}, |
|
{ |
|
title: "Guessed interdum armies chirp writhes most", |
|
description: |
|
"Came champlain live leopards twilight whenever warm read wish squirrel rock.", |
|
dueDate: "2015-02-04", |
|
done: true, |
|
}, |
|
], |
|
}, |
|
], |
|
}); |
|
//Custom datepicker |
|
$("#todo-lists-demo-datepicker").lobiList({ |
|
lists: [ |
|
{ |
|
title: "Todo", |
|
defaultStyle: "lobilist-info", |
|
items: [ |
|
{ |
|
title: "Floor cool cinders", |
|
description: "Thunder fulfilled travellers folly, wading, lake.", |
|
dueDate: "2015-01-31", |
|
}, |
|
], |
|
}, |
|
], |
|
afterListAdd: function (lobilist, list) { |
|
var $dueDateInput = list.$el.find("form [name=dueDate]"); |
|
$dueDateInput.datepicker(); |
|
}, |
|
}); |
|
// Event handling |
|
(function () { |
|
var list; |
|
|
|
$("#todo-lists-initialize-btn").click(function () { |
|
list = $("#todo-lists-demo-events") |
|
.lobiList({ |
|
init: function () { |
|
Lobibox.notify("default", { |
|
msg: "init", |
|
}); |
|
}, |
|
beforeDestroy: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeDestroy", |
|
}); |
|
}, |
|
afterDestroy: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterDestroy", |
|
}); |
|
}, |
|
beforeListAdd: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeListAdd", |
|
}); |
|
}, |
|
afterListAdd: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterListAdd", |
|
}); |
|
}, |
|
beforeListRemove: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeListRemove", |
|
}); |
|
}, |
|
afterListRemove: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterListRemove", |
|
}); |
|
}, |
|
beforeItemAdd: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeItemAdd", |
|
}); |
|
}, |
|
afterItemAdd: function () { |
|
console.log(arguments); |
|
Lobibox.notify("default", { |
|
msg: "afterItemAdd", |
|
}); |
|
}, |
|
beforeItemUpdate: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeItemUpdate", |
|
}); |
|
}, |
|
afterItemUpdate: function () { |
|
console.log(arguments); |
|
Lobibox.notify("default", { |
|
msg: "afterItemUpdate", |
|
}); |
|
}, |
|
beforeItemDelete: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeItemDelete", |
|
}); |
|
}, |
|
afterItemDelete: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterItemDelete", |
|
}); |
|
}, |
|
beforeListDrop: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeListDrop", |
|
}); |
|
}, |
|
afterListReorder: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterListReorder", |
|
}); |
|
}, |
|
beforeItemDrop: function () { |
|
Lobibox.notify("default", { |
|
msg: "beforeItemDrop", |
|
}); |
|
}, |
|
afterItemReorder: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterItemReorder", |
|
}); |
|
}, |
|
afterMarkAsDone: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterMarkAsDone", |
|
}); |
|
}, |
|
afterMarkAsUndone: function () { |
|
Lobibox.notify("default", { |
|
msg: "afterMarkAsUndone", |
|
}); |
|
}, |
|
styleChange: function (list, oldStyle, newStyle) { |
|
console.log(arguments); |
|
Lobibox.notify("default", { |
|
msg: |
|
'styleChange: Old style - "' + |
|
oldStyle + |
|
'". New style - "' + |
|
newStyle + |
|
'"', |
|
}); |
|
}, |
|
titleChange: function (list, oldTitle, newTitle) { |
|
console.log(arguments); |
|
Lobibox.notify("default", { |
|
msg: |
|
'titleChange: Old title - "' + |
|
oldTitle + |
|
'". New title - "' + |
|
newTitle + |
|
'"', |
|
}); |
|
}, |
|
lists: [ |
|
{ |
|
title: "Todo", |
|
defaultStyle: "lobilist-info", |
|
items: [ |
|
{ |
|
title: "Floor cool cinders", |
|
description: |
|
"Thunder fulfilled travellers folly, wading, lake.", |
|
dueDate: "2015-01-31", |
|
}, |
|
{ |
|
title: "Periods pride", |
|
description: "Accepted was mollis", |
|
done: true, |
|
}, |
|
{ |
|
title: "Flags better burns pigeon", |
|
description: |
|
"Rowed cloven frolic thereby, vivamus pining gown intruding strangers prank " + |
|
"treacherously darkling.", |
|
}, |
|
{ |
|
title: "Accepted was mollis", |
|
description: |
|
"Rowed cloven frolic thereby, vivamus pining gown intruding strangers prank " + |
|
"treacherously darkling.", |
|
dueDate: "2015-02-02", |
|
}, |
|
], |
|
}, |
|
], |
|
}) |
|
.data("lobiList"); |
|
}); |
|
|
|
$("#todo-lists-destroy-btn").click(function () { |
|
list.destroy(); |
|
}); |
|
})(); |
|
// Custom controls |
|
$("#todo-lists-demo-controls").lobiList({ |
|
lists: [ |
|
{ |
|
title: "Todo", |
|
defaultStyle: "lobilist-info", |
|
controls: ["edit", "styleChange"], |
|
items: [ |
|
{ |
|
title: "Floor cool cinders", |
|
description: "Thunder fulfilled travellers folly, wading, lake.", |
|
dueDate: "2015-01-31", |
|
}, |
|
], |
|
}, |
|
{ |
|
title: "Disabled checkboxes", |
|
defaultStyle: "lobilist-danger", |
|
controls: ["edit", "add", "remove"], |
|
useLobicheck: false, |
|
items: [ |
|
{ |
|
title: "Periods pride", |
|
description: "Accepted was mollis", |
|
done: true, |
|
}, |
|
], |
|
}, |
|
{ |
|
title: "Controls disabled", |
|
controls: false, |
|
items: [ |
|
{ |
|
title: "Composed trays", |
|
description: |
|
"Hoary rattle exulting suspendisse elit paradises craft wistful. " + |
|
"Bayonets allures prefer traits wrongs flushed. Tent wily matched bold polite slab coinage " + |
|
"celerities gales beams.", |
|
}, |
|
], |
|
}, |
|
{ |
|
title: "No edit/remove", |
|
enableTodoRemove: false, |
|
enableTodoEdit: false, |
|
items: [ |
|
{ |
|
title: "Composed trays", |
|
description: |
|
"Hoary rattle exulting suspendisse elit paradises craft wistful. " + |
|
"Bayonets allures prefer traits wrongs flushed. Tent wily matched bold polite slab coinage " + |
|
"celerities gales beams.", |
|
}, |
|
], |
|
}, |
|
], |
|
}); |
|
// Disabled drag & drop |
|
$("#todo-lists-demo-sorting").lobiList({ |
|
sortable: false, |
|
lists: [ |
|
{ |
|
title: "Todo", |
|
defaultStyle: "lobilist-info", |
|
controls: ["edit", "styleChange"], |
|
items: [ |
|
{ |
|
title: "Floor cool cinders", |
|
description: "Thunder fulfilled travellers folly, wading, lake.", |
|
dueDate: "2015-01-31", |
|
}, |
|
], |
|
}, |
|
{ |
|
title: "Controls disabled", |
|
controls: false, |
|
items: [ |
|
{ |
|
title: "Composed trays", |
|
description: |
|
"Hoary rattle exulting suspendisse elit paradises craft wistful. Bayonets allures prefer traits wrongs flushed. Tent wily matched bold polite slab coinage celerities gales beams.", |
|
}, |
|
], |
|
}, |
|
], |
|
}); |
|
|
|
$("#actions-by-ajax").lobiList({ |
|
actions: { |
|
load: "../example1/load.json", |
|
insert: "../example1/insert.php", |
|
delete: "../example1/delete.php", |
|
update: "../example1/update.php", |
|
}, |
|
afterItemAdd: function () { |
|
console.log(arguments); |
|
}, |
|
}); |
|
|
|
$(".datepicker").datepicker({ |
|
autoclose: true, |
|
todayHighlight: true, |
|
}); |
|
$(".lobilist").perfectScrollbar(); |
|
}); |
|
});
|
|
|