Adds components for design of dashboard, selected currency, donate and buy-sell components

web/src/app/shared/buy-sell/buy-sell.component.html

@@ -0,0 +1,3 @@
+<p>
+  buy-sell works!
+</p>

web/src/app/shared/buy-sell/buy-sell.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BuySellComponent } from './buy-sell.component';
+
+describe('BuySellComponent', () => {
+  let component: BuySellComponent;
+  let fixture: ComponentFixture<BuySellComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BuySellComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BuySellComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/buy-sell/buy-sell.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-buy-sell',
+  templateUrl: './buy-sell.component.html',
+  styleUrls: ['./buy-sell.component.scss']
+})
+export class BuySellComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

web/src/app/shared/donate/donate.component.html

@@ -0,0 +1 @@
+<button mat-button>Donate!</button>

web/src/app/shared/donate/donate.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DonateComponent } from './donate.component';
+
+describe('DonateComponent', () => {
+  let component: DonateComponent;
+  let fixture: ComponentFixture<DonateComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DonateComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DonateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/donate/donate.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-donate',
+  templateUrl: './donate.component.html',
+  styleUrls: ['./donate.component.scss']
+})
+export class DonateComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

web/src/app/shared/my-orders/my-orders.component.html

@@ -0,0 +1,5 @@
+<mat-card class="my-orders-card" flex="33">
+  <mat-card-header>
+      <mat-card-title>My Orders</mat-card-title>
+  </mat-card-header>
+</mat-card>

web/src/app/shared/my-orders/my-orders.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MyOrdersComponent } from './my-orders.component';
+
+describe('MyOrdersComponent', () => {
+  let component: MyOrdersComponent;
+  let fixture: ComponentFixture<MyOrdersComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MyOrdersComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MyOrdersComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/my-orders/my-orders.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-my-orders',
+  templateUrl: './my-orders.component.html',
+  styleUrls: ['./my-orders.component.scss']
+})
+export class MyOrdersComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

web/src/app/shared/orders/orders.component.html

@@ -0,0 +1,5 @@
+<mat-card class="orders-card" flex="33">
+  <mat-card-header>
+      <mat-card-title>Orders</mat-card-title>
+  </mat-card-header>
+</mat-card>

web/src/app/shared/orders/orders.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OrdersComponent } from './orders.component';
+
+describe('OrdersComponent', () => {
+  let component: OrdersComponent;
+  let fixture: ComponentFixture<OrdersComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrdersComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrdersComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/orders/orders.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-orders',
+  templateUrl: './orders.component.html',
+  styleUrls: ['./orders.component.scss']
+})
+export class OrdersComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

web/src/app/shared/price-history/price-history.component.html

@@ -0,0 +1,5 @@
+<mat-card class="price-history-card" flex="33">
+  <mat-card-header>
+      <mat-card-title>Price History</mat-card-title>
+  </mat-card-header>
+</mat-card>

web/src/app/shared/price-history/price-history.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PriceHistoryComponent } from './price-history.component';
+
+describe('PriceHistoryComponent', () => {
+  let component: PriceHistoryComponent;
+  let fixture: ComponentFixture<PriceHistoryComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PriceHistoryComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PriceHistoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/price-history/price-history.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-price-history',
+  templateUrl: './price-history.component.html',
+  styleUrls: ['./price-history.component.scss']
+})
+export class PriceHistoryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

web/src/app/shared/selected-currency/selected-currency.component.html

@@ -0,0 +1,3 @@
+<p>
+  selected-currency works!
+</p>

web/src/app/shared/selected-currency/selected-currency.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SelectedCurrencyComponent } from './selected-currency.component';
+
+describe('SelectedCurrencyComponent', () => {
+  let component: SelectedCurrencyComponent;
+  let fixture: ComponentFixture<SelectedCurrencyComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SelectedCurrencyComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SelectedCurrencyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/selected-currency/selected-currency.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-selected-currency',
+  templateUrl: './selected-currency.component.html',
+  styleUrls: ['./selected-currency.component.scss']
+})
+export class SelectedCurrencyComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

web/src/app/shared/trade-history/trade-history.component.html

@@ -0,0 +1,5 @@
+<mat-card class="trade-history-card" flex="33">
+  <mat-card-header>
+      <mat-card-title>Trade History</mat-card-title>
+  </mat-card-header>
+</mat-card>

web/src/app/shared/trade-history/trade-history.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TradeHistoryComponent } from './trade-history.component';
+
+describe('TradeHistoryComponent', () => {
+  let component: TradeHistoryComponent;
+  let fixture: ComponentFixture<TradeHistoryComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TradeHistoryComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TradeHistoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

web/src/app/shared/trade-history/trade-history.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-trade-history',
+  templateUrl: './trade-history.component.html',
+  styleUrls: ['./trade-history.component.scss']
+})
+export class TradeHistoryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}