dc
cc4cbd52e4
Render the tag attributes as a two-column grid under the label instead of a single comma-joined line, and leave the admin group and the licence key off the boot screen. The missing-tag error state goes too: the tag ships in index.html, so an absent tag is not a case the boot screen needs to report.
369 lines
11 KiB
HTML
369 lines
11 KiB
HTML
<div class="main-container">
|
|
@if (!router.url.includes('licensing')) {
|
|
@if (freeTierBanner && (!licenseExpiringDays || licenseExpiringDays < 0)) {
|
|
<div
|
|
class="alert alert-app-level alert-warning"
|
|
id="demo-banner"
|
|
role="alert"
|
|
>
|
|
@if (licenceProblem.value === null) {
|
|
<div class="alert-items">
|
|
<div class="alert-item static">
|
|
<div class="alert-icon-wrapper">
|
|
<cds-icon
|
|
class="alert-icon"
|
|
shape="warning-standard"
|
|
></cds-icon>
|
|
</div>
|
|
<div class="alert-text">
|
|
Data Controller (FREE Tier) - to upgrade contact
|
|
<contact-link classes="color-white" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a routerLink="/licensing/update" class="update-key"
|
|
>Update Licence Key</a
|
|
>
|
|
}
|
|
@if (licenceProblem.value !== null) {
|
|
<div class="alert-items">
|
|
<div class="alert-item static">
|
|
<div class="alert-icon-wrapper">
|
|
<cds-icon
|
|
class="alert-icon"
|
|
shape="warning-standard"
|
|
></cds-icon>
|
|
</div>
|
|
<div class="alert-text">
|
|
Data Controller (FREE Tier) - Problem with licence
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a
|
|
(click)="licenceProblemDetails(licenceProblem.value)"
|
|
class="update-key cursor-pointer"
|
|
>More details</a
|
|
>
|
|
}
|
|
</div>
|
|
}
|
|
@if (licenseExpiringDays && !freeTierBanner) {
|
|
<div
|
|
class="alert alert-app-level alert-danger"
|
|
id="demo-banner"
|
|
role="alert"
|
|
>
|
|
<div class="alert-items">
|
|
<div class="alert-item static">
|
|
<div class="alert-icon-wrapper">
|
|
<cds-icon class="alert-icon" shape="warning-standard"></cds-icon>
|
|
</div>
|
|
<div class="alert-text">
|
|
This license key will expire in {{ licenseExpiringDays }}
|
|
{{ licenseExpiringDays === 1 ? 'day' : 'days' }}. Please contact
|
|
<contact-link classes="color-white" />
|
|
or your reseller to arrange additional licence for site id
|
|
{{ syssite.getValue() }}.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if (!freeTierBanner) {
|
|
<a routerLink="/licensing/update" class="update-key"
|
|
>Update Licence Key</a
|
|
>
|
|
}
|
|
</div>
|
|
}
|
|
@if (appOverCapacity) {
|
|
<div
|
|
class="alert alert-app-level alert-danger"
|
|
id="demo-banner"
|
|
role="alert"
|
|
>
|
|
<div class="alert-items">
|
|
<div class="alert-item static">
|
|
<div class="alert-icon-wrapper">
|
|
<cds-icon class="alert-icon" shape="warning-standard"></cds-icon>
|
|
</div>
|
|
<div class="alert-text">
|
|
The registered number of users exceeds the limit specified for
|
|
your license. Please contact
|
|
<contact-link classes="color-white" />
|
|
or your reseller to arrange additional licence for site id
|
|
{{ syssite.getValue() }}.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if (!licenseExpiringDays && !freeTierBanner) {
|
|
<a routerLink="/licensing/update" class="update-key"
|
|
>Update Licence Key</a
|
|
>
|
|
}
|
|
</div>
|
|
}
|
|
}
|
|
|
|
@if (!embed) {
|
|
<header class="app-header">
|
|
<!-- <button
|
|
*ngIf="
|
|
isMainRoute('view') ||
|
|
(isMainRoute('home') && !router.url.includes('licensing'))
|
|
"
|
|
class="header-hamburger-trigger"
|
|
(click)="toggleSidebar()"
|
|
type="button"
|
|
>
|
|
<span></span>
|
|
</button> -->
|
|
@if (
|
|
isMainRoute('view') ||
|
|
(isMainRoute('home') && !router.url.includes('licensing'))
|
|
) {
|
|
<div
|
|
(click)="toggleSidebar()"
|
|
type="button"
|
|
aria-label="Toggle sidebar"
|
|
class="cursor-pointer select-none ml-10 d-flex clr-justify-content-center clr-align-items-center"
|
|
>
|
|
<clr-icon size="24" shape="tree-view" aria-hidden="true"></clr-icon>
|
|
</div>
|
|
}
|
|
<div class="logo d-flex clr-align-items-center">
|
|
<a href="#" [routerLink]="['/']" class="nav-link">
|
|
<img
|
|
class="without-text d-block d-md-none"
|
|
src="images/dc-logo.svg"
|
|
alt="datacontroller logo without text"
|
|
/>
|
|
<img
|
|
class="with-text d-none d-md-block"
|
|
src="images/datacontroller.svg"
|
|
alt="datacontroller logo"
|
|
/>
|
|
</a>
|
|
</div>
|
|
@if (
|
|
!router.url.includes('deploy') && !router.url.includes('licensing')
|
|
) {
|
|
<div class="header-nav d-flex d-sm-none">
|
|
<clr-dropdown>
|
|
<button
|
|
class="nav-icon color-white-i"
|
|
clrDropdownTrigger
|
|
aria-label="toggle settings menu"
|
|
>
|
|
Menu
|
|
<!-- <clr-icon size="20" shape="bars"></clr-icon> -->
|
|
</button>
|
|
<clr-dropdown-menu *clrIfOpen clrPosition="bottom-left">
|
|
<a [routerLink]="['/view']" clrDropdownItem>VIEW</a>
|
|
<a [routerLink]="['/home']" clrDropdownItem>LOAD</a>
|
|
<a [routerLink]="['/review/submitted']" clrDropdownItem>REVIEW</a>
|
|
</clr-dropdown-menu>
|
|
</clr-dropdown>
|
|
</div>
|
|
<div class="header-nav d-none d-sm-flex">
|
|
<a
|
|
[routerLink]="['/view']"
|
|
class="nav-link nav-text"
|
|
routerLinkActive="active"
|
|
>VIEW</a
|
|
>
|
|
<a
|
|
[routerLink]="['/home']"
|
|
class="nav-link nav-text"
|
|
[class.active]="
|
|
router.url.includes('editor') ||
|
|
router.url.includes('edit-record') ||
|
|
router.url.includes('home')
|
|
"
|
|
>LOAD</a
|
|
>
|
|
<a
|
|
[routerLink]="['/review/submitted']"
|
|
[class.active]="
|
|
router.url.includes('submitted') ||
|
|
router.url.includes('approve') ||
|
|
router.url.includes('history')
|
|
"
|
|
class="nav-link nav-text cursor-pointer"
|
|
>REVIEW</a
|
|
>
|
|
</div>
|
|
}
|
|
<app-header-actions></app-header-actions>
|
|
</header>
|
|
}
|
|
@if (
|
|
!embed &&
|
|
(router.url.includes('submitted') ||
|
|
router.url.includes('approve') ||
|
|
router.url.includes('history'))
|
|
) {
|
|
<nav class="subnav">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a
|
|
[routerLink]="['/review/submitted']"
|
|
class="nav-link nav-text"
|
|
routerLinkActive="active"
|
|
>SUBMIT</a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
[routerLink]="['/review/approve']"
|
|
class="nav-link nav-text"
|
|
[class.active]="router.url.includes('approve')"
|
|
routerLinkActive="active"
|
|
>APPROVE</a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
[routerLink]="['/review/history']"
|
|
class="nav-link nav-text"
|
|
routerLinkActive="active"
|
|
>HISTORY</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
}
|
|
|
|
@if (!errTop) {
|
|
<app-alerts></app-alerts>
|
|
}
|
|
<app-requests-modal [(opened)]="requestsModal"></app-requests-modal>
|
|
<app-excel-password-modal></app-excel-password-modal>
|
|
|
|
<!-- <app-terms *ngIf="showRegistration"></app-terms> -->
|
|
|
|
<!-- VA embed, back to Editor button -->
|
|
@if (embed === 'va' && vaEditorLibds && !isMainRoute('/editor')) {
|
|
<div class="va-back-bar">
|
|
<button
|
|
type="button"
|
|
class="btn btn-sm btn-primary"
|
|
(click)="backToEditor()"
|
|
>
|
|
<clr-icon
|
|
aria-hidden="true"
|
|
shape="caret"
|
|
dir="left"
|
|
size="16"
|
|
></clr-icon>
|
|
Back to Edit table
|
|
</button>
|
|
</div>
|
|
}
|
|
|
|
@if (startupDataLoaded) {
|
|
<router-outlet></router-outlet>
|
|
}
|
|
|
|
<app-login></app-login>
|
|
@if (errTop) {
|
|
<app-alerts></app-alerts>
|
|
}
|
|
@for (abort of sasjsAborts; track abort) {
|
|
<app-info-modal
|
|
[data]="abort"
|
|
[forceReload]="!startupDataLoaded && sasjsAborts.length === 1"
|
|
(onConfirmModalClick)="closeAbortModal(abort.id!)"
|
|
>
|
|
</app-info-modal>
|
|
}
|
|
|
|
<clr-modal
|
|
appDragNdrop
|
|
[(clrModalOpen)]="demoLimitNotice.open"
|
|
[clrModalClosable]="true"
|
|
[clrModalSize]="'lg'"
|
|
class="position-relative"
|
|
>
|
|
<h3 class="modal-title">
|
|
Locked Feature ({{ demoLimitNotice.featureName }})
|
|
<clr-icon size="20" shape="lock"></clr-icon>
|
|
</h3>
|
|
|
|
<div class="modal-body">
|
|
Contact
|
|
<contact-link />
|
|
with your site id ({{ syssite.value }}) to activate!
|
|
</div>
|
|
</clr-modal>
|
|
</div>
|
|
|
|
<!-- App Loading Page -->
|
|
@if (!startupDataLoaded) {
|
|
<div class="app-loading">
|
|
<img
|
|
class="loading-logo"
|
|
src="images/datacontroller.svg"
|
|
alt="datacontroller logo"
|
|
/>
|
|
@if (appActive === null) {
|
|
<div class="slider">
|
|
<div class="line"></div>
|
|
<div class="subline inc"></div>
|
|
<div class="subline dec"></div>
|
|
</div>
|
|
}
|
|
@if (startupSteps.length > 0) {
|
|
<div class="startup-checks">
|
|
@for (step of startupSteps; track step.label) {
|
|
<div
|
|
class="startup-check"
|
|
[class.startup-check--error]="step.status === 'error'"
|
|
[class.startup-check--done]="step.status === 'done'"
|
|
[class.startup-check--grid]="step.details?.length"
|
|
>
|
|
@switch (step.status) {
|
|
@case ('pending') {
|
|
<clr-icon
|
|
shape="circle"
|
|
class="is-solid startup-check__icon--pending"
|
|
></clr-icon>
|
|
}
|
|
@case ('in_progress') {
|
|
<clr-spinner clrSmall></clr-spinner>
|
|
}
|
|
@case ('done') {
|
|
<clr-icon
|
|
shape="check-circle"
|
|
class="is-solid startup-check__icon--done"
|
|
></clr-icon>
|
|
}
|
|
@case ('error') {
|
|
<clr-icon
|
|
shape="exclamation-circle"
|
|
class="is-solid startup-check__icon--error"
|
|
></clr-icon>
|
|
}
|
|
}
|
|
<span class="startup-check__label">{{ step.label }}</span>
|
|
@if (step.detail) {
|
|
<span class="startup-check__detail">{{ step.detail }}</span>
|
|
}
|
|
@if (step.details?.length) {
|
|
<div class="startup-check__grid">
|
|
@for (detail of step.details; track detail.name) {
|
|
<span class="startup-check__grid-name">{{
|
|
detail.name
|
|
}}</span>
|
|
<span class="startup-check__grid-value">{{
|
|
detail.value
|
|
}}</span>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
<!-- /App Loading Page -->
|