sf-i-events
Version:
Superflows Navigation Component
867 lines (737 loc) • 66.4 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><sf-i-events> Demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script src="../node_modules/lit/polyfill-support.js"></script>
<script type="module" src="../sf-i-events.js"></script>
<!-- <script type="module" src="../../sf-i-reporting/sf-i-reporting.js"></script> -->
<script type="module" src="globals.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap"
rel="stylesheet">
<script type="module">
import { LitElement, html, css } from 'https://esm.run/lit-element/lit-element.js';
import { SfISelect } from 'https://esm.run/sf-i-select@1.0.92/sf-i-select.js';
import { SfISubSelect } from 'https://esm.run/sf-i-sub-select@1.0.83/sf-i-sub-select.js';
import { SfIForm } from 'https://esm.run/sf-i-form@1.0.185/sf-i-form.js';
import { SfIElasticText } from 'https://esm.run/sf-i-elastic-text@1.0.18/sf-i-elastic-text.js';
import { SfIUploader } from 'https://esm.run/sf-i-uploader@1.0.123/sf-i-uploader.js';
import { SfIMultitextarea } from 'https://esm.run/sf-i-multitextarea@1.0.23/sf-i-multitextarea.js';
// import { SfIReporting } from 'https://esm.run/sf-i-reporting@1.0.89/sf-i-reporting.js';
import { SfIReporting } from '../../sf-i-reporting/sf-i-reporting.js';
import { SfIBricks } from 'https://esm.run/sf-i-bricks@1.0.8/sf-i-bricks.js';
import { SfNewFeature } from 'https://esm.run/sf-new-feature@1.0.2/sf-new-feature.js';
import { SfChecklist } from 'https://esm.run/sf-checklist@1.0.24/dist/sf-checklist.js';
// import { SfChecklist } from '../../sf-checklist/dist/sf-checklist.js';
// import {LitElement, html, css} from 'https://unpkg.com/lit-element@3.3.3/lit-element.js?module';
// import {SfNav} from 'https://unpkg.com/sf-nav@1.0.73/sf-nav.js?module';
// import {SfChartPie} from 'https://unpkg.com/sf-chart-pie@1.0.4/sf-chart-pie.js?module';
// import {SfChartBar} from 'https://unpkg.com/sf-chart-bar@1.0.6/sf-chart-bar.js?module';
// import {SfUserAuth} from 'https://unpkg.com/sf-user-auth@1.0.88/sf-user-auth.js?module';
// import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.91/sf-i-select.js?module';
// import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.82/sf-i-sub-select.js?module';
// import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.184/sf-i-form.js?module';
// import {SfIEvents} from 'https://unpkg.com/sf-i-events@1.0.423/sf-i-events.js?module';
// import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
// import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.123/sf-i-uploader.js?module';
// import {SfRandomText} from 'https://unpkg.com/sf-random-text@1.0.2/sf-random-text.js?module';
// import {SfNewFeature} from 'https://unpkg.com/sf-new-feature@1.0.1/sf-new-feature.js?module';
</script>
<!-- <script type="module">
import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.80/sf-i-select.js?module';
import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.115/sf-i-form.js?module';
import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.81/sf-i-sub-select.js?module';
import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.39/sf-i-uploader.js?module';
</script> -->
<style>
body {
background-color: #efefef;
margin: 0px;
font-family: 'Source Sans Pro';
}
sf-i-events:not(:defined) {
display: none;
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
.w-30 {
width: 30%;
}
.w-5 {
width: 5%;
}
.w-47-5 {
width: 47.5%;
}
.w-65 {
width: 65%;
}
.w-100-m-0 {
width: 100%;
}
.w-33 {
width: 30%;
}
.w-66 {
width: 62%;
}
.w-50 {
width: 46%;
}
.w-100 {
width: 94%;
}
.justify-center {
justify-content: center;
}
.align-end {
align-items: flex-end;
}
label {
color: #666;
}
input {
border: none;
padding: 10px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
transition: 0.3s;
}
sf-i-events::part(rcm-section) {
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
padding: 20px;
}
sf-i-events::part(row-mapped) {
border: solid 1px greenyellow;
}
sf-i-events::part(badge-filtered) {
margin-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
border-radius: 10px;
background: #efefef;
color: #aaa;
font-size: 70%
}
sf-i-events::part(badge-filter-name) {
border: none;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
border-radius: 10px;
background: #ccc;
color: white;
font-size: 70%
}
sf-i-events::part(badge-dashboard) {
border: none;
padding: 10px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
transition: 0.3s;
}
sf-i-events::part(commentbox) {
border: none;
padding: 10px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
transition: 0.3s;
}
sf-i-events::part(report-container) {
border: none;
padding: 10px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
transition: 0.3s;
}
input:focus {
outline-color: #e8e8e8;
background: #e8e8e8;
box-shadow: inset 20px 20px 60px #c5c5c5,
inset -20px -20px 60px #ffffff;
transition: 0.3s;
}
sf-i-events::part(detail-head) {
font-weight: 400;
color: gray;
text-transform: capitalize;
font-size: 90%;
}
sf-i-uploader::part(detail-container),
sf-i-events::part(detail-list-container),
sf-i-events::part(detail-container),
sf-i-events::part(report-summary-container) {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100vh;
background-color: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
overflow-y: auto;
margin: 0px;
}
sf-i-events::part(filter-title) {
color: #888;
font-weight: 400;
}
sf-i-events::part(filter) {
color: #888;
font-weight: 400;
font-size: 80%;
}
sf-i-events::part(td-head) {
color: #888;
font-weight: 400;
padding-left: 5px;
vertical-align: middle;
font-size: 80%;
text-transform: capitalize;
text-align: left;
}
sf-i-events::part(td-head-selected) {
color: #444;
font-weight: 400;
padding-left: 5px;
vertical-align: middle;
font-size: 80%;
text-transform: capitalize;
text-align: left;
}
sf-i-events::part(td-key) {
color: white;
background-color: #aaa;
font-weight: 900;
padding-left: 5px;
vertical-align: middle;
font-size: 80%;
text-align: left;
}
sf-i-events::part(td-body) {
color: #555;
font-weight: 400;
padding: 5px;
vertical-align: middle;
font-size: 80%;
white-space: nowrap;
text-align: left;
}
sf-i-events::part(stream-event-total) {
border-width: 0px;
color: #666;
background: #efefef;
font-weight: 900;
padding: 10px;
}
sf-i-events::part(adhoc-question) {
border-width: 0px;
font-size: 120%;
}
sf-i-events::part(stream-event-selected) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
font-weight: 900;
}
sf-i-events::part(calendar-tab-button-selected) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: inset 3px 3px 5px #bbbbbb,
inset -5px -5px 8px #ffffff;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
font-weight: 900;
}
sf-i-events::part(calendar-tab-button-not-selected) {
border-width: 0px;
border-radius: 5px;
color: #aaa;
background: #efefef;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-events::part(calendar-tab-button-selected-small) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: inset 3px 3px 5px #bbbbbb,
inset -5px -5px 8px #ffffff;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
font-weight: 900;
font-size: 80%;
margin-top: 20px;
}
sf-i-events::part(calendar-tab-button-not-selected-small) {
border-width: 0px;
border-radius: 5px;
color: #aaa;
background: #efefef;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
font-size: 80%;
margin-top: 20px;
}
sf-i-events::part(stream-month-selected) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: inset 3px 3px 5px #bbbbbb,
inset -5px -5px 8px #ffffff;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
font-weight: 900;
}
sf-i-events::part(stream-month-not-selected) {
border-width: 0px;
border-radius: 5px;
color: #aaa;
background: #efefef;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-events::part(stream-event-list) {
border-width: 0px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 3px 3px 5px #bbbbbb,
inset -5px -5px 8px #ffffff;
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-uploader::part(button-icon),
sf-i-events::part(button-icon) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-events::part(button-icon-selected) {
border-width: 0px;
border-radius: 5px;
color: #222;
background: #cdcdcd;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-events::part(button-icon-small) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-events::part(accordian-container) {
border-width: 0px;
border-radius: 5px;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
sf-i-events::part(badge) {
color: #666;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 10px;
margin-top: -8px;
}
sf-i-events::part(title) {
font-weight: 400;
}
sf-i-events::part(month-title) {
color: #666;
font-weight: 600;
}
sf-i-events::part(event-calendar-day-today) {
background-color: #444;
color: white;
font-weight: 900;
border-radius: 5px;
}
sf-i-events::part(calendar-month) {
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
}
sf-i-events::part(compliance-date-indicator-primary) {
background-color: #cd0078;
}
sf-i-events::part(highlight) {
background-color: greenyellow;
}
sf-i-events::part(highlight-count) {
color: #666;
font-size: small;
}
sf-i-events::part(compliance-calendar-day-with-compliance) {
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-radius: 5px;
padding-bottom: 3px;
color: black;
font-weight: 600;
}
sf-i-select::part(input-label),
sf-i-sub-select::part(input-label),
sf-i-events::part(input-label) {
color: #666;
}
sf-i-select::part(input-select),
sf-i-sub-select::part(input-select),
sf-i-events::part(input-select) {
border-width: 0px;
border-radius: 5px;
color: #666;
background: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
padding: 10px;
}
sf-i-select::part(input-select-multi),
sf-i-sub-select::part(input-select-multi) {
font-weight: 400;
border: none;
padding: 10px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
transition: 0.3s;
}
sf-i-uploader::part(input),
sf-i-events::part(input) {
font-weight: 400;
border: none;
padding: 10px;
border-radius: 5px;
background: #efefef;
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
border-top: solid 1px rgba(255, 255, 255, 0.8);
border-left: solid 1px rgba(255, 255, 255, 0.8);
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
border-right: solid 1px rgba(255, 255, 255, 0.8);
transition: 0.3s;
}
sf-i-events::part(input:focus) {
outline-color: #e8e8e8;
background: #e8e8e8;
box-shadow: inset 20px 20px 60px #c5c5c5,
inset -20px -20px 60px #ffffff;
transition: 0.3s;
}
sf-i-events::part(results-title) {
color: #444;
font-weight: 400;
}
sf-i-events::part(td-action) {
color: #888;
font-weight: 400;
padding: 5px;
background-color: #efefef;
vertical-align: middle;
}
sf-i-uploader::part(button),
sf-i-events::part(button) {
color: #666;
background: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
}
sf-i-events::part(button-lg) {
color: #666;
background: #efefef;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
font-size: 110%;
}
sf-i-events::part(reporting-reporting-date-label) {
color: #cd0078;
}
sf-i-events::part(button-lg):not(active) {
color: #666;
background: #bbbbbb;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
border-top: solid 1px rgba(255, 255, 255, 0.3);
border-left: solid 1px rgba(255, 255, 255, 0.3);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 5px;
font-size: 95%;
}
sf-i-reporting::part(form-container) {
height: 60vh;
overflow-y: auto;
}
sf-i-events::part(event-status-past-due-date),
sf-i-events::part(event-status-pending-approval) {
margin-bottom: 3px;
border-left: solid 5px #f8ee24;
background-color: #fcfbe5;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
sf-i-events::part(event-status-complied),
sf-i-events::part(event-status-approved) {
margin-bottom: 3px;
border-left: solid 5px #9bf468;
background-color: #f6fbf4;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
sf-i-events::part(event-status-not-complied),
sf-i-events::part(event-status-rejected),
sf-i-events::part(event-status-late-approved) {
margin-bottom: 3px;
border-left: solid 5px #C80036;
background-color: #f9e6e6;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
sf-i-events::part(event-status-partially-complied),
sf-i-events::part(event-status-late-reported) {
margin-bottom: 3px;
border-left: solid 5px #Ef9C66;
background-color: #f8ebe2;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
sf-i-events::part(new-feature-text) {
font-weight: 400;
font-size: large;
}
sf-i-events::part(reporting-checklist-item) {
margin-left: 5px;
}
</style>
</head>
<body>
<!-- <sf-i-events projectid="a81b6ae1-98de-4b72-8cf0-9aaee5b61891" projectname="Khaitan" mode="onboarding" locations="{}" contractstartdate="01/01/2025" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile" disablesignoff="yes" disableclientresponse="yes">
</sf-i-events> -->
<!-- <sf-i-events projectid="a81b6ae1-98de-4b72-8cf0-9aaee5b61891" projectname="Khaitan" mode="onboarding" locations="{}" contractstartdate="01/01/2025" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile" disablesignoff="yes" disableclientresponse="yes">
</sf-i-events> -->
<!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws"
apiidagreements="swago3unro2te55ikvjuqwcrr40wluqh.lambda-url.us-east-1.on.aws"
apiidlicenses="lbtsbsctcdsyah4qdszkv4rctq0tnvel.lambda-url.us-east-1.on.aws" fill="solid"
username="Precisionmed Functionhead" userprofileid="8b73b571-f993-49cf-96e1-bf84f628f26f"
projectid="63d20443-b9cc-4a86-b39d-bf81c1c93ba5" projectname="PrecisionMed ABC"
countryid="f443b70d-6609-42e0-b6a4-446bfa05d20a" selectedcriteria="Country - United States of America"
myrole="viewer" showregisterexport="false" features="[]"
eventfielddependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]"
eventfields="[{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/riskarea", "field": "riskarea"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/jurisdiction", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/updatetype", "field": "updatetype"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/country", "field": "country"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/specificity", "field": "specificity"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/risk", "field": "risk"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/frequency", "field": "frequency"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/category", "field": "category"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/obligationtype", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/state", "field": "state"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subfrequency", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subcategory", "field": "subcategory"},{"type": "sf-i-form", "apiId": "dnytrdlrmxgsy.cloudfront.net/statute", "field": "statute", "projectField": "name"}]"
eventpreviewfields="["obligation"]"
eventhidefields="["comments","documents","lastupdated","approved","tags"]"
calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2025">
<div slot="uploader">
<sf-i-uploader id="uploader" max="10" apiid="1peg5170d3"
allowedextensions="["jpg","png","pdf","xls","xlsx","doc","docx"]"
extract="yes" projectid="63d20443-b9cc-4a86-b39d-bf81c1c93ba5" maxsize="31457280"
allowdownload="yes"></sf-i-uploader>
</div>
<div slot="reporting">
<sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
</div>
</sf-i-events> -->
<!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" fill="solid" username="Precisionmed Functionhead" userprofileid="8b73b571-f993-49cf-96e1-bf84f628f26f" projectid="63d20443-b9cc-4a86-b39d-bf81c1c93ba5" projectname="PrecisionMed ABC" countryid="f443b70d-6609-42e0-b6a4-446bfa05d20a" myrole="viewer" showregisterexport="false" features="[]" eventfielddependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]" eventfields="[{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/riskarea", "field": "riskarea"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/jurisdiction", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/updatetype", "field": "updatetype"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/country", "field": "country"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/specificity", "field": "specificity"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/risk", "field": "risk"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/frequency", "field": "frequency"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/category", "field": "category"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/obligationtype", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/state", "field": "state"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subfrequency", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subcategory", "field": "subcategory"},{"type": "sf-i-form", "apiId": "dnytrdlrmxgsy.cloudfront.net/statute", "field": "statute", "projectField": "name"}]" eventpreviewfields="["obligation"]" eventhidefields="["comments","documents","lastupdated","approved","tags"]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
<div slot="uploader">
<sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="["jpg","png","pdf","xls","xlsx","doc","docx"]" extract="yes" projectid="63d20443-b9cc-4a86-b39d-bf81c1c93ba5" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
</div>
<div slot="reporting">
<sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
</div>
</sf-i-events> -->
<!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" fill="solid" username="Auditor J1" userprofileid="bda0d59b-058b-4098-b0fc-54aa54aa5998" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="auditor" showregisterexport="false" features="["notices"]" eventfielddependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]" eventfields="[{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/riskarea", "field": "riskarea"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/jurisdiction", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/updatetype", "field": "updatetype"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/country", "field": "country"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/specificity", "field": "specificity"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/risk", "field": "risk"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/frequency", "field": "frequency"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/category", "field": "category"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/obligationtype", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/state", "field": "state"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subfrequency", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subcategory", "field": "subcategory"},{"type": "sf-i-form", "apiId": "dnytrdlrmxgsy.cloudfront.net/statute", "field": "statute", "projectField": "name"}]" eventpreviewfields="["obligation"]" eventhidefields="["comments","documents","lastupdated","approved","tags"]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2025">
<div slot="uploader">
<sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="["jpg","png","pdf","xls","xlsx","doc","docx"]" extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
</div>
<div slot="reporting">
<sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
</div>
</sf-i-events> -->
<!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" fill="solid" username="Chief Compliance Officer" userprofileid="5fe96caa-1a44-4a2d-921a-920d29433eca" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="functionhead" showregisterexport="false" features="["notices"]" eventfielddependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]" eventfields="[{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/riskarea", "field": "riskarea"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/jurisdiction", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/updatetype", "field": "updatetype"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/country", "field": "country"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/specificity", "field": "specificity"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/risk", "field": "risk"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/frequency", "field": "frequency"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/category", "field": "category"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/obligationtype", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/state", "field": "state"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subfrequency", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subcategory", "field": "subcategory"},{"type": "sf-i-form", "apiId": "dnytrdlrmxgsy.cloudfront.net/statute", "field": "statute", "projectField": "name"}]" eventpreviewfields="["obligation"]" eventhidefields="["comments","documents","lastupdated","approved","tags"]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2025">
<div slot="uploader">
<sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="["jpg","png","pdf","xls","xlsx","doc","docx"]" extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
</div>
<div slot="reporting">
<sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
</div>
</sf-i-events> -->
<!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws"
apiidagreements="swago3unro2te55ikvjuqwcrr40wluqh.lambda-url.us-east-1.on.aws"
apiidlicenses="lbtsbsctcdsyah4qdszkv4rctq0tnvel.lambda-url.us-east-1.on.aws"
apiidrcmresources="jra3sghasmaxn5aiq7rtv6pjzq0oeuaw.lambda-url.us-east-1.on.aws" fill="solid"
username="Local Reporter 1" userprofileid="e9684b5d-ddbc-46d3-ae07-51706bf75410"
projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global"
entityid="c989a44e-7d3d-427e-b712-90eacf585075" locationid="38dc8c53-643f-4fee-83fe-f15239606277"
selectedcriteria="Location - Mumbai" myrole="reporter" showregisterexport="false"
features="["notices","contracts","licenses","rcmresources"]"
eventfielddependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]"
eventfields="[{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/riskarea", "field": "riskarea"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/jurisdiction", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/updatetype", "field": "updatetype"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/country", "field": "country"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/specificity", "field": "specificity"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/risk", "field": "risk"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/frequency", "field": "frequency"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/category", "field": "category"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/obligationtype", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/state", "field": "state"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subfrequency", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subcategory", "field": "subcategory"},{"type": "sf-i-form", "apiId": "dnytrdlrmxgsy.cloudfront.net/statute", "field": "statute", "projectField": "name"}]"
eventpreviewfields="["obligation"]"
eventhidefields="["comments","documents","lastupdated","approved","tags"]"
calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2025">
<div slot="uploader">
<sf-i-uploader id="uploader" max="10" apiid="1peg5170d3"
allowedextensions="["jpg","png","pdf","xls","xlsx","doc","docx"]"
extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="31457280"
allowdownload="yes"></sf-i-uploader>
</div>
<div slot="reporting">
<sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
</div>
</sf-i-events> -->
<!-- <sf-i-events projectid="5a05b884-d7ed-4f63-b623-4d305ea2cfd6" projectname="Standard Radiators Private Limited"
mode="onboarding"
locations="{"India":{"Punjab":["Punjab Warehouse"],"Gujarat":["RO & Unit I","Unit II"]}}"
contractstartdate="01/03/2025" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech"
apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile"
disablesignoff="yes" disableclientresponse="yes">
</sf-i-events> -->
<!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws"
apiidagreements="swago3unro2te55ikvjuqwcrr40wluqh.lambda-url.us-east-1.on.aws"
apiidlicenses="lbtsbsctcdsyah4qdszkv4rctq0tnvel.lambda-url.us-east-1.on.aws"
apiidrcmresources="jra3sghasmaxn5aiq7rtv6pjzq0oeuaw.lambda-url.us-east-1.on.aws" fill="solid"
username="Local Reporter 1" userprofileid="e9684b5d-ddbc-46d3-ae07-51706bf75410"
projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global"
selectedCriteria="Country - India" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="reporter" showregisterexport="false"
features="["notices","contracts","licenses","rcmresources"]"
eventfielddependencies="[{"type": "foreignkey", "parent": "country", "child": "state"},{"type": "foreignkey", "parent": "category", "child": "subcategory"},{"type": "foreignkey", "parent": "frequency", "child": "subfrequency"}]"
eventfields="[{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/riskarea", "field": "riskarea"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/jurisdiction", "field": "jurisdiction"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/updatetype", "field": "updatetype"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/country", "field": "country"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/specificity", "field": "specificity"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/risk", "field": "risk"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/frequency", "field": "frequency"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/category", "field": "category"},{"type": "sf-i-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/obligationtype", "field": "obligationtype"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/state", "field": "state"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subfrequency", "field": "subfrequency"},{"type": "sf-i-sub-select", "apiId": "dnytrdlrmxgsy.cloudfront.net/subcategory", "field": "subcategory"},{"type": "sf-i-form", "apiId": "dnytrdlrmxgsy.cloudfront.net/statute", "field": "statute", "projectField": "name"}]"
eventpreviewfields="["obligation"]"
eventhidefields="["comments","documents","lastupdated","approved","tags"]"
calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2025">
<div slot="uploader">
<sf-i-uploader id="uploader" max="10" apiid="1peg5170d3"
allowedextensions="["jpg","png","pdf","xls","xlsx","doc","docx"]"
extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="31457280"
allowdownload="yes"></sf-i-uploader>
</div>
<div slot="reporting">
<sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
</div>
</sf-i-events> -->
<!-- <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" mode="next" fill="solid" username="Local Reporter 1"
userprofileid="e9684b5d-ddbc-46d3-ae07-51706bf75410" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710"
projectname="ABC Global" myroles="["reporter"]" eventpreviewfields="["obligation"]"
eventhidefields="["comments","documents",&qu