Merge pull request #12631 from vvlladd28/bug/detail-page/mobile-view
Fixed mobile view on the entity details page
This commit is contained in:
		
						commit
						3cb140a76a
					
				@ -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