From 8c1cdd4ddbd7595a4256e8cdcb91f1c2a4faef36 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Wed, 12 Dec 2018 20:16:20 +0900
Subject: [PATCH] Add a button to switch websocket for streaming

---
 src/config/locales/en/translation.json        |  1 +
 .../components/TimelineSpace/HeaderMenu.vue   | 21 ++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/config/locales/en/translation.json b/src/config/locales/en/translation.json
index 744dfac9..bbff8d80 100644
--- a/src/config/locales/en/translation.json
+++ b/src/config/locales/en/translation.json
@@ -73,6 +73,7 @@
       "show_replies": "Show replies",
       "apply": "Apply"
     },
+    "switch_streaming": "Use websocket for streaming",
     "new_toot": "Toot",
     "reload": "Reload",
     "settings": "Settings"
diff --git a/src/renderer/components/TimelineSpace/HeaderMenu.vue b/src/renderer/components/TimelineSpace/HeaderMenu.vue
index 7f1f3a69..8ac3c36e 100644
--- a/src/renderer/components/TimelineSpace/HeaderMenu.vue
+++ b/src/renderer/components/TimelineSpace/HeaderMenu.vue
@@ -4,6 +4,9 @@
     <h1>{{ title }}</h1>
   </div>
   <div class="tools">
+    <el-button type="text" class="action" @click="switchStreaming" :title="$t('header_menu.switch_streaming')">
+      <svg :class="useWebsocket ? 'websocket' : 'not-websocket'" width="25" height="18" viewBox="0 0 256 193" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M192.44 144.645h31.78V68.339l-35.805-35.804-22.472 22.472 26.497 26.497v63.14zm31.864 15.931H113.452L86.954 134.08l11.237-11.236 21.885 21.885h45.028l-44.357-44.441 11.32-11.32 44.357 44.358V88.296l-21.801-21.801 11.152-11.153L110.685 0H0l31.696 31.696v.084H97.436l23.227 23.227-33.96 33.96L63.476 65.74V47.712h-31.78v31.193l55.007 55.007L64.314 156.3l35.805 35.805H256l-31.696-31.529z" /></svg>
+    </el-button>
     <el-button type="text" class="action" @click="openNewTootModal" :title="$t('header_menu.new_toot')">
       <icon name="regular/edit" scale="1.1"></icon>
     </el-button>
@@ -63,7 +66,8 @@ export default {
       filter: '',
       filterVisible: false,
       showReblogs: true,
-      showReplies: true
+      showReplies: true,
+      useWebsocket: false
     }
   },
   computed: {
@@ -129,6 +133,9 @@ export default {
           break
       }
     },
+    switchStreaming () {
+      this.useWebsocket = !this.useWebsocket
+    },
     openNewTootModal () {
       this.$store.dispatch('TimelineSpace/Modals/NewToot/openModal')
     },
@@ -288,6 +295,18 @@ export default {
       &:hover {
         color: #409eff;
       }
+
+      .not-websocket {
+        fill: var(--theme-secondary-color);
+
+        &:hover {
+          fill: #409eff;
+        }
+      }
+
+      .websocket {
+        fill: #409eff;
+      }
     }
   }
 }