diff --git a/index.html b/index.html new file mode 100644 index 0000000..b465034 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + + + t05 veebirakendus + + + +

PÄEVAPLAAN

+
+ + + +
+ + +
+ + + + + + + +
TO DO:
+ +
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..92417b8 --- /dev/null +++ b/style.css @@ -0,0 +1,106 @@ +body { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'PT Mono', monospace; +} + +.wrapper { + display: flex; + + height: 100%; + margin: auto; +} +h1{ + text-align:center; + padding:20px; +} + + + + +.date { + color:black; + position:absolute; + text-align:center; + margin-left:580px; + background-color:beige + + + +} + + +#toDoList { + box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.1); + font-family: 'PT Mono', monospace; + font-size: 25px; + font-weight:bold; + height: 30px; + margin: 6px; + margin-top: 26px; + margin-left: 20px; + margin-right: 20px; + border: none; + border-radius: 5px; + text-align: center; + +} + +#toDo { + position: absolute; + right: 0; + top: 90; + min-width: 300px; + max-width: 500px; + font-family: 'PT Mono', monospace; + font-size: 15px; + margin: 10px; + border: none; + border-radius: 5px; + color: grey; + background-color: rgba(255, 255, 255, 0.38); + box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.1); +} + +th, +td { + text-align: left; + padding: 8px; +} + +tr:nth-child(odd) { + background-color: rgba(255, 255, 255, 0.19); +} + +th { + ; +} + + +tr { + font-size: 20px; + display: flex; + justify-content: center; + white-space: normal; +} + +#xbutton { + flex: 1; + float: right; + display: inline; + cursor: pointer; + +} + +#xtext { + flex: 1000000; + text-align: left; + margin-right: 20px; +} + + + +@-ms-viewport { + width: device-width; +} diff --git a/t05.js b/t05.js new file mode 100644 index 0000000..89ca4cf --- /dev/null +++ b/t05.js @@ -0,0 +1,99 @@ +//lihtne veebirakendus, mis võimaldab salvestada päevaplaani tegevusi ning neid eemaldada + + + +window.onload = function () { + + + + + + document.getElementById("toDoList").addEventListener("keypress", enterDodo); + + function enterDodo(evt) { + if (evt.key == "Enter") { + displayToDoList(this.value); + document.getElementById("toDoList").value = "" + } + } + + function addZero(i) { + if (i < 10) { + i = "0" + i + }; + return i; + } + + + function DateAndTime() { + var aeg = new Date(); + var kp = addZero(aeg.getDate()); + var k = aeg.getMonth(); + var a = aeg.getFullYear() + var p = aeg.getDay() + var day = [ + "Pühapäev", + "Esmaspäev", + "Teisipäev", + "Kolmapäev", + "Neljapäev", + "Reede", + "Laupäev" + ] + var month = [ + "Jaanuar", + "Veebruar", + "Märts", + "Aprill", + "Mai", + "Juuni", + "Juuli", + "August", + "September", + "Oktoober", + "November", + "Detsember" + ] + + document.getElementsByClassName("date")[0].innerHTML = day[p] + ", " + kp + ". " + month[k].toLowerCase(); + dateToDO = (kp+" "+month[k].toLowerCase()+", "+day[p]+"-" +a+" :") + setTimeout(DateAndTime, 500); + } + + + + +DateAndTime() + +displayToDoList() + +} + +function delrow(see) { + var LSArray = JSON.parse(localStorage.getItem("to do:")) + var sisu = see.previousSibling.innerText + var match = LSArray.indexOf(sisu) + if (LSArray.indexOf(sisu) !== -1) { + LSArray.splice(match, 1) + localStorage.setItem("to do:", JSON.stringify(LSArray)) + displayToDoList() + } +} + +function displayToDoList(item) { + var LSArray = JSON.parse(localStorage.getItem("to do:")) || []; + var table = document.getElementById("toDo"); + var kuup = document.getElementsByClassName("date")[0].innerHTML + if (!item) { + table.innerHTML = "TO DO:" + for (var i = 0; i < LSArray.length; i++) { + var row = table.insertRow(-1); + row.innerHTML = '
' + LSArray[i] + '
X
'; + } + } else { + LSArray.push(dateToDO + " " + item) + localStorage.setItem("to do:", JSON.stringify(LSArray)) + var row = table.insertRow(-1); + row.innerHTML = '
' + dateToDO + " " + item + '
X
';; + } +} \ No newline at end of file