From 371a15227de93d44c75b14bccf522ac02f4c69ec Mon Sep 17 00:00:00 2001
From: Alec Dusheck <a.dusheckirl@gmail.com>
Date: Mon, 24 Dec 2018 11:56:09 -0600
Subject: [PATCH] (potentially buggy) Change your server plan via settings

---
 .../panel-frame/panel-frame.component.scss    |   3 +-
 .../panel-frame/panel-frame.component.ts      |   6 ++-
 .../panel/panel-home/panel-home.component.ts  |   8 +--
 .../panel-settings.component.html             |  28 ++++++----
 .../panel-settings.component.scss             |   6 +++
 .../panel-settings.component.ts               |  49 +++++++++++++++++-
 .../core/services/authentication.service.ts   |   7 +++
 src/app/core/services/ssanalytics.service.ts  |   2 +-
 src/favicon.ico                               | Bin 5430 -> 34494 bytes
 src/styles.scss                               |   1 +
 10 files changed, 91 insertions(+), 19 deletions(-)

diff --git a/src/app/controllers/panel/panel-frame/panel-frame.component.scss b/src/app/controllers/panel/panel-frame/panel-frame.component.scss
index f192067..2f1ba11 100644
--- a/src/app/controllers/panel/panel-frame/panel-frame.component.scss
+++ b/src/app/controllers/panel/panel-frame/panel-frame.component.scss
@@ -52,13 +52,14 @@ body{
       padding-top: 1rem;
     }
 
+    color: #fff;
+
     #server{
       float: right;
       width: 10rem;
       margin-right: .5rem;
       margin-top: .7rem;
 
-      color: #fff;
       #status {
         .bold{
           font-weight: bold;
diff --git a/src/app/controllers/panel/panel-frame/panel-frame.component.ts b/src/app/controllers/panel/panel-frame/panel-frame.component.ts
index aab8e4f..f31868d 100644
--- a/src/app/controllers/panel/panel-frame/panel-frame.component.ts
+++ b/src/app/controllers/panel/panel-frame/panel-frame.component.ts
@@ -4,6 +4,7 @@ import {SelectedServerService} from '../../../core/services/selected-server.serv
 import {ServerDetails} from '../../../core/models/server-details';
 import {NavigationEnd, Router} from '@angular/router';
 import {Subject} from 'rxjs';
+import {SSAnalyticsService} from '../../../core/services/ssanalytics.service';
 
 @Component({
   selector: 'app-panel-frame',
@@ -26,7 +27,9 @@ export class PanelFrameComponent implements OnInit, OnDestroy {
   selectedServerEmitter: Subject<any>;
   statusEmitter: Subject<any>;
 
-  constructor(private serverSocket: ServerSocketManagerService, public selectedServer: SelectedServerService, private router: Router) {
+  motd = '';
+
+  constructor(private serverSocket: ServerSocketManagerService, public selectedServer: SelectedServerService, private router: Router, private analytics: SSAnalyticsService) {
     this.router.events.subscribe((e) => {
       if (e instanceof NavigationEnd) {
         this.currentUrl = e.url;
@@ -52,6 +55,7 @@ export class PanelFrameComponent implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
+    this.motd = this.analytics.loadData.motd;
     this.updateStatus();
 
     this.statusEmitter = this.serverSocket.statusEmitter.subscribe(data => {
diff --git a/src/app/controllers/panel/panel-home/panel-home.component.ts b/src/app/controllers/panel/panel-home/panel-home.component.ts
index 8a451a0..62c6e7a 100644
--- a/src/app/controllers/panel/panel-home/panel-home.component.ts
+++ b/src/app/controllers/panel/panel-home/panel-home.component.ts
@@ -98,6 +98,10 @@ export class PanelHomeComponent implements OnInit, OnDestroy, AfterViewInit {
   }
 
   updateServer() {
+    this.commandForm = this.formBuilder.group({
+      command: ['', Validators.compose([Validators.required, Validators.maxLength(50)])],
+    });
+
     this.loading = true;
     this.currentServer = this.selectedServer.getCurrentServer();
     this.serverSocket.getSocket(this.currentServer._id, () => {
@@ -105,10 +109,6 @@ export class PanelHomeComponent implements OnInit, OnDestroy, AfterViewInit {
     });
 
     this.consoleHistory = this.serverSocket.getConsole();
-
-    this.commandForm = this.formBuilder.group({
-      command: ['', Validators.compose([Validators.required, Validators.maxLength(50)])],
-    });
   }
 
   serverOn() {
diff --git a/src/app/controllers/panel/panel-settings/panel-settings.component.html b/src/app/controllers/panel/panel-settings/panel-settings.component.html
index fc108a9..304ad26 100644
--- a/src/app/controllers/panel/panel-settings/panel-settings.component.html
+++ b/src/app/controllers/panel/panel-settings/panel-settings.component.html
@@ -10,10 +10,14 @@
           <span>General Settings</span>
         </div>
         <div class="card-block">
-          <div>
+          <div id="empty-change" *ngIf="nothingToChange">
+            <p>There seems to be nothing here...</p>
+          </div>
+          <div *ngIf="!nothingToChange">
             <p><b>Please note:</b> Changing your server plan may have unintended side-effects such as plugin removal.
               This change may be irreversible, due to certain technical limitations of certain games.</p>
-            <button [disabled]="serverSocket.lastStatus !== 'Stopped'" data-toggle="modal" data-target="#changeModal"
+            <button [disabled]="serverSocket.lastStatus !== 'Stopped' || changeLoading" data-toggle="modal"
+                    data-target="#changeModal"
                     type="button" class="btn btn-secondary btn-block server-action">Change Plan
             </button>
           </div>
@@ -60,10 +64,11 @@ <h5 class="modal-title" id="reinstallModalLabel">Are you sure?</h5>
       </div>
     </div>
   </div>
-  <div class="modal fade" id="changeModal" tabindex="-1" role="dialog" aria-labelledby="changeModal" aria-hidden="true">
+  <div class="modal fade" id="changeModal" tabindex="-1" role="dialog" aria-labelledby="changeModal" aria-hidden="true"
+       #changeModal>
     <div class="modal-dialog" role="document">
       <div class="modal-content">
-        <form [formGroup]="changeForm" (ngSubmit)="onSubmit()">
+        <form [formGroup]="changeForm" (ngSubmit)="updatePlan()">
           <div class="modal-header">
             <h5 class="modal-title" id="changeModalLabel">Update server plan</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
@@ -75,19 +80,22 @@ <h5 class="modal-title" id="changeModalLabel">Update server plan</h5>
             <div class="form-group">
               <label for="preset">Server plan</label>
               <select id="preset" formControlName="preset" class="form-control"
-                      [ngClass]="{ 'is-invalid': submitted && createForm.controls['preset'].errors }">
-                <option *ngFor="let preset of serverPlans" [ngValue]="preset._id">{{ preset.name }}</option>
+                      [ngClass]="{ 'is-invalid': changeSubmitted && changeForm.controls['preset'].errors }">
+                <option *ngFor="let preset of presetList" [ngValue]="preset._id">{{ preset.name }}</option>
               </select>
 
-              <div *ngIf="submitted && createForm.controls['preset'].errors" class="invalid-feedback">
-                <div class="invalid" *ngIf="createForm.controls['preset'].errors.required">Type is required</div>
+              <div *ngIf="changeSubmitted && changeForm.controls['preset'].errors" class="invalid-feedback">
+                <div class="invalid" *ngIf="changeForm.controls['preset'].errors.required">Type is required</div>
               </div>
             </div>
+            <div *ngIf="error" class="invalid-feedback">
+              <div class="invalid bigerror">Failed to change preset; {{ error }}</div>
+            </div>
           </div>
           <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-            <button [disabled]="serverSocket.lastStatus !== 'Stopped'" type="button" data-dismiss="modal"
-                    (click)="removeServer()" class="btn btn-primary">Update plan
+            <button [disabled]="serverSocket.lastStatus !== 'Stopped' || changeLoading" type="submit"
+                    class="btn btn-primary">Update plan
             </button>
           </div>
         </form>
diff --git a/src/app/controllers/panel/panel-settings/panel-settings.component.scss b/src/app/controllers/panel/panel-settings/panel-settings.component.scss
index 0682e77..66a662d 100644
--- a/src/app/controllers/panel/panel-settings/panel-settings.component.scss
+++ b/src/app/controllers/panel/panel-settings/panel-settings.component.scss
@@ -11,3 +11,9 @@
     }
   }
 }
+
+#empty-change {
+  text-align: center;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
diff --git a/src/app/controllers/panel/panel-settings/panel-settings.component.ts b/src/app/controllers/panel/panel-settings/panel-settings.component.ts
index d466755..28432ce 100644
--- a/src/app/controllers/panel/panel-settings/panel-settings.component.ts
+++ b/src/app/controllers/panel/panel-settings/panel-settings.component.ts
@@ -1,4 +1,4 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import {Component, ElementRef, OnDestroy, OnInit, ViewChild} from '@angular/core';
 import {AuthenticationService} from '../../../core/services/authentication.service';
 import {ServerSocketManagerService} from '../../../core/services/server-socket-manager.service';
 import {ServerDetails} from '../../../core/models/server-details';
@@ -6,6 +6,7 @@ import {SelectedServerService} from '../../../core/services/selected-server.serv
 import {Subject} from 'rxjs';
 import {NotifierService} from 'angular-notifier';
 import {Router} from '@angular/router';
+import {FormBuilder, FormGroup, NgModel, Validators} from '@angular/forms';
 
 @Component({
   selector: 'app-panel-settings',
@@ -13,25 +14,43 @@ import {Router} from '@angular/router';
   styleUrls: ['./panel-settings.component.scss']
 })
 export class PanelSettingsComponent implements OnInit, OnDestroy {
+  @ViewChild('changeModal', {read: ElementRef}) changeModal: ElementRef;
+
   currentServer: ServerDetails;
   selectedServerEmitter: Subject<any>;
 
   loading = true;
+  error: string;
+
+  changeLoading = false;
+  changeSubmitted = false;
+  nothingToChange = false;
+  presetList: any;
 
-  constructor(private auth: AuthenticationService, public serverSocket: ServerSocketManagerService, private selectedServer: SelectedServerService, private notify: NotifierService, private router: Router) {
+  changeForm: FormGroup;
+
+  constructor(private auth: AuthenticationService, public serverSocket: ServerSocketManagerService, private selectedServer: SelectedServerService, private notify: NotifierService, private router: Router, private formBuilder: FormBuilder) {
   }
 
   updateServer() {
     this.currentServer = this.selectedServer.getCurrentServer();
 
+    if (Object.keys(this.currentServer.preset.allowSwitchingTo).length < 1)
+      this.nothingToChange = true;
+
     if (!this.currentServer.isOwner) {
       this.router.navigateByUrl('/panel');
     }
 
     this.loading = false;
+    this.presetList = this.currentServer.preset.allowSwitchingTo;
   }
 
   ngOnInit() {
+    this.changeForm = this.formBuilder.group({
+      preset: ['', Validators.compose([Validators.required, Validators.maxLength(30)])]
+    });
+
     if (this.selectedServer.getCurrentServer() !== undefined) {
       this.updateServer();
 
@@ -59,4 +78,30 @@ export class PanelSettingsComponent implements OnInit, OnDestroy {
     });
   }
 
+  updatePlan() {
+    this.changeSubmitted = true;
+    if (this.changeForm.invalid) {
+      return;
+    }
+    this.changeLoading = true;
+
+    //WTF BROWSERS ARE LITERALLY HORRIBLE
+    //This needs to set to a empty array to actually sync the actual value of the option dropdown with the one that is displayed
+    this.presetList = [];
+
+    this.auth.changePreset(this.currentServer._id, this.changeForm.controls.preset.value).subscribe(() => {
+      this.selectedServer.updateCache(true, () => {
+        this.selectedServer.reloadCurrentServer();
+        this.changeSubmitted = false;
+        this.changeLoading = false;
+        this.changeModal.nativeElement.click();
+        this.changeForm.controls.preset.setValue(undefined);
+      });
+    }, (err) => {
+      this.error = err;
+      this.changeLoading = false;
+      this.changeSubmitted = false;
+    });
+  }
+
 }
diff --git a/src/app/core/services/authentication.service.ts b/src/app/core/services/authentication.service.ts
index 4460bf6..94be3ea 100644
--- a/src/app/core/services/authentication.service.ts
+++ b/src/app/core/services/authentication.service.ts
@@ -57,6 +57,13 @@ export class AuthenticationService {
       }));
   }
 
+  changePreset(server: string, preset: string) {
+    return this.http.post<any>(this.config.getAPIURL() + 'server/' + server + '/changePreset', {preset: preset}, {headers: {Authorization: 'Token ' + this.getUser().token}})
+      .pipe(map(data => {
+        return data;
+      }));
+  }
+
   killServer(server: string) {
     return this.http.get<any>(this.config.getAPIURL() + 'server/' + server + '/power/kill', {headers: {Authorization: 'Token ' + this.getUser().token}})
       .pipe(map(data => {
diff --git a/src/app/core/services/ssanalytics.service.ts b/src/app/core/services/ssanalytics.service.ts
index 925f002..7776d08 100644
--- a/src/app/core/services/ssanalytics.service.ts
+++ b/src/app/core/services/ssanalytics.service.ts
@@ -8,7 +8,7 @@ import {HttpClient} from "@angular/common/http";
 })
 export class SSAnalyticsService {
 
-  public loadData: string;
+  public loadData: any;
 
   constructor(private http: HttpClient, private config: ConfigService) {}
 
diff --git a/src/favicon.ico b/src/favicon.ico
index 8081c7ceaf2be08bf59010158c586170d9d2d517..8dd045f598d7b0a4d0b84d867ea0832a7cc44f86 100644
GIT binary patch
literal 34494
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

literal 5430
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

diff --git a/src/styles.scss b/src/styles.scss
index f31bb74..0729608 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,3 +1,4 @@
+/* ss global */
 html, body{
   height: 100%;
   min-height: 100%;