ztimson/homefront
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Added weather widget

Browse Source
This commit is contained in:
Zakary Timson
2019-01-01 20:51:03 -05:00
parent 83f4385e95
commit 02807cb59a
8 changed files with 83 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/dashboard/dashboard.component.html
View File

@@ -1,7 +1,22 @@
<div class="p-3">
<mat-card class="w-100 hover" routerLink="/battery">
<mat-card-content>
<battery-widget></battery-widget>
</mat-card-content>
</mat-card>
<div class="desktop-height p-3">
<div>
<h1 class="d-inline">{{now | async | date: 'fullDate'}}</h1>
<h1 class="d-inline float-right">{{now | async | date: 'mediumTime'}}</h1>
</div>
<div class="mt-3 d-flex">
<div class="flex-grow-1 pr-2">
<mat-card class="w-100 hover" routerLink="/weather">
<mat-card-content>
<weather-widget class="mx-auto"></weather-widget>
</mat-card-content>
</mat-card>
</div>
<div class="flex-grow-1 pl-2">
<mat-card class="w-100 hover" routerLink="/battery">
<mat-card-content>
<battery-widget></battery-widget>
</mat-card-content>
</mat-card>
</div>
</div>
</div>

18
src/app/dashboard/dashboard.component.ts
View File

@@ -1,15 +1,13 @@
import { Component, OnInit } from '@angular/core';
import {AppComponent} from '../app.component';
import {Component} from '@angular/core';
import {timer} from 'rxjs';
import {map} from 'rxjs/operators';
@Component({
selector: 'app-dashboard',
templateUrl: './dashboard.component.html'
selector: 'app-dashboard',
templateUrl: './dashboard.component.html'
})
export class DashboardComponent implements OnInit {
constructor(private app: AppComponent) { }
ngOnInit() {
}
export class DashboardComponent {
now = timer(0, 1000).pipe(map(() => new Date()));
constructor() { }
}