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.
381 lines
12 KiB
381 lines
12 KiB
1 year ago
|
$(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();
|
||
|
});
|
||
|
});
|