From f87311760ad5fe059144723b07786e9a62ee8635 Mon Sep 17 00:00:00 2001
From: Molunerfinn <marksz@teamsz.xyz>
Date: Wed, 27 Feb 2019 11:11:48 +0800
Subject: [PATCH] Fixed: #189 || added change picbed button for upload page

---
 src/renderer/pages/Upload.vue | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/renderer/pages/Upload.vue b/src/renderer/pages/Upload.vue
index 9344765..d63c261 100644
--- a/src/renderer/pages/Upload.vue
+++ b/src/renderer/pages/Upload.vue
@@ -3,7 +3,7 @@
     <el-row :gutter="16">
       <el-col :span="20" :offset="2">
         <div class="view-title">
-          图片上传 - {{ picBedName }}
+          图片上传 - {{ picBedName }} <i class="el-icon-caret-bottom" @click="handleChangePicBed"></i>
         </div>
         <div
           id="upload-area"
@@ -66,7 +66,8 @@ export default {
       showError: false,
       pasteStyle: '',
       picBed: [],
-      picBedName: ''
+      picBedName: '',
+      menu: null
     }
   },
   mounted () {
@@ -149,6 +150,25 @@ export default {
     getPicBeds (event, picBeds) {
       this.picBed = picBeds
       this.getDefaultPicBed()
+    },
+    handleChangePicBed () {
+      this.buildMenu()
+      this.menu.popup(this.$electron.remote.getCurrentWindow())
+    },
+    buildMenu () {
+      const _this = this
+      const submenu = this.picBed.map(item => {
+        return {
+          label: item.name,
+          type: 'radio',
+          checked: this.$db.read().get('picBed.current').value() === item.type,
+          click () {
+            _this.$db.read().set('picBed.current', item.type).write()
+            _this.$electron.ipcRenderer.send('syncPicBed')
+          }
+        }
+      })
+      this.menu = this.$electron.remote.Menu.buildFromTemplate(submenu)
     }
   }
 }