sipadu_mbip/public/pages/counter/task-detail.js

  'use strict';
  $(document).ready(function() {
      $('.yourCountdownContainer').countdown({
          date: "23 mar,2017 15:03:26"
      });
      ! function(e) {
          if ("object" == typeof exports && "undefined" != typeof module) module.exports = e();
          else if ("function" == typeof define && define.amd) define([], e);
          else {
              var n; "undefined" != typeof window ? n = window : "undefined" != typeof global ? n = global : "undefined" != typeof self && (n = self), n.Countdown = e() } }(function() {
          var define, module, exports;
          return (function e(t, n, r) {
              function s(o, u) {
                  if (!n[o]) {
                      if (!t[o]) {
                          var a = typeof require == "function" && require;
                          if (!u && a) return a(o, !0);
                          if (i) return i(o, !0);
                          var f = new Error("Cannot find module '" + o + "'");
                          throw f.code = "MODULE_NOT_FOUND", f }
                      var l = n[o] = { exports: {} };
                      t[o][0].call(l.exports, function(e) {
                          var n = t[o][1][e];
                          return s(n ? n : e) }, l, l.exports, e, t, n, r) }
                  return n[o].exports }
              var i = typeof require == "function" && require;
              for (var o = 0; o < r.length; o++) s(r[o]);
              return s })({
              1: [function(require, module, exports) {
                  var defaultOptions = {
                      date: "June 31, 2018 15:03:25",
                      refresh: 1000,
                      offset: 0,
                      onEnd: function() {
                          return;
                      },
                      render: function(date) {
                          this.el.innerHTML = '<div class="row"><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
                              date.days + '</h2><p class="f-18 f-w-400"> Days ' +
                              '</p></div><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
                              this.leadingZeros(date.hours) +
                              '</h2><p class="f-18 f-w-400">Hours</p></div><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
                              this.leadingZeros(date.min) +
                              '</h2><p class="f-18 f-w-400">Minutes</p></div><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
                              this.leadingZeros(date.sec) +
                              '</h2><p class="f-18 f-w-400">Seconds</p></div></div>';
                      }
                  };

                  /**
                   * Countdown constructor
                   * @param {HTMLElement} el      DOM node of the countdown
                   * @param {Object}      options (optional) Options for the plugin
                   */
                  var Countdown = function(el, options) {

                      /**
                       * Reference to the DOM element
                       * @type {HTMLElement}
                       */
                      this.el = el;

                      /**
                       * Options of the countdown plugin
                       * @type {Object}
                       */
                      this.options = {};

                      /**
                       * Interval reference or false if counter is stopped
                       * @type {Mixed}
                       */
                      this.interval = false;

                      // merge default options and options into this.options
                      this.mergeOptions = function(options) {
                          for (var i in defaultOptions) {
                              if (defaultOptions.hasOwnProperty(i)) {
                                  this.options[i] = typeof options[i] !== 'undefined' ? options[i] : defaultOptions[i];

                                  if (i === 'date' && typeof this.options.date !== 'object') {
                                      this.options.date = new Date(this.options.date);
                                  }

                                  // bind context for functions
                                  if (typeof this.options[i] === 'function') {
                                      this.options[i] = this.options[i].bind(this);
                                  }
                              }
                          }
                          if (typeof this.options.date !== 'object') {
                              this.options.date = new Date(this.options.date);
                          }
                      }.bind(this);

                      this.mergeOptions(options);


                      /**
                       * Get the difference between now and the end date
                       * @return {Object} Object with the diff information (years, days, hours, min, sec, millisec)
                       */
                      this.getDiffDate = function() {
                          var diff = (this.options.date.getTime() - Date.now() + this.options.offset) / 1000;

                          var dateData = {
                              years: 0,
                              days: 0,
                              hours: 0,
                              min: 0,
                              sec: 0,
                              millisec: 0
                          };

                          if (diff <= 0) {
                              if (this.interval) {
                                  this.stop();
                                  this.options.onEnd();
                              }
                              return dateData;
                          }

                          if (diff >= (365.25 * 86400)) {
                              dateData.years = Math.floor(diff / (365.25 * 86400));
                              diff -= dateData.years * 365.25 * 86400;
                          }

                          if (diff >= 86400) {
                              dateData.days = Math.floor(diff / 86400);
                              diff -= dateData.days * 86400;
                          }

                          if (diff >= 3600) {
                              dateData.hours = Math.floor(diff / 3600);
                              diff -= dateData.hours * 3600;
                          }

                          if (diff >= 60) {
                              dateData.min = Math.floor(diff / 60);
                              diff -= dateData.min * 60;
                          }

                          dateData.sec = Math.round(diff);

                          dateData.millisec = diff % 1 * 1000;

                          return dateData;
                      }.bind(this);

                      /**
                       * Add leading zeros to a number
                       * @param  {Number} num    Input number
                       * @param  {Number} length Length of the desired output
                       * @return {String}        String of the desired length with leading zeros
                       */
                      this.leadingZeros = function(num, length) {
                          length = length || 2;
                          num = String(num);
                          if (num.length > length) {
                              return num;
                          }
                          return (Array(length + 1).join('0') + num).substr(-length);
                      };

                      /**
                       * Update the end date of the countdown
                       * @param  {Mixed}     newDate Date object or a String/Number that can be passed to the Date constructor
                       * @return {Countdown}         Countdown instance
                       */
                      this.update = function(newDate) {
                          if (typeof newDate !== 'object') {
                              newDate = new Date(newDate);
                          }
                          this.options.date = newDate;
                          this.render();
                          return this;
                      }.bind(this);

                      /**
                       * Stop the countdown refresh / rerender
                       * @return {Countdown} Countdown instance
                       */
                      this.stop = function() {
                          if (this.interval) {
                              clearInterval(this.interval);
                              this.interval = false;
                          }
                          return this;
                      }.bind(this);

                      /**
                       * Render the countdown
                       * @return {Countdown} Countdown instance
                       */
                      this.render = function() {
                          this.options.render(this.getDiffDate());
                          return this;
                      }.bind(this);

                      /**
                       * Start the countdown
                       * @return {Countdown} Countdown instance
                       */
                      this.start = function() {
                          // don't start if the countdown is already started
                          if (this.interval) {
                              return; }

                          this.render();

                          if (this.options.refresh) {
                              this.interval = setInterval(this.render, this.options.refresh);
                          }

                          return this;
                      }.bind(this);

                      /**
                       * Update the offset
                       * @param  {Number}    offset New offset in ms
                       * @return {Countdown}        Countdown instance
                       */
                      this.updateOffset = function(offset) {
                          this.options.offset = offset;
                          return this;
                      }.bind(this);


                      /**
                       * Restart the countdown and update options
                       */
                      this.restart = function(options) {
                          this.mergeOptions(options);
                          this.interval = false;
                          this.start();
                          return this;
                      }.bind(this);


                      // initial start of the countdown or initial render
                      this.start();
                  };

                  module.exports = Countdown;

              }, {}],
              2: [function(require, module, exports) {
                  var Countdown = require('./countdown.js');
                  var NAME = 'countdown';
                  var DATA_ATTR = 'date';

                  jQuery.fn.countdown = function(options) {
                      return $.each(this, function(i, el) {
                          var $el = $(el);
                          if (!$el.data(NAME)) {
                              // allow setting the date via the data-date attribute
                              if ($el.data(DATA_ATTR)) {
                                  options.date = $el.data(DATA_ATTR);
                              }
                              $el.data(NAME, new Countdown(el, options));
                          }
                      });
                  };

                  module.exports = Countdown;

              }, { "./countdown.js": 1 }]
          }, {}, [2])(2)
      });
  });