feat(rng-diff): enable custom suffic string

src/app/components/diff/diff.component.spec.ts

@@ -0,0 +1,27 @@
+/* tslint:disable:no-unused-variable */
+import { DebugElement } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+
+import { RngDiffComponent } from './diff.component';
+
+describe('DiffComponent', () => {
+	let component: RngDiffComponent;
+	let fixture: ComponentFixture<RngDiffComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [RngDiffComponent],
+		}).compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(RngDiffComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

src/app/components/speed-chart/speed-diff.component.ts → src/app/components/diff/diff.component.ts

@@ -4,7 +4,7 @@ import { FormatBytes } from '../../utils/format-bytes';
 @Component({
 	selector: 'app-rng-diff',
 	template: `
-		<span> {{ (val < 0 ? '-' + FormatBytes(-val) : FormatBytes(val)) + '/s' }} </span>
+		<span> {{ (val < 0 ? '-' + FormatBytes(-val) : FormatBytes(val)) + suffic }} </span>
 		<nb-icon
 			[icon]="'arrow-' + (val < 0 ? 'down' : 'up')"
 			[status]="val < 0 ? 'danger' : 'success'"
@@ -21,8 +21,9 @@ import { FormatBytes } from '../../utils/format-bytes';
 	],
 })
 export class RngDiffComponent implements OnInit {
-	@Input()
-	val = 0;
+	@Input() val = 0;
+
+	@Input() suffic = '';
 
 	FormatBytes = FormatBytes;
 

src/app/components/rng.module.ts

@@ -3,9 +3,9 @@ import { NgModule } from '@angular/core';
 import { NbIconModule } from '@nebular/theme';
 import { ChartsModule } from 'ng2-charts';
 import { TableModule } from 'ngx-easy-table';
+import { RngDiffComponent } from './diff/diff.component';
 import { RngKeyValueTableComponent } from './key-value-table/key-value-table.component';
 import { RngSpeedChartComponent } from './speed-chart/speed-chart.component';
-import { RngDiffComponent } from './speed-chart/speed-diff.component';
 import { RngSummaryComponent } from './summary/summary.component';
 
 const RngComponents = [

src/app/components/speed-chart/speed-chart.component.ts

@@ -17,7 +17,7 @@ import { FormatBytes } from '../../utils/format-bytes';
 				[colors]="lineChartColors"
 				chartType="line"
 			></canvas>
-			<app-rng-diff [val]="speedDiff"> </app-rng-diff>
+			<app-rng-diff [val]="speedDiff" [suffic]="'/s'"> </app-rng-diff>
 		</div>
 	`,
 	styles: [