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 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 x = new task("task_1",Date.now(),"gfuoh;o",0);
- allTasksarray =[x];
- //taskslist =[x];
- function drawTable(choose,word ){ //var text = //document.getElementById("myTable").innerHTML;
- 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 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"+
- "<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>"+
- "</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=\"showbutton\"></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);\"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><button onclick = \"addTask()\" id=\"button_\"></tr>";
- text += "<form>Task<input type=\"text\"id=\"taskname\" name=\"task\">"+
- "</input>Date<input type=\"date\" id=\"datepicker\" name=\"date\"></input>"+
- "<br>description<input type=\"text\" id=\"desc\" name=\"desc\"></input><br>"+
- "</form>";
- text += "<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=\"showbutton\"></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);\"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+= "</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=\"showbutton\"></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);\"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+= "</table>";
- }
- document.getElementById("myTable").innerHTML = text;
- taskslist =[];
- }
- function showbutton(){
- var delbut ="<form>";
- delbut += "<button type\"button\" class=\"btn btn-danger\">Danger</button>";
- //"<button style=\"width:30%;color:red;\"onclick=\"Delete\">Delete";
- delbut += "<\form>";
- document.getElementByName("Item1").innerHTML = delbut;
- }
- 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]);
- //drawTable();
- }
- else if( array == 2){
- archivedarray. push(inProgressarray[index-2]);
- inProgressarray.splice((index-2),1);
- drawTable("prog"," in Progress");
- }
- else if ( array == 3){
- archivedarray. push(completedarray[index-2]);
- completedarray.splice((index-2),1);
- 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);
- 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);
- allTasksarray.splice(allTasksarray.length-1,1);
- 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]=completedarray[completedarray.length-1];
- completedarray.splice(completedarray.length-1,1);
- allTasksarray.splice(allTasksarray.length-1,1);
- 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]=archivedarray[archivedarray.length-1];
- archivedarray.splice(archivedarray.length-1,1);
- allTasksarray.splice(allTasksarray.length-1,1);
- 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]);
- allTasksarray[index-2].name="<strike>"+allTasksarray[index-2].name+"</strike>";
- //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);
- drawTable("prog","in progress");
- }
- else if (array == 4 ){
- completedarray.push(archivedarray[index-2]);
- archivedarray[index-2].name="<strike>"+archivedarray[index-2].name+"</strike>";
- 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);}
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==allTasksarray[index-2]){
- inProgressarray.splice(j,1);}
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==allTasksarray[index-2]){
- archivedarray.splice(j,1);}
- }
- allTasksarray.splice((index-2),1);}
- 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);}
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==completedarray[index-2]){
- inProgressarray.splice(j,1);}
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==completedarray[index-2]){
- archivedarray.splice(j,1);}
- }
- completedarray.splice((index-2),1);}
- 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);}
- }
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==inProgressarray[index-2]){
- allTasksarray.splice(j,1);}
- }
- for(j=0 ; j<archivedarray.length ; j++){
- if(archivedarray[j]==inProgressarray[index-2]){
- archivedarray.splice(j,1);}
- }
- inProgressarray.splice((index-2),1);}
- 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);}
- }
- for(j=0 ; j<inProgressarray.length ; j++){
- if(inProgressarray[j]==archivedarray[index-2]){
- inProgressarray.splice(j,1);}
- }
- for(j=0 ; j<allTasksarray.length ; j++){
- if(allTasksarray[j]==archivedarray[index-2]){
- allTasksarray.splice(j,1);}
- }
- archivedarray.splice((index-2),1);}
- 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);
- var choose = "all";
- var word ="ALL tasks";
- 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";
- taskslist =[];
- drawTable(choose,word);
- }
- else if(addto == 3){
- tasknow = new task(name_1,date_1,description_1,1);
- completedarray.push(tasknow)
- tasknow.name= "<strike>"+tasknow.name+"</strike>";
- allTasksarray.push(tasknow);
- var choose = "complete";
- var word ="Completed";
- taskslist =[];
- drawTable(choose,word);
- }
- else if(addto == 4){
- tasknow = new task(name_1,date_1,description_1,0);
- archivedarray.push(tasknow);
- allTasksarray.push(tasknow);
- var choose = "archive";
- var word ="Archived";
- 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(135, 148, 165);">
- <h1 class="text" style=" background-color:rgb(146, 111, 247);color:white;text-align:center;padding:0.25%">Welcome to our to-do-list </h1>
- <table style ="text-align:center ; width:100%">
- <td style="width:30% ; background-color:rgb(96, 193, 113);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">0</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">0</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">0</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">0</span></button>
- </ui>
- </br>
- </td>
- <td style="width:70% padding-top:10%;padding-bottom: 30%;">
- <p id="myTable"/>
- <table>
- <h2>All Tasks </h2>
- <td style="width:5%">
- <INPUT TYPE="checkbox" NAME="Item1" VALUE="0" UCHECKED onClick="showbutton">
- </td>
- <td style="width:45%;text-align:left;"><b>task_1</b></td>
- <td style="width:20%">
- <form style=" text-align:center;">
- <input type="text" id="datepicker" name="date"/>
- </form>
- </td>
- <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 href="#" >archived</a></li>
- <li><a href="#">Edit</a></li>
- <li><a href="#">delete</a></li>
- <li><a href="#">mark as done</a></li>
- </ul>
- </div>
- </td>
- </table>
- </td>
- </table>
- </body>
- </html>
Add Comment
Please, Sign In to add comment