rcreasey.github.io/src/js/date.js at 9456fd3205ec93bd2ac64121cf39366cfac4316f · 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
var date = (function() {

  var bind = {};

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

  var render = {};

  render.clear = function() {
    if (state.get.current().header.date.date.show || state.get.current().header.date.day.show || state.get.current().header.date.month.show || state.get.current().header.date.year.show) {
      var date = helper.e(".date");
      while (date.lastChild) {
        date.removeChild(date.lastChild);
      };
    };
  };

  render.all = function() {
    if (state.get.current().header.date.date.show || state.get.current().header.date.day.show || state.get.current().header.date.month.show || state.get.current().header.date.year.show) {
      var timeDateNow = moment();
      var dateStrings = {
        day: null,
        date: null,
        month: null,
        year: null
      };
      var wordOrNumber = {
        day: {
          word: function() {
            dateStrings.day = timeDateNow.format("dddd");
            if (state.get.current().header.date.day.length == "short") {
              dateStrings.day = dateStrings.day.substring(0, 3);
            };
          },
          number: function() {
            dateStrings.day = timeDateNow.day();
            if (state.get.current().header.date.day.weekStart == "monday") {
              if (dateStrings.day == 0) {
                dateStrings.day = 7;
              };
            } else if (state.get.current().header.date.day.weekStart == "sunday") {
              dateStrings.day = dateStrings.day + 1;
            };
          }
        },
        date: {
          word: function() {
            if (state.get.current().header.date.date.ordinal) {
              dateStrings.date = helper.ordinalWords(helper.toWords(timeDateNow.date()));
            } else {
              dateStrings.date = helper.toWords(timeDateNow.date());
            };
          },
          number: function() {
            if (state.get.current().header.date.date.ordinal) {
              dateStrings.date = timeDateNow.format("Do");
            } else {
              dateStrings.date = timeDateNow.format("DD");
            };
          }
        },
        month: {
          word: function() {
            dateStrings.month = timeDateNow.format("MMMM");
            if (state.get.current().header.date.month.length == "short") {
              dateStrings.month = dateStrings.month.substring(0, 3);
            };
          },
          number: function() {
            if (state.get.current().header.date.month.ordinal) {
              dateStrings.month = helper.ordinalNumber(timeDateNow.month() + 1);
            } else {
              dateStrings.month = timeDateNow.month() + 1;
            };
          }
        },
        year: {
          word: function() {
            dateStrings.year = helper.toWords(timeDateNow.format("YYYY"));
          },
          number: function() {
            dateStrings.year = timeDateNow.format("YYYY");
          }
        }
      };
      wordOrNumber.day[state.get.current().header.date.day.display]();
      wordOrNumber.date[state.get.current().header.date.date.display]();
      wordOrNumber.month[state.get.current().header.date.month.display]();
      wordOrNumber.year[state.get.current().header.date.year.display]();
      var elementDay = helper.node("span:" + dateStrings.day + "|class:date-item date-day");
      var elementDate = helper.node("span:" + dateStrings.date + "|class:date-item date-date");
      var elementMonth = helper.node("span:" + dateStrings.month + "|class:date-item date-month");
      var elementYear = helper.node("span:" + dateStrings.year + "|class:date-item date-year");
      var date = helper.e(".date");
      if (state.get.current().header.date.day.show) {
        date.appendChild(elementDay);
      };
      if (state.get.current().header.date.date.show && state.get.current().header.date.month.show) {
        if (state.get.current().header.date.format == "datemonth") {
          if (state.get.current().header.date.date.show) {
            date.appendChild(elementDate);
          };
          if (state.get.current().header.date.month.show) {
            date.appendChild(elementMonth);
          };
        } else if (state.get.current().header.date.format == "monthdate") {
          if (state.get.current().header.date.month.show) {
            date.appendChild(elementMonth);
          };
          if (state.get.current().header.date.date.show) {
            date.appendChild(elementDate);
          };
        };
      } else {
        if (state.get.current().header.date.date.show) {
          date.appendChild(elementDate);
        };
        if (state.get.current().header.date.month.show) {
          date.appendChild(elementMonth);
        };
      };
      if (state.get.current().header.date.year.show) {
        date.appendChild(elementYear);
      };
      if (state.get.current().header.date.separator.show) {
        var separatorCharacter;
        if (helper.checkIfValidString(state.get.current().header.date.separator.text)) {
          separatorCharacter = helper.trimString(state.get.current().header.date.separator.text);
        } else {
          separatorCharacter = "/";
        };
        var parts = date.querySelectorAll("span");
        if (parts.length > 1) {
          parts.forEach(function(arrayItem, index) {
            if (index > 0) {
              var separator = helper.makeNode({
                tag: "span",
                text: separatorCharacter,
                attr: [{
                  key: "class",
                  value: "date-item date-separator"
                }]
              });
              date.insertBefore(separator, arrayItem);
            };
          });
        };
      };
    };
  };

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

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

})();