Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!douctype html>
- <html>
- <head>
- <script src="jquery.js"></script>
- <script src="jquery-1.9.1.js"></script>
- <script src="jquery-ui.js"></script>
- <script src="js/bootstrap.min.js"></script>
- //<script src="new project society/bootstrap.min"></script>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
- <link rel="stylesheet" href="css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
- <style >
- #flip {
- text-align: center;
- font-size: 90%;
- font-weight: bold;
- background-color: #e5eecc;
- border: solid 1px #c3c3c3;
- }
- #panel{
- text-align: left;
- font-size: 90%;
- font-weight: bold;
- background-color: #e5eecc;
- border: solid 1px #c3c3c3;
- }
- #panel {
- display: none;
- }
- .buttonadd{
- background-color: rgb(53, 0, 254);
- width: 13%;
- border: 1px solid #c3c3c3;
- position:absolute;
- text-align-last: center;
- text-rendering: optimizeLegibility;
- font-size: 15;
- font-weight: bold;
- }
- .bb{
- background-color: rgb(53, 0, 254);
- width: 7%;
- border: 1px solid #c3c3c3;
- position:absolute;
- text-align-last: center;
- text-rendering: optimizeLegibility;
- font-size: 100%;
- }
- </style>
- <script>
- var id =0 ;
- function task(name,date,description ,status){
- //this.id = id;
- this.name = name;
- this.date = date;
- this.description =description ;
- this.status=status;
- //this.states=states;
- }
- var forEdit=0;
- var countElement =0;
- var taskslist = [];
- var che = [];
- var i;
- var allTasksarray =[];
- var inProgressarray =[];
- var archivedarray = [];
- var completedarray =[];
- var countAll=0;
- var countComplete=0;
- var countArchive=0;
- var countProg=0;
- var add1;
- var add2;
- var add3;
- var add4;
- var addto;
- var count1;
- var count;
- var count2;
- var count3;
- var tempindex=0;
- var temparray;
- var arraycheck=0;
- var plus=0;
- var tempch = [];
- // var x = new task("task_1",Date.now(),"gfuoh;o",0);
- // allTasksarray =[x];
- //taskslist =[x];
- function drawTable(choose,word ){ //var text = //document.getElementById("myTable").innerHTML;
- che = [];
- tempch = [];
- var mark =0;
- if (choose == "all"){
- taskslist = allTasksarray;
- addto = 1;
- //taskslist= taskslist.concat(allTasks);
- }
- else if (choose == "complete"){
- taskslist = completedarray;
- addto =3;
- mark =1;
- }
- else if( choose == "prog"){
- taskslist = inProgressarray ;
- addto =2;
- }
- else if ( choose == "archive"){
- taskslist = archivedarray ;
- addto = 4;
- }
- var dbadge ="<table>";
- dbadge += "<td style=\"width:30% ; background-color:rgb(53, 189, 226);text-align:center-left; padding-top:10%;padding-bottom: 30%;\">"+
- "<br>"+
- "<ui>"+
- "<button style=\" border-radius:4%;background-color:rgb(85, 165, 255); width :90%;\" id=\"all\" value=\"ALL tasks\" onclick=\"drawTable(this.id, this.value);\">All tasks<span class=\"badge\">"+countAll+"</span></button>"+
- "</ui></br><br><ui>"+
- "<button style=\"background-color:rgb(85, 165, 255); width :90%;\" value=\"In Progress\" id =\"prog\" onclick=\"drawTable(this.id, this.value);\">In Progress<span class=\"badge\">"+countProg+"</span></button>"+
- "</ui></br><br><ui>"+
- "<button style=\"background-color:rgb(85, 165, 255); width :90%;\" value=\"Completed\" id=\"complete\" onclick=\"drawTable(this.id, this.value);\">Completed<span class=\"badge\">"+countComplete+"</span></button>"+
- "</ui></br><br><ui>"+
- "<button style=\"background-color:rgb(85, 165, 255); width :90%; \" value=\"Archived\"id =\"archive\" onclick=\"drawTable(this.id, this.value);\">Archived<span class=\"badge\">"+countArchive+"</span></button>"+
- "</ui></br></td>";
- dbadge += "</table>";
- var text = "<table style=\"width:100% padding-top:10%;padding-bottom: 30%;\" >";
- text += "<tr>";
- text += "<td style =\" text-align:left; font-size:200%;font:bold;width:30%\">"+word+"</td>";
- text+="<td style =\"width:10%; text-align:center;\"><div class=\"dropdown\">"+
- "<button class=\"btn btn-primary dropdown-toggle\"type=\"button\" data-toggle=\"dropdown\">sort/delete"+
- "<span class=\"caret\"></span></button>"+
- "<ul class=\"dropdown-menu\">"+
- "<li><a onclick = \"Sortn(addto);\"href=\"#\">by name</a></li>"+
- "<li><a onclick = \"datesort(addto);\"href=\"#\">by date</a></li>"+
- "<li><a onclick = \"deletecheck();\"href=\"#\">delete checked items</a></li>"+
- "</div>"+
- "</td>";
- text += "</tr>";
- //text += "<th>Date</th>";
- text += "<th></th>";
- if (addto == 1 ||addto == 2 ){
- for(i = 0; i< taskslist.length; i++){
- text += "<tr>";
- text += "<td style=\"width:5%\"> <INPUT TYPE=\"checkbox\" NAME=\"Item1\" VALUE=\"0\" UNCHECKED onclick=\"Tobechecked(this.parentNode.parentNode.rowIndex,addto);\"></td>";
- text += "<td style=\"width:45%;text-align:left;\">"+taskslist[i].name + "</td>";
- text += "<td style=\"width:20%\">"+taskslist[i].date + "</td>";
- text += "<td style =\"width:20%; text-align:center;\"><div class=\"dropdown\">"+
- "<button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">options"+
- "<span class=\"caret\"></span></button>"+
- "<ul class=\"dropdown-menu\">"+
- "<li><a onclick = \"Tobearchived(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">archived</a></li>"+
- "<li><a onclick =\"editt(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);document.getElementById('myform').style.display='block'\"href=\"#\">Edit</a></li>"+
- "<li><a onclick = \"Delete(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">delete</a></li>"+
- "<li><a onclick = \"Tobedone(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">mark as done</a></li>"+
- "</ul>"+
- "</ul>"+
- "</div>"+
- "</td>"
- text += "</tr>";}
- text += "<tr></tr>";
- text += "<tr></tr>";
- text += "<tr><th>";
- text += "<button id=\"addfirst\" onClick=\"document.getElementById('myform').style.display='block'\" type=\"button\">Add</button>"+
- "<div id=\"myform\" style =\"display:none\">"+
- "<input type=\"text\" id=\"taskname\" />"+
- "<br>"+
- "<input type=\"date\" id=\"datepicker\" />"+
- "<br>"+
- "<input type=\"text\" id=\"desc\" />"+
- " <button id=\"button_\" onclick=\"addTask()\" type=\"button\">Add</button>"+
- "<button id=\"cancel\" type=\"button\" onclick=\"document.getElementById('myform').style.display='none'\">Cancel</button>";
- text += "</th></tr>";
- text+= "</table>";}
- else if (addto == 3){
- for(i = 0; i< taskslist.length; i++){
- text += "<tr>";
- text += "<td style=\"width:5%\"> <INPUT TYPE=\"checkbox\" NAME=\"Item1\" VALUE=\"0\" UNCHECKED onclick=\"Tobechecked(this.parentNode.parentNode.rowIndex,addto);\"></td>";
- text += "<td style=\"width:45%;text-align:left;\"><strike>"+taskslist[i].name + "</stri</td>";
- text += "<td style=\"width:20%\">"+taskslist[i].date + "</td>";
- text += "<td style =\"width:20%; text-align:center;\"><div class=\"dropdown\">"+
- "<button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">options"+
- "<span class=\"caret\"></span></button>"+
- "<ul class=\"dropdown-menu\">"+
- "<li><a onclick = \"Tobearchived(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">archived</a></li>"+
- "<li><a onclick = \"editt(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);document.getElementById('myform').style.display='block' \"href=\"#\">Edit</a></li>"+
- "<li><a onclick = \"Delete(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">delete</a></li>"+
- // "<li><a onclick = \"Tobedone(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">mark as done</a></li>"+
- "</ul>"+
- "</ul>"+
- "</div>"+
- "</td>"
- text += "</tr>";}
- text += "<tr></tr>";
- text += "<tr></tr>";
- text += "<tr><th>";
- text += "<button id=\"addfirst\" onClick=\"document.getElementById('myform').style.display='block'\" type=\"button\">Add</button>"+
- "<div id=\"myform\" style =\"display:none\">"+
- "<input type=\"text\" id=\"taskname\" />"+
- "<br>"+
- "<input type=\"date\" id=\"datepicker\" />"+
- "<br>"+
- "<input type=\"text\" id=\"desc\" />"+
- " <button id=\"button_\" onclick=\"addTask()\" type=\"button\">Add</button>"+
- "<button id=\"cancel\" type=\"button\" onclick=\"document.getElementById('myform').style.display='none'\">Cancel</button>";
- text += "</th></tr>";
- text+= "</table>";
- }
- else if (addto == 4){
- for(i = 0; i< taskslist.length; i++){
- text += "<tr>";
- text += "<td style=\"width:5%\"> <INPUT TYPE=\"checkbox\" NAME=\"Item1\" VALUE=\"0\" UNCHECKED onclick=\"Tobechecked(this.parentNode.parentNode.rowIndex,addto);\"></td>";
- text += "<td style=\"width:45%;text-align:left;\">"+taskslist[i].name + "</td>";
- text += "<td style=\"width:20%\">"+taskslist[i].date + "</td>";
- text += "<td style =\"width:20%; text-align:center;\"><div class=\"dropdown\">"+
- "<button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">options"+
- "<span class=\"caret\"></span></button>"+
- "<ul class=\"dropdown-menu\">"+
- // "<li><a onclick = \"Tobearchived(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">archived</a></li>"+
- "<li><a onclick =\"editt(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);document.getElementById('myform').style.display='block'\"href=\"#\">Edit</a></li>"+
- "<li><a onclick = \"Delete(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">delete</a></li>"+
- "<li><a onclick = \"Tobedone(this.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex,addto);\"href=\"#\">mark as done</a></li>"+
- "</ul>"+
- "</ul>"+
- "</div>"+
- "</td>"
- text += "</tr>";}
- text += "<tr></tr>";
- text += "<tr></tr>";
- text += "<tr><th>";
- text += "<button id=\"addfirst\" onClick=\"document.getElementById('myform').style.display='block'\" type=\"button\">Add</button>"+
- "<div id=\"myform\" style =\"display:none\">"+
- "<input type=\"text\" id=\"taskname\" />"+
- "<br>"+
- "<input type=\"date\" id=\"datepicker\" />"+
- "<br>"+
- "<input type=\"text\" id=\"desc\" />"+
- " <button id=\"button_\" onclick=\"addTask()\" type=\"button\">Add</button>"+
- "<button id=\"cancel\" type=\"button\" onclick=\"document.getElementById('myform').style.display='none'\">Cancel</button>";
- text += "</th></tr>";
- text+= "</table>";
- }
- document.getElementById("myTable").innerHTML = text;
- document.getElementById("badge").innerHTML=dbadge;
- taskslist =[];
- }
- function Tobechecked(index,array){
- // che.push(index-2-plus);
- var flag=1;
- for(v=0 ; v<tempch.length ; v++){
- if(tempch[v]==index){
- flag=0;break;
- }
- }
- if(flag==1){
- tempch.push(index);
- flag=0;
- }
- else {
- tempch.splice(v,1);
- }
- // plus++;
- arraycheck=array;
- }
- function deletecheck(){
- tempch.sort();
- for(e=0 ; e<tempch.length ; e++){
- che.push(tempch[e]-2-plus);
- plus++;
- }
- plus=0;
- if(arraycheck==1){
- if(confirm("are you sure")==true){
- for(s=0 ; s<che.length ; s++){
- for(j=0 ; j<completedarray.length ; j++){
- if(completedarray[j]==allTasksarray[che[s]]){
- completedarray.splice(j,1);
- countComplete--;
- }
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==allTasksarray[che[s]]){
- inProgressarray.splice(j,1);
- countProg--;
- }
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==allTasksarray[che[s]]){
- archivedarray.splice(j,1);
- countArchive--;
- }
- }
- allTasksarray.splice(che[s],1);
- countAll--;
- }
- }
- drawTable("all","ALL Tasks");
- }
- else if(arraycheck==2){
- if(confirm("are you sure")==true){
- for(s=0 ; s<che.length ; s++){
- for(j=0 ; j<completedarray.length ; j++){
- if(completedarray[j]==inProgressarray[che[s]]){
- completedarray.splice(j,1);
- countComplete--;
- }
- }
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==inProgressarray[che[s]]){
- allTasksarray.splice(j,1);
- countAll--;
- }
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==inProgressarray[che[s]]){
- archivedarray.splice(j,1);
- countArchive--;
- }
- }
- inProgressarray.splice(che[s],1);
- countProg--;
- }
- }
- drawTable("prog"," in Progress");
- }
- else if(arraycheck==3){
- if(confirm("are you sure")==true){
- for(s=0 ; s<che.length ; s++){
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==completedarray[che[s]]){
- allTasksarray.splice(j,1);
- countAll--;
- }
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==completedarray[che[s]]){
- inProgressarray.splice(j,1);
- countProg--;
- }
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==completedarray[che[s]]){
- archivedarray.splice(j,1);
- countArchive--;
- }
- }
- completedarray.splice(che[s],1);
- countComplete--;
- }
- }
- drawTable("complete","Completed");
- }
- else if(arraycheck==4){
- if(confirm("are you sure")==true){
- for(s=0 ; s<che.length ; s++){
- for(j=0 ; j<completedarray.length ; j++){
- if(completedarray[j]==archivedarray[che[s]]){
- completedarray.splice(j,1);
- countComplete--;
- }
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==archivedarray[che[s]]){
- inProgressarray.splice(j,1);
- countProg--;
- }
- }
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==archivedarray[che[s]]){
- allTasksarray.splice(j,1);
- countAll--;
- }
- }
- archivedarray.splice(che[s],1);
- countArchive--;
- }
- }
- drawTable("archive","Archived");
- }
- }
- function Sortn(addto){
- if (addto == 1){
- allTasksarray.sort(function(a, b){
- var nameA=a.name.toLowerCase();
- var nameB=b.name.toLowerCase();
- if (nameA < nameB){ return -1 ;} //sort string ascending
- if (nameA > nameB) {return 1};
- return 0; //default return value (no sorting)
- });
- drawTable("all","ALL Tasks");
- }
- else if (addto == 2){
- inProgressarray.sort(function(a, b){
- var nameA=a.name.toLowerCase();
- var nameB=b.name.toLowerCase();
- if (nameA < nameB){ return -1 ;} //sort string ascending
- if (nameA > nameB) {return 1};
- return 0; //default return value (no sorting)
- });
- drawTable("prog"," in Progress");
- }
- else if (addto == 3){
- completedarray.sort(function(a, b){
- var nameA=a.name.toLowerCase();
- var nameB=b.name.toLowerCase();
- if (nameA < nameB){ return -1 ;} //sort string ascending
- if (nameA > nameB) {return 1};
- return 0; //default return value (no sorting)
- });
- drawTable("complete","Completed");
- }
- else if (addto == 4){
- archivedarray.sort(function(a, b){
- var nameA=a.name.toLowerCase();
- var nameB=b.name.toLowerCase();
- if (nameA < nameB){ return -1 ;} //sort string ascending
- if (nameA > nameB) {return 1};
- return 0; //default return value (no sorting)
- });
- drawTable("archive","Archived");
- }
- }
- function datesort (addto){
- if (addto == 1){
- allTasksarray.sort(function(a, b){
- var dateA=new Date(a.date);
- var dateB=new Date(b.date);
- return dateA-dateB;//sort by date ascending
- });
- drawTable("all","ALL Tasks");
- }
- else if (addto == 2){
- inProgressarray.sort(function(a, b){
- var dateA=new Date(a.date);
- var dateB=new Date(b.date);
- return dateA-dateB;//sort by date ascending
- });
- drawTable("prog","Progress");
- }
- else if (addto == 3){
- completedarray.sort(function(a, b){
- var dateA=new Date(a.date);
- var dateB=new Date(b.date);
- return dateA-dateB;//sort by date ascending
- });
- drawTable("complete","Completed");
- }
- else if (addto == 4){
- archivedarray.sort(function(a, b){
- var dateA=new Date(a.date);
- var dateB=new Date(b.date);
- return dateA-dateB;//sort by date ascending
- });
- drawTable("archive","Archived");
- }
- }
- function Tobearchived(index,array){
- if( array ==1){
- archivedarray. push(allTasksarray[index-2]);
- countArchive++;
- countProg--;
- inProgressarray.splice((index-2),1);
- //drawTable();
- drawTable("all","ALL Tasks");
- }
- else if( array == 2){
- archivedarray. push(inProgressarray[index-2]);
- inProgressarray.splice((index-2),1);
- countArchive++;
- countProg--;
- //inProgressarray.splice((index-2),1);
- drawTable("prog"," in Progress");
- ///drawTable("prog",");
- }
- else if ( array == 3){
- archivedarray. push(completedarray[index-2]);
- completedarray.splice((index-2),1);
- countArchive++;
- countComplete--;
- drawTable("complete","completed");
- }
- //index=index-2
- }
- function editt(index,array){
- forEdit=1;
- tempindex=index;
- temparray=array;
- if(array==1){
- temparray=1;
- document.getElementById("taskname").value = allTasksarray[index-2].name;
- document.getElementById("datepicker").value = allTasksarray[index-2].date;
- document.getElementById("desc").value = allTasksarray[index-2].description;
- }
- else if(array==2){
- temparray=2;
- document.getElementById("taskname").value = inProgressarray[index-2].name;
- document.getElementById("datepicker").value = inProgressarray[index-2].date;
- document.getElementById("desc").value = inProgressarray[index-2].description;
- }
- else if(array==3){
- temparray=3;
- document.getElementById("taskname").value = completedarray[index-2].name;
- document.getElementById("datepicker").value = completedarray[index-2].date;
- document.getElementById("desc").value = completedarray[index-2].description;
- }
- else if(array==4){
- temparray=4;
- document.getElementById("taskname").value = archivedarray[index-2].name;
- document.getElementById("datepicker").value = archivedarray[index-2].date;
- document.getElementById("desc").value = archivedarray[index-2].description;
- }
- }
- function tempedit(){
- var fprog=0,fall=0,fcom=0,farch=0;
- var ka,kc,kv,kg;
- if(temparray==1){
- for(kg=0 ; kg<inProgressarray.length ; kg++){
- if(inProgressarray[kg]==allTasksarray[tempindex-2])
- {fprog=1;break;}
- }
- for(kc=0 ; kc<completedarray.length ; kc++){
- if(completedarray[kc]==allTasksarray[tempindex-2])
- {fcom=1;break;}
- }
- for(kv=0 ; kv<archivedarray.length ; kv++){
- if(archivedarray[kv]==allTasksarray[tempindex-2])
- {farch=1;break;}
- }
- allTasksarray[tempindex-2]=allTasksarray[allTasksarray.length-1];
- allTasksarray.splice(allTasksarray.length-1,1);
- countAll--;
- inProgressarray.splice(inProgressarray.length-1,1)
- countProg--;
- if (fprog==1){
- inProgressarray[kg]=allTasksarray[tempindex-2];
- }
- if (farch==1){
- archivedarray[kv]=allTasksarray[tempindex-2];
- }
- if (fcom==1){
- completedarray[kc]=allTasksarray[tempindex-2];
- allTasksarray[tempindex-2].name="<strike>"+allTasksarray[tempindex-2].name+"</strike>";
- }
- drawTable("all","ALL Tasks");
- }
- else if(temparray==2){
- for(ka=0 ; ka<allTasksarray.length ; ka++){
- if(allTasksarray[ka]==inProgressarray[tempindex-2])
- {fall=1;break;}
- }
- for(kc=0 ; kc<completedarray.length ; kc++){
- if(completedarray[kc]==inProgressarray[tempindex-2])
- {fcom=1;break;}
- }
- for(kv=0 ; kv<archivedarray.length ; kv++){
- if(archivedarray[kv]==inProgressarray[tempindex-2])
- {farch=1;break;}
- }
- inProgressarray[tempindex-2]=inProgressarray[inProgressarray.length-1];
- inProgressarray.splice(inProgressarray.length-1,1);
- countProg--;
- allTasksarray.splice(allTasksarray.length-1,1);
- countAll--;
- if (fall==1){
- allTasksarray[ka]=inProgressarray[tempindex-2];
- }
- if (farch==1){
- archivedarray[kv]=inProgressarray[tempindex-2];
- }
- if (fcom==1){
- completedarray[kc]=inProgressarray[tempindex-2];
- inProgressarray[tempindex-2].name="<strike>"+inProgressarray[tempindex-2].name+"</strike>";
- }
- drawTable("prog","in progress");
- }
- else if(temparray==3){
- for(kg=0 ; kg<inProgressarray.length ; kg++){
- if(inProgressarray[kg]==completedarray[tempindex-2])
- {fprog=1;break;}
- }
- for(ka=0 ; ka<allTasksarray.length ; ka++){
- if(allTasksarray[ka]==completedarray[tempindex-2])
- {fall=1;break;}
- }
- for(kv=0 ; kv<archivedarray.length ; kv++){
- if(archivedarray[kv]==completedarray[tempindex-2])
- {farch=1;break;}
- }
- completedarray[tempindex-2]=allTasksarray[allTasksarray.length-1,1];
- allTasksarray.splice(allTasksarray.length-1,1);
- countComplete--;
- inProgressarray.splice(inProgressarray.length-1,1);
- countProg--;
- if (fall==1){
- allTasksarray[ka]=completedarray[tempindex-2];
- }
- if (farch==1){
- archivedarray[kv]=completedarray[tempindex-2];
- }
- if (fprog==1){
- inProgressarray[kg]=completedarray[tempindex-2];
- }
- drawTable("complete","Completed");
- }
- else if(temparray==4){
- for(ka=0 ; ka<allTasksarray.length ; ka++){
- if(allTasksarray[ka]==archivedarray[tempindex-2])
- {fall=1;break;}
- }
- for(kc=0 ; kc<completedarray.length ; kc++){
- if(completedarray[kc]==archivedarray[tempindex-2])
- {fcom=1;break;}
- }
- for(kg=0 ; kg<inProgressarray.length ; kg++){
- if(inProgressarray[kg]==archivedarray[tempindex-2])
- {fprog=1;break;}
- }
- archivedarray[tempindex-2]=allTasksarray[allTasksarray.length-1];
- inProgressarray.splice(inProgressarray.length-1,1);
- countProg--;
- allTasksarray.splice(allTasksarray.length-1,1);
- countAll--;
- if (fall==1){
- allTasksarray[ka]=archivedarray[tempindex-2];
- }
- if (fprog==1){
- inProgressarray[kg]=archivedarray[tempindex-2];
- }
- if (fcom==1){
- completedarray[kc]=archivedarray[tempindex-2];
- archivedarray[tempindex-2].name="<strike>"+archivedarray[tempindex-2].name+"</strike>";
- }
- drawTable("archive","Archived");
- }
- }
- function Tobedone(index,array){
- if (array == 1 ){
- completedarray.push(allTasksarray[index-2]);
- if (allTasksarray[index-2].name !="<strike>"+allTasksarray[index-2].name+"</strike>"){
- allTasksarray[index-2].name="<strike>"+allTasksarray[index-2].name+"</strike>";
- countComplete++;
- countProg--;
- inProgressarray.splice((index-2),1);
- //sort
- drawTable("all","ALL Tasks");}
- }
- else if (array == 2 ){
- completedarray.push(inProgressarray[index-2]);
- inProgressarray[index-2].name="<strike>"+inProgressarray[index-2].name+"</strike>";
- inProgressarray.splice((index-2),1);
- countComplete++;
- countProg--;
- drawTable("prog","in progress");
- }
- else if (array == 4 ){
- completedarray.push(archivedarray[index-2]);
- archivedarray[index-2].name="<strike>"+archivedarray[index-2].name+"</strike>";
- countComplete++;
- drawTable("archive","Archived");
- }
- //index=index-2
- }
- function Delete(index,array){
- if (array == 1){
- if(confirm("are you sure")==true){
- for(j=0 ; j<completedarray.length ; j++){
- if(completedarray[j]==allTasksarray[index-2]){
- completedarray.splice(j,1);
- countComplete--;
- }
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==allTasksarray[index-2]){
- inProgressarray.splice(j,1);
- countProg--;
- }
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==allTasksarray[index-2]){
- archivedarray.splice(j,1);
- countArchive--;
- }
- }
- allTasksarray.splice((index-2),1);
- countAll--;
- }
- drawTable("all","ALL Tasks");
- }
- else if ( array== 3){
- if(confirm("are you sure")==true){
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==completedarray[index-2]){
- allTasksarray.splice(j,1);
- countAll--;
- }
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==completedarray[index-2]){
- inProgressarray.splice(j,1);
- countProg--;
- }
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==completedarray[index-2]){
- archivedarray.splice(j,1);
- countArchive--;
- }
- }
- completedarray.splice((index-2),1);
- countComplete--;
- }
- drawTable("complete","Completed");
- }
- else if( array == 2){
- if(confirm("are you sure")==true){
- for(j=0 ; j<completedarray.length ; j++){
- if(completedarray[j]==inProgressarray[index-2]){
- completedarray.splice(j,1);
- countComplete--;
- }
- }
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==inProgressarray[index-2]){
- allTasksarray.splice(j,1);
- countAll--;
- }
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==inProgressarray[index-2]){
- archivedarray.splice(j,1);
- countArchive--;
- }
- }
- inProgressarray.splice((index-2),1);
- countProg--;
- }
- drawTable("prog","In Progress");
- }
- else if ( array == 4){
- if(confirm("are you sure")==true){
- for(j=0 ; j<completedarray.length ; j++){
- if(completedarray[j]==archivedarray[index-2]){
- completedarray.splice(j,1);
- countComplete--;
- }
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==archivedarray[index-2]){
- inProgressarray.splice(j,1);
- countProg--;
- }
- }
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==archivedarray[index-2]){
- allTasksarray.splice(j,1);
- countAll--;
- }
- }
- archivedarray.splice((index-2),1);
- countArchive--;
- }
- drawTable("archive","Archived");
- }
- }
- function addTask(id){
- var name_1 = document.getElementById("taskname").value;
- var date_1 = document.getElementById("datepicker").value;
- var description_1= document.getElementById("desc").value;
- var tasknow ;
- // tasknow = new task(name_1,date_1,description_1,0);
- if(addto == 1){
- tasknow = new task(name_1,date_1,description_1,0);
- allTasksarray.push(tasknow);
- inProgressarray.push(tasknow);
- var choose = "all";
- var word ="ALL tasks";
- countAll++;
- countProg++;
- taskslist =[];
- drawTable(choose,word);
- }
- else if(addto == 2){
- tasknow = new task(name_1,date_1,description_1,0);
- inProgressarray.push(tasknow);
- allTasksarray.push(tasknow);
- var choose = "prog";
- var word ="In Progress";
- countAll++;
- countProg++;
- taskslist =[];
- drawTable(choose,word);
- }
- else if(addto == 3){
- tasknow = new task(name_1,date_1,description_1,0);
- inProgressarray.push(tasknow);
- allTasksarray.push(tasknow);
- var choose = "complete";
- var word ="Completed";
- countAll++;
- countProg++;
- taskslist =[];
- drawTable(choose,word);
- }
- else if(addto == 4){
- tasknow = new task(name_1,date_1,description_1,0);
- inProgressarray.push(tasknow);
- allTasksarray.push(tasknow);
- var choose = "archive";
- var word ="Archived";
- countAll++;
- countProg++;
- taskslist =[];
- drawTable(choose,word);
- }
- if(forEdit==1){
- tempedit();
- forEdit=0;
- }
- }
- </script>
- <script>
- $(document).ready(function() {
- $("#datepicker").datepicker();
- });
- $(document).ready(function(){
- $("#flip").click(function(){
- $("#panel").slideDown("slow");
- });
- });
- $(document).ready(function(){
- $("#flip2").click(function(){
- $("#panel").slideUp("slow");
- });
- });
- </script>
- </head>
- <body style="background-color:rgb(144, 237, 234);">
- <h1 class="text" style=" background-color:rgb(0, 131, 185);text-align:center;padding:0.25%">Welcome to our to-do-list </h1>
- <table style ="text-align:center ; width:100%">
- <td>
- <p id="badge"/>
- </td>
- <td style="width:70% padding-top:10%;padding-bottom: 30%;">
- <p id="myTable"/>
- <script>drawTable("all","ALL Tasks")</script>
- </td>
- </table>
- </body>
- </html>
Add Comment
Please, Sign In to add comment