bump to v0.5.33: add a copy button, copy raw markdown into clipboard, f…

…ix #86

docker-compose.mirror.yml

@@ -1,4 +1,4 @@
 version: '3'
 services:
   source-analysis-system:
-    image: m.daocloud.io/ghcr.io/ssst0n3/source-analysis-system:v0.5.32
+    image: m.daocloud.io/ghcr.io/ssst0n3/source-analysis-system:v0.5.33

docker-compose.yml

@@ -8,7 +8,7 @@ services:
     volumes:
       - source-analysis-system_secret:/secret
   source-analysis-system:
-    image: ghcr.io/ssst0n3/source-analysis-system:v0.5.32
+    image: ghcr.io/ssst0n3/source-analysis-system:v0.5.33
     restart: always
     ports:
       - "16080:8080"

frontend/package.json

@@ -20,6 +20,7 @@
     "marked-gfm-heading-id": "^3.0.6",
     "marked-highlight": "^2.0.4",
     "vue": "^2.6.14",
+    "vue-clipboard2": "^0.3.3",
     "vue-cookies": "^1.8.3",
     "vue-lightweight_restful": "^1.1.19",
     "vue-router": "^3.5.2",

frontend/src/components/Card/Tool/CopyButton.vue

@@ -0,0 +1,37 @@
+<template>
+  <b-badge pill :variant="copied ? 'success' : 'info'"
+           v-clipboard:copy="node.markdown"
+           v-clipboard:success="success">
+    <b-link class="text-white">
+      <b-icon-clipboard-check v-if="copied"/>
+      <b-icon-clipboard v-else/>
+    </b-link>
+  </b-badge>
+</template>
+
+<script>
+export default {
+  name: "CopyButton",
+  props: {
+    node: Object,
+  },
+  data() {
+    return {
+      copied: false,
+    }
+  },
+  methods: {
+    success() {
+      this.$bvToast.toast("copied " + this.node.markdown.slice(0, 10) + '...', {
+            title: "Copy " + this.node.ID,
+            variant: 'success'
+          }
+      )
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

frontend/src/components/Card/Tool/EditButton.vue

@@ -1,9 +1,7 @@
 <template functional>
-<span>
-    <b-badge pill variant="info" @click.stop="props.save({update: true})">
-      <b-link class="text-white">
-        <b-icon-pencil/>
-      </b-link>
-    </b-badge>
-</span>
+  <b-badge pill variant="info" @click.stop="props.save({update: true})">
+    <b-link class="text-white">
+      <b-icon-pencil/>
+    </b-link>
+  </b-badge>
 </template>

frontend/src/components/Card/Tool/ToolBar.vue

@@ -2,10 +2,11 @@
   <span>
     <NaviButton :static-view="staticView" :node="node"
                 v-on:save="save" v-on:navi="$emit('navi', arguments)"/>
-    <AddButton class="ml-1"
-               :directions="directions" :save="save"/>
-    <EditButton class="ml-3"
-                :save="save"/>
+    <span class="ml-3"><AddButton :directions="directions" :save="save"/></span>
+    <span class="ml-3">
+      <CopyButton :node="node"/>
+      <EditButton :save="save"/>
+    </span>
     <CollapseButton class="ml-3"
                     :node="node"/>
     <RemoveButton :node="node"/>
@@ -19,10 +20,11 @@ import CollapseButton from "@/components/Card/Tool/CollapseButton";
 import RemoveButton from "@/components/Card/Tool/RemoveButton";
 import EditButton from "@/components/Card/Tool/EditButton";
 import consts from "@/util/const";
+import CopyButton from "@/components/Card/Tool/CopyButton";
 
 export default {
   name: "ToolBar",
-  components: {EditButton, RemoveButton, CollapseButton, NaviButton, AddButton},
+  components: {CopyButton, EditButton, RemoveButton, CollapseButton, NaviButton, AddButton},
   props: {
     node: Object,
     staticView: Boolean,

frontend/src/main.js

@@ -31,6 +31,10 @@ VMdEditor.use(githubTheme, {
 });
 Vue.use(VMdEditor)
 
+// copy to clipboard
+import VueClipboard from 'vue-clipboard2'
+Vue.use(VueClipboard)
+
 import router from '@/router'
 
 Vue.config.productionTip = false