sf-i-events 1.0.64 → 1.0.65
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/dev/index.html +4 -2
- package/package.json +1 -1
- package/sf-i-events.d.ts +7 -3
- package/sf-i-events.d.ts.map +1 -1
- package/sf-i-events.js +135 -17
- package/sf-i-events.js.map +1 -1
- package/src/sf-i-events.ts +167 -16
package/dev/index.html
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet">
|
|
16
16
|
<script type="module">
|
|
17
17
|
import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.80/sf-i-select.js?module';
|
|
18
|
-
import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.
|
|
18
|
+
import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.64/sf-i-form.js?module';
|
|
19
19
|
import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.81/sf-i-sub-select.js?module';
|
|
20
20
|
import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
|
|
21
21
|
import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.15/sf-i-uploader.js?module';
|
|
@@ -538,10 +538,12 @@
|
|
|
538
538
|
mode="consumer"
|
|
539
539
|
userProfileId="85c82053-c318-4fea-aecd-f155528fd40b"
|
|
540
540
|
projectId="10daf75f-cb8f-45a5-95b7-ff9f27c4600a"
|
|
541
|
+
apiIdTags="j385cxf2p0"
|
|
542
|
+
projectName="Project 1"
|
|
541
543
|
eventFieldDependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]"
|
|
542
544
|
eventFields="[{"type": "sf-i-select", "apiId": "3z3fiubz8e", "field": "riskarea"},{"type": "sf-i-select", "apiId": "5s7ih5uw4h", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "oqze24s784", "field": "updatetype"},{"type": "sf-i-select", "apiId": "zu3kh9cq2c", "field": "country"},{"type": "sf-i-select", "apiId": "8ijy7mze67", "field": "specificity"},{"type": "sf-i-select", "apiId": "et1hdzg882", "field": "risk"},{"type": "sf-i-select", "apiId": "lhpn6gh0il", "field": "frequency"},{"type": "sf-i-select", "apiId": "8an2d4j1gc", "field": "category"},{"type": "sf-i-select", "apiId": "vofssiq1t3", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "clnu4kk1ah", "field": "state"},{"type": "sf-i-sub-select", "apiId": "aysa6i6723", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "mdkc0e2bo5", "field": "subcategory"},{"type": "sf-i-form", "apiId": "4wb2x6fkga", "field": "statute", "projectField": "name"}]"
|
|
543
545
|
eventPreviewFields="["obligationtitle"]"
|
|
544
|
-
eventHideFields="["comments","documents","lastupdated","approved"]"
|
|
546
|
+
eventHideFields="["comments","documents","lastupdated","approved","tags"]"
|
|
545
547
|
calendarStartDD="01"
|
|
546
548
|
calendarStartMM="04"
|
|
547
549
|
calendarStartYYYY="2023"
|
package/package.json
CHANGED
package/sf-i-events.d.ts
CHANGED
|
@@ -36,8 +36,10 @@ export declare class SfIEvents extends LitElement {
|
|
|
36
36
|
apiBodyDetail: string;
|
|
37
37
|
userProfileId: string;
|
|
38
38
|
projectId: string;
|
|
39
|
+
projectName: string;
|
|
39
40
|
apiResponseFieldList: string;
|
|
40
41
|
myRole: string;
|
|
42
|
+
chart: any;
|
|
41
43
|
calendarStartDD: string;
|
|
42
44
|
calendarStartMM: string;
|
|
43
45
|
calendarStartYYYY: string;
|
|
@@ -49,6 +51,7 @@ export declare class SfIEvents extends LitElement {
|
|
|
49
51
|
mappings: any;
|
|
50
52
|
monthNames: string[];
|
|
51
53
|
events: any;
|
|
54
|
+
eventsInWindow: any;
|
|
52
55
|
eventHideFields: any;
|
|
53
56
|
getEventHideFields: () => any;
|
|
54
57
|
eventPreviewFields: any;
|
|
@@ -132,6 +135,7 @@ export declare class SfIEvents extends LitElement {
|
|
|
132
135
|
showUnmappedEvents: () => void;
|
|
133
136
|
updateInAllSelections: (param: string, value: any) => void;
|
|
134
137
|
updateMappingStatus: (value: any, clickIndex: number) => void;
|
|
138
|
+
filterEventsInWindow: (tags: Array<string>, ctx: any) => void;
|
|
135
139
|
renderCustom: () => void;
|
|
136
140
|
renderPast: (index?: number) => void;
|
|
137
141
|
renderUpcoming: (index?: number) => void;
|
|
@@ -140,9 +144,9 @@ export declare class SfIEvents extends LitElement {
|
|
|
140
144
|
renderEventDetail: (event: any, mmddyyyy: any) => void;
|
|
141
145
|
renderCalendar: () => void;
|
|
142
146
|
renderRoleTabs: () => void;
|
|
143
|
-
renderChartSettingsFilters: (container: HTMLDivElement) => void;
|
|
147
|
+
renderChartSettingsFilters: (container: HTMLDivElement, ctx: any) => void;
|
|
144
148
|
renderChartSettingsSettings: (container: HTMLDivElement) => void;
|
|
145
|
-
renderChartSettings: (container: HTMLDivElement, selectedTab
|
|
149
|
+
renderChartSettings: (container: HTMLDivElement, selectedTab: number | undefined, ctx: any) => void;
|
|
146
150
|
renderChart: (ctx: any, type: any, data: any) => void;
|
|
147
151
|
getCurrentTab: () => string;
|
|
148
152
|
renderTabs: (selectedTab: string) => void;
|
|
@@ -175,7 +179,7 @@ export declare class SfIEvents extends LitElement {
|
|
|
175
179
|
showChooseProject: () => void;
|
|
176
180
|
showChosenProject: () => void;
|
|
177
181
|
showChosenMapping: () => void;
|
|
178
|
-
truncate: (str: string, n: number, useWordBoundary: boolean) => string;
|
|
182
|
+
truncate: (str: string, n: number, useWordBoundary: boolean, ellipsis?: boolean) => string;
|
|
179
183
|
initListenersAdmin: () => void;
|
|
180
184
|
loadMode: () => Promise<void>;
|
|
181
185
|
constructor();
|
package/sf-i-events.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAa,gBAAgB,EAAC,MAAM,KAAK,CAAC;AAkB5D;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,UAAU;IAEvC,QAAQ,SAAU;IAClB,UAAU,SAAY;IACtB,YAAY,SAAc;IAC1B,QAAQ,SAAU;IAClB,QAAQ,SAAU;IAClB,UAAU,SAAY;IACtB,YAAY,SAAc;IAC1B,YAAY,SAAc;IAG1B,IAAI,EAAG,MAAM,CAAC;IAGd,KAAK,EAAG,MAAM,CAAC;IAGf,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAGrB,UAAU,EAAG,MAAM,CAAC;IAGpB,SAAS,EAAG,MAAM,CAAC;IAGnB,aAAa,EAAG,MAAM,CAAC;IAGvB,eAAe,EAAG,MAAM,CAAC;IAGzB,WAAW,EAAG,MAAM,CAAC;IAGrB,aAAa,EAAG,MAAM,CAAC;IAGvB,aAAa,EAAG,MAAM,CAAC;IAGvB,SAAS,EAAG,MAAM,CAAC;IAGnB,oBAAoB,EAAG,MAAM,CAAC;IAG9B,MAAM,EAAE,MAAM,CAAqB;IAGnC,eAAe,EAAG,MAAM,CAAC;IAGzB,eAAe,EAAG,MAAM,CAAC;IAGzB,iBAAiB,EAAG,MAAM,CAAC;IAG3B,QAAQ,EAAE,IAAI,EAAG,CAAM;IAGvB,oBAAoB,EAAE,GAAG,CAAM;IAG/B,iBAAiB,EAAE,GAAG,CAAM;IAG5B,gBAAgB,EAAE,GAAG,CAAM;IAG3B,cAAc,EAAE,GAAG,CAAQ;IAG3B,QAAQ,EAAE,GAAG,CAAQ;IAGrB,UAAU,EAAE,MAAM,EAAG,CAA+H;IAGpJ,MAAM,EAAE,GAAG,CAAQ;IAGnB,eAAe,EAAE,GAAG,CAAQ;IAE5B,kBAAkB,YAEjB;IAGD,kBAAkB,EAAE,GAAG,CAAQ;IAE/B,qBAAqB,YAEpB;IAGD,WAAW,EAAE,GAAG,CAAQ;IAExB,cAAc,YAEb;IAGD,sBAAsB,EAAE,GAAG,CAAQ;IAEnC,yBAAyB,YAExB;IAED,cAAc,YAOb;IAED,gBAAgB,YAEf;IAGD,IAAI,EAAG,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAE,MAAM,CAAW;IAEvB,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"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"}
|
package/sf-i-events.js
CHANGED
|
@@ -45,6 +45,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
45
45
|
this.TAB_REPORTER = "reporter";
|
|
46
46
|
this.TAB_APPROVER = "approver";
|
|
47
47
|
this.myRole = this.TAB_REPORTER;
|
|
48
|
+
this.chart = null;
|
|
48
49
|
this.calendar = [];
|
|
49
50
|
this.mappedValuesDueDates = {};
|
|
50
51
|
this.mappedValuesUsers = {};
|
|
@@ -53,6 +54,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
53
54
|
this.mappings = null;
|
|
54
55
|
this.monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
55
56
|
this.events = null;
|
|
57
|
+
this.eventsInWindow = null;
|
|
56
58
|
this.eventHideFields = null;
|
|
57
59
|
this.getEventHideFields = () => {
|
|
58
60
|
return JSON.parse(this.eventHideFields);
|
|
@@ -285,6 +287,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
285
287
|
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <span id="graph-not-started">DASHBOARD_NOT_STARTED</span></div>';
|
|
286
288
|
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <span id="graph-in-progress">DASHBOARD_IN_PROGRESS</span></div>';
|
|
287
289
|
html += '</div>';
|
|
290
|
+
this.eventsInWindow = [];
|
|
288
291
|
for (var i = 1; i <= lastDay; i++) {
|
|
289
292
|
const mmdd = ("0" + (month + 1)).slice(-2) + "/" + ("0" + i).slice(-2);
|
|
290
293
|
var hide = true;
|
|
@@ -313,6 +316,8 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
313
316
|
html += '<div class="stream-event-list-container flex-grow">';
|
|
314
317
|
for (var j = 0; j < this.events[mmdd].length; j++) {
|
|
315
318
|
total++;
|
|
319
|
+
this.events[mmdd][j]['mmdd'] = mmdd;
|
|
320
|
+
this.eventsInWindow.push(this.events[mmdd][j]);
|
|
316
321
|
html += '<div class="stream-events-container flex-grow">';
|
|
317
322
|
html += '<table>';
|
|
318
323
|
html += '<thead>';
|
|
@@ -1345,6 +1350,93 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1345
1350
|
this._SfMappingContainer.querySelector('#row-unmapped-status-' + clickIndex).innerHTML = '<span class="material-icons color-pending">pending</done>';
|
|
1346
1351
|
}
|
|
1347
1352
|
};
|
|
1353
|
+
this.filterEventsInWindow = (tags, ctx) => {
|
|
1354
|
+
const arrData = [];
|
|
1355
|
+
console.log('window', this.eventsInWindow);
|
|
1356
|
+
for (var i = 0; i < tags.length; i++) {
|
|
1357
|
+
var countApproved = 0;
|
|
1358
|
+
var countInProgress = 0;
|
|
1359
|
+
var countNotStarted = 0;
|
|
1360
|
+
for (var j = 0; j < this.eventsInWindow.length; j++) {
|
|
1361
|
+
const event = this.eventsInWindow[j];
|
|
1362
|
+
for (var l = 0; l < event.tags.length; l++) {
|
|
1363
|
+
if ((event.tags[l] + "").toLowerCase().indexOf((tags[i] + "").toLowerCase().split(';')[1]) >= 0) {
|
|
1364
|
+
console.log('found', event.documents[event.mmdd + '/' + new Date().getFullYear()], event.approved[event.mmdd + '/' + new Date().getFullYear()], event.approved[event.mmdd + '/' + new Date().getFullYear()].approved);
|
|
1365
|
+
if (event.documents == null || event.documents[event.mmdd + '/' + new Date().getFullYear()] == null || JSON.parse(event.documents[event.mmdd + '/' + new Date().getFullYear()]) == null) {
|
|
1366
|
+
countNotStarted++;
|
|
1367
|
+
}
|
|
1368
|
+
else if (event.approved != null && event.approved[event.mmdd + '/' + new Date().getFullYear()] != null && !event.approved[event.mmdd + '/' + new Date().getFullYear()]) {
|
|
1369
|
+
countInProgress++;
|
|
1370
|
+
}
|
|
1371
|
+
else if (event.approved != null && event.approved[event.mmdd + '/' + new Date().getFullYear()] != null && event.approved[event.mmdd + '/' + new Date().getFullYear()]) {
|
|
1372
|
+
countApproved++;
|
|
1373
|
+
}
|
|
1374
|
+
}
|
|
1375
|
+
}
|
|
1376
|
+
}
|
|
1377
|
+
const arrItem = [countApproved, countInProgress, countNotStarted];
|
|
1378
|
+
arrData.push(arrItem);
|
|
1379
|
+
}
|
|
1380
|
+
console.log(arrData);
|
|
1381
|
+
const dataSetApproved = [];
|
|
1382
|
+
const dataSetInProgress = [];
|
|
1383
|
+
const dataSetNotStarted = [];
|
|
1384
|
+
for (i = 0; i < arrData.length; i++) {
|
|
1385
|
+
dataSetApproved.push(arrData[i][0]);
|
|
1386
|
+
dataSetInProgress.push(arrData[i][1]);
|
|
1387
|
+
dataSetNotStarted.push(arrData[i][2]);
|
|
1388
|
+
}
|
|
1389
|
+
const tagsCompressed = [];
|
|
1390
|
+
for (i = 0; i < tags.length; i++) {
|
|
1391
|
+
tagsCompressed.push(this.truncate(tags[i].split(';')[0], 20, false, false));
|
|
1392
|
+
}
|
|
1393
|
+
if (this.fill == "solid") {
|
|
1394
|
+
const data = {
|
|
1395
|
+
labels: tagsCompressed,
|
|
1396
|
+
datasets: [
|
|
1397
|
+
{
|
|
1398
|
+
label: 'Approved',
|
|
1399
|
+
data: dataSetApproved,
|
|
1400
|
+
backgroundColor: '#20a39e'
|
|
1401
|
+
},
|
|
1402
|
+
{
|
|
1403
|
+
label: 'In Progress',
|
|
1404
|
+
data: dataSetInProgress,
|
|
1405
|
+
backgroundColor: '#FFBA49'
|
|
1406
|
+
},
|
|
1407
|
+
{
|
|
1408
|
+
label: 'Not Started',
|
|
1409
|
+
data: dataSetNotStarted,
|
|
1410
|
+
backgroundColor: '#A4A9AD'
|
|
1411
|
+
}
|
|
1412
|
+
]
|
|
1413
|
+
};
|
|
1414
|
+
this.renderChart(ctx, 'bar', data);
|
|
1415
|
+
}
|
|
1416
|
+
else {
|
|
1417
|
+
const data = {
|
|
1418
|
+
labels: tagsCompressed,
|
|
1419
|
+
datasets: [
|
|
1420
|
+
{
|
|
1421
|
+
label: 'Approved',
|
|
1422
|
+
data: dataSetApproved,
|
|
1423
|
+
backgroundColor: Util.createDiagonalPattern3('#20a39e')
|
|
1424
|
+
},
|
|
1425
|
+
{
|
|
1426
|
+
label: 'In Progress',
|
|
1427
|
+
data: dataSetInProgress,
|
|
1428
|
+
backgroundColor: Util.createDiagonalPattern1('#FFBA49')
|
|
1429
|
+
},
|
|
1430
|
+
{
|
|
1431
|
+
label: 'Not Started',
|
|
1432
|
+
data: dataSetNotStarted,
|
|
1433
|
+
backgroundColor: Util.createDiagonalPattern2('#A4A9AD')
|
|
1434
|
+
}
|
|
1435
|
+
]
|
|
1436
|
+
};
|
|
1437
|
+
this.renderChart(ctx, 'bar', data);
|
|
1438
|
+
}
|
|
1439
|
+
};
|
|
1348
1440
|
this.renderCustom = () => {
|
|
1349
1441
|
var _a, _b;
|
|
1350
1442
|
var html = '';
|
|
@@ -1610,11 +1702,11 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1610
1702
|
backgroundColor: [
|
|
1611
1703
|
Util.createDiagonalPattern3('#20a39e'),
|
|
1612
1704
|
Util.createDiagonalPattern2('#A4A9AD'),
|
|
1613
|
-
Util.createDiagonalPattern1('
|
|
1705
|
+
Util.createDiagonalPattern1('#FFBA49')
|
|
1614
1706
|
]
|
|
1615
1707
|
}]
|
|
1616
1708
|
};
|
|
1617
|
-
this.renderChartSettings(this._SfStreamContainer);
|
|
1709
|
+
this.renderChartSettings(this._SfStreamContainer, -1, ctx);
|
|
1618
1710
|
this.renderChart(ctx, 'doughnut', data);
|
|
1619
1711
|
}
|
|
1620
1712
|
if (this.fill == "solid") {
|
|
@@ -1631,7 +1723,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1631
1723
|
]
|
|
1632
1724
|
}]
|
|
1633
1725
|
};
|
|
1634
|
-
this.renderChartSettings(this._SfStreamContainer);
|
|
1726
|
+
this.renderChartSettings(this._SfStreamContainer, -1, ctx);
|
|
1635
1727
|
this.renderChart(ctx, 'doughnut', data);
|
|
1636
1728
|
}
|
|
1637
1729
|
};
|
|
@@ -1858,21 +1950,29 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1858
1950
|
}
|
|
1859
1951
|
});
|
|
1860
1952
|
};
|
|
1861
|
-
this.renderChartSettingsFilters = (container) => {
|
|
1862
|
-
var _a;
|
|
1953
|
+
this.renderChartSettingsFilters = (container, ctx) => {
|
|
1954
|
+
var _a, _b;
|
|
1863
1955
|
console.log(container);
|
|
1864
1956
|
var html = `
|
|
1865
1957
|
|
|
1866
|
-
<div class="m-
|
|
1958
|
+
<div class="m-10" part="input">
|
|
1867
1959
|
<div class="d-flex justify-end">
|
|
1868
1960
|
<button id="chart-control-cancel" part="button-icon"><span class="material-icons">close</span></button>
|
|
1869
1961
|
</div>
|
|
1870
|
-
|
|
1962
|
+
<div class="d-flex justify-end align-end m-20">
|
|
1963
|
+
<sf-i-form id="input-multi-entry-tags" name="Tags" label="Select Tags" apiId="${this.apiIdTags}" mode="multiselect-dropdown" searchPhrase="${this.projectName}" selectProjection="name" mandatory></sf-i-form>
|
|
1964
|
+
<button id="chart-control-plot" part="button" class="ml-20">Plot</button>
|
|
1965
|
+
</div>
|
|
1871
1966
|
</div>
|
|
1872
1967
|
|
|
1873
1968
|
`;
|
|
1874
1969
|
container.innerHTML = html;
|
|
1875
|
-
(_a = container.querySelector('#chart-control-
|
|
1970
|
+
(_a = container.querySelector('#chart-control-plot')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
|
|
1971
|
+
const query = container.querySelector('#input-multi-entry-tags').selectedValues();
|
|
1972
|
+
//console.log('query', query, this.eventsInWindow);
|
|
1973
|
+
this.filterEventsInWindow(query, ctx);
|
|
1974
|
+
});
|
|
1975
|
+
(_b = container.querySelector('#chart-control-cancel')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => {
|
|
1876
1976
|
container.innerHTML = '';
|
|
1877
1977
|
container.dispatchEvent(new CustomEvent('canceled', { bubbles: true }));
|
|
1878
1978
|
});
|
|
@@ -1893,7 +1993,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1893
1993
|
<div class="d-flex justify-end">
|
|
1894
1994
|
<button id="chart-control-cancel" part="button-icon"><span class="material-icons">close</span></button>
|
|
1895
1995
|
</div>
|
|
1896
|
-
<div class="d-flex justify-end">
|
|
1996
|
+
<div class="d-flex justify-end m-20">
|
|
1897
1997
|
<div>
|
|
1898
1998
|
<label part="input-label">Fill</label><br />
|
|
1899
1999
|
<div class="switch-field">
|
|
@@ -1925,7 +2025,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1925
2025
|
}
|
|
1926
2026
|
});
|
|
1927
2027
|
};
|
|
1928
|
-
this.renderChartSettings = (container, selectedTab = -1) => {
|
|
2028
|
+
this.renderChartSettings = (container, selectedTab = -1, ctx) => {
|
|
1929
2029
|
var _a, _b;
|
|
1930
2030
|
var html = '';
|
|
1931
2031
|
html += '<div class="d-flex justify-end align-start">';
|
|
@@ -1944,20 +2044,21 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1944
2044
|
html += '</div>';
|
|
1945
2045
|
container.querySelector('#chart-settings-controls').innerHTML = html;
|
|
1946
2046
|
(_a = container.querySelector('#chart-settings-controls').querySelector('#chart-control-settings')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
|
|
1947
|
-
this.renderChartSettings(container, 1);
|
|
2047
|
+
this.renderChartSettings(container, 1, ctx);
|
|
1948
2048
|
});
|
|
1949
2049
|
(_b = container.querySelector('#chart-settings-controls').querySelector('#chart-control-filters')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => {
|
|
1950
|
-
this.renderChartSettings(container, 0);
|
|
2050
|
+
this.renderChartSettings(container, 0, ctx);
|
|
1951
2051
|
});
|
|
1952
2052
|
if (selectedTab === 0) {
|
|
1953
|
-
this.renderChartSettingsFilters(container.querySelector('#chart-settings'));
|
|
2053
|
+
this.renderChartSettingsFilters(container.querySelector('#chart-settings'), ctx);
|
|
1954
2054
|
}
|
|
1955
2055
|
if (selectedTab === 1) {
|
|
1956
2056
|
this.renderChartSettingsSettings(container.querySelector('#chart-settings'));
|
|
1957
2057
|
}
|
|
1958
2058
|
container.querySelector('#chart-settings').addEventListener('canceled', () => {
|
|
1959
2059
|
console.log('canceled');
|
|
1960
|
-
this.renderChartSettings(container);
|
|
2060
|
+
this.renderChartSettings(container, -1, ctx);
|
|
2061
|
+
this.renderStream();
|
|
1961
2062
|
});
|
|
1962
2063
|
// (container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings-cancel')?.addEventListener('click', () => {
|
|
1963
2064
|
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters-cancel') as HTMLButtonElement).style.display = 'none';
|
|
@@ -1983,7 +2084,11 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1983
2084
|
// })
|
|
1984
2085
|
};
|
|
1985
2086
|
this.renderChart = (ctx, type, data) => {
|
|
1986
|
-
|
|
2087
|
+
console.log('rendering chart', type, data);
|
|
2088
|
+
if (this.chart != null) {
|
|
2089
|
+
this.chart.destroy();
|
|
2090
|
+
}
|
|
2091
|
+
this.chart = new Chart(ctx, {
|
|
1987
2092
|
type: type,
|
|
1988
2093
|
data: data,
|
|
1989
2094
|
});
|
|
@@ -2921,14 +3026,14 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2921
3026
|
elems[index].style.display = 'flex';
|
|
2922
3027
|
}
|
|
2923
3028
|
};
|
|
2924
|
-
this.truncate = (str, n, useWordBoundary) => {
|
|
3029
|
+
this.truncate = (str, n, useWordBoundary, ellipsis = true) => {
|
|
2925
3030
|
if (str.length <= n) {
|
|
2926
3031
|
return str;
|
|
2927
3032
|
}
|
|
2928
3033
|
const subString = str.slice(0, n - 1); // the original check
|
|
2929
3034
|
return (useWordBoundary
|
|
2930
3035
|
? subString.slice(0, subString.lastIndexOf(" "))
|
|
2931
|
-
: subString) + "…";
|
|
3036
|
+
: subString) + (ellipsis ? "…" : "...");
|
|
2932
3037
|
};
|
|
2933
3038
|
this.initListenersAdmin = () => {
|
|
2934
3039
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -3425,6 +3530,10 @@ SfIEvents.styles = css `
|
|
|
3425
3530
|
margin-top: 20px;
|
|
3426
3531
|
}
|
|
3427
3532
|
|
|
3533
|
+
.ml-20 {
|
|
3534
|
+
margin-left: 20px;
|
|
3535
|
+
}
|
|
3536
|
+
|
|
3428
3537
|
.mr-20 {
|
|
3429
3538
|
margin-right: 20px;
|
|
3430
3539
|
}
|
|
@@ -3855,12 +3964,18 @@ __decorate([
|
|
|
3855
3964
|
__decorate([
|
|
3856
3965
|
property()
|
|
3857
3966
|
], SfIEvents.prototype, "projectId", void 0);
|
|
3967
|
+
__decorate([
|
|
3968
|
+
property()
|
|
3969
|
+
], SfIEvents.prototype, "projectName", void 0);
|
|
3858
3970
|
__decorate([
|
|
3859
3971
|
property()
|
|
3860
3972
|
], SfIEvents.prototype, "apiResponseFieldList", void 0);
|
|
3861
3973
|
__decorate([
|
|
3862
3974
|
property()
|
|
3863
3975
|
], SfIEvents.prototype, "myRole", void 0);
|
|
3976
|
+
__decorate([
|
|
3977
|
+
property()
|
|
3978
|
+
], SfIEvents.prototype, "chart", void 0);
|
|
3864
3979
|
__decorate([
|
|
3865
3980
|
property()
|
|
3866
3981
|
], SfIEvents.prototype, "calendarStartDD", void 0);
|
|
@@ -3894,6 +4009,9 @@ __decorate([
|
|
|
3894
4009
|
__decorate([
|
|
3895
4010
|
property()
|
|
3896
4011
|
], SfIEvents.prototype, "events", void 0);
|
|
4012
|
+
__decorate([
|
|
4013
|
+
property()
|
|
4014
|
+
], SfIEvents.prototype, "eventsInWindow", void 0);
|
|
3897
4015
|
__decorate([
|
|
3898
4016
|
property()
|
|
3899
4017
|
], SfIEvents.prototype, "eventHideFields", void 0);
|