From 444b38e0e558f4ff2de83802a899510a893a5374 Mon Sep 17 00:00:00 2001
From: Cathy Hu <cathy.hu@fau.de>
Date: Tue, 1 Sep 2020 20:00:10 +0200
Subject: [PATCH] [frontend] Implement twitter start, stop

---
 .../twitter-settings.component.html           |  5 +++-
 .../twitter-settings.component.ts             | 30 ++++++++++++++++++-
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.html b/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.html
index 794e5a2..69f4765 100644
--- a/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.html
+++ b/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.html
@@ -26,7 +26,10 @@
       <mat-list-item *ngFor="let twitter of twitters">
         <div class="entry">
           @{{ twitter.username }}
-          <mat-slide-toggle></mat-slide-toggle>
+          <mat-slide-toggle
+            [checked]="twitter.enabled === 1"
+            (change)="onChange(twitter)"
+          ></mat-slide-toggle>
           <button
             mat-icon-button
             [matMenuTriggerFor]="menu"
diff --git a/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts b/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
index af15bd4..dd0c8d2 100644
--- a/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
+++ b/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
 import { TwitterService } from 'src/app/core/api';
 import { TwitterInfoDialogComponent } from '../twitter-info-dialog/twitter-info-dialog.component';
 import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 @Component({
   selector: 'app-twitter-settings',
@@ -15,7 +16,8 @@ export class TwitterSettingsComponent implements OnInit {
 
   constructor(
     private twitterService: TwitterService,
-    public dialog: MatDialog
+    public dialog: MatDialog,
+    private snackBar: MatSnackBar
   ) {}
 
   ngOnInit(): void {
@@ -46,4 +48,30 @@ export class TwitterSettingsComponent implements OnInit {
       }
     });
   }
+
+  onChange(twitter) {
+    if (twitter.enabled === 0) {
+      this.twitterService.startTwitter(twitter.id, this.hoodId).subscribe(
+        () => {},
+        (error) => {
+          this.snackBar.open('Could not start. Check your settings.', 'Close', {
+            duration: 2000,
+          });
+        }
+      );
+    } else if (twitter.enabled === 1) {
+      this.twitterService.stopTwitter(twitter.id, this.hoodId).subscribe(
+        () => {},
+        (error) => {
+          this.snackBar.open('Could not stop. Check your settings.', 'Close', {
+            duration: 2000,
+          });
+        }
+      );
+    }
+    // TODO yeah i know this is bad, implement disabling/enabling
+    setTimeout(() => {
+      this.reload();
+    }, 100);
+  }
 }