45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
<div fxLayout="row" fxLayoutAlign="space-between stretch" fxFlexFil fxFill fxLayoutGap="1px">
|
|
|
|
<div fxFlex="70" fxLayout="column" class="mat-elevation-z2 activity-list-container">
|
|
|
|
<div fxLayout="row" fxLayoutAlign="space-between center">
|
|
<of-host-summary-card></of-host-summary-card>
|
|
<of-app-summary-card></of-app-summary-card>
|
|
</div>
|
|
|
|
<!-- <div fxLayoutAlign="start center" fxLayout="row">
|
|
<div *ngFor="let dash of dashCard" fxFlex.lt-sm="70">
|
|
<of-dashboard-card [dashData]="dash"></of-dashboard-card>
|
|
</div>
|
|
</div> -->
|
|
|
|
<div fxLayout="row" fxLayoutWrap [style.margin]="'20px 0px'">
|
|
<of-sensor-summary fxFlex="40" fxFlex.lt-sm="100" fxFlex.sm="100" fxFlex.md="70"></of-sensor-summary>
|
|
<of-sensor-item-filter></of-sensor-item-filter>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div fxFlex="30" fxLayout="column" class="mat-elevation-z2 activity-add" >
|
|
<div fxFlex="10" fxLayout="row" fxLayoutAlign="space-between center">
|
|
<h3 class="mat-headline" fxFlex="80">Activities</h3>
|
|
</div>
|
|
<mat-divider></mat-divider>
|
|
|
|
<perfect-scrollbar>
|
|
<div>
|
|
<mat-list>
|
|
<mat-list-item *ngFor="let message of messages" (click)="handleActivityClick(message)">
|
|
<img matListAvatar src="assets/images/user-image2.jpg" alt="...">
|
|
<h4 mat-line>{{message.content}} </h4>
|
|
<p mat-line>{{message.date}} {{message.from}}</p>
|
|
</mat-list-item>
|
|
</mat-list>
|
|
|
|
</div>
|
|
</perfect-scrollbar>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<!-- <button mat-raised-button (click)="openDialog()">Pick one</button> -->
|
|
</div> |