Newer
Older
<!-- <BaseButton class="new" buttonClass="action" @click="addNode()"
> -->
<svg
xmlns="http://www.w3.org/2000/svg"
width="80"
viewBox="0 0 143 106"
class="icon"
@click="addNode()"
<g transform="translate(-1345 -843)">
<g class="a" transform="translate(1345 865)">
<rect class="d" width="127" height="84" />
<rect class="e" x="0.5" y="0.5" width="126" height="83" />
</g>
<g class="b" transform="translate(1361 843)">
<rect class="d" width="127" height="84" />
<rect class="e" x="3.5" y="3.5" width="120" height="77" />
</g>
<line class="c" x2="41" transform="translate(1406.5 884.5)" />
<line class="c" y2="41" transform="translate(1426.5 863.5)" />
</g>
</svg>
<BaseButton class="new" buttonClass="action" @click="uploadAdded()"
>Upload</BaseButton
>
<BaseButton class="new" buttonClass="action" @click="copyDone()"
@upload-added="uploadAdded()"
@copy-done="copyDone()"
<WelcomeList
v-for="value in otherNodes"
v-bind:key="value.node_id"
v-bind:nodeid="value.node_id"
v-bind:nodetext="value.node_text"
v-bind:deleted="value.deleted"
/>
<OnBoard @client-added="clientAdded()" @edit-true="(e) => editTrue(e)" />
</div>
</div>
</template>
<script>
import OnBoard from '@/components/OnBoard'
import { shortcutsMixin } from '@/components/mixins/shortcutsMixin.js'
data: function () {
return {
clientset: false,
computed: {
...mapState({
myNodes: (state) => state.myNodes,
created() {
if (typeof window !== 'undefined') {
document.addEventListener('keydown', this.handleKeyPress)
}
},
var e = false
this.$store.dispatch('shortcutState', e)
beforeDestroy() {
if (typeof window !== 'undefined') {
document.removeEventListener('keydown', this.handleKeyPress)
}
},
methods: {
clientAdded() {
this.clientset = !this.clientset
},
},
editTrue(e) {
this.$store.dispatch('shortcutState', e)
},
uploadAdded() {
this.uploadready = !this.uploadready
},
copyDone() {
this.copyready = !this.copyready
// alert(
// 'Now all you need to do is paste into a new node to display your media'
// )
},
}
</script>
<style lang="css" scoped>
.welcome {
width: 95%;
margin-top: 1em;
margin-left: 1em;
background-color: white;
border: 2px solid black;
padding: 1em;
}
.example {
width: 30px;
}
.icon {
margin-left: 1em;
padding: 0.5em;
cursor: pointer;
}
.a {
fill: #333;
stroke: #707070;
}
.b {
fill: #fff;
}
.b,
.c {
stroke-width: 7px;
}
.c,
.e {
fill: none;
}