From 51e6f891ac325554a17c4fe304f0adf475f34b2c Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Wed, 11 Apr 2018 23:12:51 +0900
Subject: [PATCH] refs #199 Change visibility in new toot

---
 .../TimelineSpace/Modals/NewToot.vue          | 31 ++++++++++++++-----
 .../store/TimelineSpace/Modals/NewToot.js     |  6 +++-
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Modals/NewToot.vue b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
index 5bd5c598ce..ff608405de 100644
--- a/src/renderer/components/TimelineSpace/Modals/NewToot.vue
+++ b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
@@ -21,13 +21,13 @@
         <input name="image" type="file" class="image-input" ref="image" @change="updateImage" :key="attachedImageId"/>
       </div>
       <div class="privacy">
-        <el-dropdown trigger="click">
-          <el-button size="small" type="text"><icon name="globe"></icon></el-button>
+        <el-dropdown trigger="click" @command="changeVisibility">
+          <el-button size="small" type="text"><icon :name="visibilityIcon"></icon></el-button>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item><icon name="globe" class="privacy-icon"></icon>Public</el-dropdown-item>
-            <el-dropdown-item><icon name="unlock" class="privacy-icon"></icon>Unlisted</el-dropdown-item>
-            <el-dropdown-item><icon name="lock" class="privacy-icon"></icon>Private</el-dropdown-item>
-            <el-dropdown-item><icon name="envelope" class="privacy-icon" scale="0.8"></icon>Direct</el-dropdown-item>
+            <el-dropdown-item command="public"><icon name="globe" class="privacy-icon"></icon>Public</el-dropdown-item>
+            <el-dropdown-item command="unlisted"><icon name="unlock" class="privacy-icon"></icon>Unlisted</el-dropdown-item>
+            <el-dropdown-item command="private"><icon name="lock" class="privacy-icon"></icon>Private</el-dropdown-item>
+            <el-dropdown-item command="direct"><icon name="envelope" class="privacy-icon" scale="0.8"></icon>Direct</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
@@ -59,7 +59,21 @@ export default {
         }
       },
       attachedMedias: state => state.TimelineSpace.Modals.NewToot.attachedMedias,
-      blockSubmit: state => state.TimelineSpace.Modals.NewToot.blockSubmit
+      blockSubmit: state => state.TimelineSpace.Modals.NewToot.blockSubmit,
+      visibilityIcon: (state) => {
+        switch (state.TimelineSpace.Modals.NewToot.visibility) {
+          case 'public':
+            return 'globe'
+          case 'unlisted':
+            return 'unlock'
+          case 'private':
+            return 'lock'
+          case 'direct':
+            return 'envelope'
+          default:
+            return 'globe'
+        }
+      }
     }),
     newTootModal: {
       get () {
@@ -171,6 +185,9 @@ export default {
     },
     resetImage () {
       ++this.attachedImageId
+    },
+    changeVisibility (level) {
+      this.$store.commit('TimelineSpace/Modals/NewToot/changeVisibility', level)
     }
   }
 }
diff --git a/src/renderer/store/TimelineSpace/Modals/NewToot.js b/src/renderer/store/TimelineSpace/Modals/NewToot.js
index 0b3ca82171..03572138cf 100644
--- a/src/renderer/store/TimelineSpace/Modals/NewToot.js
+++ b/src/renderer/store/TimelineSpace/Modals/NewToot.js
@@ -9,7 +9,8 @@ const NewToot = {
     status: '',
     replyToMessage: null,
     blockSubmit: false,
-    attachedMedias: []
+    attachedMedias: [],
+    visibility: 'public'
   },
   mutations: {
     changeModal (state, value) {
@@ -32,6 +33,9 @@ const NewToot = {
     },
     removeMedia (state, media) {
       state.attachedMedias = state.attachedMedias.filter(m => m.id !== media.id)
+    },
+    changeVisibility (state, value) {
+      state.visibility = value
     }
   },
   actions: {