|
|
|
@ -1,7 +1,22 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="flex flex-column items-center justify-center" id="upload-view">
|
|
|
|
|
<div id="upload-view" class="flex flex-column items-center justify-center">
|
|
|
|
|
<pay :uploadId="uploadId" :status="status" :invoice="invoice"></pay>
|
|
|
|
|
<div class="hr"></div>
|
|
|
|
|
|
|
|
|
|
<form id="accepted" class="flex flex-column mt5 w-100" v-if="accepted" >
|
|
|
|
|
<label for="adminToken" class="f7 db mb2">
|
|
|
|
|
<span class="normal b orange">Your admin token:</span>
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
<input class="input-reset f6 b ba b--black-20 pa2 mb2 db w-100 mid-gray" @click="selectItem" id="adminToken" type="text" v-model="adminToken">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<label for="adminToken" class="f7 db mb2 mt3">
|
|
|
|
|
<span class="normal b blue">Download link:</span>
|
|
|
|
|
</label>
|
|
|
|
|
<input class="input-reset f6 b ba b--black-20 pa2 mb2 db w-100 mid-gray" @click="selectItem" id="downloadLink" type="text" v-model="downloadLink">
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
<!--<upload></upload>-->
|
|
|
|
|
<!--<download-link v-if="uploadId && paid" :id="uploadId"></download-link>-->
|
|
|
|
|
|
|
|
|
@ -25,6 +40,9 @@ export default {
|
|
|
|
|
name: 'UploadView',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
accepted: false,
|
|
|
|
|
adminToken: "",
|
|
|
|
|
downloadId: "",
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
props: ['uploadId'],
|
|
|
|
@ -49,6 +67,14 @@ export default {
|
|
|
|
|
this.$store.commit('setInvoice', data.invoice)
|
|
|
|
|
this.$store.commit('setStatus', data.status)
|
|
|
|
|
|
|
|
|
|
// if paid we get the admin/dl link
|
|
|
|
|
if (data.status.pay_status == 'paid' ){
|
|
|
|
|
this.accepted = true;
|
|
|
|
|
|
|
|
|
|
({ admin_token: this.adminToken,
|
|
|
|
|
download_id: this.downloadId } = data);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -59,12 +85,22 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
selectItem(ev){
|
|
|
|
|
ev.target.select()
|
|
|
|
|
document.execCommand('copy');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapState({
|
|
|
|
|
status: state => state.upload.status,
|
|
|
|
|
invoice: state => state.upload.invoice,
|
|
|
|
|
}),
|
|
|
|
|
downloadLink(){
|
|
|
|
|
let loc = window.location;
|
|
|
|
|
return loc.host + '/d/' + this.downloadId
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
Upload,
|
|
|
|
@ -75,4 +111,20 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
#upload-view{
|
|
|
|
|
min-width: var(--qrcode-width);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#accepted input:focus {
|
|
|
|
|
background: #fffceb;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input#adminToken::selection {
|
|
|
|
|
color: #ff6300;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input#downloadLink::selection {
|
|
|
|
|
color: #357Edd;;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|