rcreasey.github.io/js/date.js at 54b2b321fa047f3c009fa163d12e5c25953abded · 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
var date = (function() {

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

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

  var _makeTimeObject = function() {
    var time = helper.getDateTime();
    return time;
  };

  var render = function() {
    var _date = function() {
      var date = helper.e(".date");
      var time = _makeTimeObject();
      time.day = helper.day(time.day);
      time.month = helper.month(time.month);
      if (state.get().header.date.character.length == "short") {
        time.day = time.day.substring(0, 3);
        time.month = time.month.substring(0, 3);
      };
      var sepCha = "/";
      var dateNumber = helper.makeNode({
        tag: "span",
        text: time.date,
        attr: [{
          key: "class",
          value: "date-item date-date"
        }]
      });
      var day = helper.makeNode({
        tag: "span",
        text: time.day,
        attr: [{
          key: "class",
          value: "date-item date-day"
        }]
      });
      var month = helper.makeNode({
        tag: "span",
        text: time.month,
        attr: [{
          key: "class",
          value: "date-item date-month"
        }]
      });
      var year = helper.makeNode({
        tag: "span",
        text: time.year,
        attr: [{
          key: "class",
          value: "date-item date-year"
        }]
      });
      if (state.get().header.date.show.day) {
        date.appendChild(day);
      };
      if (state.get().header.date.show.date) {
        date.appendChild(dateNumber);
      };
      if (state.get().header.date.show.month) {
        date.appendChild(month);
      };
      if (state.get().header.date.show.year) {
        date.appendChild(year);
      };
      if (state.get().header.date.show.separator) {
        var parts = date.querySelectorAll("span");
        if (parts.length > 1) {
          parts.forEach(function(arrayItem, index) {
            if (index > 0) {
              var separator = helper.makeNode({
                tag: "span",
                text: sepCha,
                attr: [{
                  key: "class",
                  value: "date-separator"
                }]
              });
              date.insertBefore(separator, arrayItem);
            };
          });
        };
      };
    };
    if (state.get().header.date.show.date || state.get().header.date.show.day || state.get().header.date.show.month || state.get().header.date.show.year) {
      _date();
    };
  };

  var init = function() {
    render();
    bind();
  };

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

})();