From c2e8247a583a6acbf96b140d718410662c8f64f2 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 19 Apr 2020 00:14:16 -0400
Subject: [PATCH] added timelines settings UI

---
 .../settings/settings.component.html          | 37 ++++++++++++++++---
 .../settings/settings.component.ts            | 16 ++++++++
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 25cb6d8c..c4dcf825 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -91,16 +91,41 @@
                     [(ngModel)]="setContentHidedCompletely" placeholder="example;other example" />
             </div>
 
-            <span class="sub-section__title" *ngIf="contentWarningPolicyChanged"><br/>this settings needs a <a href (click)="reload()">reload</a> to be effective.</span>
+            <span class="sub-section__title" *ngIf="contentWarningPolicyChanged"><br />this settings needs a <a href
+                    (click)="reload()">reload</a> to be effective.</span>
+        </div>
+
+        <h4 class="panel__subtitle">Timelines</h4>
+        <div class="sub-section">
+            <span class="sub-section__title">loading behavior:</span><br />
+
+            <input class="sub-section__checkbox" [checked]="timeLineMode === 1" (change)="onTimeLineModeChange(1)"
+                type="radio" name="timelinemode-1" value="timelinemode-1" id="timelinemode-1">
+            <label class="noselect sub-section__label" for="timelinemode-1">Load new statuses only on top</label>
+            <br>
+
+            <input class="sub-section__checkbox" [checked]="timeLineMode === 2" (change)="onTimeLineModeChange(2)"
+                type="radio" name="timelinemode-2" value="timelinemode-2" id="timelinemode-2">
+            <label class="noselect sub-section__label" for="timelinemode-2">Continuously loading new statuses</label>
+            <br>
+
+            <input class="sub-section__checkbox" [checked]="timeLineMode === 3" (change)="onTimeLineModeChange(3)"
+                type="radio" name="timelinemode-3" value="timelinemode-3" id="timelinemode-3">
+            <label class="noselect sub-section__label" for="timelinemode-3">Slow mode (manual loading)</label>
+            <br>
+
+            <span class="sub-section__title" *ngIf="timeLineModeChanged">this settings needs a <a href
+                    (click)="reload()">reload</a> to be effective.</span>
         </div>
 
         <h4 class="panel__subtitle">Other</h4>
         <div class="sub-section">
             <input class="sub-section__checkbox" [(ngModel)]="disableRemoteStatusFetchingEnabled"
-                (change)="onDisableRemoteStatusFetchingChanged()" type="checkbox" name="disableRemoteFetching" value="disableRemoteFetching"
-                id="disableRemoteFetching">
-            <label class="noselect sub-section__label" for="disableRemoteFetching">disable remote status fetching</label>
-            <br>
+                (change)="onDisableRemoteStatusFetchingChanged()" type="checkbox" name="disableRemoteFetching"
+                value="disableRemoteFetching" id="disableRemoteFetching">
+            <label class="noselect sub-section__label" for="disableRemoteFetching">disable remote status
+                fetching</label>
+            <br>            
         </div>
 
         <h4 class="panel__subtitle">About</h4>
@@ -128,7 +153,7 @@
                 (click)="cancelClearAll()">
                 Cancel
             </a>
-            <br/>
+            <br />
         </div>
 
     </div>
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index 959111ed..f4c63035 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -29,6 +29,9 @@ export class SettingsComponent implements OnInit {
     columnShortcutEnabled: ColumnShortcut = ColumnShortcut.Ctrl;
     columnShortcutChanged = false;
 
+    timeLineMode: TimeLineMode = TimeLineMode.OnTop;
+    timeLineModeChanged = false;
+
     contentWarningPolicy: ContentWarningPolicyEnum = ContentWarningPolicyEnum.None;
     contentWarningPolicyChanged = false;
 
@@ -102,6 +105,13 @@ export class SettingsComponent implements OnInit {
         this.toolsService.saveSettings(settings);
     }
 
+    onTimeLineModeChange(id: TimeLineMode){
+        this.timeLineMode = id;
+        this.timeLineModeChanged = true;
+
+        
+    }
+
     onCwPolicyChange(id: ContentWarningPolicyEnum) {
         this.contentWarningPolicy = id;
         this.contentWarningPolicyChanged = true;
@@ -226,4 +236,10 @@ export class SettingsComponent implements OnInit {
 enum ColumnShortcut {
     Ctrl = 1,
     Win = 2
+}
+
+enum TimeLineMode {
+    OnTop = 1,
+    Continuous = 2,
+    SlowMode = 3
 }
\ No newline at end of file