Verified Commit 2f86a5d2 authored by jfriedli's avatar jfriedli
Browse files

save state

parent 22a30a25
......@@ -55,7 +55,9 @@ module.exports = function (ctx) {
'QItem',
'QItemSection',
'QItemLabel',
'QList'
'QList',
'QDialog',
'QCardSection'
],
directives: [
......
<template>
<q-dialog v-model="active" transition-show="rotate" transition-hide="rotate">
<q-card>
<q-card-section>
<div class="text-h6">Terms of Agreement</div>
</q-card-section>
<q-card-section>
<p v-for="n in 15" :key="n">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum repellendus sit voluptate voluptas eveniet porro. Rerum blanditiis perferendis totam, ea at omnis vel numquam exercitationem aut, natus minima, porro labore.</p>
</q-card-section>
<q-card-actions align="right">
<q-btn flat label="Decline" color="primary" v-close-popup />
<q-btn flat label="Accept" color="primary" v-close-popup />
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script>
export default {
name: 'metadata-visualizer',
props: {
metadata: Object,
active: Boolean
}
}
</script>
......@@ -39,6 +39,32 @@
class="download-card"
:class="isDeactivated(file.response.data.key)"
>
<q-card-section>
<div class="row items-center no-wrap">
<div class="col">
<div class="text-h6">Our Planet</div>
<div class="text-subtitle2">by John Doe</div>
</div>
<div class="col-auto">
<q-btn color="grey-7" round flat icon="more_vert">
<q-menu cover auto-close>
<q-list>
<q-item clickable>
<q-item-section>Remove Card</q-item-section>
</q-item>
<q-item clickable>
<q-item-section>Send Feedback</q-item-section>
</q-item>
<q-item clickable>
<q-item-section>Share</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</div>
</div>
</q-card-section>
<q-badge data-cy="success-badge" class="badge-style justify-center" color="green" floating>
<q-icon name="done"></q-icon>
</q-badge>
......@@ -70,6 +96,11 @@
</q-btn>
</q-card-actions>
</q-card>
<metadata-visualizer
:active="isEnabledModal(file.id)"
:metadata="file.response.data.meta"
>
</metadata-visualizer>
</a>
</div>
</div>
......@@ -112,8 +143,12 @@
<script>
import getIconByMime from '../uppy/getFileTypeIcon'
import MetadataVisualizer from '../components/metadata-visualizer'
export default {
components: {
MetadataVisualizer
},
props: ['cleanedFiles', 'supportedExtensions', 'previews'],
name: 'DownloadPage',
data: function () {
......@@ -121,10 +156,14 @@ export default {
apiUrl: process.env.API_URL ? process.env.API_URL : 'http://localhost:5000/',
bulkZipLink: '',
zipCreating: false,
deactivatedMap: {}
deactivatedMap: {},
activeMetadataModal: ''
}
},
methods: {
isEnabledModal (fileId) {
return fileId === this.activeMetadataModal
},
deactivate (key) {
this.$set(this.deactivatedMap, key, true)
},
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment