40 lines
1.8 KiB
HTML
40 lines
1.8 KiB
HTML
<!--
|
|
|
|
Copyright © 2016-2024 The Thingsboard Authors
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|
|
-->
|
|
<tb-dashboard-page *ngIf="homeDashboard; else homeLinks" [embedded]="true" [dashboard]="homeDashboard" [hideToolbar]="homeDashboard.hideDashboardToolbar"></tb-dashboard-page>
|
|
<ng-template #homeLinks>
|
|
<mat-grid-list class="tb-home-links" [cols]="cols" rowHeight="280px">
|
|
<mat-grid-tile [colspan]="sectionColspan(section)" *ngFor="let section of homeSections$| async">
|
|
<mat-card appearance="outlined" style="width: 100%;">
|
|
<mat-card-title>
|
|
<span translate class="mat-headline-5">{{section.name}}</span>
|
|
</mat-card-title>
|
|
<mat-card-content>
|
|
<mat-grid-list rowHeight="170px" [cols]="section.places.length">
|
|
<mat-grid-tile *ngFor="let place of section.places">
|
|
<a mat-raised-button color="primary" class="tb-card-button" routerLink="{{place.path}}">
|
|
<tb-icon matButtonIcon class="tb-mat-96">{{place.icon}}</tb-icon>
|
|
<span>{{place.customTranslate ? (place.name | customTranslate) : (place.name | translate)}}</span>
|
|
</a>
|
|
</mat-grid-tile>
|
|
</mat-grid-list>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</mat-grid-tile>
|
|
</mat-grid-list>
|
|
</ng-template>
|