Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
86 lines
3.8 KiB
JavaScript
86 lines
3.8 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
const index = require('./index-ca0e0765.js');
|
|
|
|
const listGroupNotificationCss = ".list-group-notification{width:350px;height:88px;padding:16px;margin-bottom:8px;background-color:#FFFFFF;border:1px solid #EEEDED;font-family:var(--ifx-font-family)}.list-group-notification .description__section{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-group-notification.flush{border:none;border-bottom:1px solid #EEEDED}.list-group-notification .heading__section{display:flex;justify-content:space-between;margin-bottom:8px;color:#0A8276}.list-group-notification .heading__section-title{flex:1;margin:0;font-weight:600;line-height:1.2;font-size:1rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-group-notification .heading__section-time{flex:none;margin-left:2px;font-size:0.875rem;line-height:1.25rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}";
|
|
|
|
const ListGroupNotification = class {
|
|
constructor(hostRef) {
|
|
index.registerInstance(this, hostRef);
|
|
this.titleText = "";
|
|
this.isFlush = false;
|
|
this.creationTime = undefined;
|
|
this.postTime = undefined;
|
|
this.shownTime = undefined;
|
|
}
|
|
setDisplayTime(seconds, minutes, hours, days) {
|
|
if (seconds <= 60) {
|
|
this.shownTime = `Just now`;
|
|
}
|
|
else if (minutes <= 60) {
|
|
this.shownTime = `${minutes} min. ago`;
|
|
}
|
|
else if (hours <= 24) {
|
|
this.shownTime = hours > 1 ? `${hours} hr. ago` : `${hours} hrs. ago`;
|
|
}
|
|
else if (days) {
|
|
this.shownTime = hours < 48 ? `1 day ago` : `${days} days ago`;
|
|
if (hours > 168) {
|
|
this.shownTime = `${new Date().getDay()}.${new Date().getMonth()}.${new Date().getFullYear()}`;
|
|
}
|
|
}
|
|
}
|
|
stringToDate(dataString) {
|
|
if (!dataString)
|
|
return null;
|
|
let dateParts = dataString.split("/");
|
|
if (dateParts[2]) {
|
|
if (dateParts[2].split(" ")[1]) {
|
|
let timeParts = dateParts[2].split(" ")[1].split(":");
|
|
dateParts[2] = dateParts[2].split(" ")[0];
|
|
return new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0], timeParts[0], timeParts[1], timeParts[2]);
|
|
}
|
|
}
|
|
}
|
|
getElapsedTime(time) {
|
|
let date = this.stringToDate(time);
|
|
if (date) {
|
|
let miliseconds = Date.now() - date.getTime();
|
|
let seconds = Math.floor(miliseconds / 1000);
|
|
let minutes = Math.floor(miliseconds / 60000);
|
|
let hours = Math.floor(minutes / 60);
|
|
let days = Math.floor(hours / 24);
|
|
this.setDisplayTime(seconds, minutes, hours, days);
|
|
}
|
|
}
|
|
setTimeInterval(time) {
|
|
this.postTime = window.setInterval(() => {
|
|
this.getElapsedTime(time);
|
|
}, 1000);
|
|
}
|
|
;
|
|
componentWillLoad() {
|
|
this.getElapsedTime(this.creationTime);
|
|
this.setTimeInterval(this.creationTime); //if time update on refresh, delete this & clear interval
|
|
const ifxListGroup = this.el.closest('ifx-list-group');
|
|
if (ifxListGroup.flush) {
|
|
this.isFlush = true;
|
|
}
|
|
else
|
|
this.isFlush = false;
|
|
}
|
|
disconnectedCallback() {
|
|
window.clearInterval(this.postTime);
|
|
}
|
|
render() {
|
|
return (index.h("div", { class: `list-group-notification ${this.isFlush ? 'flush' : ""}` }, index.h("div", { class: "heading__section" }, index.h("h6", { class: "heading__section-title" }, this.titleText), index.h("div", { class: "heading__section-time" }, this.shownTime)), index.h("div", { class: "description__section" }, index.h("slot", null))));
|
|
}
|
|
get el() { return index.getElement(this); }
|
|
};
|
|
ListGroupNotification.style = listGroupNotificationCss;
|
|
|
|
exports.ifx_list_notification = ListGroupNotification;
|
|
|
|
//# sourceMappingURL=ifx-list-notification.cjs.entry.js.map
|