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/settings/settings.component.html

@@ -7,7 +7,7 @@
 
     <mat-accordion>
         <mat-expansion-panel *ngIf="settings.SMSGlobal != null">
-            <mat-expansion-panel-header >
+            <mat-expansion-panel-header>
                 <mat-panel-title>
                     SMS Global
                 </mat-panel-title>
@@ -15,7 +15,7 @@
                     SMS configuration and contact management
                     <mat-icon>phone_iphone</mat-icon>
                 </mat-panel-description>
-            </mat-expansion-panel-header>   
+            </mat-expansion-panel-header>
             <form class="form-content">
                 <mat-checkbox name="smsEnabled" [(ngModel)]="settings.SMSGlobal.Enabled">Enabled</mat-checkbox>
                 <div mat-line></div>
@@ -53,25 +53,23 @@
             <form class="form-content">
                 <mat-checkbox name="exchangeEnabled" [(ngModel)]="exchange.Enabled">Enabled</mat-checkbox>
                 <div mat-line></div>
-                    <mat-form-field>
-                        <input matInput name="apiKey" [(ngModel)]="exchange.APIKey" [disabled]="!exchange.Enabled" placeholder="API Key*">
-                    </mat-form-field>
-                    <mat-form-field>
-                        <input matInput name="apiSecretKey" [(ngModel)]="exchange.APISecret" [disabled]="!exchange.Enabled" placeholder="API Secret Key*">
-                    </mat-form-field>
-                    <mat-form-field>
-                        <input matInput name="apiClientId" [(ngModel)]="exchange.ClientID" [disabled]="!exchange.Enabled" placeholder="API ClientID">
-                    </mat-form-field>
-                    <div mat-line></div>
-                    <mat-panel-description>
-                        Enabled Currency pairs {{enabledCurrencies.selectedOptions.selected.length}} - Managed via config temporarily
-                    </mat-panel-description>
-                    <div mat-line></div>
-                    <mat-selection-list #enabledCurrencies>
-                            <mat-list-option [disabled]="!exchange.Enabled || true" *ngFor="let currency of exchange.AvailablePairs.split(',')">
-                              {{currency}}
-                            </mat-list-option>
-                          </mat-selection-list>
+                <mat-form-field>
+                    <input matInput name="apiKey" [(ngModel)]="exchange.APIKey" [disabled]="!exchange.Enabled" placeholder="API Key*">
+                </mat-form-field>
+                <mat-form-field>
+                    <input matInput name="apiSecretKey" [(ngModel)]="exchange.APISecret" [disabled]="!exchange.Enabled" placeholder="API Secret Key*">
+                </mat-form-field>
+                <mat-form-field>
+                    <input matInput name="apiClientId" [(ngModel)]="exchange.ClientID" [disabled]="!exchange.Enabled" placeholder="API ClientID">
+                </mat-form-field>
+                <div mat-line></div>
+                <h4>
+                    Enabled currencies
+                </h4>
+                <div *ngFor="let currency of exchange.Pairs">
+                        <p>{{currency.Name}}</p>
+                    <mat-checkbox name="{{currency.Name}}2" [(ngModel)]="currency.Enabled"></mat-checkbox>
+                </div>
             </form>
         </mat-expansion-panel>
     </mat-accordion>