BasicScheduler/javascript.js at master · Carlosbenitez/BasicScheduler · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
//work day is from 9am to 6pm
let workDay = {
    "9 AM": "",
    "10 AM": "",
    "11 AM": "",
    "12 PM": "",
    "1 PM": "",
    "2 PM": "",
    "3 PM": "",
    "4 PM": "",
    "5 PM": "",
    "6 PM": "",
};

$(document).ready(function(){
    if(!localStorage.getItem('workDay')) {
    updateCalendarTasks(workDay);
    } else {
    updateCalendarTasks(JSON.parse(localStorage.getItem('workDay')));
}
})

$('#date-today h4').text(moment().format('dddd') + ", " + moment().format('MMMM Do YYYY, h:mm:ss a'));

let counter = 1;
for(const property in workDay) {
    let textEntry = "#text-entry" + counter;
    $(textEntry).text(workDay[property]);
    let timeId = "#time" + counter;
    let present = moment().hour();
    let timeString = $(timeId).text();
    let timeNumber = hourNumberFromHourString(timeString);
//makes hour slot grey
    if(timeNumber < present) {
    $(textEntry).addClass("past");
//makes hour slot green
} else if (timeNumber > present) {
    $(textEntry).addClass("future");
//makes hour slot bigger and red
} else {
    $(textEntry).addClass("present");
}
counter ++;
}

$("button").click(function() {
    value = $(this).siblings("textarea").val();
    hourString = $(this).siblings("div").text();
saveSchedule(hourString, value);
});

//to get hour number from hour strong
function hourNumberFromHourString(hourString) {
    switch(hourString) {
        case "9 AM": return 9;
        case "10 AM": return 10;
        case "11 AM": return 11;
        case "12 PM": return 12;
        case "1 PM": return 13;
        case "2 PM": return 14;
        case "3 PM": return 15;
        case "4 PM": return 16;
        case "5 PM": return 17;
        case "6 PM": return 18;
    }
}

function loadCorrectDataset() {
    result = localStorage.getItem('workDay')
    return (result ? result : workDay);
}

function initializeLocalStorage() {
    localStorage.setItem('workDay', JSON.stringify(workDay));
};

function saveToLocalStorage(dayObj) {
    localStorage.setItem('workDay', JSON.stringify(dayObj));
}

function saveSchedule(hourString, val) {
    if(!localStorage.getItem('workDay')) {
    initializeLocalStorage();
}

    let hours = JSON.parse(localStorage.getItem('workDay'));
    hours[hourString] = val

    saveToLocalStorage(hours);
}

function updateCalendarTasks(dayObject) {
    $(".calendar-row").each(function(index) {
    let res = $(this).children("div");
    $(this).children("textarea").text(dayObject[res.text()]);
})
}