Feat(SQL, UI): Button Icons page, Command Button Links page created with get and set functionality.

static/dist/js/dog_button_icons.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_button_icons.bundle.js.map

static/dist/js/dog_button_icons.bundle.js.map

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

static/dist/js/dog_command_button_links.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_command_button_links.bundle.js.map

static/dist/js/dog_command_button_links.bundle.js.map

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

static/dist/js/dog_locations.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_locations.bundle.js.map

static/dist/js/dog_locations.bundle.js.map

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

static/dist/js/main.bundle.js

@@ -751,6 +751,87 @@ var API = /*#__PURE__*/function () {
         return _saveDogCommandLinks.apply(this, arguments);
       }
       return saveDogCommandLinks;
+    }() // Locations
+  }, {
+    key: "saveLocations",
+    value: function () {
+      var _saveLocations = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(locations, formFilters, comment) {
+        var dataRequest;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              dataRequest = {};
+              dataRequest[flagFormFilters] = DOM.convertForm2JSON(formFilters);
+              dataRequest[flagLocation] = locations;
+              dataRequest[flagComment] = comment;
+              _context6.next = 6;
+              return API.request(hashSaveDogLocation, 'POST', dataRequest);
+            case 6:
+              return _context6.abrupt("return", _context6.sent);
+            case 7:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      function saveLocations(_x11, _x12, _x13) {
+        return _saveLocations.apply(this, arguments);
+      }
+      return saveLocations;
+    }() // Button Icons
+  }, {
+    key: "saveButtonIcons",
+    value: function () {
+      var _saveButtonIcons = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(buttonIcons, formFilters, comment) {
+        var dataRequest;
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              dataRequest = {};
+              dataRequest[flagFormFilters] = DOM.convertForm2JSON(formFilters);
+              dataRequest[flagButtonIcon] = buttonIcons;
+              dataRequest[flagComment] = comment;
+              _context7.next = 6;
+              return API.request(hashSaveDogButtonIcon, 'POST', dataRequest);
+            case 6:
+              return _context7.abrupt("return", _context7.sent);
+            case 7:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+      function saveButtonIcons(_x14, _x15, _x16) {
+        return _saveButtonIcons.apply(this, arguments);
+      }
+      return saveButtonIcons;
+    }() // Command Button Links
+  }, {
+    key: "saveCommandButtonLinks",
+    value: function () {
+      var _saveCommandButtonLinks = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(links, formFilters, comment) {
+        var dataRequest;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              dataRequest = {};
+              dataRequest[flagFormFilters] = DOM.convertForm2JSON(formFilters);
+              dataRequest[flagCommandButtonLink] = links;
+              dataRequest[flagComment] = comment;
+              _context8.next = 6;
+              return API.request(hashSaveDogCommandButtonLink, 'POST', dataRequest);
+            case 6:
+              return _context8.abrupt("return", _context8.sent);
+            case 7:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8);
+      }));
+      function saveCommandButtonLinks(_x17, _x18, _x19) {
+        return _saveCommandButtonLinks.apply(this, arguments);
+      }
+      return saveCommandButtonLinks;
     }()
   }]);
 }();
@@ -927,6 +1008,9 @@ var BasePage = /*#__PURE__*/function () {
       this.hookupButtonsNavDogCommands();
       this.hookupButtonsNavDogDogCommandLinks();
       this.hookupButtonsNavDogDogs();
+      this.hookupButtonsNavDogLocations();
+      this.hookupButtonsNavDogButtonIcons();
+      this.hookupButtonsNavDogCommandButtonLinks();
     }
   }, {
     key: "hookupButtonsNavHome",
@@ -1000,6 +1084,21 @@ var BasePage = /*#__PURE__*/function () {
     value: function hookupButtonsNavDogDogs() {
       this.hookupButtonsNav('.' + flagNavDogDogs, hashPageDogDogs);
     }
+  }, {
+    key: "hookupButtonsNavDogLocations",
+    value: function hookupButtonsNavDogLocations() {
+      this.hookupButtonsNav('.' + flagNavDogLocations, hashPageDogLocations);
+    }
+  }, {
+    key: "hookupButtonsNavDogButtonIcons",
+    value: function hookupButtonsNavDogButtonIcons() {
+      this.hookupButtonsNav('.' + flagNavDogButtonIcons, hashPageDogButtonIcons);
+    }
+  }, {
+    key: "hookupButtonsNavDogCommandButtonLinks",
+    value: function hookupButtonsNavDogCommandButtonLinks() {
+      this.hookupButtonsNav('.' + flagNavDogCommandButtonLinks, hashPageDogCommandButtonLinks);
+    }
   }, {
     key: "hookupLogos",
     value: function hookupLogos() {
@@ -2024,7 +2123,7 @@ var TableBasePage = /*#__PURE__*/function (_BasePage) {
       var changeHandler = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (event, element) {
         _this21.handleChangeNestedElementCellTable(event, element);
       };
-      this.hookupEventHandler("change", ddlSelector, function (event, element) {
+      this.hookupChangeHandlerTableCells(ddlSelector, function (event, element) {
         changeHandler(event, element);
       });
     }
@@ -2474,12 +2573,8 @@ var PageDogCommandCategories = /*#__PURE__*/function (_TableBasePage) {
       var inputCode = row.querySelector('td.' + flagCode + ' .' + flagCode);
       var inputName = row.querySelector('td.' + flagName + ' .' + flagName);
       var buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);
-
-      /*
-      console.log("inputName");
-      console.log(inputName);
-      */
-
+      console.log("inputCode");
+      console.log(inputCode);
       var jsonRow = {};
       jsonRow[attrIdCommandCategory] = row.getAttribute(attrIdCommandCategory);
       jsonRow[flagCode] = DOM.getElementAttributeValueCurrent(inputCode);
@@ -2761,6 +2856,431 @@ var PageDogDogCommandLinks = /*#__PURE__*/function (_TableBasePage) {
 dog_command_links_defineProperty(PageDogDogCommandLinks, "hash", hashPageDogDogCommandLinks);
 dog_command_links_defineProperty(PageDogDogCommandLinks, "attrIdRowObject", attrIdDogCommandLink);
 
+;// ./static/js/pages/dog/locations.js
+function locations_typeof(o) { "@babel/helpers - typeof"; return locations_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; }, locations_typeof(o); }
+function locations_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function locations_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, locations_toPropertyKey(o.key), o); } }
+function locations_createClass(e, r, t) { return r && locations_defineProperties(e.prototype, r), t && locations_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function locations_callSuper(t, o, e) { return o = locations_getPrototypeOf(o), locations_possibleConstructorReturn(t, locations_isNativeReflectConstruct() ? Reflect.construct(o, e || [], locations_getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function locations_possibleConstructorReturn(t, e) { if (e && ("object" == locations_typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return locations_assertThisInitialized(t); }
+function locations_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function locations_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (locations_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function locations_superPropGet(t, o, e, r) { var p = locations_get(locations_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function locations_get() { return locations_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = locations_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, locations_get.apply(null, arguments); }
+function locations_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = locations_getPrototypeOf(t));); return t; }
+function locations_getPrototypeOf(t) { return locations_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, locations_getPrototypeOf(t); }
+function locations_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 && locations_setPrototypeOf(t, e); }
+function locations_setPrototypeOf(t, e) { return locations_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, locations_setPrototypeOf(t, e); }
+function locations_defineProperty(e, r, t) { return (r = locations_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function locations_toPropertyKey(t) { var i = locations_toPrimitive(t, "string"); return "symbol" == locations_typeof(i) ? i : i + ""; }
+function locations_toPrimitive(t, r) { if ("object" != locations_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != locations_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+var PageDogLocations = /*#__PURE__*/function (_TableBasePage) {
+  function PageDogLocations(router) {
+    var _this;
+    locations_classCallCheck(this, PageDogLocations);
+    _this = locations_callSuper(this, PageDogLocations, [router]);
+    locations_defineProperty(_this, "callSaveTableContent", API.saveLocations);
+    _this.dogMixin = new DogTableMixinPage(_this);
+    return _this;
+  }
+  locations_inherits(PageDogLocations, _TableBasePage);
+  return locations_createClass(PageDogLocations, [{
+    key: "initialize",
+    value: function initialize() {
+      this.sharedInitialize();
+    }
+  }, {
+    key: "hookupFilters",
+    value: function hookupFilters() {
+      this.sharedHookupFilters();
+      this.hookupFilterActive();
+    }
+  }, {
+    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) {
+      if (row == null) return;
+      var inputName = row.querySelector('td.' + flagName + ' .' + flagName);
+      var buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);
+      var jsonRow = {};
+      jsonRow[attrIdLocation] = row.getAttribute(attrIdLocation);
+      jsonRow[flagLocationParent] = this.getIdLocationParentRow(row);
+      jsonRow[flagName] = DOM.getElementAttributeValueCurrent(inputName);
+      jsonRow[flagActive] = buttonActive.classList.contains(flagDelete);
+      console.log("jsonRow");
+      console.log(jsonRow);
+      return jsonRow;
+    }
+  }, {
+    key: "getIdLocationParentRow",
+    value: function getIdLocationParentRow(row) {
+      var elementLocationParent = row.querySelector('td.' + flagLocationParent + ' .' + flagLocationParent);
+      return DOM.getElementAttributeValueCurrent(elementLocationParent);
+    }
+  }, {
+    key: "initialiseRowNew",
+    value: function initialiseRowNew(tbody, row) {}
+  }, {
+    key: "postInitialiseRowNewCallback",
+    value: function postInitialiseRowNewCallback(tbody) {
+      var newRows = tbody.querySelectorAll('tr.' + flagRowNew);
+      var newestRow = newRows[0];
+      var clickableElementsSelector = ['td.' + flagLocationParent + ' div.' + flagLocationParent].join('');
+      newestRow.querySelectorAll(clickableElementsSelector).forEach(function (clickableElement) {
+        clickableElement.click();
+      });
+    }
+  }, {
+    key: "hookupTableMain",
+    value: function hookupTableMain() {
+      locations_superPropGet(PageDogLocations, "hookupTableMain", this, 3)([]);
+      this.hookupFieldsLocationParent();
+      this.hookupFieldsNameTable();
+      this.hookupFieldsActive();
+    }
+  }, {
+    key: "hookupFieldsLocationParent",
+    value: function hookupFieldsLocationParent() {
+      var _this2 = this;
+      /*
+      this.hookupTableCellDdlPreviews(
+          flagLocationParent
+          , Utils.getListFromDict(locations).filter(location => 
+              (
+                  location[attrIdLocation] == idLocationRow
+                  || idLocationRow < 1
+              )
+          ) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+          , null // cellSelector
+          , (cellSelector) => { this.hookupLocationParentDdls(cellSelector); }
+          ,
+      );
+       fieldFlag
+      , optionList
+      , cellSelector = null
+      , ddlHookup = (ddlSelector) => { this.hookupTableCellDdls(ddlSelector); }
+      , changeHandler = (event, element) => { this.handleChangeNestedElementCellTable(event, element); }
+      ) {
+       */
+      var cellSelector = idTableMain + ' > tbody > tr > td.' + flagLocationParent;
+      this.hookupEventHandler("click", cellSelector + ' div.' + flagLocationParent, function (event, div) {
+        var row = DOM.getRowFromElement(div);
+        var idLocationRow = Number(row.getAttribute(attrIdLocation));
+        utils_Utils.consoleLogIfNotProductionEnvironment({
+          idLocationRow: idLocationRow
+        });
+        _this2.handleClickTableCellDdlPreview(event, div, flagLocationParent, utils_Utils.getListFromDict(locations).filter(function (location) {
+          return location[attrIdLocation] != idLocationRow || idLocationRow < 1;
+        }) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+        , cellSelector, function (ddlSelector) {
+          _this2.hookupTableCellDdls(ddlSelector, function (event, element) {
+            _this2.handleChangeNestedElementCellTable(event, element);
+          });
+        });
+      });
+      this.hookupTableCellDdls(cellSelector + ' select.' + flagLocationParent, function (event, element) {
+        _this2.handleChangeNestedElementCellTable(event, element);
+      });
+    }
+    /*
+    hookupLocationParentDdls(ddlSelector) {
+        this.hookupChangeHandlerTableCells(ddlSelector, (event, element) => { this.handleChangeNestedElementCellTable(event, element); });
+    }
+    */
+  }, {
+    key: "leave",
+    value: function leave() {
+      locations_superPropGet(PageDogLocations, "leave", this, 3)([]);
+    }
+  }]);
+}(TableBasePage);
+locations_defineProperty(PageDogLocations, "hash", hashPageDogLocations);
+locations_defineProperty(PageDogLocations, "attrIdRowObject", attrIdLocation);
+
+;// ./static/js/pages/dog/button_icons.js
+function button_icons_typeof(o) { "@babel/helpers - typeof"; return button_icons_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; }, button_icons_typeof(o); }
+function button_icons_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function button_icons_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, button_icons_toPropertyKey(o.key), o); } }
+function button_icons_createClass(e, r, t) { return r && button_icons_defineProperties(e.prototype, r), t && button_icons_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function button_icons_callSuper(t, o, e) { return o = button_icons_getPrototypeOf(o), button_icons_possibleConstructorReturn(t, button_icons_isNativeReflectConstruct() ? Reflect.construct(o, e || [], button_icons_getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function button_icons_possibleConstructorReturn(t, e) { if (e && ("object" == button_icons_typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return button_icons_assertThisInitialized(t); }
+function button_icons_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function button_icons_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (button_icons_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function button_icons_superPropGet(t, o, e, r) { var p = button_icons_get(button_icons_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function button_icons_get() { return button_icons_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = button_icons_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, button_icons_get.apply(null, arguments); }
+function button_icons_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = button_icons_getPrototypeOf(t));); return t; }
+function button_icons_getPrototypeOf(t) { return button_icons_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, button_icons_getPrototypeOf(t); }
+function button_icons_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 && button_icons_setPrototypeOf(t, e); }
+function button_icons_setPrototypeOf(t, e) { return button_icons_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, button_icons_setPrototypeOf(t, e); }
+function button_icons_defineProperty(e, r, t) { return (r = button_icons_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function button_icons_toPropertyKey(t) { var i = button_icons_toPrimitive(t, "string"); return "symbol" == button_icons_typeof(i) ? i : i + ""; }
+function button_icons_toPrimitive(t, r) { if ("object" != button_icons_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != button_icons_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+var PageDogButtonIcons = /*#__PURE__*/function (_TableBasePage) {
+  function PageDogButtonIcons(router) {
+    var _this;
+    button_icons_classCallCheck(this, PageDogButtonIcons);
+    _this = button_icons_callSuper(this, PageDogButtonIcons, [router]);
+    button_icons_defineProperty(_this, "callSaveTableContent", API.saveButtonIcons);
+    _this.dogMixin = new DogTableMixinPage(_this);
+    return _this;
+  }
+  button_icons_inherits(PageDogButtonIcons, _TableBasePage);
+  return button_icons_createClass(PageDogButtonIcons, [{
+    key: "initialize",
+    value: function initialize() {
+      this.sharedInitialize();
+    }
+  }, {
+    key: "hookupFilters",
+    value: function hookupFilters() {
+      this.sharedHookupFilters();
+      this.hookupFilterActive();
+    }
+  }, {
+    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) {
+      if (row == null) return;
+      var inputName = row.querySelector('td.' + flagName + ' .' + flagName);
+      var buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);
+      var jsonRow = {};
+      jsonRow[attrIdButtonIcon] = row.getAttribute(attrIdButtonIcon);
+      jsonRow[flagImage] = this.getIdImageRow(row);
+      jsonRow[flagName] = DOM.getElementAttributeValueCurrent(inputName);
+      jsonRow[flagActive] = buttonActive.classList.contains(flagDelete);
+      console.log("jsonRow");
+      console.log(jsonRow);
+      return jsonRow;
+    }
+  }, {
+    key: "getIdImageRow",
+    value: function getIdImageRow(row) {
+      var elementImage = row.querySelector('td.' + flagImage + ' .' + flagImage);
+      return DOM.getElementAttributeValueCurrent(elementImage);
+    }
+  }, {
+    key: "initialiseRowNew",
+    value: function initialiseRowNew(tbody, row) {}
+  }, {
+    key: "postInitialiseRowNewCallback",
+    value: function postInitialiseRowNewCallback(tbody) {
+      var newRows = tbody.querySelectorAll('tr.' + flagRowNew);
+      var newestRow = newRows[0];
+      var clickableElementsSelector = ['td.' + flagImage + ' div.' + flagImage].join('');
+      newestRow.querySelectorAll(clickableElementsSelector).forEach(function (clickableElement) {
+        clickableElement.click();
+      });
+    }
+  }, {
+    key: "hookupTableMain",
+    value: function hookupTableMain() {
+      button_icons_superPropGet(PageDogButtonIcons, "hookupTableMain", this, 3)([]);
+      this.hookupFieldsImage();
+      this.hookupFieldsNameTable();
+      this.hookupFieldsActive();
+    }
+  }, {
+    key: "hookupFieldsImage",
+    value: function hookupFieldsImage() {
+      this.hookupTableCellDdlPreviews(flagImage, utils_Utils.getListFromDict(buttonicons) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+      );
+    }
+  }, {
+    key: "leave",
+    value: function leave() {
+      button_icons_superPropGet(PageDogButtonIcons, "leave", this, 3)([]);
+    }
+  }]);
+}(TableBasePage);
+button_icons_defineProperty(PageDogButtonIcons, "hash", hashPageDogButtonIcons);
+button_icons_defineProperty(PageDogButtonIcons, "attrIdRowObject", attrIdButtonIcon);
+
+;// ./static/js/pages/dog/command_button_links.js
+function command_button_links_typeof(o) { "@babel/helpers - typeof"; return command_button_links_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; }, command_button_links_typeof(o); }
+function command_button_links_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function command_button_links_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, command_button_links_toPropertyKey(o.key), o); } }
+function command_button_links_createClass(e, r, t) { return r && command_button_links_defineProperties(e.prototype, r), t && command_button_links_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function command_button_links_callSuper(t, o, e) { return o = command_button_links_getPrototypeOf(o), command_button_links_possibleConstructorReturn(t, command_button_links_isNativeReflectConstruct() ? Reflect.construct(o, e || [], command_button_links_getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function command_button_links_possibleConstructorReturn(t, e) { if (e && ("object" == command_button_links_typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return command_button_links_assertThisInitialized(t); }
+function command_button_links_assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function command_button_links_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (command_button_links_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function command_button_links_superPropGet(t, o, e, r) { var p = command_button_links_get(command_button_links_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function command_button_links_get() { return command_button_links_get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = command_button_links_superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, command_button_links_get.apply(null, arguments); }
+function command_button_links_superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = command_button_links_getPrototypeOf(t));); return t; }
+function command_button_links_getPrototypeOf(t) { return command_button_links_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, command_button_links_getPrototypeOf(t); }
+function command_button_links_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 && command_button_links_setPrototypeOf(t, e); }
+function command_button_links_setPrototypeOf(t, e) { return command_button_links_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, command_button_links_setPrototypeOf(t, e); }
+function command_button_links_defineProperty(e, r, t) { return (r = command_button_links_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function command_button_links_toPropertyKey(t) { var i = command_button_links_toPrimitive(t, "string"); return "symbol" == command_button_links_typeof(i) ? i : i + ""; }
+function command_button_links_toPrimitive(t, r) { if ("object" != command_button_links_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != command_button_links_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+var PageDogCommandButtonLinks = /*#__PURE__*/function (_TableBasePage) {
+  function PageDogCommandButtonLinks(router) {
+    var _this;
+    command_button_links_classCallCheck(this, PageDogCommandButtonLinks);
+    _this = command_button_links_callSuper(this, PageDogCommandButtonLinks, [router]);
+    command_button_links_defineProperty(_this, "callSaveTableContent", API.saveCommandButtonLinks);
+    _this.dogMixin = new DogTableMixinPage(_this);
+    return _this;
+  }
+  command_button_links_inherits(PageDogCommandButtonLinks, _TableBasePage);
+  return command_button_links_createClass(PageDogCommandButtonLinks, [{
+    key: "initialize",
+    value: function initialize() {
+      this.sharedInitialize();
+    }
+  }, {
+    key: "hookupFilters",
+    value: function hookupFilters() {
+      this.sharedHookupFilters();
+      this.hookupFilterCommandCategory();
+      this.hookupFilterCommand();
+      this.hookupFilterButtonShape();
+      this.hookupFilterColour();
+      this.hookupFilterButtonIcon();
+      this.hookupFilterLocation();
+      this.hookupFilterActive();
+    }
+  }, {
+    key: "hookupFilterButtonShape",
+    value: function hookupFilterButtonShape() {
+      this.hookupFilter(attrIdButtonShape);
+    }
+  }, {
+    key: "hookupFilterColour",
+    value: function hookupFilterColour() {
+      this.hookupFilter(attrIdColour);
+    }
+  }, {
+    key: "hookupFilterButtonIcon",
+    value: function hookupFilterButtonIcon() {
+      this.hookupFilter(attrIdButtonIcon);
+    }
+  }, {
+    key: "hookupFilterLocation",
+    value: function hookupFilterLocation() {
+      this.hookupFilter(attrIdLocation);
+    }
+  }, {
+    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) {
+      if (row == null) return;
+      var inputHandSignalDescription = row.querySelector('td.' + flagHandSignalDescription + ' textarea');
+      var inputNotes = row.querySelector('td.' + flagNotes + ' textarea');
+      var buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);
+      var jsonRow = {};
+      jsonRow[attrIdCommandButtonLink] = row.getAttribute(attrIdCommandButtonLink);
+      jsonRow[attrIdDog] = this.getIdDogRow(row);
+      jsonRow[attrIdCommand] = this.getIdCommandRow(row);
+      jsonRow[flagHandSignalDescription] = DOM.getElementAttributeValueCurrent(inputHandSignalDescription);
+      jsonRow[flagNotes] = DOM.getElementAttributeValueCurrent(inputNotes);
+      jsonRow[flagActive] = buttonActive.classList.contains(flagDelete);
+      return jsonRow;
+    }
+  }, {
+    key: "initialiseRowNew",
+    value: function initialiseRowNew(tbody, row) {}
+  }, {
+    key: "postInitialiseRowNewCallback",
+    value: function postInitialiseRowNewCallback(tbody) {
+      var newRows = tbody.querySelectorAll('tr.' + flagRowNew);
+      var newestRow = newRows[newRows.length - 1];
+      var clickableElementsSelector = ['td.' + flagDog + ' div.' + flagDog, ',td.' + flagCommandCategory + ' div.' + flagCommandCategory, ',td.' + flagCommand + ' div.' + flagCommand].join('');
+      newestRow.querySelectorAll(clickableElementsSelector).forEach(function (clickableElement) {
+        clickableElement.click();
+      });
+    }
+  }, {
+    key: "hookupTableMain",
+    value: function hookupTableMain() {
+      command_button_links_superPropGet(PageDogCommandButtonLinks, "hookupTableMain", this, 3)([]);
+      this.hookupFieldsCommandCategory();
+      this.hookupFieldsCommand();
+      this.hookupFieldsButtonShape();
+      this.hookupFieldsColour();
+      this.hookupFieldsButtonIcon();
+      this.hookupFieldsLocation();
+      this.hookupFieldsActive();
+    }
+  }, {
+    key: "hookupFieldsButtonShape",
+    value: function hookupFieldsButtonShape() {
+      this.hookupTableCellDdlPreviews(flagButtonShape, utils_Utils.getListFromDict(filterButtonShapes) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+      );
+    }
+  }, {
+    key: "hookupFieldsColour",
+    value: function hookupFieldsColour() {
+      this.hookupTableCellDdlPreviews(flagColour, utils_Utils.getListFromDict(filterColours) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+      );
+    }
+  }, {
+    key: "hookupFieldsButtonIcon",
+    value: function hookupFieldsButtonIcon() {
+      this.hookupTableCellDdlPreviews(flagButtonIcon, utils_Utils.getListFromDict(filterButtonIcons) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+      );
+    }
+  }, {
+    key: "hookupFieldsLocation",
+    value: function hookupFieldsLocation() {
+      this.hookupTableCellDdlPreviews(flagLocation, utils_Utils.getListFromDict(filterLocations) // .sort((a, b) => a[flagName].localeCompare(b[flagName]))
+      );
+    }
+  }, {
+    key: "leave",
+    value: function leave() {
+      command_button_links_superPropGet(PageDogCommandButtonLinks, "leave", this, 3)([]);
+    }
+  }]);
+}(TableBasePage);
+command_button_links_defineProperty(PageDogCommandButtonLinks, "hash", hashPageDogCommandButtonLinks);
+command_button_links_defineProperty(PageDogCommandButtonLinks, "attrIdRowObject", attrIdCommandButtonLink);
+
 ;// ./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"); }
@@ -2972,6 +3492,9 @@ function router_toPrimitive(t, r) { if ("object" != router_typeof(t) || !t) retu
 
 
 // import PageDogDogs from './pages/dog/dogs.js';
+
+
+
 // Legal
 
 
@@ -3015,6 +3538,18 @@ var Router = /*#__PURE__*/function () {
       module: PageDogDogCommandLinks
     };
     // this.pages[hashPageDogDogs] = { name: 'PageDogDogs', module: PageDogDogs };
+    this.pages[hashPageDogLocations] = {
+      name: 'PageDogLocations',
+      module: PageDogLocations
+    };
+    this.pages[hashPageDogButtonIcons] = {
+      name: 'PageDogButtonIcons',
+      module: PageDogButtonIcons
+    };
+    this.pages[hashPageDogCommandButtonLinks] = {
+      name: 'PageDogCommandButtonLinks',
+      module: PageDogCommandButtonLinks
+    };
     // Legal
     this.pages[hashPageAccessibilityStatement] = {
       name: 'PageAccessibilityStatement',
@@ -3061,6 +3596,18 @@ var Router = /*#__PURE__*/function () {
       return _this.navigateToHash(hashPageDogDogCommandLinks, isPopState);
     };
     // this.routes[hashPageDogDogs] = (isPopState = false) => this.navigateToHash(hashPageDogDogs, isPopState);
+    this.routes[hashPageDogLocations] = function () {
+      var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return _this.navigateToHash(hashPageDogLocations, isPopState);
+    };
+    this.routes[hashPageDogButtonIcons] = function () {
+      var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return _this.navigateToHash(hashPageDogButtonIcons, isPopState);
+    };
+    this.routes[hashPageDogCommandButtonLinks] = function () {
+      var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return _this.navigateToHash(hashPageDogCommandButtonLinks, isPopState);
+    };
     // Legal
     this.routes[hashPageAccessibilityStatement] = function () {
       var isPopState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;