|
|
@ -44,31 +44,31 @@ |
|
|
<button mat-raised-button color="primary" |
|
|
<button mat-raised-button color="primary" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
(click)="onEntityAction($event, 'openEdgeAssets')" |
|
|
(click)="onEntityAction($event, 'openEdgeAssets')" |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer_user')"> |
|
|
[fxShow]="!isEdit"> |
|
|
{{'edge.manage-edge-assets' | translate }} |
|
|
{{'edge.manage-edge-assets' | translate }} |
|
|
</button> |
|
|
</button> |
|
|
<button mat-raised-button color="primary" |
|
|
<button mat-raised-button color="primary" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
(click)="onEntityAction($event, 'openEdgeDevices')" |
|
|
(click)="onEntityAction($event, 'openEdgeDevices')" |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer_user')"> |
|
|
[fxShow]="!isEdit"> |
|
|
{{'edge.manage-edge-devices' | translate }} |
|
|
{{'edge.manage-edge-devices' | translate }} |
|
|
</button> |
|
|
</button> |
|
|
<button mat-raised-button color="primary" |
|
|
<button mat-raised-button color="primary" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
(click)="onEntityAction($event, 'openEdgeEntityViews')" |
|
|
(click)="onEntityAction($event, 'openEdgeEntityViews')" |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer_user')"> |
|
|
[fxShow]="!isEdit"> |
|
|
{{'edge.manage-edge-entity-views' | translate }} |
|
|
{{'edge.manage-edge-entity-views' | translate }} |
|
|
</button> |
|
|
</button> |
|
|
<button mat-raised-button color="primary" |
|
|
<button mat-raised-button color="primary" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
(click)="onEntityAction($event, 'openEdgeDashboards')" |
|
|
(click)="onEntityAction($event, 'openEdgeDashboards')" |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer_user')"> |
|
|
[fxShow]="!isEdit"> |
|
|
{{'edge.manage-edge-dashboards' | translate }} |
|
|
{{'edge.manage-edge-dashboards' | translate }} |
|
|
</button> |
|
|
</button> |
|
|
<button mat-raised-button color="primary" |
|
|
<button mat-raised-button color="primary" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
(click)="onEntityAction($event, 'openEdgeRuleChains')" |
|
|
(click)="onEntityAction($event, 'openEdgeRuleChains')" |
|
|
[fxShow]="!isEdit && edgeScope === 'tenant'"> |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
{{'edge.manage-edge-rulechains' | translate }} |
|
|
{{'edge.manage-edge-rulechains' | translate }} |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
@ -85,7 +85,7 @@ |
|
|
ngxClipboard |
|
|
ngxClipboard |
|
|
(cbOnSuccess)="onEdgeInfoCopied('key')" |
|
|
(cbOnSuccess)="onEdgeInfoCopied('key')" |
|
|
[cbContent]="entity?.routingKey" |
|
|
[cbContent]="entity?.routingKey" |
|
|
[fxShow]="!isEdit && edgeScope === 'tenant'"> |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|
|
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|
|
<span translate>edge.copy-edge-key</span> |
|
|
<span translate>edge.copy-edge-key</span> |
|
|
</button> |
|
|
</button> |
|
|
@ -93,7 +93,7 @@ |
|
|
ngxClipboard |
|
|
ngxClipboard |
|
|
(cbOnSuccess)="onEdgeInfoCopied('secret')" |
|
|
(cbOnSuccess)="onEdgeInfoCopied('secret')" |
|
|
[cbContent]="entity?.secret" |
|
|
[cbContent]="entity?.secret" |
|
|
[fxShow]="!isEdit && edgeScope === 'tenant'"> |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|
|
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|
|
<span translate>edge.copy-edge-secret</span> |
|
|
<span translate>edge.copy-edge-secret</span> |
|
|
</button> |
|
|
</button> |
|
|
@ -101,7 +101,7 @@ |
|
|
ngxClipboard |
|
|
ngxClipboard |
|
|
[disabled]="(isLoading$ | async)" |
|
|
[disabled]="(isLoading$ | async)" |
|
|
(click)="onEntityAction($event, 'syncEdge')" |
|
|
(click)="onEntityAction($event, 'syncEdge')" |
|
|
[fxShow]="!isEdit && edgeScope === 'tenant'"> |
|
|
[fxShow]="!isEdit && (edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<mat-icon svgIcon="mdi:sync"></mat-icon> |
|
|
<mat-icon svgIcon="mdi:sync"></mat-icon> |
|
|
<span translate>edge.sync</span> |
|
|
<span translate>edge.sync</span> |
|
|
</button> |
|
|
</button> |
|
|
@ -111,12 +111,12 @@ |
|
|
<mat-form-field class="mat-block" |
|
|
<mat-form-field class="mat-block" |
|
|
[fxShow]="!isEdit && isAssignedToCustomer(entity) |
|
|
[fxShow]="!isEdit && isAssignedToCustomer(entity) |
|
|
&& !entity?.customerIsPublic && edgeScope === 'tenant'"> |
|
|
&& !entity?.customerIsPublic && edgeScope === 'tenant'"> |
|
|
<mat-label translate>edge.assigned-to-customer</mat-label> |
|
|
<mat-label translate>edge.assignedToCustomer</mat-label> |
|
|
<input matInput disabled [ngModel]="entity?.customerTitle"> |
|
|
<input matInput disabled [ngModel]="entity?.customerTitle"> |
|
|
</mat-form-field> |
|
|
</mat-form-field> |
|
|
<div class="tb-small" style="padding-bottom: 10px; padding-left: 2px;" |
|
|
<div class="tb-small" style="padding-bottom: 10px; padding-left: 2px;" |
|
|
[fxShow]="!isEdit && entity?.customerIsPublic && (edgeScope === 'customer' || edgeScope === 'tenant')"> |
|
|
[fxShow]="!isEdit && entity?.customerIsPublic && edgeScope === 'tenant'"> |
|
|
{{ 'edge.public' | translate }} |
|
|
{{ 'edge.edge-public' | translate }} |
|
|
</div> |
|
|
</div> |
|
|
<form [formGroup]="entityForm"> |
|
|
<form [formGroup]="entityForm"> |
|
|
<fieldset [disabled]="(isLoading$ | async) || !isEdit"> |
|
|
<fieldset [disabled]="(isLoading$ | async) || !isEdit"> |
|
|
@ -132,7 +132,7 @@ |
|
|
[required]="true" |
|
|
[required]="true" |
|
|
[entityType]="entityType.EDGE"> |
|
|
[entityType]="entityType.EDGE"> |
|
|
</tb-entity-subtype-autocomplete> |
|
|
</tb-entity-subtype-autocomplete> |
|
|
<div [fxShow]="edgeScope === 'tenant'"> |
|
|
<div [fxShow]="(edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<div class="tb-hint" [innerHTML]="'edge.edge-license-key-hint' | translate"></div> |
|
|
<div class="tb-hint" [innerHTML]="'edge.edge-license-key-hint' | translate"></div> |
|
|
<mat-form-field class="mat-block"> |
|
|
<mat-form-field class="mat-block"> |
|
|
<mat-label translate>edge.edge-license-key</mat-label> |
|
|
<mat-label translate>edge.edge-license-key</mat-label> |
|
|
@ -142,7 +142,7 @@ |
|
|
</mat-error> |
|
|
</mat-error> |
|
|
</mat-form-field> |
|
|
</mat-form-field> |
|
|
</div> |
|
|
</div> |
|
|
<div [fxShow]="edgeScope === 'tenant'"> |
|
|
<div [fxShow]="(edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<div translate class="tb-hint">edge.cloud-endpoint-hint</div> |
|
|
<div translate class="tb-hint">edge.cloud-endpoint-hint</div> |
|
|
<mat-form-field class="mat-block"> |
|
|
<mat-form-field class="mat-block"> |
|
|
<mat-label translate>edge.cloud-endpoint</mat-label> |
|
|
<mat-label translate>edge.cloud-endpoint</mat-label> |
|
|
@ -153,7 +153,7 @@ |
|
|
</mat-form-field> |
|
|
</mat-form-field> |
|
|
</div> |
|
|
</div> |
|
|
</fieldset> |
|
|
</fieldset> |
|
|
<div fxLayout="row" [fxShow]="edgeScope === 'tenant'"> |
|
|
<div fxLayout="row" [fxShow]="(edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<mat-form-field class="mat-block" fxFlex> |
|
|
<mat-form-field class="mat-block" fxFlex> |
|
|
<mat-label translate>edge.edge-key</mat-label> |
|
|
<mat-label translate>edge.edge-key</mat-label> |
|
|
<input matInput formControlName="routingKey"> |
|
|
<input matInput formControlName="routingKey"> |
|
|
@ -164,7 +164,7 @@ |
|
|
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|
|
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<div fxLayout="row" [fxShow]="edgeScope === 'tenant'"> |
|
|
<div fxLayout="row" [fxShow]="(edgeScope === 'tenant' || edgeScope === 'customer')"> |
|
|
<mat-form-field class="mat-block" fxFlex> |
|
|
<mat-form-field class="mat-block" fxFlex> |
|
|
<mat-label translate>edge.edge-secret</mat-label> |
|
|
<mat-label translate>edge.edge-secret</mat-label> |
|
|
<input matInput formControlName="secret"> |
|
|
<input matInput formControlName="secret"> |
|
|
|