sf-i-events 1.0.99 → 1.0.101
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 +12 -1
- package/package.json +1 -2
- package/sf-i-events.d.ts.map +1 -1
- package/sf-i-events.js +260 -32
- package/sf-i-events.js.map +1 -1
- package/src/sf-i-events.ts +318 -42
package/dev/index.html
CHANGED
|
@@ -337,7 +337,18 @@
|
|
|
337
337
|
|
|
338
338
|
}
|
|
339
339
|
|
|
340
|
-
|
|
340
|
+
sf-i-events::part(accordian-container) {
|
|
341
|
+
|
|
342
|
+
border-width: 0px;
|
|
343
|
+
border-radius: 5px;
|
|
344
|
+
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
|
|
345
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
346
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
347
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
348
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
349
|
+
|
|
350
|
+
}
|
|
351
|
+
|
|
341
352
|
|
|
342
353
|
sf-i-events::part(badge) {
|
|
343
354
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sf-i-events",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.101",
|
|
5
5
|
"description": "Superflows Navigation Component",
|
|
6
6
|
"main": "sf-i-events.js",
|
|
7
7
|
"module": "sf-i-events.js",
|
|
@@ -52,7 +52,6 @@
|
|
|
52
52
|
"repository": "superflows-dev/sf-i-events",
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"chart.js": "3.9.0",
|
|
55
|
-
"chartjs-plugin-datalabels": "2.0.0",
|
|
56
55
|
"fs": "^0.0.1-security",
|
|
57
56
|
"lit": "^2.2.4",
|
|
58
57
|
"patternomaly": "^1.3.2",
|
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;
|
|
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;IAC1B,cAAc,SAAa;IAC3B,iBAAiB,SAAa;IAC9B,iBAAiB,SAAY;IAG7B,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,WAAW,EAAG,MAAM,CAAC;IAGrB,oBAAoB,EAAG,MAAM,CAAC;IAG9B,MAAM,EAAE,MAAM,CAAqB;IAGnC,KAAK,EAAE,GAAG,CAAQ;IAGlB,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,cAAc,EAAE,GAAG,CAAQ;IAG3B,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,kBAAkB,EAAE,MAAM,CAAM;IAGhC,YAAY,EAAE,MAAM,CAAM;IAG1B,IAAI,EAAG,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAE,MAAM,CAAW;IAGvB,UAAU,EAAE,MAAM,EAAG,CAAM;IAE3B,OAAgB,MAAM,0BA+lBpB;IAGF,WAAW,EAAE,GAAG,CAAC;IAGjB,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,aAAa,EAAE,GAAG,CAAC;IAGnB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,SAAS,EAAE,GAAG,CAAC;IAGf,oBAAoB,EAAE,GAAG,CAAC;IAG1B,iBAAiB,EAAE,GAAG,CAAC;IAGvB,0BAA0B,EAAE,GAAG,CAAC;IAGhC,yBAAyB,EAAE,GAAG,CAAC;IAG/B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,4BAA4B,EAAE,GAAG,CAAC;IAGlC,wBAAwB,EAAE,GAAG,CAAC;IAG9B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,qBAAqB,EAAE,GAAG,CAAC;IAG3B,qBAAqB,EAAE,GAAG,CAAC;IAG3B,yBAAyB,EAAE,GAAG,CAAC;IAG/B,yBAAyB,EAAE,GAAG,CAAC;IAG/B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,kBAAkB,EAAE,GAAG,CAAC;IAGxB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,kBAAkB,EAAE,GAAG,CAAC;IAGxB,gBAAgB,EAAE,GAAG,CAAC;IAGtB,gBAAgB,EAAE,GAAG,CAAC;IAGtB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,mBAAmB,EAAE,GAAG,CAAC;IAGzB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,eAAe,EAAE,GAAG,CAAC;IAGrB,sBAAsB,EAAE,GAAG,CAAC;IAG5B,mBAAmB,EAAE,GAAG,CAAC;IAGzB,UAAU,EAAE,GAAG,CAAC;IAGhB,WAAW,EAAE,GAAG,CAAC;IAEjB,aAAa,UAAW,MAAM,SAU7B;IAED,6BAA6B,UAAW,MAAM,SAY7C;IAED,aAAa,UAAW,MAAM,cAAc,MAAM,MAAM,CAAC,OAAO,GAAG,YAsDlE;IAED,cAAc,aAOb;IAED,YAAY,aAOX;IAED,cAAc;IASd,UAAU;IASV,UAAU;IASV,YAAY;IASZ,UAAU,SAAgB,GAAG,OAAO,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,sBAQjF;IAED,aAAa,aAKZ;IAED,QAAQ,QAAS,MAAM,UAKtB;IAED,UAAU,QAAS,MAAM,UAKxB;IAED,qBAAqB,UAAW,MAAM,QAAQ,MAAM,YAGnD;IAED,iBAAiB,UAAW,MAAM,QAAQ,MAAM,KAAG,MAAM,CAGxD;IAED,sBAAsB,cAAe,IAAI,KAAI,IAAI,CAUhD;IAED,sBAAsB,CAAC,QAAQ,EAAE,IAAI;IAOrC,kBAAkB,cAAe,IAAI,KAAI,IAAI,CAO5C;IAED,SAAS,UAAW,MAAM,QAAQ,MAAM,YAMvC;IAED,WAAW,UAAW,MAAM,QAAQ,MAAM,YA6GzC;IAED,cAAc,eAsCb;IAED,kBAAkB,UAAW,MAAM,SAAS,MAAM,QAAQ,MAAM,YAqO/D;IAED,oBAAoB,UAAU,MAAM,aAAa,IAAI,SAAS,MAAM,YAqPnE;IAED,gBAAgB,UAAW,MAAM,aAAa,IAAI,YAsQjD;IAED,gBAAgB,UAAW,MAAM,aAAa,IAAI,YAuQjD;IAED,iBAAiB,cAAe,IAAI,SAAS,MAAM,UAyQlD;IAED,uBAAuB,UAAW,MAAM,aAUvC;IAED,oBAAoB,UAAW,MAAM,aAapC;IAED,oBAAoB,aA0FnB;IAED,kBAAkB,aAajB;IAED,gBAAgB,gBAyBf;IAED,uBAAuB,aAuBtB;IAED,aAAa,aASZ;IAED,gBAAgB,aAQf;IAED,kBAAkB,aAQjB;IAED,qBAAqB,UAAW,MAAM,SAAS,GAAG,UAwDjD;IAED,mBAAmB,UAAW,GAAG,cAAc,MAAM,UAOpD;IAED,oBAAoB,SAAU,MAAM,MAAM,CAAC,OAAO,GAAG,UAiHpD;IAED,YAAY,aAkDX;IAED,UAAU,WAAW,MAAM,UAiH1B;IAED,cAAc,WAAW,MAAM,UAuI9B;IAED,UAAU,WAAW,MAAM,UAmH1B;IAED,YAAY,WAAW,MAAM,UA0H5B;IAED,iBAAiB,UAAW,GAAG,YAAY,GAAG,UAyb7C;IAED,cAAc,aAuCb;IAED,cAAc,aAuCb;IAED,QAAQ,SAAU,GAAG,YAsBpB;IAED,0BAA0B,cAAe,cAAc,OAAO,GAAG,UAiGhE;IAED,2BAA2B,cAAe,cAAc,UA2GvD;IAED,mBAAmB,cAAe,cAAc,wCAAiC,GAAG,UAgFnF;IAED,WAAW,QAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAkF5C;IAED,aAAa,eA4BZ;IAED,UAAU,gBAAiB,MAAM,UAsDhC;IAED,iBAAiB,gBAAiB,MAAM,UA6BvC;IAED,iBAAiB,WAAW,GAAG,SAAS,GAAG,UAoC1C;IAED,aAAa,mBAAoB,GAAG,UA4UnC;IAED,WAAW,YAAY,MAAM,UAyE5B;IAED,cAAc,OAAQ,MAAM,YAW3B;IAED,kBAAkB,aAAc,GAAG,UAgFlC;IAED,yBAAyB,aAYxB;IAED,iBAAiB,aAShB;IAED,0BAA0B,YAAa,GAAG;;;;MA4CzC;IAED,YAAY,aAAoB,MAAM,WAAW,MAAM,YAAY,MAAM,YAAY,GAAG,mBAkCvF;IAED,YAAY,aAAoB,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,GAAG,mBAkCnF;IAED,aAAa,sBAmCZ;IAED,YAAY,sBAqBX;IAED,YAAY,UAAW,GAAG,UA8FzB;IAED,mBAAmB,YAAY,GAAG,UAuBjC;IAED,WAAW,UAAiB,GAAG,mBAwB9B;IAED,iBAAiB,sBAmChB;IAED,aAAa,sBAqCZ;IAED,aAAa,sBAqCZ;IAED,SAAS,sBA6CR;IAED,YAAY,sBAsBX;IAED,UAAU,aAKT;IAED,iBAAiB,aAmBhB;IAED,iBAAiB,aAqBhB;IAED,iBAAiB,aAqBhB;IAED,QAAQ,QAAU,MAAM,KAAK,MAAM,mBAAmB,OAAO,aAAY,OAAO,YAM9E;IAEF,kBAAkB,aA6DjB;IAED,QAAQ,sBA0BP;;cAMkB,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAMnG,iBAAiB;IAIjB,MAAM;CA6KhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
|
package/sf-i-events.js
CHANGED
|
@@ -14,7 +14,6 @@ import { customElement, query, queryAssignedElements, property } from 'lit/decor
|
|
|
14
14
|
// import {customElement, query, property} from 'lit/decorators.js';
|
|
15
15
|
import Util from './util';
|
|
16
16
|
import { Chart, registerables } from 'chart.js';
|
|
17
|
-
import ChartDataLabels from 'chartjs-plugin-datalabels';
|
|
18
17
|
// import {LitElement, html, css} from 'lit';
|
|
19
18
|
// import {customElement} from 'lit/decorators.js';
|
|
20
19
|
/*
|
|
@@ -2170,8 +2169,16 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2170
2169
|
}
|
|
2171
2170
|
};
|
|
2172
2171
|
this.renderEventDetail = (event, mmddyyyy) => {
|
|
2173
|
-
var _a, _b, _c;
|
|
2172
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
2173
|
+
let comments, docs, approved;
|
|
2174
|
+
comments = event['comments'] == null ? [] : event['comments'][mmddyyyy] == null ? [] : (event['comments'][mmddyyyy]);
|
|
2175
|
+
docs = event['documents'] == null ? [] : event['documents'][mmddyyyy] == null ? [] : JSON.parse(event['documents'][mmddyyyy]);
|
|
2176
|
+
approved = event['approved'] == null ? false : event['approved'][mmddyyyy] == null ? false : event['approved'][mmddyyyy];
|
|
2174
2177
|
console.log('event detail', event);
|
|
2178
|
+
const basicFields = ['id', 'shortid'];
|
|
2179
|
+
const statuteFields = ['jurisdiction', 'country', 'state', 'category', 'subcategory', 'statute'];
|
|
2180
|
+
const complianceFields = ['specificity', 'reference', 'obligation', 'penalty', 'authority', 'frequency', 'obligationtype', 'duedate', 'applicability', 'form'];
|
|
2181
|
+
const grcFields = ['internalcontrols', 'firstlineofdefence', 'risk', 'riskarea'];
|
|
2175
2182
|
var html = `
|
|
2176
2183
|
|
|
2177
2184
|
<div class="d-flex justify-between m-20">
|
|
@@ -2181,44 +2188,151 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2181
2188
|
</div>
|
|
2182
2189
|
|
|
2183
2190
|
`;
|
|
2184
|
-
html += '<div class="
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2191
|
+
html += '<div class="accordian-container m-20 pb-20" part="accordian-container">';
|
|
2192
|
+
html += '<div class="accordian-section section-basic pl-20 pr-20" part="accordian-section">';
|
|
2193
|
+
html += '<div class="d-flex justify-between accordian-head head-basic cursor" part="accordian-head">';
|
|
2194
|
+
html += '<h3>Basic Information</h3>';
|
|
2195
|
+
html += '<h3 class="head-indicator-basic">-</h3>';
|
|
2196
|
+
html += '</div>';
|
|
2197
|
+
html += '<div class="d-flex flex-wrap accordian-body body-basic" part="accordian-body">';
|
|
2198
|
+
for (var i = 0; i < basicFields.length; i++) {
|
|
2199
|
+
if (!this.getEventPreviewFields().includes(basicFields[i])) {
|
|
2200
|
+
if (!this.getEventHideFields().includes(basicFields[i])) {
|
|
2188
2201
|
html += '<div class="m-20">';
|
|
2189
|
-
html += '<div part="detail-head"><strong>' +
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
html += this.getEventTexts(Object.keys(event)[k], JSON.parse(event[Object.keys(event)[k]]), event);
|
|
2202
|
+
html += '<div part="detail-head"><strong>' + basicFields[i] + '</strong></div>';
|
|
2203
|
+
if ((event[basicFields[i]] + "").indexOf("[") >= 0) {
|
|
2204
|
+
html += this.getEventTexts(basicFields[i], JSON.parse(event[basicFields[i]]), event);
|
|
2193
2205
|
}
|
|
2194
2206
|
else {
|
|
2195
|
-
html += '<sf-i-elastic-text text="' + (event[
|
|
2207
|
+
html += '<sf-i-elastic-text text="' + (event[basicFields[i]] + "").replace(/"/g, "") + '" minLength="80"></sf-i-elastic-text>';
|
|
2196
2208
|
}
|
|
2197
2209
|
html += '</div>';
|
|
2198
2210
|
}
|
|
2199
2211
|
}
|
|
2200
2212
|
}
|
|
2201
|
-
let comments, docs, approved;
|
|
2202
2213
|
if (this.mode == "consumer") {
|
|
2203
|
-
comments = event['comments'] == null ? [] : event['comments'][mmddyyyy] == null ? [] : (event['comments'][mmddyyyy]);
|
|
2204
|
-
docs = event['documents'] == null ? [] : event['documents'][mmddyyyy] == null ? [] : JSON.parse(event['documents'][mmddyyyy]);
|
|
2205
|
-
approved = event['approved'] == null ? false : event['approved'][mmddyyyy] == null ? false : event['approved'][mmddyyyy];
|
|
2206
|
-
console.log('docs received', event['documents']);
|
|
2207
|
-
console.log('docs received', comments);
|
|
2208
|
-
console.log('docs received', approved);
|
|
2209
2214
|
if (approved) {
|
|
2210
2215
|
html += '<div class="m-20">';
|
|
2211
2216
|
html += '<div part="detail-head"><strong>Approved</strong></div>';
|
|
2212
2217
|
html += '<span class="material-icons color-done">check_circle</span>';
|
|
2213
2218
|
html += '</div>';
|
|
2214
2219
|
}
|
|
2220
|
+
}
|
|
2221
|
+
if (docs != null) {
|
|
2222
|
+
html += '<div class="m-20">';
|
|
2223
|
+
html += '<div part="detail-head"><strong>Documents</strong></div>';
|
|
2224
|
+
html += '<span class="material-icons muted">description</span>';
|
|
2225
|
+
html += docs.length;
|
|
2226
|
+
html += '</div>';
|
|
2227
|
+
}
|
|
2228
|
+
if (comments != null) {
|
|
2229
|
+
html += '<div class="m-20">';
|
|
2230
|
+
html += '<div part="detail-head"><strong>Comments</strong></div>';
|
|
2231
|
+
html += '<span class="material-icons muted">forum</span>';
|
|
2232
|
+
html += comments.length;
|
|
2215
2233
|
html += '</div>';
|
|
2234
|
+
}
|
|
2235
|
+
html += '</div>';
|
|
2236
|
+
html += '</div>';
|
|
2237
|
+
html += '<div class="accordian-section section-statute pl-20 pr-20" part="accordian-section">';
|
|
2238
|
+
html += '<div class="d-flex justify-between accordian-head head-statute cursor" part="accordian-head">';
|
|
2239
|
+
html += '<h3>Statute Information</h3>';
|
|
2240
|
+
html += '<h3 class="head-indicator-statute">-</h3>';
|
|
2241
|
+
html += '</div>';
|
|
2242
|
+
html += '<div class="d-flex flex-wrap accordian-body body-statute" part="accordian-body">';
|
|
2243
|
+
for (var i = 0; i < statuteFields.length; i++) {
|
|
2244
|
+
if (!this.getEventPreviewFields().includes(statuteFields[i])) {
|
|
2245
|
+
if (!this.getEventHideFields().includes(statuteFields[i])) {
|
|
2246
|
+
html += '<div class="m-20">';
|
|
2247
|
+
html += '<div part="detail-head"><strong>' + statuteFields[i] + '</strong></div>';
|
|
2248
|
+
if ((event[statuteFields[i]] + "").indexOf("[") >= 0) {
|
|
2249
|
+
html += this.getEventTexts(statuteFields[i], JSON.parse(event[statuteFields[i]]), event);
|
|
2250
|
+
}
|
|
2251
|
+
else {
|
|
2252
|
+
html += '<sf-i-elastic-text text="' + (event[statuteFields[i]] + "").replace(/"/g, "") + '" minLength="80"></sf-i-elastic-text>';
|
|
2253
|
+
}
|
|
2254
|
+
html += '</div>';
|
|
2255
|
+
}
|
|
2256
|
+
}
|
|
2257
|
+
}
|
|
2258
|
+
html += '</div>';
|
|
2259
|
+
html += '</div>';
|
|
2260
|
+
html += '<div class="accordian-section section-compliance pl-20 pr-20" part="accordian-section">';
|
|
2261
|
+
html += '<div class="d-flex justify-between accordian-head head-compliance" part="accordian-head">';
|
|
2262
|
+
html += '<h3>Compliance Information</h3>';
|
|
2263
|
+
html += '<h3 class="head-indicator-compliance">-</h3>';
|
|
2264
|
+
html += '</div>';
|
|
2265
|
+
html += '<div class="d-flex flex-wrap accordian-body body-compliance" part="accordian-body">';
|
|
2266
|
+
for (var i = 0; i < complianceFields.length; i++) {
|
|
2267
|
+
if (!this.getEventPreviewFields().includes(complianceFields[i])) {
|
|
2268
|
+
if (!this.getEventHideFields().includes(complianceFields[i])) {
|
|
2269
|
+
html += '<div class="m-20">';
|
|
2270
|
+
html += '<div part="detail-head"><strong>' + complianceFields[i] + '</strong></div>';
|
|
2271
|
+
if ((event[complianceFields[i]] + "").indexOf("[") >= 0) {
|
|
2272
|
+
html += this.getEventTexts(complianceFields[i], JSON.parse(event[complianceFields[i]]), event);
|
|
2273
|
+
}
|
|
2274
|
+
else {
|
|
2275
|
+
html += '<sf-i-elastic-text text="' + (event[complianceFields[i]] + "").replace(/"/g, "") + '" minLength="80"></sf-i-elastic-text>';
|
|
2276
|
+
}
|
|
2277
|
+
html += '</div>';
|
|
2278
|
+
}
|
|
2279
|
+
}
|
|
2280
|
+
}
|
|
2281
|
+
html += '</div>';
|
|
2282
|
+
html += '</div>';
|
|
2283
|
+
html += '<div class="accordian-section section-grc pl-20 pr-20" part="accordian-section">';
|
|
2284
|
+
html += '<div class="d-flex justify-between accordian-head head-grc" part="accordian-head">';
|
|
2285
|
+
html += '<h3>GRC Information</h3>';
|
|
2286
|
+
html += '<h3 class="head-indicator-grc">-</h3>';
|
|
2287
|
+
html += '</div>';
|
|
2288
|
+
html += '<div class="d-flex flex-wrap accordian-body body-grc" part="accordian-body">';
|
|
2289
|
+
for (var i = 0; i < grcFields.length; i++) {
|
|
2290
|
+
if (!this.getEventPreviewFields().includes(grcFields[i])) {
|
|
2291
|
+
if (!this.getEventHideFields().includes(grcFields[i])) {
|
|
2292
|
+
html += '<div class="m-20">';
|
|
2293
|
+
html += '<div part="detail-head"><strong>' + grcFields[i] + '</strong></div>';
|
|
2294
|
+
if ((event[grcFields[i]] + "").indexOf("[") >= 0) {
|
|
2295
|
+
html += this.getEventTexts(grcFields[i], JSON.parse(event[grcFields[i]]), event);
|
|
2296
|
+
}
|
|
2297
|
+
else {
|
|
2298
|
+
html += '<sf-i-elastic-text text="' + (event[grcFields[i]] + "").replace(/"/g, "") + '" minLength="80"></sf-i-elastic-text>';
|
|
2299
|
+
}
|
|
2300
|
+
html += '</div>';
|
|
2301
|
+
}
|
|
2302
|
+
}
|
|
2303
|
+
}
|
|
2304
|
+
html += '</div>';
|
|
2305
|
+
html += '</div>';
|
|
2306
|
+
html += '</div>';
|
|
2307
|
+
// html += '<div class="d-flex m-20 flex-wrap">';
|
|
2308
|
+
// for(var k = 0; k < Object.keys(event).length; k++) {
|
|
2309
|
+
// if(!this.getEventPreviewFields().includes(Object.keys(event)[k])) {
|
|
2310
|
+
// if(!this.getEventHideFields().includes(Object.keys(event)[k])) {
|
|
2311
|
+
// html += '<div class="m-20">';
|
|
2312
|
+
// html += '<div part="detail-head"><strong>'+Object.keys(event)[k]+'</strong></div>'
|
|
2313
|
+
// console.log(Object.keys(event)[k], event[Object.keys(event)[k]]);
|
|
2314
|
+
// if((event[Object.keys(event)[k]] + "").indexOf("[") >= 0) {
|
|
2315
|
+
// html += this.getEventTexts(Object.keys(event)[k], JSON.parse(event[Object.keys(event)[k]]), event);
|
|
2316
|
+
// } else {
|
|
2317
|
+
// html += '<sf-i-elastic-text text="'+(event[Object.keys(event)[k]] + "").replace(/"/g, "")+'" minLength="20"></sf-i-elastic-text>';
|
|
2318
|
+
// }
|
|
2319
|
+
// html += '</div>';
|
|
2320
|
+
// }
|
|
2321
|
+
// }
|
|
2322
|
+
// }
|
|
2323
|
+
if (this.mode == "consumer") {
|
|
2324
|
+
console.log('docs received', event['documents']);
|
|
2325
|
+
console.log('docs received', comments);
|
|
2326
|
+
console.log('docs received', approved);
|
|
2327
|
+
//html += '</div>';
|
|
2216
2328
|
if (this.myRole == this.TAB_APPROVER) {
|
|
2217
2329
|
if (docs.length > 0) {
|
|
2330
|
+
html += '<div class="d-flex justify-between m-20">';
|
|
2331
|
+
html += '<h3 part="results-title" class="m-0"><br />Approve Compliance</h3>';
|
|
2332
|
+
html += '</div>';
|
|
2218
2333
|
html += '<div class="m-20" part="report-container">';
|
|
2219
2334
|
html += '<div class="d-flex justify-between align-center">';
|
|
2220
2335
|
html += '<button class="invisible" part="button">Save</button>';
|
|
2221
|
-
html += '<h3 part="results-title" class="m-0">Approve Compliance</h3>';
|
|
2222
2336
|
html += '<button id="button-uploader-submit-approve" class="button-submit" part="button">Save</button>';
|
|
2223
2337
|
html += '</div>';
|
|
2224
2338
|
html += '<div class="m-20">';
|
|
@@ -2240,10 +2354,12 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2240
2354
|
}
|
|
2241
2355
|
}
|
|
2242
2356
|
else {
|
|
2357
|
+
html += '<div class="d-flex justify-between m-20">';
|
|
2358
|
+
html += '<h3 part="results-title" class="m-0"><br />Report Compliance</h3>';
|
|
2359
|
+
html += '</div>';
|
|
2243
2360
|
html += '<div class="m-20" part="report-container">';
|
|
2244
2361
|
html += '<div class="d-flex justify-between align-center">';
|
|
2245
2362
|
html += '<button class="invisible" part="button">Save</button>';
|
|
2246
|
-
html += '<h3 part="results-title" class="m-0">Report Compliance</h3>';
|
|
2247
2363
|
html += '<button id="button-uploader-submit-report" class="button-submit" part="button">Save</button>';
|
|
2248
2364
|
html += '</div>';
|
|
2249
2365
|
html += '<div class="d-flex m-20 flex-col">';
|
|
@@ -2254,9 +2370,11 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2254
2370
|
html += '</div>';
|
|
2255
2371
|
html += '</div>';
|
|
2256
2372
|
}
|
|
2373
|
+
html += '<div class="d-flex justify-between m-20">';
|
|
2374
|
+
html += '<h3 part="results-title" class="m-0"><br />Comments</h3>';
|
|
2375
|
+
html += '</div>';
|
|
2257
2376
|
html += '<div class="m-20">';
|
|
2258
2377
|
html += '<div class="d-flex flex-col">';
|
|
2259
|
-
html += '<h3 class="muted">Comments</h3>';
|
|
2260
2378
|
for (var i = 0; i < comments.length; i++) {
|
|
2261
2379
|
html += '<div part="commentbox" class="d-flex commentbox ' + (comments[i].author + "").toLowerCase() + 'box">';
|
|
2262
2380
|
html += '<div class="mr-20"><strong>' + comments[i].author + '</strong></div>';
|
|
@@ -2274,8 +2392,50 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2274
2392
|
this._SfDetailContainer.innerHTML = '';
|
|
2275
2393
|
this._SfDetailContainer.style.display = 'none';
|
|
2276
2394
|
});
|
|
2395
|
+
(_b = this._SfDetailContainer.querySelector('.head-basic')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => {
|
|
2396
|
+
console.log('head basic clicked', this._SfDetailContainer.querySelector('.body-basic').style.display);
|
|
2397
|
+
if (this._SfDetailContainer.querySelector('.body-basic').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-basic').style.display == '') {
|
|
2398
|
+
this._SfDetailContainer.querySelector('.body-basic').style.display = 'none';
|
|
2399
|
+
this._SfDetailContainer.querySelector('.head-indicator-basic').innerHTML = '+';
|
|
2400
|
+
}
|
|
2401
|
+
else {
|
|
2402
|
+
this._SfDetailContainer.querySelector('.body-basic').style.display = 'flex';
|
|
2403
|
+
this._SfDetailContainer.querySelector('.head-indicator-basic').innerHTML = '-';
|
|
2404
|
+
}
|
|
2405
|
+
});
|
|
2406
|
+
(_c = this._SfDetailContainer.querySelector('.head-statute')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', () => {
|
|
2407
|
+
console.log('head statute clicked', this._SfDetailContainer.querySelector('.body-statute').style.display);
|
|
2408
|
+
if (this._SfDetailContainer.querySelector('.body-statute').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-statute').style.display == '') {
|
|
2409
|
+
this._SfDetailContainer.querySelector('.body-statute').style.display = 'none';
|
|
2410
|
+
this._SfDetailContainer.querySelector('.head-indicator-statute').innerHTML = '+';
|
|
2411
|
+
}
|
|
2412
|
+
else {
|
|
2413
|
+
this._SfDetailContainer.querySelector('.body-statute').style.display = 'flex';
|
|
2414
|
+
this._SfDetailContainer.querySelector('.head-indicator-statute').innerHTML = '-';
|
|
2415
|
+
}
|
|
2416
|
+
});
|
|
2417
|
+
(_d = this._SfDetailContainer.querySelector('.head-compliance')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', () => {
|
|
2418
|
+
if (this._SfDetailContainer.querySelector('.body-compliance').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-compliance').style.display == '') {
|
|
2419
|
+
this._SfDetailContainer.querySelector('.body-compliance').style.display = 'none';
|
|
2420
|
+
this._SfDetailContainer.querySelector('.head-indicator-compliance').innerHTML = '+';
|
|
2421
|
+
}
|
|
2422
|
+
else {
|
|
2423
|
+
this._SfDetailContainer.querySelector('.body-compliance').style.display = 'flex';
|
|
2424
|
+
this._SfDetailContainer.querySelector('.head-indicator-compliance').innerHTML = '-';
|
|
2425
|
+
}
|
|
2426
|
+
});
|
|
2427
|
+
(_e = this._SfDetailContainer.querySelector('.head-grc')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', () => {
|
|
2428
|
+
if (this._SfDetailContainer.querySelector('.body-grc').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-grc').style.display == '') {
|
|
2429
|
+
this._SfDetailContainer.querySelector('.body-grc').style.display = 'none';
|
|
2430
|
+
this._SfDetailContainer.querySelector('.head-indicator-grc').innerHTML = '+';
|
|
2431
|
+
}
|
|
2432
|
+
else {
|
|
2433
|
+
this._SfDetailContainer.querySelector('.body-grc').style.display = 'flex';
|
|
2434
|
+
this._SfDetailContainer.querySelector('.head-indicator-grc').innerHTML = '-';
|
|
2435
|
+
}
|
|
2436
|
+
});
|
|
2277
2437
|
if (this.mode == "consumer") {
|
|
2278
|
-
(
|
|
2438
|
+
(_f = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async () => {
|
|
2279
2439
|
const comments = this._SfDetailContainer.querySelector('#input-approver-comments').value;
|
|
2280
2440
|
const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
|
|
2281
2441
|
console.log(comments, approved);
|
|
@@ -2298,7 +2458,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2298
2458
|
}
|
|
2299
2459
|
else {
|
|
2300
2460
|
this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
|
|
2301
|
-
(
|
|
2461
|
+
(_g = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', async () => {
|
|
2302
2462
|
const reportercomments = this._SfDetailContainer.querySelector('#input-reporter-comments').value;
|
|
2303
2463
|
const docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
|
|
2304
2464
|
if (docs.length === 0) {
|
|
@@ -2660,14 +2820,59 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2660
2820
|
type: type,
|
|
2661
2821
|
data: data,
|
|
2662
2822
|
options: {
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
|
|
2670
|
-
|
|
2823
|
+
animation: {
|
|
2824
|
+
onComplete: () => {
|
|
2825
|
+
console.log('onanimation complete', this.chart, this.chart.data);
|
|
2826
|
+
for (var i = 0; i < this.chart.data.datasets.length; i++) {
|
|
2827
|
+
const dataset = this.chart.data.datasets[i];
|
|
2828
|
+
for (var j = 0; j < dataset.data.length; j++) {
|
|
2829
|
+
if (parseInt(dataset.data[j]) > 0) {
|
|
2830
|
+
console.log(this.chart.getDatasetMeta(i));
|
|
2831
|
+
console.log(i + "," + j, this.chart.getDatasetMeta(i).data[j]);
|
|
2832
|
+
var total = this.chart.getDatasetMeta(i).total;
|
|
2833
|
+
console.log('total', total);
|
|
2834
|
+
var mid_radius = this.chart.getDatasetMeta(i).data[j].innerRadius + (this.chart.getDatasetMeta(i).data[j].outerRadius - this.chart.getDatasetMeta(i).data[j].innerRadius) / 2;
|
|
2835
|
+
console.log('mid_radius', mid_radius);
|
|
2836
|
+
var start_angle = this.chart.getDatasetMeta(i).data[j].startAngle;
|
|
2837
|
+
console.log('start_angle', start_angle);
|
|
2838
|
+
var end_angle = this.chart.getDatasetMeta(i).data[j].endAngle;
|
|
2839
|
+
console.log('end_angle', end_angle);
|
|
2840
|
+
var mid_angle = start_angle + (end_angle - start_angle) / 2;
|
|
2841
|
+
console.log('mid_angle', mid_angle);
|
|
2842
|
+
var x = mid_radius * Math.cos(mid_angle);
|
|
2843
|
+
var y = mid_radius * Math.sin(mid_angle);
|
|
2844
|
+
this.chart.ctx.fillStyle = '#fff';
|
|
2845
|
+
if (i == 3) { // Darker text color for lighter background
|
|
2846
|
+
this.chart.ctx.fillStyle = '#444';
|
|
2847
|
+
}
|
|
2848
|
+
// var percent = String(Math.round(dataset.data[j]/total*100)) + "%";
|
|
2849
|
+
var str = "";
|
|
2850
|
+
for (var k = 0; k <= dataset.data[j].length; k++) {
|
|
2851
|
+
str += '█';
|
|
2852
|
+
}
|
|
2853
|
+
console.log('outputting bg', str);
|
|
2854
|
+
this.chart.ctx.fillStyle = '#000';
|
|
2855
|
+
//this.chart.ctx.fillText(str, this.chart.getDatasetMeta(i).data[j].x + x, this.chart.getDatasetMeta(i).data[j].y + y);
|
|
2856
|
+
//const match = /(?<value>\d+\.?\d*)/;
|
|
2857
|
+
this.chart.ctx.font = "bold 15pt Courier";
|
|
2858
|
+
this.chart.ctx.fillStyle = '#fff';
|
|
2859
|
+
this.chart.ctx.textBaseline = "middle";
|
|
2860
|
+
this.chart.ctx.textAlign = "center";
|
|
2861
|
+
this.chart.ctx.fillText(dataset.data[j], this.chart.getDatasetMeta(i).data[j].x + x, this.chart.getDatasetMeta(i).data[j].y + y);
|
|
2862
|
+
}
|
|
2863
|
+
}
|
|
2864
|
+
}
|
|
2865
|
+
// this.chart.data.datasets.forEach((dataset: any) => {
|
|
2866
|
+
// for (var i = 0; i < dataset.data.length; i++) {
|
|
2867
|
+
// console.log(this.chart.getDatasetMeta(i));
|
|
2868
|
+
// }
|
|
2869
|
+
// // var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model,
|
|
2870
|
+
// // total = dataset._meta[Object.keys(dataset._meta)[0]].total,
|
|
2871
|
+
// // mid_radius = model.innerRadius + (model.outerRadius - model.innerRadius)/2,
|
|
2872
|
+
// // start_angle = model.startAngle,
|
|
2873
|
+
// // end_angle = model.endAngle,
|
|
2874
|
+
// // mid_angle = start_angle + (end_angle - start_angle)/2;
|
|
2875
|
+
// });
|
|
2671
2876
|
}
|
|
2672
2877
|
}
|
|
2673
2878
|
},
|
|
@@ -3713,7 +3918,6 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
3713
3918
|
};
|
|
3714
3919
|
this.loadMode = async () => {
|
|
3715
3920
|
Chart.register(...registerables);
|
|
3716
|
-
Chart.register(ChartDataLabels);
|
|
3717
3921
|
//Chart.register(Colors);
|
|
3718
3922
|
if (this.mode == "admin") {
|
|
3719
3923
|
this.showChooseProject();
|
|
@@ -3996,6 +4200,10 @@ SfIEvents.styles = css `
|
|
|
3996
4200
|
padding-bottom: 5px;
|
|
3997
4201
|
}
|
|
3998
4202
|
|
|
4203
|
+
.pb-20 {
|
|
4204
|
+
padding-bottom: 20px;
|
|
4205
|
+
}
|
|
4206
|
+
|
|
3999
4207
|
.m-20 {
|
|
4000
4208
|
margin: 20px;
|
|
4001
4209
|
}
|
|
@@ -4163,6 +4371,10 @@ SfIEvents.styles = css `
|
|
|
4163
4371
|
cursor: pointer;
|
|
4164
4372
|
}
|
|
4165
4373
|
|
|
4374
|
+
.accordian-head {
|
|
4375
|
+
cursor: pointer;
|
|
4376
|
+
}
|
|
4377
|
+
|
|
4166
4378
|
.button-submit {
|
|
4167
4379
|
font-weight: 800;
|
|
4168
4380
|
font-size: 110%;
|
|
@@ -4176,6 +4388,22 @@ SfIEvents.styles = css `
|
|
|
4176
4388
|
padding-left: 5px;
|
|
4177
4389
|
}
|
|
4178
4390
|
|
|
4391
|
+
.pl-10 {
|
|
4392
|
+
padding-left: 10px;
|
|
4393
|
+
}
|
|
4394
|
+
|
|
4395
|
+
.pr-10 {
|
|
4396
|
+
padding-right: 10px;
|
|
4397
|
+
}
|
|
4398
|
+
|
|
4399
|
+
.pl-20 {
|
|
4400
|
+
padding-left: 20px;
|
|
4401
|
+
}
|
|
4402
|
+
|
|
4403
|
+
.pr-20 {
|
|
4404
|
+
padding-right: 20px;
|
|
4405
|
+
}
|
|
4406
|
+
|
|
4179
4407
|
.gone {
|
|
4180
4408
|
display: none
|
|
4181
4409
|
}
|