temporarily disable time pickers

public-typescript/lotEdit.js

@@ -109,7 +109,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
             onshown: (modalElement, closeModalFunction) => {
                 bulmaJS.toggleHtmlClipped();
                 los.initializeDatePickers(modalElement);
-                los.initializeTimePickers(modalElement);
                 modalElement.querySelector("#lotCommentEdit--lotComment").focus();
                 editFormElement = modalElement.querySelector("form");
                 editFormElement.addEventListener("submit", editComment);

public-typescript/lotEdit.ts

@@ -176,7 +176,7 @@ declare const bulmaJS: BulmaJS;
                 bulmaJS.toggleHtmlClipped();
 
                 los.initializeDatePickers(modalElement);
-                los.initializeTimePickers(modalElement);
+                // los.initializeTimePickers(modalElement);
 
                 (
                     modalElement.querySelector("#lotCommentEdit--lotComment") as HTMLTextAreaElement

public-typescript/lotOccupancyEdit.js

@@ -849,7 +849,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
                 onshown: (modalElement, closeModalFunction) => {
                     bulmaJS.toggleHtmlClipped();
                     los.initializeDatePickers(modalElement);
-                    los.initializeTimePickers(modalElement);
                     modalElement.querySelector("#lotOccupancyCommentEdit--lotOccupancyComment").focus();
                     editFormElement = modalElement.querySelector("form");
                     editFormElement.addEventListener("submit", editComment);

public-typescript/lotOccupancyEdit.ts

@@ -1343,7 +1343,7 @@ declare const bulmaJS: BulmaJS;
                     bulmaJS.toggleHtmlClipped();
 
                     los.initializeDatePickers(modalElement);
-                    los.initializeTimePickers(modalElement);
+                    // los.initializeTimePickers(modalElement);
 
                     (
                         modalElement.querySelector(

public-typescript/main.js

@@ -97,50 +97,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
             }
         }
     };
-    const timePickerBaseOptions = {
-        type: "time",
-        timeFormat: "hh:mm",
-        color: "info",
-        displayMode: "dialog",
-        validateLabel: "Set Time",
-        minuteSteps: 1
-    };
-    const initializeTimePickers = (containerElement) => {
-        const timeElements = containerElement.querySelectorAll("input[type='time']");
-        for (const timeElement of timeElements) {
-            const timePickerOptions = Object.assign({}, timePickerBaseOptions);
-            if (timeElement.required) {
-                timePickerOptions.showClearButton = false;
-            }
-            const cal = exports.bulmaCalendar.attach(timeElement, timePickerOptions)[0];
-            cal.on("save", () => {
-                timeElement.value = cal.value();
-                timeElement.dispatchEvent(new Event("change"));
-            });
-            cal.on("show", () => {
-                document.querySelector("html").classList.add("is-clipped");
-            });
-            cal.on("hide", () => {
-                bulmaJS.toggleHtmlClipped();
-            });
-            const timePickerElement = containerElement.querySelector("#" + cal._id);
-            const timePickerCancelButtonElement = timePickerElement.querySelector(".datetimepicker-footer-cancel");
-            if (timePickerCancelButtonElement) {
-                timePickerCancelButtonElement.remove();
-            }
-            const clearButtonElement = timePickerElement.querySelector(".datetimepicker-clear-button");
-            if (clearButtonElement) {
-                if (timeElement.required) {
-                    clearButtonElement.remove();
-                }
-                else {
-                    clearButtonElement.dataset.tooltip = "Clear";
-                    clearButtonElement.innerHTML =
-                        '<span class="has-text-weight-bold" aria-hidden="true">&times;</span>';
-                }
-            }
-        }
-    };
     const populateAliases = (containerElement) => {
         const aliasElements = containerElement.querySelectorAll(".alias");
         for (const aliasElement of aliasElements) {
@@ -199,7 +155,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
         highlightMap,
         initializeUnlockFieldButtons,
         initializeDatePickers,
-        initializeTimePickers,
         populateAliases,
         getRandomColor
     };

public-typescript/main.ts

@@ -165,6 +165,7 @@ declare const bulmaJS: BulmaJS;
         }
     };
 
+    /*
     const timePickerBaseOptions: BulmaCalendarOptions = {
         type: "time",
         timeFormat: "hh:mm",
@@ -175,6 +176,7 @@ declare const bulmaJS: BulmaJS;
     };
 
     const initializeTimePickers = (containerElement: HTMLElement) => {
+
         const timeElements = containerElement.querySelectorAll(
             "input[type='time']"
         ) as NodeListOf<HTMLInputElement>;
@@ -234,6 +236,7 @@ declare const bulmaJS: BulmaJS;
             }
         }
     };
+    */
 
     const populateAliases = (containerElement: HTMLElement) => {
         const aliasElements = containerElement.querySelectorAll(
@@ -304,7 +307,7 @@ declare const bulmaJS: BulmaJS;
         highlightMap,
         initializeUnlockFieldButtons,
         initializeDatePickers,
-        initializeTimePickers,
+        // initializeTimePickers,
         populateAliases,
         getRandomColor
     };

public-typescript/workOrderEdit.js

@@ -746,7 +746,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
             onshown: (modalElement, closeModalFunction) => {
                 bulmaJS.toggleHtmlClipped();
                 los.initializeDatePickers(modalElement);
-                los.initializeTimePickers(modalElement);
                 modalElement.querySelector("#workOrderCommentEdit--workOrderComment").focus();
                 editFormElement = modalElement.querySelector("form");
                 editFormElement.addEventListener("submit", editComment);
@@ -1006,7 +1005,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     editCloseModalFunction = closeModalFunction;
                     bulmaJS.toggleHtmlClipped();
                     los.initializeDatePickers(modalElement);
-                    los.initializeTimePickers(modalElement);
                     modalElement.querySelector("form").addEventListener("submit", doEdit);
                 },
                 onremoved: () => {
@@ -1144,7 +1142,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     addModalElement = modalElement;
                     addCloseModalFunction = closeModalFunction;
                     los.initializeDatePickers(modalElement);
-                    los.initializeTimePickers(modalElement);
                     bulmaJS.toggleHtmlClipped();
                     addFormElement = modalElement.querySelector("form");
                     addFormElement.addEventListener("submit", doAdd);

public-typescript/workOrderEdit.ts

@@ -1113,7 +1113,7 @@ declare const bulmaJS: BulmaJS;
                 bulmaJS.toggleHtmlClipped();
 
                 los.initializeDatePickers(modalElement);
-                los.initializeTimePickers(modalElement);
+                // los.initializeTimePickers(modalElement);
 
                 (
                     modalElement.querySelector(
@@ -1543,7 +1543,7 @@ declare const bulmaJS: BulmaJS;
                     bulmaJS.toggleHtmlClipped();
 
                     los.initializeDatePickers(modalElement);
-                    los.initializeTimePickers(modalElement);
+                    // los.initializeTimePickers(modalElement);
 
                     modalElement.querySelector("form")!.addEventListener("submit", doEdit);
                 },
@@ -1751,7 +1751,7 @@ declare const bulmaJS: BulmaJS;
                         addCloseModalFunction = closeModalFunction;
 
                         los.initializeDatePickers(modalElement);
-                        los.initializeTimePickers(modalElement);
+                        // los.initializeTimePickers(modalElement);
 
                         bulmaJS.toggleHtmlClipped();
 

public/javascripts/main.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=e=>{const t=e.currentTarget.closest(".field").querySelector("input, select");if(t.classList.remove("is-readonly"),"INPUT"===t.tagName)t.readOnly=!1,t.disabled=!1;else{const e=t.querySelectorAll("option");for(const t of e)t.disabled=!1}t.focus()},t={type:"date",dateFormat:"yyyy-MM-dd",showFooter:!1,color:"info",displayMode:"dialog"},o={type:"time",timeFormat:"hh:mm",color:"info",displayMode:"dialog",validateLabel:"Set Time",minuteSteps:1},a=["red","green","orange","blue","pink","yellow","purple"],s=["bright","light","dark"],l={urlPrefix:document.querySelector("main").dataset.urlPrefix,apiKey:document.querySelector("main").dataset.apiKey,highlightMap:(e,t,o)=>{let a,s=t;for(;!(a=e.querySelector("#"+s))&&s.includes("-");)s=s.slice(0,Math.max(0,s.lastIndexOf("-")));if(a){a.style.fill="",a.classList.add("highlight","is-"+o);const e=a.querySelectorAll("path");for(const t of e)t.style.fill=""}},initializeUnlockFieldButtons:t=>{const o=t.querySelectorAll(".is-unlock-field-button");for(const t of o)t.addEventListener("click",e)},initializeDatePickers:e=>{const o=e.querySelectorAll("input[type='date']");for(const a of o){const o=Object.assign({},t);a.required&&(o.showClearButton=!1),a.min&&(o.minDate=cityssm.dateStringToDate(a.min)),a.max&&(o.maxDate=cityssm.dateStringToDate(a.max));const s=exports.bulmaCalendar.attach(a,o)[0];s.on("save",()=>{a.value=s.value(),a.dispatchEvent(new Event("change"))}),s.on("show",()=>{document.querySelector("html").classList.add("is-clipped")}),s.on("hide",()=>{bulmaJS.toggleHtmlClipped()});const l=e.querySelector("#"+s._id),r=l.querySelectorAll(".datepicker-nav button.is-text");for(const e of r)e.classList.add("is-"+t.color),e.classList.remove("is-text");const i=l.querySelector(".datetimepicker-clear-button");i&&(a.required?i.remove():(i.dataset.tooltip="Clear",i.ariaLabel="Clear",i.innerHTML='<span class="has-text-weight-bold" aria-hidden="true">&times;</span>'));const n=document.querySelector("label[for='"+a.id+"']");n&&(l.querySelector(".datetimepicker-dummy-input").ariaLabel=n.textContent)}},initializeTimePickers:e=>{const t=e.querySelectorAll("input[type='time']");for(const a of t){const t=Object.assign({},o);a.required&&(t.showClearButton=!1);const s=exports.bulmaCalendar.attach(a,t)[0];s.on("save",()=>{a.value=s.value(),a.dispatchEvent(new Event("change"))}),s.on("show",()=>{document.querySelector("html").classList.add("is-clipped")}),s.on("hide",()=>{bulmaJS.toggleHtmlClipped()});const l=e.querySelector("#"+s._id),r=l.querySelector(".datetimepicker-footer-cancel");r&&r.remove();const i=l.querySelector(".datetimepicker-clear-button");i&&(a.required?i.remove():(i.dataset.tooltip="Clear",i.innerHTML='<span class="has-text-weight-bold" aria-hidden="true">&times;</span>'))}},populateAliases:e=>{const t=e.querySelectorAll(".alias");for(const e of t)switch(e.dataset.alias){case"Map":e.textContent=exports.aliases.map;break;case"Lot":e.textContent=exports.aliases.lot;break;case"lot":e.textContent=exports.aliases.lot.toLowerCase();break;case"Occupancy":e.textContent=exports.aliases.occupancy;break;case"occupancy":e.textContent=exports.aliases.occupancy.toLowerCase();break;case"Occupant":e.textContent=exports.aliases.occupant;break;case"occupant":e.textContent=exports.aliases.occupant.toLowerCase();break;case"ExternalReceiptNumber":e.textContent=exports.aliases.externalReceiptNumber}},getRandomColor:e=>{let t=e;return t.length<2&&(t+="a1"),exports.randomColor({seed:t+t,hue:a[t.codePointAt(t.length-1)%a.length],luminosity:s[t.codePointAt(t.length-2)%s.length]})}};exports.los=l})();
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=e=>{const t=e.currentTarget.closest(".field").querySelector("input, select");if(t.classList.remove("is-readonly"),"INPUT"===t.tagName)t.readOnly=!1,t.disabled=!1;else{const e=t.querySelectorAll("option");for(const t of e)t.disabled=!1}t.focus()},t={type:"date",dateFormat:"yyyy-MM-dd",showFooter:!1,color:"info",displayMode:"dialog"},a=["red","green","orange","blue","pink","yellow","purple"],o=["bright","light","dark"],s={urlPrefix:document.querySelector("main").dataset.urlPrefix,apiKey:document.querySelector("main").dataset.apiKey,highlightMap:(e,t,a)=>{let o,s=t;for(;!(o=e.querySelector("#"+s))&&s.includes("-");)s=s.slice(0,Math.max(0,s.lastIndexOf("-")));if(o){o.style.fill="",o.classList.add("highlight","is-"+a);const e=o.querySelectorAll("path");for(const t of e)t.style.fill=""}},initializeUnlockFieldButtons:t=>{const a=t.querySelectorAll(".is-unlock-field-button");for(const t of a)t.addEventListener("click",e)},initializeDatePickers:e=>{const a=e.querySelectorAll("input[type='date']");for(const o of a){const a=Object.assign({},t);o.required&&(a.showClearButton=!1),o.min&&(a.minDate=cityssm.dateStringToDate(o.min)),o.max&&(a.maxDate=cityssm.dateStringToDate(o.max));const s=exports.bulmaCalendar.attach(o,a)[0];s.on("save",()=>{o.value=s.value(),o.dispatchEvent(new Event("change"))}),s.on("show",()=>{document.querySelector("html").classList.add("is-clipped")}),s.on("hide",()=>{bulmaJS.toggleHtmlClipped()});const l=e.querySelector("#"+s._id),r=l.querySelectorAll(".datepicker-nav button.is-text");for(const e of r)e.classList.add("is-"+t.color),e.classList.remove("is-text");const n=l.querySelector(".datetimepicker-clear-button");n&&(o.required?n.remove():(n.dataset.tooltip="Clear",n.ariaLabel="Clear",n.innerHTML='<span class="has-text-weight-bold" aria-hidden="true">&times;</span>'));const i=document.querySelector("label[for='"+o.id+"']");i&&(l.querySelector(".datetimepicker-dummy-input").ariaLabel=i.textContent)}},populateAliases:e=>{const t=e.querySelectorAll(".alias");for(const e of t)switch(e.dataset.alias){case"Map":e.textContent=exports.aliases.map;break;case"Lot":e.textContent=exports.aliases.lot;break;case"lot":e.textContent=exports.aliases.lot.toLowerCase();break;case"Occupancy":e.textContent=exports.aliases.occupancy;break;case"occupancy":e.textContent=exports.aliases.occupancy.toLowerCase();break;case"Occupant":e.textContent=exports.aliases.occupant;break;case"occupant":e.textContent=exports.aliases.occupant.toLowerCase();break;case"ExternalReceiptNumber":e.textContent=exports.aliases.externalReceiptNumber}},getRandomColor:e=>{let t=e;return t.length<2&&(t+="a1"),exports.randomColor({seed:t+t,hue:a[t.codePointAt(t.length-1)%a.length],luminosity:o[t.codePointAt(t.length-2)%o.length]})}};exports.los=s})();

types/globalTypes.d.ts

@@ -3,7 +3,6 @@ export interface LOS {
     apiKey: string;
     highlightMap: (mapContainerElement: HTMLElement, mapKey: string, contextualClass: "success" | "danger") => void;
     initializeDatePickers: (containerElement: HTMLElement) => void;
-    initializeTimePickers: (containerElement: HTMLElement) => void;
     initializeUnlockFieldButtons: (containerElement: HTMLElement) => void;
     populateAliases: (containerElement: HTMLElement) => void;
     getRandomColor: (seedString: string) => string;

types/globalTypes.ts

@@ -9,7 +9,7 @@ export interface LOS {
     ) => void;
 
     initializeDatePickers: (containerElement: HTMLElement) => void;
-    initializeTimePickers: (containerElement: HTMLElement) => void;
+    // initializeTimePickers: (containerElement: HTMLElement) => void;
 
     initializeUnlockFieldButtons: (containerElement: HTMLElement) => void;