Reorganisation + Electron fixes (#118)

* Updates package versions

* Updating versions with RCs

* Updated landing page with stock images

* Begins refactoring of websocket
Adds Help component

* Dark theme for charts

* event Event

* Adds cryptocurrency font
Updates wallet to use it

* Rejigs the location of assets

* rxjs update
wallet font correction

* renaming websocket service

* Refactors websocket use
Destroys and subscribes appropriately
Also handles when websocket is not available with intervals

* Fixes issues with electron by rebasing with Maxime GRIS electron builder

* License change

* Readme update

* Parses available and enabled currencies to create an object {Name:X, Enabled:Y}

* Adds methods to convert from string arrays to objects with enabled status for all currencies

* Uses a localstorage cache for config for 15 minutes

* Moves handling of settings to config object

* Fix typescripting

* Fixes issue with saving and loading

* Slows websocket repeats
Adds cool new dictionary style item and iterable.
Updatres currency-list.component to list all enabled currencies and exchanges (still doesn't do anything)

* Updates selected-currency.component to display all currencies ticker updates if there is no selected currency
Will display only selected currency results once it is set
Sets a new property to ensure all currency names are consistent for currency list plans

* Fixes issue where only one component could listen to the websocket at once
Allows you to select a currency in exchange grid mode

* Adds selected currency support to buy & sell components
Updates selected currency ticker to update on change faster

* Adds Online status indicator

* Removal of console.logs for working features

* Allows currency-list.component to aggregate on currency and list exchanges that match it

* Highlights selected currency in currency-list.component
Allows you to select a currency

web/src/app/pages/wallet/wallet.component.html

@@ -11,7 +11,7 @@
 
         <mat-list>
             <mat-list-item *ngFor="let coin of wallet?.coin_totals">
-                <mat-icon mat-list-icon [ngClass]="coin.coin">{{coin.icon}}</mat-icon>
+                <i [ngClass]="coin.icon"></i>
                 <h4 mat-line>{{coin.coin}}</h4>
                 <h4 mat-line>{{coin.balance}}</h4>
             </mat-list-item>
@@ -26,21 +26,21 @@
         </mat-expansion-panel-header>
         <mat-list>
             <mat-list-item *ngFor="let coin of wallet?.online_summary.BTC">
-                <mat-icon mat-list-icon class="BTC">{{coinIcon('BTC')}}</mat-icon>
+                <i class="cc btc"></i>
                 <h4 mat-line>Address: {{coin.address}}</h4>
                 <h4 mat-line>{{coin.balance}}{{coin.coin}} - {{coin.percentage}}%</h4>
             </mat-list-item>
             <mat-divider></mat-divider>
 
             <mat-list-item *ngFor="let coin of wallet?.online_summary.LTC">
-                <mat-icon mat-list-icon class="LTC">{{coinIcon('LTC')}}</mat-icon>
+                <i class="cc ltc"></i>
                 <h4 mat-line>Address: {{coin.address}}</h4>
                 <h4 mat-line>{{coin.balance}}{{coin.coin}} - {{coin.percentage}}%</h4>
             </mat-list-item>
             <mat-divider></mat-divider>
 
             <mat-list-item *ngFor="let coin of wallet?.online_summary.ETH">
-                <mat-icon mat-list-icon class="ETH">{{coinIcon('ETH')}}</mat-icon>
+                <i class="cc eth"></i>
                 <h4 mat-line>Address: {{coin.address}}</h4>
                 <h4 mat-line>{{coin.balance}}{{coin.coin}} - {{coin.percentage}}%</h4>
             </mat-list-item>
@@ -55,21 +55,21 @@
         </mat-expansion-panel-header>
         <mat-list>
             <mat-list-item *ngFor="let coin of wallet?.offline_summary.BTC">
-                <mat-icon mat-list-icon class="BTC">{{coinIcon('BTC')}}</mat-icon>
+                <i class="cc btc"></i>
                 <h4 mat-line>Address: {{coin.address}}</h4>
                 <h4 mat-line>{{coin.balance}}{{coin.coin}} - {{coin.percentage}}%</h4>
             </mat-list-item>
             <mat-divider></mat-divider>
 
             <mat-list-item *ngFor="let coin of wallet?.offline_summary.LTC">
-                <mat-icon mat-list-icon class="LTC">{{coinIcon('LTC')}}</mat-icon>
+                <i class="cc ltc"></i>
                 <h4 mat-line>Address: {{coin.address}}</h4>
                 <h4 mat-line>{{coin.balance}}{{coin.coin}} - {{coin.percentage}}%</h4>
             </mat-list-item>
             <mat-divider></mat-divider>
 
             <mat-list-item *ngFor="let coin of wallet?.offline_summary.ETH">
-                <mat-icon mat-list-icon class="ETH">{{coinIcon('ETH')}}</mat-icon>
+                <i class="cc eth"></i>
                 <h4 mat-line>Address: {{coin.address}}</h4>
                 <h4 mat-line>{{coin.balance}}{{coin.coin}} - {{coin.percentage}}%</h4>
             </mat-list-item>
@@ -85,7 +85,7 @@
 
         <mat-list>
             <mat-list-item *ngFor="let coin of wallet?.coins_online">
-                <mat-icon mat-list-icon [ngClass]="coin.coin">{{coin.icon}}</mat-icon>
+                <i [ngClass]="coin.icon"></i>
                 <h4 mat-line>{{coin.coin}}</h4>
                 <h4 mat-line>{{coin.balance}}</h4>
             </mat-list-item>
@@ -101,7 +101,7 @@
 
         <mat-list>
             <mat-list-item *ngFor="let coin of wallet?.coins_offline">
-                <mat-icon mat-list-icon [ngClass]="coin.coin">{{coin.icon}}</mat-icon>
+                <i [ngClass]="coin.icon"></i>
                 <h4 mat-line>{{coin.coin}}</h4>
                 <h4 mat-line>{{coin.balance}}</h4>
             </mat-list-item>