Amazing-Work-Day-Scheduler/script.js at main · Childy77/Amazing-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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

var timeDisplayEl = $("#currentDay");
var events = "";

var field
var content
var hours9 = $("#hour-9");
var hours10 = $("#hour-10");
var hours11 = $("#hour-11");
var hours12 = $("#hour-12");
var hours1 = $("#hour-1");
var hours2 = $("#hour-2");
var hours3 = $("#hour-3");
var hours4 = $("#hour-4");
var hours5 = $("#hour-5");
var hoursArray = [hours9, hours10, hours11, hours12, hours1, hours2, hours3, hours4, hours5];


function displayTime() {
  var rightNow = dayjs().format('MMM DD, YYYY [at] hh:mm:ss a');
  timeDisplayEl.text(rightNow);
}


$(".saveBtn").click(saveProjectsToStorage)


function readProjectsFromStorage() {
  var hourlyEvents = Object.keys(localStorage);
  for (let index = 0; index < hourlyEvents.length; index++) {
    const oneEvent = hourlyEvents[index];

    var storageEvent = localStorage.getItem(oneEvent);

    $("#" + oneEvent).val(storageEvent);

  }


}

function saveProjectsToStorage() {
  buttonId = this.id
  fieldId = buttonId + "field"
  content = $("#" + fieldId).val()
  localStorage.setItem(fieldId, content)
}


function checkTime() {

 for (let index = 9; index < 18; index++) {
  let amPmTime = index;
if (index > 12) {
  amPmTime = index - 12
}
let timeClass = "future"

if (dayjs().isSame(dayjs().hour(index), 'hour')) {
  timeClass = "present"
}
else if (dayjs().isBefore(dayjs().hour(index), 'hour')) {
  timeClass = "past"
}

$("#hour-" + amPmTime).addClass(timeClass);


  console.log(amPmTime);


 }


}
checkTime();

displayTime();
setInterval(displayTime, 1000);
readProjectsFromStorage();


$(function () {

});