add basic QR functionality (#126)

filebrowser · Mar 20, 2019 · 4e15b82 · 4e15b82
1 parent ed0ea34
commit 4e15b82
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "moment": "^2.24.0",
     "normalize.css": "^8.0.1",
     "noty": "^3.2.0-beta",
+    "qrcode.vue": "^1.6.1",
     "vue": "^2.6.9",
     "vue-i18n": "^8.9.0",
     "vue-router": "^3.0.2",

diff --git a/src/views/Share.vue b/src/views/Share.vue
@@ -14,6 +14,7 @@
             <path d="M0 0h24v24H0z" fill="none"/>
           </svg>
           <h1 class="share__box__title">{{ file.name }}</h1>
+          <qrcode-vue :value="fullLink" size="200" level="M"></qrcode-vue>
         </div>
       </div>
     </a>
@@ -23,9 +24,13 @@
 <script>
 import { share as api } from '@/api'
 import { baseURL } from '@/utils/constants'
+import QrcodeVue from 'qrcode.vue'
 
 export default {
   name: 'share',
+  components: {
+    QrcodeVue
+  },
   data: () => ({
     loaded: false,
     notFound: false,
@@ -44,6 +49,9 @@ export default {
     link: function () {
       return `${baseURL}/api/public/dl/${this.hash}`
     },
+    fullLink: function () {
+      return window.location.origin + this.link
+    },
   },
   methods: {
     fetchData: async function () {