Root Zanli
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
o5t6x7pgljbm
/
public_html
/
public
/
app-assets
/
js
/
scripts
/
Filename :
app-kanban.min.js
back
Copy
$(document).ready(function(){var e,t,a,n,i,d,r,s=[{id:"1",title:"TO DO",headerBg:"blue",item:[{id:"1_1",title:"Express jupiter express for outer solar system to travel",border:"green",dueDate:"SEPTEMBER 9, 2019",comment:1,attachment:1,users:["../../../app-assets/images/avatar/avatar-10.png"]},{id:"1_2",title:"Type Something",border:"orange",image:"../../../app-assets/images/gallery/46.jpg",dueDate:"FEBRUARY 1, 20190"},{id:"1_3",title:"Social Media Graphics",border:"cyan",dueDate:"OCTOMBER 3, 2019",comment:23,attachment:1,users:["../../../app-assets/images/avatar/avatar-11.png"]},{id:"1_4",title:"Book newspaper ads online in popular Book.",border:"red",dueDate:"MAY 3, 2019",comment:56,attachment:1,users:["../../../app-assets/images/avatar/avatar-12.png"]},{id:"1_5",title:"Twitter Marketing",border:"blue-grey"}]},{id:"2",title:"IN PROGRESS",headerBg:"orange",item:[{id:"2_1",title:"Flat UI Kit Design",border:"light-blue"},{id:"2_2",title:"Drag people onto a card to indicate that.",border:"orange",dueDate:"OCTOMBER 1, 2019",comment:8,users:["../../../app-assets/images/avatar/avatar-13.png"]},{id:"2_3",title:"Application Design",border:"cyan"},{id:"2_4",title:"BBQ Logo Design 😱",border:"blue-grey",dueDate:"OCTOMBER 6, 2019",comment:10,attachment:1,badgeContent:"AK",badgeColor:"red"}]},{id:"3",title:"IN REVIEW",headerBg:"red",item:[{id:"3_1",title:"Database Management System (DBMS) is a collection of programs",border:"light-blue",dueDate:"MARCH 1, 2019",comment:10,users:["../../../app-assets/images/avatar/avatar-14.png"]},{id:"3_2",title:"Admin Dashboard 🙂",border:"cyan",dueDate:"MARCH 6, 2019",comment:7,badgeContent:"AD",badgeColor:"blue"},{id:"3_3",title:"Fix bootstrap progress bar with & issue",border:"red",dueDate:"MARCH 9, 2019",users:["../../../app-assets/images/avatar/avatar-15.png"]}]}],o=new jKanban({element:"#kanban-app",buttonContent:"+ Add New Item",widthBoard:"300px",click:function(a){$(".kanban-overlay").addClass("show"),$(".kanban-sidebar").addClass("show"),t=$(a).contents()[0].data,e=$(a).attr("data-eid"),$(".edit-kanban-item .edit-kanban-item-title").val(t)},buttonClick:function(a,t){var n=document.createElement("form");n.setAttribute("class","itemform"),n.innerHTML='<div class="input-field"><textarea class="materialize-textarea add-new-item" rows="2" autofocus required></textarea></div><div class="input-field display-flex"><button type="submit" class="btn-floating btn-small mr-2"><i class="material-icons">add</i></button><button type="button" id="CancelBtn" class="btn-floating btn-small"><i class="material-icons">clear</i></button></div>',o.addForm(t,n),n.addEventListener("submit",function(a){a.preventDefault();var e=a.target[0].value;o.addElement(t,{title:e}),n.parentNode.removeChild(n)}),$(document).on("click","#CancelBtn",function(){$(this).closest(n).remove()})},addItemButton:!0,boards:s});for(a in s)for(n in s[a].item){var l=s[a].item[n];if(d=$(l).attr("id"),r=o.findElement(d),board_item_users=board_item_dueDate=board_item_comment=board_item_attachment=board_item_image=board_item_badge=" ",void 0!==$(r).attr("data-users"))for(i in s[a].item[n].users)board_item_users+='<img class="circle" src=" '+s[a].item[n].users[i]+'" alt="Avatar" height="24" width="24">';void 0!==$(r).attr("data-dueDate")&&(board_item_dueDate='<div class="kanban-due-date center mb-5 lighten-5 '+$(r).attr("data-border")+'"><span class="'+$(r).attr("data-border")+'-text center"> '+$(r).attr("data-dueDate")+"</span></div>"),void 0!==$(r).attr("data-comment")&&(board_item_comment='<div class="kanban-comment display-flex"><i class="material-icons font-size-small">chat_bubble_outline </i><span class="font-size-small">'+$(r).attr("data-comment")+"</span></div>"),void 0!==$(r).attr("data-attachment")&&(board_item_attachment='<div class="kanban-attachment display-flex"><i class="font-size-small material-icons">attach_file</i><span class="font-size-small">'+$(r).attr("data-attachment")+"</span></div>"),void 0!==$(r).attr("data-image")&&(board_item_image='<div class="kanban-image mb-1"><img class="responsive-img border-radius-4" src=" '+s[a].item[n].image+'" alt="kanban-image">'),void 0!==$(r).attr("data-badgeContent")&&(board_item_badge='<div class="kanban-badge circle lighten-4 '+s[a].item[n].badgeColor+'"><span class="'+s[a].item[n].badgeColor+'-text">'+s[a].item[n].badgeContent+"</span>"),void 0!==($(r).attr("data-dueDate")||$(r).attr("data-comment")||$(r).attr("data-users")||$(r).attr("data-attachment"))&&$(r).append('<div class="kanban-footer mt-3">'+board_item_dueDate+'<div class="kanban-footer-left left display-flex pt-1">'+board_item_comment+board_item_attachment+'</div><div class="kanban-footer-right right"><div class="kanban-users">'+board_item_badge+board_item_users+"</div></div></div>"),void 0!==$(r).attr("data-image")&&$(r).prepend(board_item_image)}s.map(function(a){$(".kanban-board[data-id='"+a.id+"']").find(".kanban-board-header").addClass(a.headerBg)});var m=document.getElementById("add-kanban"),c=1;m.addEventListener("click",function(){o.addBoards([{id:"kanban-"+c,title:"Default Title"}]);var a=o.findBoard("kanban-"+c);if(a){document.createElement("div").setAttribute("class","dropdown"),kanbanNewBoardData='<div class="dropdown"><a class="dropdown-trigger" href="#" data-target="kan'+c+'" > <i class="material-icons white-text">more_vert</i></a><ul id="kan'+c+'" class="dropdown-content"><li><a href="#!"><i class="material-icons">link</i><span class="menu-item">Copy Link</span></a></li><li class="kanban-delete"><a href="#!"><i class="material-icons">delete</i><span class="menu-item">Delete</span></a></li></ul></div>';var e=$(a).find("header");$(e).append(kanbanNewBoardData),$(".dropdown-trigger").dropdown({constrainWidth:!1})}c++}),$(document).on("click",".kanban-delete",function(a){var e=$(this).closest(".kanban-board").attr("data-id");addEventListener("click",function(){o.removeBoard(e)})});var b=document.createElement("div");b.setAttribute("class","dropdown"),b.innerHTML='<a class="dropdown-trigger" href="#" data-target="" > <i class="material-icons white-text">more_vert</i></a><ul id="" class="dropdown-content"><li><a href="#!"><i class="material-icons">link</i><span class="menu-item">Copy Link</span></a></li><li class="kanban-delete"><a href="#!"><i class="material-icons">delete</i><span class="menu-item">Delete</span></a></li></ul>',$(".kanban-board-header div").hasClass("dropdown")||$(".kanban-board-header").append(b),$(".kanban-sidebar .delete-kanban-item, .kanban-sidebar .close-icon, .kanban-sidebar .update-kanban-item, .kanban-overlay").on("click",function(){$(".kanban-overlay").removeClass("show"),$(".kanban-sidebar").removeClass("show")}),$(document).on("click",".delete-kanban-item",function(){$delete_item=e,addEventListener("click",function(){o.removeElement($delete_item)})});new Quill(".snow-container .compose-editor",{modules:{toolbar:".compose-quill-toolbar"},placeholder:"Write a Comment... ",theme:"snow"});if($(document).on("mouseenter",".kanban-title-board",function(){$(this).attr("contenteditable","true"),$(this).addClass("line-ellipsis")}),0<$(".kanban-sidebar").length)new PerfectScrollbar(".kanban-sidebar",{theme:"dark",wheelPropagation:!1});for(c=1;c<=$(".kanban-board").length;c++)$(".kanban-board[data-id='"+c+"']").find(".kanban-board-header .dropdown-trigger").attr("data-target",c),$(".kanban-board[data-id='"+c+"']").find("ul").attr("id",c);$(".dropdown-trigger").dropdown({constrainWidth:!1})}),$(window).on("resize",function(){$(".kanban-sidebar").removeClass("show"),$(".kanban-overlay").removeClass("show")});