rcreasey.github.io/js/transitional.js at 696f133ed11702c2eb275d885e70144be876cfab · 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
var transitional = (function() {

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

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

  var render = function() {
    var _transitional = function() {
      var transitional = helper.e(".transitional");
      var message = {
        timeanddate: function() {
          if ((state.get().header.date.day.show || state.get().header.date.date.show || state.get().header.date.month.show || state.get().header.date.year.show) && (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show)) {
            if (state.get().header.date.day.show && !state.get().header.date.date.show && !state.get().header.date.month.show && !state.get().header.date.year.show) {
              return "The time and day is";
            } else {
              return "The time and date is";
            };
          } else if (state.get().header.date.day.show || state.get().header.date.date.show || state.get().header.date.month.show || state.get().header.date.year.show) {
            if (state.get().header.date.day.show && !state.get().header.date.date.show && !state.get().header.date.month.show && !state.get().header.date.year.show) {
              return "Today is";
            } else if (!state.get().header.date.day.show && state.get().header.date.date.show && !state.get().header.date.month.show && !state.get().header.date.year.show) {
              return "The date is";
            } else if (!state.get().header.date.day.show && !state.get().header.date.date.show && state.get().header.date.month.show && !state.get().header.date.year.show) {
              return "The month is";
            } else if (!state.get().header.date.day.show && !state.get().header.date.date.show && !state.get().header.date.month.show && state.get().header.date.year.show) {
              return "The year is";
            } else {
              return "The date is";
            };
          } else if (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) {
            return "The time is";
          };
        },
        its: function() {
          return "It's";
        }
      };
      var string = message[state.get().header.transitional.type]();
      var transitionalItem = helper.makeNode({
        tag: "span",
        attr: [{
          key: "class",
          value: "transitional-item"
        }]
      });
      var transitionalItemText = helper.makeNode({
        tag: "span",
        text: string,
        attr: [{
          key: "class",
          value: "transitional-item-text"
        }]
      });
      transitionalItem.appendChild(transitionalItemText);
      transitional.appendChild(transitionalItem);
    };
    if (state.get().header.transitional.show) {
      _transitional();
    };
  };

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

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

})();