Browse Source

UI: convert tb-details-buttons on ContactBasedComponent subclasses to mat-stroked-button

Follow-up to the EntityComponent sweep — ContactBasedComponent extends EntityComponent transitively, so tenant.component.html (4 buttons) and customer.component.html (8 buttons) were missed. Same one-for-one raised → stroked replacement inside the .tb-details-buttons block.
pull/15888/head
Igor Kulikov 3 months ago
parent
commit
ba53a04b04
  1. 16
      ui-ngx/src/app/modules/home/pages/customer/customer.component.html
  2. 8
      ui-ngx/src/app/modules/home/pages/tenant/tenant.component.html

16
ui-ngx/src/app/modules/home/pages/customer/customer.component.html

@ -16,52 +16,52 @@
--> -->
<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" <button mat-stroked-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" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'manageUsers')" (click)="onEntityAction($event, 'manageUsers')"
[class.!hidden]="isEdit || isPublic"> [class.!hidden]="isEdit || isPublic">
{{'customer.manage-users' | translate }} {{'customer.manage-users' | translate }}
</button> </button>
<button mat-raised-button color="primary" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'manageAssets')" (click)="onEntityAction($event, 'manageAssets')"
[class.!hidden]="isEdit"> [class.!hidden]="isEdit">
{{'customer.manage-assets' | translate }} {{'customer.manage-assets' | translate }}
</button> </button>
<button mat-raised-button color="primary" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'manageDevices')" (click)="onEntityAction($event, 'manageDevices')"
[class.!hidden]="isEdit"> [class.!hidden]="isEdit">
{{'customer.manage-devices' | translate }} {{'customer.manage-devices' | translate }}
</button> </button>
<button mat-raised-button color="primary" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'manageDashboards')" (click)="onEntityAction($event, 'manageDashboards')"
[class.!hidden]="isEdit"> [class.!hidden]="isEdit">
{{'customer.manage-dashboards' | translate }} {{'customer.manage-dashboards' | translate }}
</button> </button>
@if (edgesSupportEnabled()) { @if (edgesSupportEnabled()) {
<button mat-raised-button color="primary" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'manageEdges')" (click)="onEntityAction($event, 'manageEdges')"
[class.!hidden]="isEdit"> [class.!hidden]="isEdit">
{{'customer.manage-edges' | translate }} {{'customer.manage-edges' | translate }}
</button> </button>
} }
<button mat-raised-button color="primary" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'delete')" (click)="onEntityAction($event, 'delete')"
[class.!hidden]="hideDelete() || isEdit || isPublic"> [class.!hidden]="hideDelete() || isEdit || isPublic">
{{'customer.delete' | translate }} {{'customer.delete' | translate }}
</button> </button>
<div class="flex flex-row xs:flex-col"> <div class="flex flex-row xs:flex-col">
<button mat-raised-button <button mat-stroked-button
ngxClipboard ngxClipboard
(cbOnSuccess)="onCustomerIdCopied($event)" (cbOnSuccess)="onCustomerIdCopied($event)"
[cbContent]="entity?.id?.id" [cbContent]="entity?.id?.id"

8
ui-ngx/src/app/modules/home/pages/tenant/tenant.component.html

@ -16,26 +16,26 @@
--> -->
<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" <button mat-stroked-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" <button mat-stroked-button color="primary"
[disabled]="(isLoading$ | async)" [disabled]="(isLoading$ | async)"
(click)="onEntityAction($event, 'manageTenantAdmins')" (click)="onEntityAction($event, 'manageTenantAdmins')"
[class.!hidden]="isEdit"> [class.!hidden]="isEdit">
{{'tenant.manage-tenant-admins' | translate }} {{'tenant.manage-tenant-admins' | translate }}
</button> </button>
<button mat-raised-button color="primary" <button mat-stroked-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">
{{'tenant.delete' | translate }} {{'tenant.delete' | translate }}
</button> </button>
<div class="flex flex-row xs:flex-col"> <div class="flex flex-row xs:flex-col">
<button mat-raised-button <button mat-stroked-button
ngxClipboard ngxClipboard
(cbOnSuccess)="onTenantIdCopied($event)" (cbOnSuccess)="onTenantIdCopied($event)"
[cbContent]="entity?.id?.id" [cbContent]="entity?.id?.id"

Loading…
Cancel
Save