From d042c93bec2794979bc44cac1504bbb024cfab44 Mon Sep 17 00:00:00 2001
From: Molunerfinn <marksz@teamsz.xyz>
Date: Sat, 28 Apr 2018 00:16:17 +0800
Subject: [PATCH] Added: picgo-setting page

---
 src/datastore/pic-bed.js                      | 39 ++++++---
 src/renderer/components/SettingPage.vue       | 39 ++++-----
 .../components/SettingView/Gallery.vue        |  2 +-
 .../components/SettingView/PicGoSetting.vue   | 84 +++++++++++++++++++
 .../components/SettingView/Upload.vue         |  6 +-
 src/renderer/router/index.js                  |  5 ++
 6 files changed, 138 insertions(+), 37 deletions(-)
 create mode 100644 src/renderer/components/SettingView/PicGoSetting.vue

diff --git a/src/datastore/pic-bed.js b/src/datastore/pic-bed.js
index 42d61e5..79643b7 100644
--- a/src/datastore/pic-bed.js
+++ b/src/datastore/pic-bed.js
@@ -1,24 +1,41 @@
+import weiboUpload from '../main/utils/weiboUpload'
+import qiniuUpload from '../main/utils/qiniuUpload'
+import tcYunUpload from '../main/utils/tcYunUpload'
+import upYunUpload from '../main/utils/upYunUpload'
+import githubUpload from '../main/utils/githubUpload'
+
 const picBed = [
   {
-    title: '微博图床',
-    value: 'weibo'
+    type: 'weibo',
+    name: '微博图床'
   },
   {
-    title: '七牛云',
-    value: 'qiniu'
+    type: 'qiniu',
+    name: '七牛图床'
   },
   {
-    title: '腾讯COS',
-    value: 'tcyun'
+    type: 'tcyun',
+    name: '腾讯云COS'
   },
   {
-    title: '又拍云',
-    value: 'upyun'
+    type: 'upyun',
+    name: '又拍云图床'
   },
   {
-    title: 'GitHub图床',
-    value: 'github'
+    type: 'github',
+    name: 'GitHub图床'
   }
 ]
 
-export default picBed
+const picBedHandler = {
+  weibo: weiboUpload,
+  qiniu: qiniuUpload,
+  tcyun: tcYunUpload,
+  upyun: upYunUpload,
+  github: githubUpload
+}
+
+export {
+  picBed,
+  picBedHandler
+}
diff --git a/src/renderer/components/SettingPage.vue b/src/renderer/components/SettingPage.vue
index 7401fb7..b1c7b32 100644
--- a/src/renderer/components/SettingPage.vue
+++ b/src/renderer/components/SettingPage.vue
@@ -13,6 +13,7 @@
           class="picgo-sidebar"
           :default-active="defaultActive"
           @select="handleSelect"
+          :unique-opened="true"
           >
           <el-menu-item index="upload">
             <i class="el-icon-upload"></i>
@@ -29,29 +30,21 @@
               <i class="el-icon-menu"></i>
               <span>图床设置</span>
             </template>
-            <el-menu-item index="weibo">
-              <i class="el-icon-ui-weibo"></i>
-              <span slot="title">微博设置</span>
-            </el-menu-item>
-            <el-menu-item index="qiniu">
-              <i class="el-icon-ui-qiniu"></i>
-              <span slot="title">七牛云设置</span>
-            </el-menu-item>
-            <el-menu-item index="tcyun">
-              <i class="el-icon-ui-tcyun"></i>
-              <span slot="title">腾讯COS设置</span>
-            </el-menu-item>
-            <el-menu-item index="upyun">
-              <i class="el-icon-ui-upyun"></i>
-              <span slot="title">又拍云设置</span>
-            </el-menu-item>
-            <el-menu-item index="github">
-              <i class="el-icon-ui-github"></i>
-              <span slot="title">GitHub设置</span>
+            <el-menu-item
+              v-for="item in picBed"
+              :index="item.type"
+              :key="item.type"
+            >
+              <i :class="`el-icon-ui-${item.type}`"></i>
+              <span slot="title">{{ item.name }}</span>
             </el-menu-item>
           </el-submenu>
+          <el-menu-item index="setting">
+            <i class="el-icon-setting"></i>
+            <span slot="title">PicGo设置</span>
+          </el-menu-item>
         </el-menu>
-        <i class="el-icon-setting" @click="openDialog"></i>
+        <i class="el-icon-setting setting-window" @click="openDialog"></i>
       </el-col>
       <el-col :span="19" :offset="5">
         <router-view></router-view>
@@ -157,6 +150,7 @@ import pkg from '../../../package.json'
 import keyDetect from 'utils/key-binding'
 import { remote } from 'electron'
 import db from '../../datastore'
+import { picBed } from '../../datastore/pic-bed'
 const { Menu, dialog, BrowserWindow } = remote
 export default {
   name: 'setting-page',
@@ -186,7 +180,8 @@ export default {
       os: '',
       shortKey: {
         upload: db.read().get('shortKey.upload').value()
-      }
+      },
+      picBed
     }
   },
   created () {
@@ -323,7 +318,7 @@ export default {
     overflow-x hidden
     overflow-y auto
     width 170px
-    .el-icon-setting
+    .el-icon-setting.setting-window
       position fixed 
       bottom 4px
       left 4px
diff --git a/src/renderer/components/SettingView/Gallery.vue b/src/renderer/components/SettingView/Gallery.vue
index be9f5c9..84f7c48 100644
--- a/src/renderer/components/SettingView/Gallery.vue
+++ b/src/renderer/components/SettingView/Gallery.vue
@@ -20,7 +20,7 @@
             >
             </div>
             <div class="gallery-list__tool-panel">
-              <i class="el-icon-document" @click="copy(item)"></i>
+              <i class="el-icon-document" @click="copy(item.imgUrl)"></i>
               <i class="el-icon-edit-outline" @click="openDialog(item)"></i>
               <i class="el-icon-delete" @click="remove(item.id)"></i>
             </div> 
diff --git a/src/renderer/components/SettingView/PicGoSetting.vue b/src/renderer/components/SettingView/PicGoSetting.vue
new file mode 100644
index 0000000..3644330
--- /dev/null
+++ b/src/renderer/components/SettingView/PicGoSetting.vue
@@ -0,0 +1,84 @@
+<template>
+  <div id="picgo-setting">
+    <el-row :gutter="16">
+      <el-col :span="12" :offset="6">
+        <div class="view-title">
+          PicGo设置
+        </div>
+        <el-form
+          label-width="120px"
+          label-position="right"
+          size="small"
+        >
+          <el-form-item
+            label="设定快捷键"
+          >
+            <el-button type="primary" round size="mini">点击设置</el-button>
+          </el-form-item>
+          <el-form-item
+            label="自定义链接格式"
+          >
+            <el-button type="primary" round size="mini">点击设置</el-button>
+          </el-form-item>
+          <el-form-item
+            label="打开更新助手"
+          >
+            <el-switch
+              v-model="form.updateHelper"
+              active-text="开"
+              inactive-text="关"
+            ></el-switch>
+          </el-form-item>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+export default {
+  name: 'picgo-setting',
+  data () {
+    return {
+      form: {
+        updateHelper: false
+      }
+    }
+  }
+}
+</script>
+<style lang='stylus'>
+.el-message
+  left 60%
+.view-title
+  color #eee
+  font-size 20px
+  text-align center
+  margin 20px auto
+#picgo-setting
+  .el-form
+    label  
+      line-height 32px
+      padding-bottom 0
+      color #eee
+    .el-button-group
+      width 100%
+      .el-button
+        width 50%
+    .el-input__inner
+      border-radius 19px
+    .el-radio-group
+      margin-left 25px
+    .el-switch__label
+      color #eee
+      &.is-active
+        color #409EFF
+    .el-icon-question
+      font-size 20px
+      float right
+      margin-top 9px
+      color #eee
+      cursor pointer
+      transition .2s color ease-in-out
+      &:hover
+        color #409EFF
+</style>
\ No newline at end of file
diff --git a/src/renderer/components/SettingView/Upload.vue b/src/renderer/components/SettingView/Upload.vue
index 42ed2b4..410fe5c 100644
--- a/src/renderer/components/SettingView/Upload.vue
+++ b/src/renderer/components/SettingView/Upload.vue
@@ -54,7 +54,7 @@
 </template>
 <script>
 import mixin from '../mixin'
-import picBed from '../../../datastore/pic-bed'
+import { picBed } from '../../../datastore/pic-bed'
 export default {
   name: 'upload',
   mixins: [mixin],
@@ -133,8 +133,8 @@ export default {
     getDefaultPicBed () {
       const current = this.$db.read().get('picBed.current').value()
       picBed.forEach(item => {
-        if (item.value === current) {
-          this.picBed = item.title
+        if (item.type === current) {
+          this.picBed = item.name
         }
       })
     }
diff --git a/src/renderer/router/index.js b/src/renderer/router/index.js
index c16e32d..1c70706 100644
--- a/src/renderer/router/index.js
+++ b/src/renderer/router/index.js
@@ -49,6 +49,11 @@ export default new Router({
           path: 'gallery',
           component: require('@/components/SettingView/Gallery').default,
           name: 'gallery'
+        },
+        {
+          path: 'setting',
+          component: require('@/components/SettingView/PicGoSetting').default,
+          name: 'setting'
         }
       ]
     },