add back button to splash

src/renderer/components/splash.component.ts

@@ -1,6 +1,8 @@
 import { Component, ChangeDetectionStrategy, EventEmitter, Output, Input } from '@angular/core';
 import { SettingsService } from '../services';
 import { AppSettings } from '../../models';
+import { APP } from '../../variables';
+import * as os from 'os';
 
 @Component({
   selector: 'splash',
@@ -22,11 +24,21 @@ export class SplashComponent {
             this.appSettings = appSettings;
         })
     }
+
+    get lang() {
+        return APP.lang.settings.component;
+    }
+    get placeholderSteamDir() {
+        return this.lang.placeholder.bySystem[os.type()].steamDirectory;
+    }
     moveToUsers() {
         if(this.appSettings.environmentVariables.steamDirectory){
             this.stage = 'userAccounts'
         }
     }
+    moveToSteamDir() {
+        this.stage = 'steamDir';
+    }
 
     setUserAccounts(accounts: string[]) {
         if(accounts) {

src/renderer/styles/splash.component.scss

@@ -93,5 +93,6 @@
         &.disabled {
             opacity: 0.3;
         }
+        margin-right: 0.5em;
     }
 }

src/renderer/templates/splash.component.html

@@ -17,7 +17,7 @@ <h1>Welcome to SRM!</h1>
         <div class="directoryInput">
             <ng-text-input 
                 class="ngTextInput" 
-                placeholder="/path/to/steam" 
+                [placeholder]="lang.placeholder.bySystem.Windows_NT.steamDirectory" 
                 [(ngModel)]='appSettings.environmentVariables.steamDirectory'>
             </ng-text-input>
             <ng-path-input 
@@ -50,6 +50,7 @@ <h1>Welcome to SRM!</h1>
           </div>
         </div>
       </div>
+      <div class="clickButton" (click)="moveToSteamDir()">Back</div>
       <div class="clickButton" [class.disabled]="!appSettings.environmentVariables.userAccounts" (click)="finishSetup()">Next</div>
-
+      
 </div>