Browse Source

Chart colors adjusted.

pull/103/head
Sebastian Stehle 9 years ago
parent
commit
96a113f73f
  1. 4
      src/Squidex/app/features/dashboard/pages/dashboard-page.component.html
  2. 16
      src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts

4
src/Squidex/app/features/dashboard/pages/dashboard-page.component.html

@ -82,7 +82,7 @@
<div class="card card"> <div class="card card">
<div class="card-block"> <div class="card-block">
<div class="aggregation" *ngIf="callsCurrent"> <div class="aggregation" *ngIf="callsCurrent >= 0">
<div class="aggregation-label">API calls this month</div> <div class="aggregation-label">API calls this month</div>
<div class="aggregation-value">{{callsCurrent | sqxKNumber}}</div> <div class="aggregation-value">{{callsCurrent | sqxKNumber}}</div>
<div class="aggregation-label" *ngIf="callsMax > 0">Monthly limit: {{callsMax | sqxKNumber}}</div> <div class="aggregation-label" *ngIf="callsMax > 0">Monthly limit: {{callsMax | sqxKNumber}}</div>
@ -98,7 +98,7 @@
<div class="card card"> <div class="card card">
<div class="card-block"> <div class="card-block">
<div class="aggregation" *ngIf="assetsCurrent"> <div class="aggregation" *ngIf="assetsCurrent >= 0">
<div class="aggregation-label">Asset size today</div> <div class="aggregation-label">Asset size today</div>
<div class="aggregation-value">{{assetsCurrent | sqxFileSize}}</div> <div class="aggregation-value">{{assetsCurrent | sqxFileSize}}</div>
<div class="aggregation-label" *ngIf="assetsMax > 0">Total limit: {{assetsMax | sqxFileSize}}</div> <div class="aggregation-label" *ngIf="assetsMax > 0">Total limit: {{assetsMax | sqxFileSize}}</div>

16
src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts

@ -92,8 +92,8 @@ export class DashboardPageComponent extends AppComponentBase implements OnInit {
label: 'Number of Assets', label: 'Number of Assets',
lineTension: 0, lineTension: 0,
fill: false, fill: false,
backgroundColor: 'rgba(61, 135, 213, 0.6)', backgroundColor: 'rgba(51, 137, 213, 0.6)',
borderColor: 'rgba(61, 135, 213, 1)', borderColor: 'rgba(51, 137, 213, 1)',
borderWidth: 1, borderWidth: 1,
data: dtos.map(x => x.count) data: dtos.map(x => x.count)
} }
@ -107,8 +107,8 @@ export class DashboardPageComponent extends AppComponentBase implements OnInit {
label: 'Size of Assets (MB)', label: 'Size of Assets (MB)',
lineTension: 0, lineTension: 0,
fill: false, fill: false,
backgroundColor: 'rgba(61, 135, 213, 0.6)', backgroundColor: 'rgba(51, 137, 213, 0.6)',
borderColor: 'rgba(61, 135, 213, 1)', borderColor: 'rgba(51, 137, 213, 1)',
borderWidth: 1, borderWidth: 1,
data: dtos.map(x => Math.round(10 * (x.size / (1024 * 1024))) / 10) data: dtos.map(x => Math.round(10 * (x.size / (1024 * 1024))) / 10)
} }
@ -124,8 +124,8 @@ export class DashboardPageComponent extends AppComponentBase implements OnInit {
datasets: [ datasets: [
{ {
label: 'Number of API Calls', label: 'Number of API Calls',
backgroundColor: 'rgba(61, 135, 213, 0.6)', backgroundColor: 'rgba(51, 137, 213, 0.6)',
borderColor: 'rgba(61, 135, 213, 1)', borderColor: 'rgba(51, 137, 213, 1)',
borderWidth: 1, borderWidth: 1,
data: dtos.map(x => x.count) data: dtos.map(x => x.count)
} }
@ -137,8 +137,8 @@ export class DashboardPageComponent extends AppComponentBase implements OnInit {
datasets: [ datasets: [
{ {
label: 'API Performance (Milliseconds)', label: 'API Performance (Milliseconds)',
backgroundColor: 'rgba(61, 135, 213, 0.6)', backgroundColor: 'rgba(51, 137, 213, 0.6)',
borderColor: 'rgba(61, 135, 213, 1)', borderColor: 'rgba(51, 137, 213, 1)',
borderWidth: 1, borderWidth: 1,
data: dtos.map(x => x.averageMs) data: dtos.map(x => x.averageMs)
} }

Loading…
Cancel
Save