Merge pull request #2 from devflow/add-inventory

Add inventory

Author: devflow

src/App.vue

@@ -75,6 +75,7 @@
           <v-tab to="/">메인</v-tab>
           <v-tab to="/recruitment">공개모집</v-tab>
           <v-tab to="/operators">오퍼레이터</v-tab>
+          <v-tab to="/inventory">인벤토리</v-tab>
           <v-tab to="/about">도움말</v-tab>
         </v-tabs>
       </template>

src/router/index.js

@@ -4,6 +4,7 @@ import Home from '../views/Home.vue'
 import User from '../views/User.vue'
 import Recruitment from '../views/Recruitment'
 import Operators from '../views/Operators'
+import Inventory from '../views/Inventory'
 
 Vue.use(VueRouter)
 
@@ -23,6 +24,11 @@ const routes = [
     name: 'Recruitment',
     component: Recruitment
   },
+  {
+    path: '/inventory',
+    name: 'Inventory',
+    component: Inventory
+  },
   {
     path: '/operators',
     name: 'Operators',

src/store/index.js

@@ -25,6 +25,21 @@ export default new Vuex.Store({
         lastUpdate: s => {
             return s.lastUpdatedAt == 0 ? '-' : moment.unix(s.lastUpdatedAt).format('YYYY-MM-DD a h:mm:ss')
         },
+        inventoryPSJson: s => {
+            var inventory = s.playerData.inventory
+            var outputData = []
+
+            Object.keys(inventory).forEach(function(key) {
+                outputData.push({
+                    name: "",
+                    have: inventory[key],
+                    need: 0,
+                    id: key
+                })
+            })
+            
+            return JSON.stringify(outputData)
+        },
         getField
     },
 

src/views/Inventory.vue

@@ -0,0 +1,49 @@
+<template>
+  <v-container>
+    <p class="ma-4">
+      해당 내용을
+      <v-btn text @click="goPS">
+        명일방주 계획기
+        <v-icon>mdi-link</v-icon>
+      </v-btn>의 불러오기에 붙여 넣으면 됩니다.
+    </p>
+    <v-col cols="12" md="12">
+      <v-text-field
+        readonly
+        outlined
+        single-line
+        :value="inventoryPSJson"
+        @click:append-outer="copyJson"
+        append-outer-icon="mdi-paperclip"
+      ></v-text-field>
+    </v-col>
+    <v-snackbar v-model="copySnak" color="blue" top :timeout="3000">클립보드에 복사되었습니다.</v-snackbar>
+  </v-container>
+</template>
+
+<script>
+const { shell, clipboard } = require("electron");
+import { mapGetters } from "vuex";
+
+export default {
+  name: "Inventory",
+
+  data: () => ({
+      copySnak: false
+  }),
+
+  computed: {
+    ...mapGetters(["inventoryPSJson"])
+  },
+
+  methods: {
+    goPS() {
+      shell.openExternal("https://penguin-stats.io/planner");
+    },
+    copyJson() {
+        this.copySnak = true
+      clipboard.writeText(this.inventoryPSJson);
+    }
+  }
+};
+</script>