From ab66a87854fddf242baed3a21916b83af5d74f8a Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Mon, 22 Jun 2020 15:34:05 +0100
Subject: [PATCH] added copy/download button
This is a work around and I dont think is obvious at all but it allows for testing and playing
---
app/src/components/UploadLayer.vue | 24 +++++---
app/src/experimental/ModeToolbar.vue | 8 ++-
app/src/experimental/icons/library/copy.vue | 64 +++++++++++++++++++++
app/src/experimental/icons/library/index.js | 2 +
app/src/experimental/modes/index.js | 11 ++++
app/src/views/Home.vue | 10 +++-
6 files changed, 108 insertions(+), 11 deletions(-)
create mode 100644 app/src/experimental/icons/library/copy.vue
diff --git a/app/src/components/UploadLayer.vue b/app/src/components/UploadLayer.vue
index 406a65e..62e0145 100644
--- a/app/src/components/UploadLayer.vue
+++ b/app/src/components/UploadLayer.vue
@@ -39,7 +39,7 @@ export default {
props: {
uploadready: Boolean,
- // copyready: Boolean,
+ copyready: Boolean,
},
data: function () {
return {
@@ -61,11 +61,18 @@ export default {
watch: {
uploadready: function (newVal) {
// watch it
- console.log(newVal)
+ //console.log(newVal)
if (newVal == true) {
document.getElementById('file').click()
}
},
+ copyready: function (newVal2) {
+ // watch it
+ //console.log(newVal2)
+ if (newVal2 == true) {
+ document.getElementById('copyme').click()
+ }
+ },
},
methods: {
async getIpfsNodeInfo() {
@@ -110,14 +117,14 @@ export default {
},
copyClipBoard(e) {
- this.copytext = 'https://ipfs.io/ipfs/' + e
- this.copyready = true
- setTimeout(this.copyClick, 1000)
+ this.copytext = ''
+ //this.copyready = true
+ // setTimeout(this.copyClick, 1000)
},
- copyClick() {
- document.getElementById('copyme').click()
- },
+ // copyClick() {
+ // document.getElementById('copyme').click()
+ // },
copyDone() {
var copyHash = document.getElementById('ipfshash')
@@ -126,6 +133,7 @@ export default {
copyHash.setSelectionRange(0, 99999) /*For mobile devices*/
document.execCommand('copy')
this.$emit('uploadAdded')
+ this.$emit('copyDone')
},
},
}
diff --git a/app/src/experimental/ModeToolbar.vue b/app/src/experimental/ModeToolbar.vue
index 44c0c2b..17a1462 100644
--- a/app/src/experimental/ModeToolbar.vue
+++ b/app/src/experimental/ModeToolbar.vue
@@ -15,7 +15,7 @@
</template>
<script>
-var serverUrl = 'http://127.0.0.1:5984'
+var serverUrl = 'http://nodenogg.in'
import { mapState, mapGetters } from 'vuex'
import * as allModes from '@/experimental/modes'
@@ -48,6 +48,12 @@ export default {
// this.selectedFile = event.target.files[0]
// }
}
+ if (mode == 'copy') {
+ this.$emit('copyDone')
+ // onFileSelected(event) {
+ // this.selectedFile = event.target.files[0]
+ // }
+ }
},
isActive(mode) {
diff --git a/app/src/experimental/icons/library/copy.vue b/app/src/experimental/icons/library/copy.vue
new file mode 100644
index 0000000..a5f90c1
--- /dev/null
+++ b/app/src/experimental/icons/library/copy.vue
@@ -0,0 +1,64 @@
+<template>
+ <g>
+ <circle cx="6.5" cy="30.5" r="5.5" fill="black" />
+ <circle cx="40.5" cy="30.5" r="5.5" fill="black" />
+ <circle cx="17.5" cy="27.5" r="8.5" fill="black" />
+ <circle cx="28.5" cy="25.5" r="10.5" fill="black" />
+ <rect x="6" y="31" width="35" height="5" fill="black" />
+ <circle
+ cx="9.5"
+ cy="25.5"
+ r="4.5"
+ fill="white"
+ stroke="black"
+ stroke-width="2"
+ />
+ <circle
+ cx="43.5"
+ cy="25.5"
+ r="4.5"
+ fill="white"
+ stroke="black"
+ stroke-width="2"
+ />
+ <circle
+ cx="20.5"
+ cy="22.5"
+ r="7.5"
+ fill="white"
+ stroke="black"
+ stroke-width="2"
+ />
+ <circle
+ cx="31.5"
+ cy="20.5"
+ r="9.5"
+ fill="white"
+ stroke="black"
+ stroke-width="2"
+ />
+ <rect x="9" y="23" width="35" height="6" fill="white" />
+ <rect x="9" y="23" width="12" height="5" fill="white" />
+ <rect x="18" y="21" width="9" height="6" fill="white" />
+ <rect
+ x="44.0038"
+ y="27.99"
+ width="21"
+ height="5"
+ transform="rotate(179.956 44.0038 27.99)"
+ fill="white"
+ />
+ <rect
+ x="40.0031"
+ y="24.9931"
+ width="10"
+ height="4"
+ transform="rotate(179.956 40.0031 24.9931)"
+ fill="white"
+ />
+ <path
+ d="M30.4747 27.5307C30.7678 27.8234 31.2427 27.823 31.5353 27.5299L36.3046 22.7533C36.5973 22.4602 36.5969 21.9853 36.3038 21.6926C36.0107 21.4 35.5358 21.4003 35.2432 21.6934L31.0038 25.9393L26.7579 21.7C26.4648 21.4073 25.9899 21.4076 25.6972 21.7008C25.4046 21.9939 25.4049 22.4688 25.698 22.7614L30.4747 27.5307ZM30.2454 15.0006L30.2546 27.0006L31.7546 26.9994L31.7454 14.9994L30.2454 15.0006Z"
+ fill="black"
+ />
+ </g>
+</template>
diff --git a/app/src/experimental/icons/library/index.js b/app/src/experimental/icons/library/index.js
index 8568f9a..dbb449d 100644
--- a/app/src/experimental/icons/library/index.js
+++ b/app/src/experimental/icons/library/index.js
@@ -10,6 +10,7 @@ import plus from './plus'
import select from './select'
import upload from './upload'
import exit from './exit'
+import copy from './copy'
export {
addNode,
@@ -24,4 +25,5 @@ export {
select,
upload,
exit,
+ copy,
}
diff --git a/app/src/experimental/modes/index.js b/app/src/experimental/modes/index.js
index cbfbf50..1aad869 100644
--- a/app/src/experimental/modes/index.js
+++ b/app/src/experimental/modes/index.js
@@ -64,6 +64,17 @@ export const upload = {
shortcut: false,
}
+export const copy = {
+ name: 'copy',
+ view: {
+ pan: false,
+ zoom: false,
+ },
+ icon: 'copy',
+ cursor: 'copy',
+ shortcut: false,
+}
+
export const exit = {
name: 'exit',
view: {
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index 36c9bda..744ed31 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -79,11 +79,14 @@
@offlineTriggered="offlineTriggered()"
@onlineTriggered="onlineTriggered()"
@uploadAdded="uploadAdded()"
+ @copyDone="copyDone()"
/>
<ViewToolbar />
<UploadLayer
v-bind:uploadready="uploadready"
+ v-bind:copyready="copyready"
@uploadAdded="uploadAdded()"
+ @copyDone="copyDone()"
/>
</div>
</div>
@@ -117,6 +120,7 @@ export default {
listview: false,
offline: false,
uploadready: false,
+ copyready: false,
}
},
computed: {
@@ -165,11 +169,13 @@ export default {
},
uploadAdded() {
- //
- console.log('step one')
this.uploadready = !this.uploadready
},
+ copyDone() {
+ this.copyready = !this.copyready
+ },
+
clientAdded() {
this.clientset = !this.clientset
},
--
GitLab