amigan/stillbox
amigan/stillbox
1
1
Fork 0
Code Issues 33 Pull requests Projects Releases Packages Wiki Activity Actions

chart card

Browse source
This commit is contained in:
Daniel Ponte 2025-02-17 12:03:47 -05:00
parent 3d2eecb7e5
commit dcb762e56e
3 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/stillbox/src/app/home/home.component.html
View file

@ -1 +1,4 @@
<mat-card class="chart" appearance="outlined">
<div class="chartTitle">Calls By Week</div>
<chart interval="week"></chart> <chart interval="week"></chart>
</mat-card>

10
client/stillbox/src/app/home/home.component.scss
View file

@ -0,0 +1,10 @@
mat-card.chart {
width: 500px;
height: 400px;
margin: 30px 30px 40px 40px;
}
mat-card div {
padding-left: 10px;
padding-top: 10px;
}

6
client/stillbox/src/app/home/home.component.ts
View file

@ -1,9 +1,13 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { ChartsComponent } from '../charts/charts.component'; import { ChartsComponent } from '../charts/charts.component';
import { MatCardModule } from '@angular/material/card';
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
imports: [ChartsComponent], imports: [
ChartsComponent,
MatCardModule,
],
templateUrl: './home.component.html', templateUrl: './home.component.html',
styleUrl: './home.component.scss', styleUrl: './home.component.scss',
}) })