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

  var bind = {};

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

  var render = {};

  render.clear = function() {
    if (state.get.current().header.transitional.show) {
      var transitional = helper.e(".transitional");
      while (transitional.lastChild) {
        transitional.removeChild(transitional.lastChild);
      };
    };
  };

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

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

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

})();