temporarily disable time pickers
parent
1753ff36e1
commit
5f249d7dbd
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -1343,7 +1343,7 @@ declare const bulmaJS: BulmaJS;
|
|||
bulmaJS.toggleHtmlClipped();
|
||||
|
||||
los.initializeDatePickers(modalElement);
|
||||
los.initializeTimePickers(modalElement);
|
||||
// los.initializeTimePickers(modalElement);
|
||||
|
||||
(
|
||||
modalElement.querySelector(
|
||||
|
|
|
|||
|
|
@ -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">×</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
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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">×</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">×</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">×</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})();
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ export interface LOS {
|
|||
) => void;
|
||||
|
||||
initializeDatePickers: (containerElement: HTMLElement) => void;
|
||||
initializeTimePickers: (containerElement: HTMLElement) => void;
|
||||
// initializeTimePickers: (containerElement: HTMLElement) => void;
|
||||
|
||||
initializeUnlockFieldButtons: (containerElement: HTMLElement) => void;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue