Store and display stats and node top lists

frontend/src/app/components/change/change.component.html

@@ -0,0 +1,3 @@
+<span [style]="change >= 0 ? 'color: #42B747' : 'color: #B74242'">
+  {{ change >= 0 ? '+' : '' }}{{ change | amountShortener }}%
+</span>

frontend/src/app/components/change/change.component.ts

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';
+
+@Component({
+  selector: 'app-change',
+  templateUrl: './change.component.html',
+  styleUrls: ['./change.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ChangeComponent implements OnChanges {
+  @Input() current: number;
+  @Input() previous: number;
+
+  change: number;
+
+  constructor() { }
+
+  ngOnChanges(): void {
+    this.change = (this.current - this.previous) / this.previous * 100;
+  }
+
+}