UI: Fixed mobile view in details page
This commit is contained in:
parent
8fc7ae2897
commit
bdb44c9e86
@ -22,7 +22,7 @@
|
|||||||
[class.!hidden]="isEdit || isDetailsPage">
|
[class.!hidden]="isEdit || isDetailsPage">
|
||||||
{{'common.open-details-page' | translate }}
|
{{'common.open-details-page' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'delete')"
|
(click)="onEntityAction($event, 'delete')"
|
||||||
[class.!hidden]="hideDelete() || isEdit">
|
[class.!hidden]="hideDelete() || isEdit">
|
||||||
|
|||||||
@ -22,13 +22,13 @@
|
|||||||
[class.!hidden]="isEdit || isDetailsPage">
|
[class.!hidden]="isEdit || isDetailsPage">
|
||||||
{{'common.open-details-page' | translate }}
|
{{'common.open-details-page' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'downloadResource')"
|
(click)="onEntityAction($event, 'downloadResource')"
|
||||||
[class.!hidden]="isEdit">
|
[class.!hidden]="isEdit">
|
||||||
{{ 'javascript.download' | translate }}
|
{{ 'javascript.download' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'delete')"
|
(click)="onEntityAction($event, 'delete')"
|
||||||
[class.!hidden]="hideDelete() || isEdit">
|
[class.!hidden]="hideDelete() || isEdit">
|
||||||
|
|||||||
@ -22,13 +22,13 @@
|
|||||||
[class.!hidden]="isEdit || isDetailsPage">
|
[class.!hidden]="isEdit || isDetailsPage">
|
||||||
{{'common.open-details-page' | translate }}
|
{{'common.open-details-page' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'downloadResource')"
|
(click)="onEntityAction($event, 'downloadResource')"
|
||||||
[class.!hidden]="isEdit">
|
[class.!hidden]="isEdit">
|
||||||
{{ 'resource.download' | translate }}
|
{{ 'resource.download' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'delete')"
|
(click)="onEntityAction($event, 'delete')"
|
||||||
[class.!hidden]="hideDelete() || isEdit">
|
[class.!hidden]="hideDelete() || isEdit">
|
||||||
|
|||||||
@ -58,7 +58,7 @@
|
|||||||
[class.!hidden]="isEdit || deviceScope !== 'edge'">
|
[class.!hidden]="isEdit || deviceScope !== 'edge'">
|
||||||
{{ 'edge.unassign-from-edge' | translate }}
|
{{ 'edge.unassign-from-edge' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'delete')"
|
(click)="onEntityAction($event, 'delete')"
|
||||||
[class.!hidden]="hideDelete() || isEdit">
|
[class.!hidden]="hideDelete() || isEdit">
|
||||||
|
|||||||
@ -70,7 +70,7 @@
|
|||||||
[class.!hidden]="isEdit || edgeScope !== 'tenant'">
|
[class.!hidden]="isEdit || edgeScope !== 'tenant'">
|
||||||
{{'edge.manage-rulechains' | translate }}
|
{{'edge.manage-rulechains' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'delete')"
|
(click)="onEntityAction($event, 'delete')"
|
||||||
[class.!hidden]="hideDelete() || isEdit">
|
[class.!hidden]="hideDelete() || isEdit">
|
||||||
|
|||||||
@ -16,19 +16,19 @@
|
|||||||
|
|
||||||
-->
|
-->
|
||||||
<div class="tb-details-buttons xs:flex xs:flex-col">
|
<div class="tb-details-buttons xs:flex xs:flex-col">
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'open')"
|
(click)="onEntityAction($event, 'open')"
|
||||||
[class.!hidden]="isEdit || isDetailsPage">
|
[class.!hidden]="isEdit || isDetailsPage">
|
||||||
{{'common.open-details-page' | translate }}
|
{{'common.open-details-page' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async) || !(entity?.hasData && !entity?.url)"
|
[disabled]="(isLoading$ | async) || !(entity?.hasData && !entity?.url)"
|
||||||
(click)="onEntityAction($event, 'uploadPackage')"
|
(click)="onEntityAction($event, 'uploadPackage')"
|
||||||
[class.!hidden]="isEdit">
|
[class.!hidden]="isEdit">
|
||||||
{{ 'ota-update.download' | translate }}
|
{{ 'ota-update.download' | translate }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-raised-button color="primary" class="xs:flex-1"
|
<button mat-raised-button color="primary"
|
||||||
[disabled]="(isLoading$ | async)"
|
[disabled]="(isLoading$ | async)"
|
||||||
(click)="onEntityAction($event, 'delete')"
|
(click)="onEntityAction($event, 'delete')"
|
||||||
[class.!hidden]="hideDelete() || isEdit">
|
[class.!hidden]="hideDelete() || isEdit">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user