Remove with Text
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
This commit is contained in:
86
Server/wwwroot/package/dist/cjs/ifx-list-notification.cjs.entry.js
vendored
Normal file
86
Server/wwwroot/package/dist/cjs/ifx-list-notification.cjs.entry.js
vendored
Normal file
@ -0,0 +1,86 @@
|
||||
'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
|
Reference in New Issue
Block a user