Work-Day-Scheduler/script.js at master · azu20/Work-Day-Scheduler · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
$(document).ready(function() {
    let currentTime = moment();
    let momentForLabels = moment();

    console.log(moment().set('hour', 17).format("LT"));

    $("#currentDay").text(currentTime.format("LL"));


    let times = [
        moment().set('hour', 8).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 9).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 10).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 11).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 12).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 13).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 14).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 15).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 16).set('minute', 0).set('second', 0).set('millisecond', 0),
        moment().set('hour', 17).set('minute', 0).set('second', 0).set('millisecond', 0)

    ];

    console.log(currentTime.format());

    for (let i = 0; i < times.length; i++) {

        let row = $("<tr>");
        let rowLabel = $("<td>");
        let rowTimeSlot = $("<td>");
        let rowTextInput = $("<textarea>");
        let rowButton = $("<td>");

        rowLabel.text(times[i].format("LT"));
        rowButton.text("Save");

        row.addClass("row");
        rowLabel.addClass("hour");

        if (currentTime.set('minute', 0).set('second', 0).set('millisecond', 0).diff(times[i], 'hours') < 0 ) {
            rowTimeSlot.addClass("future");
        } else if (currentTime.set('minute', 0).set('second', 0).set('millisecond', 0).diff(times[i], 'hours') === 0) {
            rowTimeSlot.addClass("present");
        } else {
            rowTimeSlot.addClass("past");
        }

        rowButton.addClass("saveBtn");
        rowTextInput.addClass("textarea");

        rowTextInput.attr("slot", times[i].format("LT"));
        rowTextInput.attr("id", times[i].format("LT"));
        rowButton.attr("slot", times[i].format("LT"));

        rowTextInput.text(localStorage.getItem(times[i].format("LT")));

        rowTimeSlot.append(rowTextInput);
        row.append(rowLabel);
        row.append(rowTimeSlot);
        row.append(rowButton);

        $("#schedule").append(row);

    }

    $(".saveBtn").on("click", function() {

       let slotId = $(this).attr("slot");

       localStorage.setItem(slotId, document.getElementById(slotId).value);


    });


});