@digital-realty/ix-widget 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/IxWidget.js +1 -1
- package/dist/IxWidget.js.map +1 -1
- package/dist/ix-contacts.d.ts +6 -1
- package/dist/ix-contacts.js +6 -6
- package/dist/ix-contacts.js.map +1 -1
- package/dist/ix-info-card.js +7 -7
- package/dist/ix-info-card.js.map +1 -1
- package/dist/ix-launchpad.d.ts +40 -1
- package/dist/ix-launchpad.js +75 -67
- package/dist/ix-launchpad.js.map +1 -1
- package/dist/ix-nav-item.d.ts +2 -0
- package/dist/ix-nav-item.js +20 -1
- package/dist/ix-nav-item.js.map +1 -1
- package/dist/ix-news-feed.d.ts +1 -0
- package/dist/ix-news-feed.js +7 -1
- package/dist/ix-news-feed.js.map +1 -1
- package/dist/ix-status-counter-group.js +8 -4
- package/dist/ix-status-counter-group.js.map +1 -1
- package/dist/ix-status-counter.d.ts +2 -3
- package/dist/ix-status-counter.js +19 -17
- package/dist/ix-status-counter.js.map +1 -1
- package/dist/ix-table-data.d.ts +3 -2
- package/dist/ix-table-data.js +14 -3
- package/dist/ix-table-data.js.map +1 -1
- package/dist/ix-widget.min.js +1 -1
- package/package.json +4 -4
- package/dist/api/api.d.ts +0 -1
- package/dist/api/api.js +0 -19
- package/dist/api/api.js.map +0 -1
- package/dist/api/launchpad-config.d.ts +0 -6
- package/dist/api/launchpad-config.js +0 -7
- package/dist/api/launchpad-config.js.map +0 -1
- package/dist/assets/columns.d.ts +0 -6
- package/dist/assets/columns.js +0 -49
- package/dist/assets/columns.js.map +0 -1
- package/dist/assets/contacts.d.ts +0 -17
- package/dist/assets/contacts.js +0 -88
- package/dist/assets/contacts.js.map +0 -1
- package/dist/assets/data.d.ts +0 -2243
- package/dist/assets/data.js +0 -2349
- package/dist/assets/data.js.map +0 -1
package/dist/ix-news-feed.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-news-feed.js","sourceRoot":"","sources":["../src/ix-news-feed.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,kDAAkD;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAwLuB,WAAM,GAAG,OAAO,CAAC;QAElB,SAAI,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ix-news-feed.js","sourceRoot":"","sources":["../src/ix-news-feed.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,kDAAkD;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAwLuB,WAAM,GAAG,OAAO,CAAC;QAElB,SAAI,GAAG,EAAE,CAAC;QAET,SAAI,GAAG,GAAG,CAAC;IA2CzC,CAAC;IAzCoB,MAAM;;QACvB,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,MAAM;;;;;;;iBAOR,IAAI,CAAC,IAAI;;;;;;QAMlB,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,EAAU,EAAE,EAAE;YACzC,MAAM,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,GACf,GAAG,IAAI,CAAC;YACT,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,EAAE;gBACrE,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;YACH,OAAO,IAAI,CAAA;oBACC,GAAG,aAAa,EAAE;gCACN,MAAM;;iCAEL,KAAK;uCACC,QAAQ;;oCAEX,UAAU;;;;cAIhC,CAAC;QACT,CAAC,CAAC;iBACS,CAAC;IAChB,CAAC;;AArOM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqLlB,AArLY,CAqLX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAkB;AAElB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wCAAW;AAET;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AA5L5B,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAuOtB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\nimport { formatDistance, parseISO, startOfToday } from 'date-fns';\nimport { ticket } from './assets/iconset.js';\n// import { enUS, es, pt } from \"date-fns/locale\";\n\n@customElement('ix-news-feed')\nexport class IxNewsFeed extends LitElement {\n static styles = css`\n :host {\n --ix-widget-padding: 0;\n }\n .header {\n display: flex;\n -webkit-box-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n align-items: center;\n padding: 16px 11px 16px 24px;\n }\n h6 {\n margin: 0px;\n font-family: 'Red Hat Display', sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: rgb(9, 34, 65);\n }\n li {\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n vertical-align: middle;\n appearance: none;\n color: inherit;\n display: flex;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n position: relative;\n text-decoration: none;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0px;\n }\n li:hover {\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n vertical-align: middle;\n appearance: none;\n color: inherit;\n display: flex;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n position: relative;\n text-decoration: none;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0px;\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n }\n a {\n display: grid;\n grid-template-columns: auto 1fr auto;\n padding: 12px 24px 12px 20px;\n -webkit-box-align: center;\n\n -webkit-box-pack: center;\n justify-content: center;\n position: relative;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n appearance: none;\n text-decoration: none;\n color: inherit;\n -webkit-box-flex: 1;\n flex-grow: 1;\n align-items: center;\n gap: 20px;\n text-align: start;\n }\n aa {\n display: grid;\n grid-template-columns: auto 1fr;\n padding: 8px 20px;\n }\n .icon {\n flex-shrink: 0;\n display: inline-flex;\n -webkit-box-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n align-items: center;\n min-width: 48px;\n width: 48px;\n height: 48px;\n font-size: 20px;\n border-radius: 8px;\n color: rgb(255, 255, 255);\n background-color: rgb(20, 86, 224);\n }\n svg {\n user-select: none;\n width: 1em;\n height: 1em;\n display: inline-block;\n fill: currentcolor;\n flex-shrink: 0;\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n font-size: 1.5rem;\n }\n .details {\n gap: 0;\n min-width: 0px;\n display: flex;\n flex-direction: column;\n }\n .title {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n letter-spacing: 0.15px;\n color: rgb(9, 34, 65);\n }\n .description {\n overflow-wrap: break-word;\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: 0.25px;\n color: rgb(9, 34, 65);\n }\n .caption {\n margin: 0px;\n font-family: 'Open Sans', sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: rgba(9, 34, 65, 0.7);\n }\n .ripple {\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n z-index: 0;\n inset: 0px;\n border-radius: inherit;\n }\n `;\n\n @property({ type: String }) header = 'title';\n\n @property({ type: Array }) data = [];\n\n @property({ type: String }) href = '#';\n\n protected override render() {\n return html`<ix-widget type=\"news-feed\">\n <div class=\"header\">\n <h6>${this.header}</h6>\n <ix-button\n slot=\"cta\"\n type=\"button\"\n has-icon\n trailing-icon\n appearance=\"text\"\n href=${this.href}\n >\n <ix-icon slot=\"icon\">chevron_right</ix-icon>\n View All\n </ix-button>\n </div>\n ${this.data?.map((item: any, id: number) => {\n const {\n title = 'date',\n abstract = '...',\n uid = '#',\n dateAdded = '',\n } = item;\n const dateOffset = formatDistance(parseISO(dateAdded), startOfToday(), {\n addSuffix: true,\n });\n return html`<li>\n <a href=${uid} tabindex=${id}>\n <div class=\"icon\">${ticket}</div>\n <div class=\"details\">\n <p class=\"title\">${title}</p>\n <p class=\"description\">${abstract}</p>\n </div>\n <span class=\"caption\">${dateOffset}</span>\n <span class=\"ripple\"></span>\n </a>\n <span class=\"ripple\"></span>\n </li>`;\n })}\n </ix-widget>`;\n }\n}\n"]}
|
|
@@ -17,17 +17,21 @@ let IxStatusCounterGroup = class IxStatusCounterGroup extends LitElement {
|
|
|
17
17
|
this.data = [];
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
+
var _a;
|
|
21
|
+
if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
22
|
+
return html ``;
|
|
23
|
+
}
|
|
20
24
|
return html `<ix-widget type="status-counter-group">
|
|
21
25
|
<div class="content">
|
|
22
26
|
<div class="layout">
|
|
23
27
|
${this.data.map((item, index) => {
|
|
24
|
-
const { value, header, icon,
|
|
28
|
+
const { value, header, icon, target } = item;
|
|
25
29
|
return html `<ix-status-counter
|
|
26
30
|
class="b${index + 1}"
|
|
27
|
-
value=${value}
|
|
28
|
-
header=${header}
|
|
31
|
+
.value=${value}
|
|
32
|
+
.header=${header}
|
|
29
33
|
.icon=${iconMap[icon]}
|
|
30
|
-
.
|
|
34
|
+
.target=${target}
|
|
31
35
|
>
|
|
32
36
|
</ix-status-counter>`;
|
|
33
37
|
})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-status-counter-group.js","sourceRoot":"","sources":["../src/ix-status-counter-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AACvB,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,OAAO,GAAG;IACd,MAAM;IACN,KAAK;IACL,OAAO;IACP,IAAI;IACJ,SAAS;CACV,CAAC;AAGK,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QA6HsB,SAAI,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ix-status-counter-group.js","sourceRoot":"","sources":["../src/ix-status-counter-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AACvB,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,OAAO,GAAG;IACd,MAAM;IACN,KAAK;IACL,OAAO;IACP,IAAI;IACJ,SAAS;CACV,CAAC;AAGK,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QA6HsB,SAAI,GAAG,EAAE,CAAC;IAwBvC,CAAC;IAtBoB,MAAM;;QACvB,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC;YACvB,OAAO,IAAI,CAAA,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YAC7C,OAAO,IAAI,CAAA;wBACC,KAAK,GAAG,CAAC;uBACV,KAAK;wBACJ,MAAM;sBACR,OAAO,CAAC,IAAI,CAAC;wBACX,MAAM;;iCAEG,CAAC;QACxB,CAAC,CAAC;;;iBAGK,CAAC;IAChB,CAAC;;AAnJM,2BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0HlB,AA1HY,CA0HX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kDAAW;AA7H1B,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAqJhC","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport './IxWidget.js';\nimport './ix-status-counter.js';\nimport { laptop, users, mySites, dcim, locations } from './assets/iconset.js';\n\nconst iconMap = {\n laptop,\n users,\n mySites,\n dcim,\n locations,\n};\n\n@customElement('ix-status-counter-group')\nexport class IxStatusCounterGroup extends LitElement {\n static styles = css`\n .layout {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n @media (min-width: 1350px) {\n .layout {\n grid-gap: 44px 32px;\n }\n .layout .b1 {\n grid-column-start: 1;\n grid-column-end: 2;\n }\n .layout .b2 {\n grid-column-start: 2;\n grid-column-end: 4;\n }\n .layout .b3 {\n grid-column-start: 1;\n grid-column-end: 2;\n }\n .layout .b4 {\n grid-column-start: 2;\n grid-column-end: 4;\n }\n\n ix-status-counter {\n --ix-widget-padding: 1rem;\n }\n\n .layout.x5 {\n grid-gap: 44px 32px;\n }\n .layout.x5 .b1 {\n grid-column-start: 1;\n grid-column-end: 2;\n }\n .layout.x5 .b2 {\n grid-column-start: 2;\n grid-column-end: 4;\n }\n .layout.x5 .b3 {\n grid-column-start: 4;\n grid-column-end: 6;\n }\n .layout.x5 .b4 {\n grid-column-start: 1;\n grid-column-end: 3;\n }\n .layout.x5 .b5 {\n grid-column-start: 3;\n grid-column-end: 6;\n }\n }\n\n @media (max-width: 1349px) {\n .layout {\n grid-gap: 0 24px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n background: linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0) calc(50% - 1px),\n rgba(9, 34, 65, 0.12) calc(50%),\n rgba(0, 0, 0, 0) calc(50% + 1px)\n );\n }\n .layout .b1 {\n grid-column-start: 1;\n grid-column-end: 2;\n grid-row-start: 1;\n }\n .layout .b2 {\n grid-column-start: 1;\n grid-column-end: 2;\n grid-row-start: 2;\n }\n .layout .b3 {\n grid-column-start: 2;\n grid-column-end: 3;\n grid-row-start: 1;\n }\n .layout .b4 {\n grid-column-start: 2;\n grid-column-end: 3;\n grid-row-start: 2;\n }\n\n .layout.x5 {\n grid-gap: 0 24px;\n background: linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0) calc(50% - 1px),\n rgba(9, 34, 65, 0.12) calc(50%),\n rgba(0, 0, 0, 0) calc(50% + 1px)\n );\n }\n .layout.x5 .b1 {\n grid-column-start: 1;\n grid-column-end: 2;\n grid-row-start: 1;\n }\n .layout.x5 .b2 {\n grid-column-start: 1;\n grid-column-end: 2;\n grid-row-start: 2;\n }\n .layout.x5 .b3 {\n grid-column-start: 1;\n grid-column-end: 2;\n grid-row-start: 3;\n }\n .layout.x5 .b4 {\n grid-column-start: 2;\n grid-column-end: 3;\n grid-row-start: 1;\n }\n .layout.x5 .b5 {\n grid-column-start: 2;\n grid-column-end: 3;\n grid-row-start: 2;\n }\n }\n `;\n\n @property({ type: Array }) data = [];\n\n protected override render() {\n if (!this.data?.length) {\n return html``;\n }\n return html`<ix-widget type=\"status-counter-group\">\n <div class=\"content\">\n <div class=\"layout\">\n ${this.data.map((item, index) => {\n const { value, header, icon, target } = item;\n return html`<ix-status-counter\n class=\"b${index + 1}\"\n .value=${value}\n .header=${header}\n .icon=${iconMap[icon]}\n .target=${target}\n >\n </ix-status-counter>`;\n })}\n </div>\n </div>\n </ix-widget>`;\n }\n}\n"]}
|
|
@@ -6,8 +6,7 @@ export declare class IxStatusCounter extends LitElement {
|
|
|
6
6
|
value: number | undefined | string;
|
|
7
7
|
header: string;
|
|
8
8
|
icon: import("lit").TemplateResult<2>;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
connectedCallback(): void;
|
|
9
|
+
target: string;
|
|
10
|
+
navigate: () => void;
|
|
12
11
|
protected render(): import("lit").TemplateResult<1>;
|
|
13
12
|
}
|
|
@@ -4,31 +4,33 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
4
4
|
import '@digital-realty/ix-icon/ix-icon.js';
|
|
5
5
|
import './IxWidget.js';
|
|
6
6
|
import { laptop, loader } from './assets/iconset.js';
|
|
7
|
-
import { getStatusData } from './api/api.js';
|
|
8
7
|
let IxStatusCounter = class IxStatusCounter extends LitElement {
|
|
9
8
|
constructor() {
|
|
10
9
|
super(...arguments);
|
|
11
10
|
this.value = undefined;
|
|
12
11
|
this.header = 'status';
|
|
13
12
|
this.icon = laptop;
|
|
14
|
-
this.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
// eslint-disable-next-line wc/guard-super-call
|
|
23
|
-
super.connectedCallback();
|
|
24
|
-
// console.log(this.apiUrl);
|
|
25
|
-
if (this.apiUrl) {
|
|
26
|
-
this.getData();
|
|
27
|
-
}
|
|
13
|
+
this.target = '/';
|
|
14
|
+
this.navigate = () => {
|
|
15
|
+
this.dispatchEvent(new CustomEvent('route', {
|
|
16
|
+
detail: { route: this.target },
|
|
17
|
+
bubbles: true,
|
|
18
|
+
composed: true,
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
28
21
|
}
|
|
29
22
|
render() {
|
|
30
23
|
return html `<ix-widget type="status-counter">
|
|
31
|
-
<div
|
|
24
|
+
<div
|
|
25
|
+
class="content"
|
|
26
|
+
@click=${this.navigate}
|
|
27
|
+
@keydown=${(e) => {
|
|
28
|
+
const selectionKeys = [' ', 'Enter'];
|
|
29
|
+
if (selectionKeys.includes(e.key)) {
|
|
30
|
+
this.navigate();
|
|
31
|
+
}
|
|
32
|
+
}}
|
|
33
|
+
>
|
|
32
34
|
<div class="info">
|
|
33
35
|
${this.value
|
|
34
36
|
? html `<h3>
|
|
@@ -186,7 +188,7 @@ __decorate([
|
|
|
186
188
|
], IxStatusCounter.prototype, "icon", void 0);
|
|
187
189
|
__decorate([
|
|
188
190
|
property({ type: String })
|
|
189
|
-
], IxStatusCounter.prototype, "
|
|
191
|
+
], IxStatusCounter.prototype, "target", void 0);
|
|
190
192
|
IxStatusCounter = __decorate([
|
|
191
193
|
customElement('ix-status-counter')
|
|
192
194
|
], IxStatusCounter);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-status-counter.js","sourceRoot":"","sources":["../src/ix-status-counter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ix-status-counter.js","sourceRoot":"","sources":["../src/ix-status-counter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG9C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAqIuB,UAAK,GAAgC,SAAS,CAAC;QAE/C,WAAM,GAAG,QAAQ,CAAC;QAElB,SAAI,GAAG,MAAM,CAAC;QAEd,WAAM,GAAG,GAAG,CAAC;QAEzC,aAAQ,GAAG,GAAG,EAAE;YACd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IA4BJ,CAAC;IA1BoB,MAAM;QACvB,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,QAAQ;mBACX,CAAC,CAAgB,EAAE,EAAE;YAC9B,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YACrC,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;;;YAGG,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA;kBACA,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;gBAC9B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBAC7B,CAAC,CAAC,IAAI,CAAC,KAAK;oBACV;YACR,CAAC,CAAC,IAAI,CAAA,wBAAwB,MAAM,SAAS;gBACzC,IAAI,CAAC,MAAM;;mBAER,IAAI,CAAC,IAAI;;iBAEX,CAAC;IAChB,CAAC;;AA/KM,sBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkIlB,AAlIY,CAkIX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAgD;AAE/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAe;AAEd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAc;AA3I9B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiL3B","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\nimport { laptop, loader } from './assets/iconset.js';\n\n@customElement('ix-status-counter')\nexport class IxStatusCounter extends LitElement {\n static styles = css`\n ix-widget {\n --ix-widget-background: rgb(200, 223, 250);\n --ix-widget-padding: 36.5px 20px 36.5px 24px;\n --ix-icon-font-size: 5rem;\n --ix-icon-line-height: 1;\n }\n h2 {\n margin: 0px;\n font-family: 'Open Sans', sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n letter-spacing: 0.15px;\n color: rgb(9, 34, 65);\n }\n h3 {\n margin: 0px;\n font-family: 'Red Hat Display', sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 34px;\n line-height: 40px;\n letter-spacing: 0.35px;\n color: rgb(9, 34, 65);\n }\n .content {\n display: flex;\n -webkit-box-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n align-items: center;\n cursor: pointer;\n }\n ix-icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n display: flex;\n -webkit-box-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n align-items: center;\n width: 60px;\n height: 60px;\n font-size: 36px;\n }\n .loader {\n width: 24px;\n height: 24px;\n }\n .info svg {\n stroke: rgb(20, 86, 224);\n width: 24px;\n height: 24px;\n animation-name: loading;\n animation-duration: 1000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }\n @keyframes loading {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n svg {\n width: 24px;\n margin: auto;\n }\n\n @media (min-width: 1200px) {\n svg {\n width: 36px;\n margin: auto;\n }\n .info svg {\n width: 36px;\n height: 36px;\n }\n }\n\n @media (max-width: 1349px) {\n .content {\n display: flex;\n flex-direction: row-reverse;\n -webkit-box-align: center;\n align-items: center;\n justify-content: left;\n }\n ix-icon {\n width: 24px;\n height: 24px;\n }\n\n ix-widget {\n --ix-widget-background: white;\n }\n .info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n flex-direction: row-reverse;\n }\n h2 {\n margin: 0px;\n font-family: 'Open Sans', sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n letter-spacing: 0.15px;\n color: rgb(9, 34, 65);\n padding-left: 8px;\n }\n h3 {\n margin: 0px;\n font-family: 'Open Sans', sans-serif;\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: 0.1px;\n color: rgb(9, 34, 65);\n }\n }\n `;\n\n @property({ type: String }) value: number | undefined | string = undefined;\n\n @property({ type: String }) header = 'status';\n\n @property({ type: Object }) icon = laptop;\n\n @property({ type: String }) target = '/';\n\n navigate = () => {\n this.dispatchEvent(\n new CustomEvent('route', {\n detail: { route: this.target },\n bubbles: true,\n composed: true,\n })\n );\n };\n\n protected override render() {\n return html`<ix-widget type=\"status-counter\">\n <div\n class=\"content\"\n @click=${this.navigate}\n @keydown=${(e: KeyboardEvent) => {\n const selectionKeys = [' ', 'Enter'];\n if (selectionKeys.includes(e.key)) {\n this.navigate();\n }\n }}\n >\n <div class=\"info\">\n ${this.value\n ? html`<h3>\n ${typeof this.value === 'number'\n ? this.value.toLocaleString()\n : this.value}\n </h3>`\n : html`<span class=\"loader\">${loader}</span>`}\n <h2>${this.header}</h2>\n </div>\n <ix-icon>${this.icon}</ix-icon>\n </div>\n </ix-widget>`;\n }\n}\n"]}
|
package/dist/ix-table-data.d.ts
CHANGED
|
@@ -4,9 +4,10 @@ import '@digital-realty/ix-grid/ix-grid.js';
|
|
|
4
4
|
import './ix-widget.js';
|
|
5
5
|
export declare class IxTableData extends LitElement {
|
|
6
6
|
static styles: import("lit").CSSResult;
|
|
7
|
-
columns:
|
|
8
|
-
rows:
|
|
7
|
+
columns: string[];
|
|
8
|
+
rows: string[];
|
|
9
9
|
pageSize: number;
|
|
10
10
|
header: string;
|
|
11
|
+
href: string;
|
|
11
12
|
protected render(): import("lit").TemplateResult<1>;
|
|
12
13
|
}
|
package/dist/ix-table-data.js
CHANGED
|
@@ -10,20 +10,28 @@ let IxTableData = class IxTableData extends LitElement {
|
|
|
10
10
|
this.columns = [];
|
|
11
11
|
this.rows = [];
|
|
12
12
|
this.pageSize = 5;
|
|
13
|
-
this.header = '
|
|
13
|
+
this.header = '';
|
|
14
|
+
this.href = '/';
|
|
14
15
|
}
|
|
15
16
|
render() {
|
|
17
|
+
var _a;
|
|
16
18
|
return html `<ix-widget>
|
|
17
19
|
<ix-grid
|
|
18
20
|
.columns=${this.columns}
|
|
19
21
|
.rows=${this.rows}
|
|
20
22
|
.pageSize=${this.pageSize}
|
|
21
|
-
.rowLimit=${this.rows.length}
|
|
23
|
+
.rowLimit=${((_a = this.rows) === null || _a === void 0 ? void 0 : _a.length) || 0}
|
|
22
24
|
?hide-filters=${true}
|
|
23
25
|
add-params-to-url="false"
|
|
24
26
|
><div slot="header" class="header">
|
|
25
27
|
<h2>${this.header}</h2>
|
|
26
|
-
<ix-button
|
|
28
|
+
<ix-button
|
|
29
|
+
type="button"
|
|
30
|
+
has-icon
|
|
31
|
+
trailing-icon
|
|
32
|
+
appearance="text"
|
|
33
|
+
href=${this.href}
|
|
34
|
+
>
|
|
27
35
|
<ix-icon slot="icon">chevron_right</ix-icon>
|
|
28
36
|
View all
|
|
29
37
|
</ix-button>
|
|
@@ -91,6 +99,9 @@ __decorate([
|
|
|
91
99
|
__decorate([
|
|
92
100
|
property({ type: String })
|
|
93
101
|
], IxTableData.prototype, "header", void 0);
|
|
102
|
+
__decorate([
|
|
103
|
+
property({ type: String })
|
|
104
|
+
], IxTableData.prototype, "href", void 0);
|
|
94
105
|
IxTableData = __decorate([
|
|
95
106
|
customElement('ix-table-data')
|
|
96
107
|
], IxTableData);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-table-data.js","sourceRoot":"","sources":["../src/ix-table-data.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gBAAgB,CAAC;AAGjB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAiDsB,YAAO,
|
|
1
|
+
{"version":3,"file":"ix-table-data.js","sourceRoot":"","sources":["../src/ix-table-data.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gBAAgB,CAAC;AAGjB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAiDsB,YAAO,GAAa,EAAE,CAAC;QAEvB,SAAI,GAAa,EAAE,CAAC;QAEnB,aAAQ,GAAG,CAAC,CAAC;QAEb,WAAM,GAAG,EAAE,CAAC;QAEZ,SAAI,GAAG,GAAG,CAAC;IA2BzC,CAAC;IAzBoB,MAAM;;QACvB,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,OAAO;gBACf,IAAI,CAAC,IAAI;oBACL,IAAI,CAAC,QAAQ;oBACb,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;wBAClB,IAAI;;;gBAGZ,IAAI,CAAC,MAAM;;;;;;mBAMR,IAAI,CAAC,IAAI;;;;;;;iBAOX,CAAC;IAChB,CAAC;;AAlFM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ClB,AA9CY,CA8CX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CAAwB;AAEvB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;yCAAqB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAc;AAEb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAa;AAEZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAY;AAzD5B,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAoFvB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-grid/ix-grid.js';\nimport './ix-widget.js';\n\n@customElement('ix-table-data')\nexport class IxTableData extends LitElement {\n static styles = css`\n ix-widget {\n --ix-widget-padding: 0;\n }\n .header {\n display: flex;\n -webkit-box-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n align-items: center;\n width: 100%;\n width: -webkit-fill-available;\n margin: 0px -15px 0px -3px;\n }\n h2 {\n margin: 0px;\n font-family: 'Red Hat Display', sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: rgb(9, 34, 65);\n }\n .status {\n display: flex;\n flex-direction: row;\n -webkit-box-align: center;\n align-items: center;\n padding: 2px 12px;\n width: 185px;\n height: 28px;\n left: 0px;\n top: 0px;\n border-radius: 68px;\n flex: 0 0 auto;\n order: 0;\n -webkit-box-flex: 0;\n color: white;\n -webkit-box-pack: center;\n justify-content: center;\n background: rgb(76, 175, 80);\n }\n ix-grid {\n --_cell-padding: 0;\n }\n `;\n\n @property({ type: Array }) columns: string[] = [];\n\n @property({ type: Array }) rows: string[] = [];\n\n @property({ type: Number }) pageSize = 5;\n\n @property({ type: String }) header = '';\n\n @property({ type: String }) href = '/';\n\n protected override render() {\n return html`<ix-widget>\n <ix-grid\n .columns=${this.columns}\n .rows=${this.rows}\n .pageSize=${this.pageSize}\n .rowLimit=${this.rows?.length || 0}\n ?hide-filters=${true}\n add-params-to-url=\"false\"\n ><div slot=\"header\" class=\"header\">\n <h2>${this.header}</h2>\n <ix-button\n type=\"button\"\n has-icon\n trailing-icon\n appearance=\"text\"\n href=${this.href}\n >\n <ix-icon slot=\"icon\">chevron_right</ix-icon>\n View all\n </ix-button>\n </div>\n </ix-grid>\n </ix-widget>`;\n }\n}\n"]}
|
package/dist/ix-widget.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__decorate}from"tslib";import{css,LitElement,html}from"lit";import{property}from"lit/decorators.js";class IxWidget extends LitElement{constructor(){super(...arguments),this.type="default"}render(){return html`<div class="card" type="${this.type}"><slot></slot></div>`}}IxWidget.styles=css`.card{border-radius:.75rem;background:var(--ix-widget-background,#fff);padding:var(--ix-widget-padding,16px 24px 32px);border:var(--ix-widget-border,none)}[type=status-counter].card{margin-bottom:0;--ix-widget-padding:0;--ix-widget-padding:1rem}@media (min-width:1350px){[type=status-counter].card{--ix-widget-padding:36.5px 20px 36.5px 24px}}[type=status-counter-group].card{--ix-widget-padding:0;--ix-widget-background:transparent}[type=action-list].card{--ix-widget-padding:0 11px 16px 24px}@media (max-width:1349px){[type=status-counter-group].card{--ix-widget-padding:1rem;--ix-widget-background:white;box-shadow:rgba(0,0,0,.2) 0 2px 1px -1px,rgba(0,0,0,.14) 0 1px 1px 0,rgba(0,0,0,.12) 0 1px 3px 0}}[type=info-card].card{display:block;max-width:348px;border-radius:.5rem;border:1px solid #e0e0e0;position:relative;overflow:auto;aspect-ratio:1/1.47}[type=info-card-
|
|
1
|
+
import{__decorate}from"tslib";import{css,LitElement,html}from"lit";import{property}from"lit/decorators.js";class IxWidget extends LitElement{constructor(){super(...arguments),this.type="default"}render(){return html`<div class="card" type="${this.type}"><slot></slot></div>`}}IxWidget.styles=css`.card{border-radius:.75rem;background:var(--ix-widget-background,#fff);padding:var(--ix-widget-padding,16px 24px 32px);border:var(--ix-widget-border,none)}[type=status-counter].card{margin-bottom:0;--ix-widget-padding:0;--ix-widget-padding:1rem}@media (min-width:1350px){[type=status-counter].card{--ix-widget-padding:36.5px 20px 36.5px 24px}}[type=status-counter-group].card{--ix-widget-padding:0;--ix-widget-background:transparent}[type=action-list].card{--ix-widget-padding:0 11px 16px 24px}@media (max-width:1349px){[type=status-counter-group].card{--ix-widget-padding:1rem;--ix-widget-background:white;box-shadow:rgba(0,0,0,.2) 0 2px 1px -1px,rgba(0,0,0,.14) 0 1px 1px 0,rgba(0,0,0,.12) 0 1px 3px 0}}[type=info-card].card{display:block;max-width:348px;border-radius:.5rem;border:1px solid #e0e0e0;position:relative;overflow:auto;aspect-ratio:1/1.47}[type=info-card-resources].card{display:block;max-width:348px;border-radius:.5rem;border:1px solid #e0e0e0;position:relative;overflow:hidden;aspect-ratio:1/.85}[type=action-list].card{box-shadow:rgba(0,0,0,.2) 0 2px 1px -1px,rgba(0,0,0,.14) 0 1px 1px 0,rgba(0,0,0,.12) 0 1px 3px 0}[type=news-feed].card{display:flex;flex-direction:column;background:#fff;box-shadow:rgba(0,0,0,.12) 0 12px 20px -12px,#e1e4e8 0 0 0 1px inset;border-radius:12px;padding-bottom:11px}`,__decorate([property({type:String})],IxWidget.prototype,"type",void 0),window.customElements.define("ix-widget",IxWidget);
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent ix-widget following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Digital Realty",
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.7",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@adobe/lit-mobx": "^2.2.2",
|
|
41
41
|
"@digital-realty/ix-button": "^3.2.31",
|
|
42
|
-
"@digital-realty/ix-grid": "^1.0.
|
|
42
|
+
"@digital-realty/ix-grid": "^1.0.32",
|
|
43
43
|
"@digital-realty/ix-icon": "^1.0.36",
|
|
44
44
|
"@digital-realty/ix-list": "^1.0.7",
|
|
45
|
-
"@digital-realty/theme": "^1.0.
|
|
45
|
+
"@digital-realty/theme": "^1.0.29",
|
|
46
46
|
"@lit/react": "^1.0.2",
|
|
47
47
|
"@material/web": "1.2.0",
|
|
48
48
|
"date-fns": "^3.6.0",
|
|
@@ -126,5 +126,5 @@
|
|
|
126
126
|
"README.md",
|
|
127
127
|
"LICENSE"
|
|
128
128
|
],
|
|
129
|
-
"gitHead": "
|
|
129
|
+
"gitHead": "cba2af133acf3f2a0b73a15925dcf509f30b51f9"
|
|
130
130
|
}
|
package/dist/api/api.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function getStatusData(apiUrl: string): Promise<any>;
|
package/dist/api/api.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const token = '';
|
|
2
|
-
export async function getStatusData(apiUrl) {
|
|
3
|
-
try {
|
|
4
|
-
const response = await fetch(apiUrl, {
|
|
5
|
-
headers: {
|
|
6
|
-
Authorization: `Bearer ${token}`,
|
|
7
|
-
},
|
|
8
|
-
});
|
|
9
|
-
if (!response.ok) {
|
|
10
|
-
throw new Error('Something went wrong');
|
|
11
|
-
}
|
|
12
|
-
const data = await response.json();
|
|
13
|
-
return data.ticketNumber;
|
|
14
|
-
}
|
|
15
|
-
catch (error) {
|
|
16
|
-
return '-';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=api.js.map
|
package/dist/api/api.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/api/api.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,MAAc;IAChD,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,EAAE;YACnC,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,KAAK,EAAE;aACjC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;QAC1C,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,GAAG,CAAC;IACb,CAAC;AACH,CAAC","sourcesContent":["const token = '';\n\nexport async function getStatusData(apiUrl: string) {\n try {\n const response = await fetch(apiUrl, {\n headers: {\n Authorization: `Bearer ${token}`,\n },\n });\n if (!response.ok) {\n throw new Error('Something went wrong');\n }\n const data = await response.json();\n return data.ticketNumber;\n } catch (error) {\n return '-';\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"launchpad-config.js","sourceRoot":"","sources":["../../src/api/launchpad-config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,EAAE;IACV,OAAO,EACL,sGAAsG;CACzG,CAAC","sourcesContent":["export const API_CONFIG = {\n DISABLED: true,\n STATUS: '',\n TICKET: '',\n IMG_URL:\n 'https://gp-tst.digitalrealty.com/_next/image?url=https%3A%2F%2Ftst-cms-strapi.digitalrealtytrust.com',\n};\n"]}
|
package/dist/assets/columns.d.ts
DELETED
package/dist/assets/columns.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
// @ts-nocheck
|
|
2
|
-
import { html } from 'lit';
|
|
3
|
-
export const columns = [
|
|
4
|
-
{
|
|
5
|
-
name: 'title',
|
|
6
|
-
header: 'Subject',
|
|
7
|
-
bodyRenderer: row => html ` <span>${row.title}</span>`,
|
|
8
|
-
width: '40%',
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
name: 'status',
|
|
12
|
-
header: 'Status',
|
|
13
|
-
width: '30%',
|
|
14
|
-
bodyRenderer: row => html ` <span
|
|
15
|
-
style="display: flex;
|
|
16
|
-
flex-direction: row;
|
|
17
|
-
-webkit-box-align: center;
|
|
18
|
-
align-items: center;
|
|
19
|
-
padding: 2px 12px;
|
|
20
|
-
width: 185px;
|
|
21
|
-
height: 28px;
|
|
22
|
-
left: 0px;
|
|
23
|
-
top: 0px;
|
|
24
|
-
border-radius: 68px;
|
|
25
|
-
flex: 0 0 auto;
|
|
26
|
-
order: 0;
|
|
27
|
-
-webkit-box-flex: 0;
|
|
28
|
-
color: white;
|
|
29
|
-
-webkit-box-pack: center;
|
|
30
|
-
justify-content: center;
|
|
31
|
-
background: rgb(76, 175, 80);
|
|
32
|
-
margin: -6px 0;"
|
|
33
|
-
>${row.status}</span
|
|
34
|
-
>`,
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
name: 'type',
|
|
38
|
-
header: 'Ticket Type',
|
|
39
|
-
bodyRenderer: row => html ` <span>${row.ticketType}</span>`,
|
|
40
|
-
width: '15%',
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
name: 'updated',
|
|
44
|
-
header: 'Updated On',
|
|
45
|
-
bodyRenderer: row => html ` <span>${row.updatedOn.split(' ')[0]}</span>`,
|
|
46
|
-
width: '15%',
|
|
47
|
-
},
|
|
48
|
-
];
|
|
49
|
-
//# sourceMappingURL=columns.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../src/assets/columns.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB;QACE,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,GAAG,CAAC,KAAK,SAAS;QACrD,KAAK,EAAE,KAAK;KACb;IACD;QACE,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;SAmBpB,GAAG,CAAC,MAAM;MACb;KACH;IACD;QACE,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,aAAa;QACrB,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,GAAG,CAAC,UAAU,SAAS;QAC1D,KAAK,EAAE,KAAK;KACb;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,YAAY;QACpB,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QACvE,KAAK,EAAE,KAAK;KACb;CACF,CAAC","sourcesContent":["// @ts-nocheck\nimport { html } from 'lit';\n\nexport const columns = [\n {\n name: 'title',\n header: 'Subject',\n bodyRenderer: row => html` <span>${row.title}</span>`,\n width: '40%',\n },\n {\n name: 'status',\n header: 'Status',\n width: '30%',\n bodyRenderer: row => html` <span\n style=\"display: flex;\n flex-direction: row;\n -webkit-box-align: center;\n align-items: center;\n padding: 2px 12px;\n width: 185px;\n height: 28px;\n left: 0px;\n top: 0px;\n border-radius: 68px;\n flex: 0 0 auto;\n order: 0;\n -webkit-box-flex: 0;\n color: white;\n -webkit-box-pack: center;\n justify-content: center;\n background: rgb(76, 175, 80);\n margin: -6px 0;\"\n >${row.status}</span\n >`,\n },\n {\n name: 'type',\n header: 'Ticket Type',\n bodyRenderer: row => html` <span>${row.ticketType}</span>`,\n width: '15%',\n },\n {\n name: 'updated',\n header: 'Updated On',\n bodyRenderer: row => html` <span>${row.updatedOn.split(' ')[0]}</span>`,\n width: '15%',\n },\n];\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export declare const contacts: {
|
|
2
|
-
id: string;
|
|
3
|
-
title: string;
|
|
4
|
-
status: string;
|
|
5
|
-
site: string;
|
|
6
|
-
requestType: string;
|
|
7
|
-
category: string;
|
|
8
|
-
isBulkRequest: boolean;
|
|
9
|
-
createdOn: string;
|
|
10
|
-
updatedOn: string;
|
|
11
|
-
closedOn: string;
|
|
12
|
-
createdBy: string;
|
|
13
|
-
ticketType: string;
|
|
14
|
-
description: string;
|
|
15
|
-
accessRequestedFor: string;
|
|
16
|
-
location: string;
|
|
17
|
-
}[];
|
package/dist/assets/contacts.js
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
export const contacts = [
|
|
2
|
-
{
|
|
3
|
-
id: 'WO10133499',
|
|
4
|
-
title: 'Request for New Permanent badge',
|
|
5
|
-
status: 'In Progress',
|
|
6
|
-
site: 'IAD035',
|
|
7
|
-
requestType: 'Permanent Badge',
|
|
8
|
-
category: 'New Badge',
|
|
9
|
-
isBulkRequest: false,
|
|
10
|
-
createdOn: '2024-05-17 15:53:29',
|
|
11
|
-
updatedOn: '2024-05-17 15:58:16',
|
|
12
|
-
closedOn: '',
|
|
13
|
-
createdBy: 'magic link1',
|
|
14
|
-
ticketType: 'Facility Access',
|
|
15
|
-
description: 'Request for New Permanent badge',
|
|
16
|
-
accessRequestedFor: 'asd asd',
|
|
17
|
-
location: 'LinkedIn Office 230-A',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
id: 'WO10133500',
|
|
21
|
-
title: 'Request for Terminate Permanent badge',
|
|
22
|
-
status: 'Approved',
|
|
23
|
-
site: 'IAD035',
|
|
24
|
-
requestType: 'Permanent Badge',
|
|
25
|
-
category: 'Terminate All Access',
|
|
26
|
-
isBulkRequest: false,
|
|
27
|
-
createdOn: '2024-05-17 15:55:14',
|
|
28
|
-
updatedOn: '2024-05-17 15:55:59',
|
|
29
|
-
closedOn: '',
|
|
30
|
-
createdBy: 'magic link1',
|
|
31
|
-
ticketType: 'Facility Access',
|
|
32
|
-
description: 'Request for Terminate Permanent badge',
|
|
33
|
-
accessRequestedFor: 'asd asd',
|
|
34
|
-
location: 'S190 Data Center LinkedIn E',
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: 'WO10128046',
|
|
38
|
-
title: 'CS8',
|
|
39
|
-
status: 'New',
|
|
40
|
-
site: 'IAD035',
|
|
41
|
-
requestType: 'Accounts Receivable',
|
|
42
|
-
category: 'General Billing Inquiry',
|
|
43
|
-
isBulkRequest: false,
|
|
44
|
-
createdOn: '2024-05-07 14:47:35',
|
|
45
|
-
updatedOn: '2024-05-17 14:47:35',
|
|
46
|
-
closedOn: '',
|
|
47
|
-
createdBy: 'magic link1',
|
|
48
|
-
ticketType: 'Customer Support',
|
|
49
|
-
description: 'CS8',
|
|
50
|
-
accessRequestedFor: ' ',
|
|
51
|
-
location: 'LinkedIn Office 230',
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
id: 'WO10128045',
|
|
55
|
-
title: 'CS8',
|
|
56
|
-
status: 'New',
|
|
57
|
-
site: 'IAD035',
|
|
58
|
-
requestType: 'Accounts Receivable',
|
|
59
|
-
category: 'General Billing Inquiry',
|
|
60
|
-
isBulkRequest: false,
|
|
61
|
-
createdOn: '2024-05-07 14:47:35',
|
|
62
|
-
updatedOn: '2024-05-17 14:47:35',
|
|
63
|
-
closedOn: '',
|
|
64
|
-
createdBy: 'magic link1',
|
|
65
|
-
ticketType: 'Customer Support',
|
|
66
|
-
description: 'CS8',
|
|
67
|
-
accessRequestedFor: ' ',
|
|
68
|
-
location: 'G100 Data Center LinkedIn K',
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
id: 'WO10127822',
|
|
72
|
-
title: 'Customer Support Title',
|
|
73
|
-
status: 'New',
|
|
74
|
-
site: 'IAD035',
|
|
75
|
-
requestType: 'Accounts Receivable',
|
|
76
|
-
category: 'General Billing Inquiry',
|
|
77
|
-
isBulkRequest: false,
|
|
78
|
-
createdOn: '2024-05-07 13:27:55',
|
|
79
|
-
updatedOn: '2024-05-17 13:27:55',
|
|
80
|
-
closedOn: '',
|
|
81
|
-
createdBy: 'magic link1',
|
|
82
|
-
ticketType: 'Customer Support',
|
|
83
|
-
description: 'Customer Support Title',
|
|
84
|
-
accessRequestedFor: ' ',
|
|
85
|
-
location: 'LinkedIn Office 230-A',
|
|
86
|
-
},
|
|
87
|
-
];
|
|
88
|
-
//# sourceMappingURL=contacts.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"contacts.js","sourceRoot":"","sources":["../../src/assets/contacts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,iCAAiC;QACxC,MAAM,EAAE,aAAa;QACrB,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,iBAAiB;QAC9B,QAAQ,EAAE,WAAW;QACrB,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,qBAAqB;QAChC,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,iBAAiB;QAC7B,WAAW,EAAE,iCAAiC;QAC9C,kBAAkB,EAAE,SAAS;QAC7B,QAAQ,EAAE,uBAAuB;KAClC;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,uCAAuC;QAC9C,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,iBAAiB;QAC9B,QAAQ,EAAE,sBAAsB;QAChC,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,qBAAqB;QAChC,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,iBAAiB;QAC7B,WAAW,EAAE,uCAAuC;QACpD,kBAAkB,EAAE,SAAS;QAC7B,QAAQ,EAAE,6BAA6B;KACxC;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,qBAAqB;QAClC,QAAQ,EAAE,yBAAyB;QACnC,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,qBAAqB;QAChC,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,kBAAkB;QAC9B,WAAW,EAAE,KAAK;QAClB,kBAAkB,EAAE,GAAG;QACvB,QAAQ,EAAE,qBAAqB;KAChC;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,qBAAqB;QAClC,QAAQ,EAAE,yBAAyB;QACnC,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,qBAAqB;QAChC,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,kBAAkB;QAC9B,WAAW,EAAE,KAAK;QAClB,kBAAkB,EAAE,GAAG;QACvB,QAAQ,EAAE,6BAA6B;KACxC;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,qBAAqB;QAClC,QAAQ,EAAE,yBAAyB;QACnC,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,qBAAqB;QAChC,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,kBAAkB;QAC9B,WAAW,EAAE,wBAAwB;QACrC,kBAAkB,EAAE,GAAG;QACvB,QAAQ,EAAE,uBAAuB;KAClC;CACF,CAAC","sourcesContent":["export const contacts = [\n {\n id: 'WO10133499',\n title: 'Request for New Permanent badge',\n status: 'In Progress',\n site: 'IAD035',\n requestType: 'Permanent Badge',\n category: 'New Badge',\n isBulkRequest: false,\n createdOn: '2024-05-17 15:53:29',\n updatedOn: '2024-05-17 15:58:16',\n closedOn: '',\n createdBy: 'magic link1',\n ticketType: 'Facility Access',\n description: 'Request for New Permanent badge',\n accessRequestedFor: 'asd asd',\n location: 'LinkedIn Office 230-A',\n },\n {\n id: 'WO10133500',\n title: 'Request for Terminate Permanent badge',\n status: 'Approved',\n site: 'IAD035',\n requestType: 'Permanent Badge',\n category: 'Terminate All Access',\n isBulkRequest: false,\n createdOn: '2024-05-17 15:55:14',\n updatedOn: '2024-05-17 15:55:59',\n closedOn: '',\n createdBy: 'magic link1',\n ticketType: 'Facility Access',\n description: 'Request for Terminate Permanent badge',\n accessRequestedFor: 'asd asd',\n location: 'S190 Data Center LinkedIn E',\n },\n {\n id: 'WO10128046',\n title: 'CS8',\n status: 'New',\n site: 'IAD035',\n requestType: 'Accounts Receivable',\n category: 'General Billing Inquiry',\n isBulkRequest: false,\n createdOn: '2024-05-07 14:47:35',\n updatedOn: '2024-05-17 14:47:35',\n closedOn: '',\n createdBy: 'magic link1',\n ticketType: 'Customer Support',\n description: 'CS8',\n accessRequestedFor: ' ',\n location: 'LinkedIn Office 230',\n },\n {\n id: 'WO10128045',\n title: 'CS8',\n status: 'New',\n site: 'IAD035',\n requestType: 'Accounts Receivable',\n category: 'General Billing Inquiry',\n isBulkRequest: false,\n createdOn: '2024-05-07 14:47:35',\n updatedOn: '2024-05-17 14:47:35',\n closedOn: '',\n createdBy: 'magic link1',\n ticketType: 'Customer Support',\n description: 'CS8',\n accessRequestedFor: ' ',\n location: 'G100 Data Center LinkedIn K',\n },\n {\n id: 'WO10127822',\n title: 'Customer Support Title',\n status: 'New',\n site: 'IAD035',\n requestType: 'Accounts Receivable',\n category: 'General Billing Inquiry',\n isBulkRequest: false,\n createdOn: '2024-05-07 13:27:55',\n updatedOn: '2024-05-17 13:27:55',\n closedOn: '',\n createdBy: 'magic link1',\n ticketType: 'Customer Support',\n description: 'Customer Support Title',\n accessRequestedFor: ' ',\n location: 'LinkedIn Office 230-A',\n },\n];\n"]}
|