rcreasey.github.io/src/js/clock.js at b38bf8f199513e75797ac8af1918a7fa519cd110 · rcreasey/rcreasey.github.io · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
var clock = (function() {

  var bind = {};

  bind.tick = function() {
    window.setInterval(function() {
      render.clear();
      render.all();
    }, 1000);
  };

  var render = {};

  render.clear = function() {
    var clock = helper.e(".clock");
    while (clock.lastChild) {
      clock.removeChild(clock.lastChild);
    };
  };

  render.all = function() {
    if (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) {
      var timeDateNow = moment();
      var timeStrings = {
        hours: null,
        minutes: null,
        seconds: null,
        meridiem: null
      };
      var action = {
        hours: {
          word: function() {
            timeStrings.hours = timeDateNow.hours();
            if (!state.get().header.clock.hour24.show && timeDateNow.hours() > 12) {
              timeStrings.hours = timeStrings.hours - 12;
            };
            timeStrings.hours = helper.toWords(timeStrings.hours);
            if (state.get().header.clock.hour24.show && timeDateNow.hours() > 0 && timeDateNow.hours() < 10) {
              timeStrings.hours = "Zero " + timeStrings.hours;
            };
          },
          number: function() {
            timeStrings.hours = timeDateNow.hours();
            if (!state.get().header.clock.hour24.show && timeDateNow.hours() > 12) {
              timeStrings.hours = timeStrings.hours - 12;
            };
            if (state.get().header.clock.hour24.show && timeDateNow.hours() < 10) {
              timeStrings.hours = "0" + timeStrings.hours;
            };
          }
        },
        minutes: {
          word: function() {
            timeStrings.minutes = helper.toWords(timeDateNow.minutes());
            if (timeDateNow.minutes() > 0 && timeDateNow.minutes() < 10) {
              timeStrings.minutes = "Zero " + timeStrings.minutes;
            };
          },
          number: function() {
            timeStrings.minutes = timeDateNow.minutes();
            if (timeDateNow.minutes() < 10) {
              timeStrings.minutes = "0" + timeStrings.minutes;
            };
          }
        },
        seconds: {
          word: function() {
            timeStrings.seconds = helper.toWords(timeDateNow.seconds());
            if (timeDateNow.seconds() > 0 && timeDateNow.seconds() < 10) {
              timeStrings.seconds = "Zero " + timeStrings.seconds;
            };
          },
          number: function() {
            timeStrings.seconds = timeDateNow.seconds();
            if (timeDateNow.seconds() < 10) {
              timeStrings.seconds = "0" + timeStrings.seconds;
            };
          }
        },
        meridiem: function() {
          timeStrings.meridiem = timeDateNow.format("A");
        }
      };
      action.hours[state.get().header.clock.hours.display]();
      action.minutes[state.get().header.clock.minutes.display]();
      action.seconds[state.get().header.clock.seconds.display]();
      action.meridiem();
      var clock = helper.e(".clock");
      var elementHours = helper.node("span:" + timeStrings.hours + "|class:clock-item clock-hours");
      var elementMinutes = helper.node("span:" + timeStrings.minutes + "|class:clock-item clock-minutes");
      var elementSeconds = helper.node("span:" + timeStrings.seconds + "|class:clock-item clock-seconds");
      var elementMeridiem = helper.node("span:" + timeStrings.meridiem + "|class:clock-item clock-meridiem");
      if (state.get().header.clock.hours.show) {
        clock.appendChild(elementHours);
      };
      if (state.get().header.clock.minutes.show) {
        clock.appendChild(elementMinutes);
      };
      if (state.get().header.clock.seconds.show) {
        clock.appendChild(elementSeconds);
      };
      if (!state.get().header.clock.hour24.show && state.get().header.clock.meridiem.show) {
        clock.appendChild(elementMeridiem);
      };
      if (state.get().header.clock.separator.show) {
        var separatorCharacter = ":";
        var parts = clock.querySelectorAll("span");
        if (parts.length > 1) {
          parts.forEach(function(arrayItem, index) {
            if (index > 0 && !arrayItem.classList.contains("clock-meridiem")) {
              var separator = helper.makeNode({
                tag: "span",
                text: separatorCharacter,
                attr: [{
                  key: "class",
                  value: "clock-item clock-separator"
                }]
              });
              clock.insertBefore(separator, arrayItem);
            };
          });
        };
      };
    };
  };

  var init = function() {
    bind.tick();
    render.all();
  };

  // exposed methods
  return {
    init: init,
    bind: bind,
    render: render
  };

})();