Feat: Assessment page complete and new Home page layout for marketing phase 1 of the customer acquisition plan and offering a demo and for trainers to join the alpha trials. Reporting images created for radar diagram of Command mastery by Command Category; line graph of single command progress measured by obedience level, response latency, and compliance duration over time; Calendar Entries page filtered to unpaid bill calendary entries created using dummy data created in web server as database implementation not yet started.

static/dist/js/dog_calendar_entries.bundle.js

@@ -0,0 +1,17 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other entry modules.
+(() => {
+// extracted by mini-css-extract-plugin
+
+})();
+
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other entry modules.
+(() => {
+// extracted by mini-css-extract-plugin
+
+})();
+
+/******/ })()
+;
+//# sourceMappingURL=dog_calendar_entries.bundle.js.map

static/dist/js/dog_calendar_entries.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js/dog_calendar_entries.bundle.js","mappings":";;;;AAAA;;;;;;ACAA","sources":["webpack://app/./static/css/sections/dog.css?a9d0","webpack://app/./static/css/pages/dog/calendar_entries.css?080f"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};"],"names":[],"sourceRoot":""}

static/dist/js/main.bundle.js

@@ -1039,6 +1039,25 @@ var BasePage = /*#__PURE__*/function () {
       this.hookupNavigation();
       this.hookupOverlays();
     }
+  }, {
+    key: "hookupLogos",
+    value: function hookupLogos() {
+      var _this = this;
+      Events.hookupEventHandler("click", "." + flagImageLogo + "," + "." + flagLogo, function (event, element) {
+        utils_Utils.consoleLogIfNotProductionEnvironment('clicking logo');
+        _this.router.navigateToHash(hashPageHome);
+      });
+    }
+    /*
+    hookupEventHandler(eventType, selector, callback) {
+        Events.initialiseEventHandler(selector, flagInitialised, (element) => {
+            element.addEventListener(eventType, (event) => {
+                event.stopPropagation();
+                callback(event, element);
+            });
+        });
+    }
+    */
   }, {
     key: "hookupNavigation",
     value: function hookupNavigation() {
@@ -1070,16 +1089,7 @@ var BasePage = /*#__PURE__*/function () {
       this.hookupButtonsNavDogButtonIcons();
       this.hookupButtonsNavDogCommandButtonLinks();
       this.hookupButtonsNavDogAssessments();
-    }
-  }, {
-    key: "hookupEventHandler",
-    value: function hookupEventHandler(eventType, selector, callback) {
-      Events.initialiseEventHandler(selector, flagInitialised, function (element) {
-        element.addEventListener(eventType, function (event) {
-          event.stopPropagation();
-          callback(event, element);
-        });
-      });
+      this.hookupButtonsNavDogCalendarEntries();
     }
   }, {
     key: "hookupButtonsNavHome",
@@ -1089,9 +1099,9 @@ var BasePage = /*#__PURE__*/function () {
   }, {
     key: "hookupButtonsNav",
     value: function hookupButtonsNav(buttonSelector, hashPageNav) {
-      var _this = this;
+      var _this2 = this;
       Events.hookupEventHandler("click", buttonSelector, function (event, button) {
-        _this.router.navigateToHash(hashPageNav);
+        _this2.router.navigateToHash(hashPageNav);
       });
     }
   }, {
@@ -1120,10 +1130,10 @@ var BasePage = /*#__PURE__*/function () {
   }, {
     key: "hookupButtonsNavUserLogin",
     value: function hookupButtonsNavUserLogin() {
-      var _this2 = this;
+      var _this3 = this;
       Events.hookupEventHandler("click", '.' + flagNavUserLogin, function (event, navigator) {
         event.stopPropagation();
-        _this2.leave();
+        _this3.leave();
         API.loginUser().then(function (response) {
           if (response.Success) {
             window.location.href = response[flagCallback];
@@ -1179,13 +1189,9 @@ var BasePage = /*#__PURE__*/function () {
       this.hookupButtonsNav('.' + flagNavDogAssessments, hashPageDogAssessments);
     }
   }, {
-    key: "hookupLogos",
-    value: function hookupLogos() {
-      var _this3 = this;
-      Events.hookupEventHandler("click", "." + flagImageLogo + "," + "." + flagLogo, function (event, element) {
-        utils_Utils.consoleLogIfNotProductionEnvironment('clicking logo');
-        _this3.router.navigateToHash(hashPageHome);
-      });
+    key: "hookupButtonsNavDogCalendarEntries",
+    value: function hookupButtonsNavDogCalendarEntries() {
+      this.hookupButtonsNav('.' + flagNavDogCalendarEntries, hashPageDogCalendarEntries);
     }
   }, {
     key: "hookupOverlays",
@@ -7972,6 +7978,136 @@ var PageDogAssessments = /*#__PURE__*/function (_TableBasePage) {
 assessments_defineProperty(PageDogAssessments, "hash", hashPageDogAssessments);
 assessments_defineProperty(PageDogAssessments, "attrIdRowObject", attrIdAssessment);
 
+;// ./static/js/pages/dog/calendar_entries.js
+function calendar_entries_typeof(o) { "@babel/helpers - typeof"; return calendar_entries_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, calendar_entries_typeof(o); }
+function calendar_entries_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function calendar_entries_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, calendar_entries_toPropertyKey(o.key), o); } }
+function calendar_entries_createClass(e, r, t) { return r && calendar_entries_defineProperties(e.prototype, r), t && calendar_entries_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function calendar_entries_callSuper(t, o, e) { return o = calendar_entries_getPrototypeOf(o), calendar_entries_possibleConstructorReturn(t, calendar_entries_isNativeReflectConstruct() ? Reflect.construct(o, e || [], calendar_entries_getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function calendar_entries_possibleConstructorReturn(t, e) { if (e && ("object" == calendar_entries_typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return calendar_entries_assertThisInitialized(t); }
+function calendar_entries_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function calendar_entries_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (calendar_entries_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function calendar_entries_superPropGet(t, o, e, r) { var p = calendar_entries_get(calendar_entries_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function calendar_entries_get() { return calendar_entries_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = calendar_entries_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, calendar_entries_get.apply(null, arguments); }
+function calendar_entries_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = calendar_entries_getPrototypeOf(t));); return t; }
+function calendar_entries_getPrototypeOf(t) { return calendar_entries_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, calendar_entries_getPrototypeOf(t); }
+function calendar_entries_inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && calendar_entries_setPrototypeOf(t, e); }
+function calendar_entries_setPrototypeOf(t, e) { return calendar_entries_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, calendar_entries_setPrototypeOf(t, e); }
+function calendar_entries_defineProperty(e, r, t) { return (r = calendar_entries_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function calendar_entries_toPropertyKey(t) { var i = calendar_entries_toPrimitive(t, "string"); return "symbol" == calendar_entries_typeof(i) ? i : i + ""; }
+function calendar_entries_toPrimitive(t, r) { if ("object" != calendar_entries_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != calendar_entries_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+var PageDogCalendarEntries = /*#__PURE__*/function (_TableBasePage) {
+  function PageDogCalendarEntries(router) {
+    var _this;
+    calendar_entries_classCallCheck(this, PageDogCalendarEntries);
+    _this = calendar_entries_callSuper(this, PageDogCalendarEntries, [router]);
+    calendar_entries_defineProperty(_this, "callSaveTableContent", API.saveCalendarEntries);
+    _this.dogMixin = new DogTableMixinPage(_this);
+    return _this;
+  }
+  calendar_entries_inherits(PageDogCalendarEntries, _TableBasePage);
+  return calendar_entries_createClass(PageDogCalendarEntries, [{
+    key: "initialize",
+    value: function initialize() {
+      this.sharedInitialize();
+    }
+  }, {
+    key: "hookupFilters",
+    value: function hookupFilters() {
+      this.sharedHookupFilters();
+      // this.hookupFilterCalendarEntryType();
+      this.hookupFilterActive();
+    }
+    /*
+    hookupFilterCalendarEntryType() {
+        let filterSelector = idFormFilters + ' #' + attrIdCalendarEntryType;
+        let filterCalendarEntryTypeOld = document.querySelector(filterSelector);
+        filterCalendarEntryTypeOld.removeAttribute('id');
+        let parentDiv = filterCalendarEntryTypeOld.parentElement;
+        let isChecked = (DOM.getElementAttributeValuePrevious(parentDiv) == "True");
+        let filterCalendarEntryTypeNew = document.querySelector(idFormFilters + ' div.' + flagCalendarEntryTypeOnly + '.' + flagContainerInput + ' svg.' + flagCalendarEntryTypeOnly);
+        filterCalendarEntryTypeNew.setAttribute('id', flagCalendarEntryTypeOnly);
+        if (isChecked) filterCalendarEntryTypeNew.classList.add(flagIsChecked);
+         Events.hookupEventHandler("click", filterSelector, (event, filterCalendarEntryType) => {
+            Utils.consoleLogIfNotProductionEnvironment({ filterCalendarEntryType });
+            Utils.consoleLogIfNotProductionEnvironment({ [filterCalendarEntryType.tagName]: filterCalendarEntryType.tagName });
+            let svgElement = (filterCalendarEntryType.tagName.toUpperCase() == 'SVG') ? filterCalendarEntryType : filterCalendarEntryType.parentElement;
+            let wasChecked = svgElement.classList.contains(flagIsChecked);
+            if (wasChecked) {
+                svgElement.classList.remove(flagIsChecked);
+            }
+            else {
+                svgElement.classList.add(flagIsChecked);
+            }
+            return this.handleChangeFilter(event, filterCalendarEntryType);
+        });
+        let filter = document.querySelector(filterSelector);
+        let filterValuePrevious = DOM.getElementValueCurrent(filter);
+        filter.setAttribute(attrValueCurrent, filterValuePrevious);
+        filter.setAttribute(attrValuePrevious, filterValuePrevious);
+    }
+    */
+  }, {
+    key: "loadRowTable",
+    value: function loadRowTable(rowJson) {
+      if (rowJson == null) return;
+      if (_verbose) {
+        utils_Utils.consoleLogIfNotProductionEnvironment("applying data row: ", rowJson);
+      }
+    }
+  }, {
+    key: "getJsonRow",
+    value: function getJsonRow(row) {
+      utils_Utils.consoleLogIfNotProductionEnvironment({
+        row: row
+      });
+      if (row == null) return;
+      var inputCode = row.querySelector('td.' + flagCode + ' .' + flagCode);
+      var inputName = row.querySelector('td.' + flagName + ' .' + flagName);
+      var buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);
+      console.log("inputCode");
+      console.log(inputCode);
+      var jsonRow = {};
+      jsonRow[attrIdCalendarEntry] = row.getAttribute(attrIdCalendarEntry);
+      jsonRow[flagCode] = DOM.getElementAttributeValueCurrent(inputCode);
+      jsonRow[flagName] = DOM.getElementAttributeValueCurrent(inputName);
+      jsonRow[flagActive] = buttonActive.classList.contains(flagDelete);
+      return jsonRow;
+    }
+  }, {
+    key: "initialiseRowNew",
+    value: function initialiseRowNew(tbody, row) {}
+  }, {
+    key: "postInitialiseRowNewCallback",
+    value: function postInitialiseRowNewCallback(tbody) {
+      // let newRows = tbody.querySelectorAll('tr.' + flagRowNew);
+    }
+  }, {
+    key: "hookupTableMain",
+    value: function hookupTableMain() {
+      calendar_entries_superPropGet(PageDogCalendarEntries, "hookupTableMain", this, 3)([]);
+      this.hookupFieldsCodeTable();
+      this.hookupFieldsNameTable();
+      this.hookupFieldsActive();
+    }
+  }, {
+    key: "leave",
+    value: function leave() {
+      calendar_entries_superPropGet(PageDogCalendarEntries, "leave", this, 3)([]);
+    }
+  }]);
+}(TableBasePage);
+calendar_entries_defineProperty(PageDogCalendarEntries, "hash", hashPageDogCalendarEntries);
+calendar_entries_defineProperty(PageDogCalendarEntries, "attrIdRowObject", attrIdCalendarEntry);
+
 ;// ./static/js/pages/legal/accessibility_report.js
 function accessibility_report_typeof(o) { "@babel/helpers - typeof"; return accessibility_report_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, accessibility_report_typeof(o); }
 function accessibility_report_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
@@ -8190,6 +8326,7 @@ function router_toPrimitive(t, r) { if ("object" != router_typeof(t) || !t) retu
 
 
 
+
 // Legal
 
 
@@ -8261,6 +8398,10 @@ var Router = /*#__PURE__*/function () {
       name: 'PageDogAssessments',
       module: PageDogAssessments
     };
+    this.pages[hashPageDogCalendarEntries] = {
+      name: 'PageDogCalendarEntries',
+      module: PageDogCalendarEntries
+    };
     // Legal
     this.pages[hashPageAccessibilityStatement] = {
       name: 'PageAccessibilityStatement',
@@ -8335,6 +8476,10 @@ var Router = /*#__PURE__*/function () {
       var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       return _this.navigateToHash(hashPageDogAssessments, isPopState);
     };
+    this.routes[hashPageDogCalendarEntries] = function () {
+      var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return _this.navigateToHash(hashPageDogCalendarEntries, isPopState);
+    };
     // Legal
     this.routes[hashPageAccessibilityStatement] = function () {
       var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;