Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-07 00:51:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(dashboard): add a security cameras widget (#13)

Browse source
This commit is contained in:
Lex Zhukov 2017-07-11 17:17:51 +03:00 • committed by GitHub
parent 684c884015
commit a44c49bba8
10 changed files with 171 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/app/pages/dashboard/security-cameras/security-cameras.component.html Normal file
View file

@ -0,0 +1,41 @@
<nga-card>
<nga-card-header>
<div class="cameras-card-header">
<span class="cameras-card-title">Security Cameras</span>
<span class="cameras-filter">
<a [class.active]="isSingleView" (click)="isSingleView = true">
<i class="ion-android-checkbox-blank"></i>
</a>
<a [class.active]="!isSingleView" (click)="isSingleView = false">
<i class="ion-android-apps"></i>
</a>
</span>
</div>
</nga-card-header>
<nga-card-body>
<div class="cameras single-view" *ngIf="isSingleView">
<div class="camera" [style.background-image]="'url(/assets/images/camera1.jpg)'">
<span>Camera #1</span>
</div>
</div>
<div class="cameras" *ngIf="!isSingleView">
<div class="camera" *ngFor="let c of cameras" [style.background-image]="'url(' + c.source + ')'">
<span>{{ c.title }}</span>
</div>
</div>
</nga-card-body>
<nga-card-footer>
<nga-actions size="medium">
<nga-action icon="ion-navicon"></nga-action>
<nga-action>
<nga-search type="rotate-layout"></nga-search>
</nga-action>
<nga-action icon="ion-ios-email-outline"></nga-action>
<nga-action disabled icon="ion-ios-bell-outline"></nga-action>
<nga-action>
<nga-user [menu]="userMenu" name="Han Solo"></nga-user>
</nga-action>
<nga-action icon="ion-ios-gear-outline"></nga-action>
</nga-actions>
</nga-card-footer>
</nga-card>