/* Modified from Brad Coffield's script, March 2019. https://www.bradcoffield.com/APIs-for-librarians/libcal/todays-hours */

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    "use strict";
    /* Modified all code using Babel to ensure compatibility with IE11 javascript used by Xibo digital signage */

function _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return right[Symbol.hasInstance](left); } else { return left instanceof right; } }

function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function EmbedInit() {
  // Init will be called when this page is loaded in the client.
  return;
}

var apis4librarians_WeeksHours = function () {
  $.getJSON("http://api3.libcal.com/api_hours_grid.php?iid=4751&format=json&weeks=1&systemTime=0&callback=?", function (json) {
    var DaysHours =
    /*#__PURE__*/
    function () {
      function DaysHours(singleDay) {
        _classCallCheck(this, DaysHours);

        var theDate; //process and clean up the input

        if (singleDay.date[parseInt("5")] === "0") {
          this.theDate = singleDay.date.substr(6);
        } else {
          this.theDate = singleDay.date.substr(5);
        }

        if (singleDay.rendered != "") {
        this.rendered = singleDay.rendered;
        } else {
        this.rendered = "Closed";
        }
      }

      _createClass(DaysHours, [{
        key: "renderMe",
        value: function renderMe(dayName) {
          $("#this-weeks-hours").append("<li id='" + dayName + "-hours'><span class='day-of-week'>" + dayName + ", " + this.theDate + ":</span> " + "<span class='dates'>" + this.rendered + "</span></li>");
        }
      }]);

      return DaysHours;
    }();

    var daysOfTheWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
    var locationDays = json.locations[parseInt("0")].weeks[parseInt("0")];
    var daysRendered = {};

    for (var _i = 0; _i < daysOfTheWeek.length; _i++) {
      var day = daysOfTheWeek[_i];
      var dayToRender = new DaysHours(locationDays[day]);
      var key = "".concat(day, "_stuff");
      daysRendered[key] = dayToRender.renderMe(day);
    }

    var highlightDay = function () {
      //if you would like the hours for today marked in some way use the below and then style with .its-today
      var d = new Date();
      var n = d.getDay();

/* Modified below to extend highlighting across entire day and hours. */
      switch (n) {
        case 0:
          $("#Sunday-hours").addClass("its-today");
          break;

        case 1:
          $("#Monday-hours").addClass("its-today");
          break;

        case 2:
          $("#Tuesday-hours").addClass("its-today");
          break;

        case 3:
          $("#Wednesday-hours").addClass("its-today");
          break;

        case 4:
          $("#Thursday-hours").addClass("its-today");
          break;

        case 5:
          $("#Friday-hours").addClass("its-today");
          break;

        case 6:
          $("#Saturday-hours").addClass("its-today");
          break;
      }
    }();
  });
}();
        


</script>