Skip to content
Snippets Groups Projects
Commit 31fd9d5c authored by Martin Weise's avatar Martin Weise
Browse files

Merge branch '304-introduce-identifier-metadata-download-button-for-databases' into 'dev' 

Introduced shared identifier metadata download component

See merge request !151
parents bcb9e515 d3656156
Branches
No related tags found
2 merge requests!163Relase 1.3.0,!151Introduced shared identifier metadata download component
Show whitespace changes
Inline Side-by-side
dbrepo-ui/components/DBToolbar.vue
+ 9
− 0
View file @ 31fd9d5c
......@@ -31,6 +31,13 @@
<v-btn v-if="!loading && canModify && isResearcher" class="mr-2 mb-1" :to="`/container/${$route.params.container_id}/database/${$route.params.database_id}/table/import`">
<v-icon left>mdi-cloud-upload</v-icon> Import CSV
</v-btn>
<DownloadButton
v-if="database?.identifier"
:pid="database.identifier.id"
color="secondary"
class="mr-2 mb-1 white--text">
<v-icon left>mdi-code-tags</v-icon> Identifier .xml
</DownloadButton>
<v-btn v-if="!loading && canRead && isResearcher" color="secondary" class="mb-1 white--text" :to="`/container/${$route.params.container_id}/database/${$route.params.database_id}/query/create`">
<v-icon left>mdi-wrench</v-icon> Create Subset
</v-btn>
......@@ -66,8 +73,10 @@
<script>
import { isResearcher } from '@/utils'
import DownloadButton from '@/components/identifier/DownloadButton.vue'
export default {
components: { DownloadButton },
data () {
return {
tab: null,
......
dbrepo-ui/components/identifier/DownloadButton.vue 0 → 100644
+ 78
− 0
View file @ 31fd9d5c
<template>
<v-btn
:loading="loading"
v-bind="$attrs"
@click.stop="download">
<slot />
</v-btn>
</template>
<script>
export default {
props: {
pid: {
type: Number,
default () {
return null
}
},
contentType: {
type: String,
default () {
return 'text/xml'
}
},
filename: {
type: String,
default () {
return 'identifier.xml'
}
}
},
data () {
return {
loading: false
}
},
computed: {
token () {
return this.$store.state.token
},
config () {
if (this.token === null) {
return {
headers: { Accept: 'application/json' }
}
}
return {
headers: { Authorization: `Bearer ${this.token}`, Accept: 'application/json' }
}
}
},
methods: {
async download () {
this.loading = true
try {
const config = this.config
config.headers.Accept = this.contentType
const res = await this.$axios.get(`/api/pid/${this.pid}`, config)
console.debug('export identifier', res)
const url = window.URL.createObjectURL(new Blob([res.data]))
const link = document.createElement('a')
link.href = url
link.setAttribute('download', this.filename)
document.body.appendChild(link)
link.click()
} catch (err) {
console.error('Could not export identifier', err)
this.$toast.error('Could not export identifier')
this.error = true
}
this.loading = false
}
}
}
</script>
<style scoped>
</style>
dbrepo-ui/pages/container/_container_id/database/_database_id/info.vue
+ 0
− 21
View file @ 31fd9d5c
......@@ -238,7 +238,6 @@ export default {
loading: false,
loadingDelete: false,
editDbDialog: false,
metadataLoading: false,
items: [
{ text: 'Databases', to: '/container', activeClass: '' },
{
......@@ -377,26 +376,6 @@ export default {
this.editDbDialog = false
this.editVisibilityDialog = false
},
async download () {
this.metadataLoading = true
try {
const config = this.config
config.headers.Accept = 'text/xml'
const res = await this.$axios.get(`/api/pid/${this.database.identifier.id}`, config)
console.debug('export identifier', res)
const url = window.URL.createObjectURL(new Blob([res.data]))
const link = document.createElement('a')
link.href = url
link.setAttribute('download', 'identifier.xml')
document.body.appendChild(link)
link.click()
} catch (err) {
console.error('Could not export identifier', err)
this.$toast.error('Could not export identifier')
this.error = true
}
this.metadataLoading = false
},
async deleteIdentifier () {
if (!this.database.identifier.id) {
return
......
dbrepo-ui/pages/container/_container_id/database/_database_id/query/_query_id/index.vue
+ 58
− 85
View file @ 31fd9d5c
......@@ -11,71 +11,25 @@
</v-toolbar-title>
<v-spacer />
<v-toolbar-title>
<v-btn v-if="!query.is_persisted && canWrite" :loading="loadingSave" class="mb-1 mr-2" @click.stop="save">
<v-btn v-if="!query.is_persisted && canWrite" :loading="loadingSave" class="mb-1" @click.stop="save">
<v-icon left>mdi-content-save-outline</v-icon> Save
</v-btn>
<v-btn v-if="query.is_persisted && !query.identifier && canWrite" class="mb-1 mr-2" color="primary" :disabled="error || !executionUTC" @click.stop="openDialog()">
<v-btn v-if="query.is_persisted && !query.identifier && canWrite" class="mb-1 ml-2" color="primary" :disabled="error || !executionUTC" @click.stop="openDialog()">
<v-icon left>mdi-content-save-outline</v-icon> Get PID
</v-btn>
<v-btn v-if="result_visibility && !query.identifier && query.result_number" class="mb-1" :loading="downloadLoading" @click.stop="downloadData">
<v-btn v-if="result_visibility && query.result_number" class="mb-1 ml-2" :loading="downloadLoading" @click.stop="downloadData">
<v-icon left>mdi-download</v-icon> Data .csv
</v-btn>
<v-btn v-if="result_visibility && query.identifier && query.result_number" class="mb-1" :loading="downloadLoading" @click.stop="download('text/csv')">
<v-icon left>mdi-download</v-icon> Data .csv
</v-btn>
<v-btn
v-if="query.identifier"
color="secondary"
class="ml-2"
:loading="metadataLoading"
@click.stop="download('text/xml')">
<v-icon left>mdi-code-tags</v-icon> Metadata .xml
</v-btn>
<DownloadButton v-if="query.identifier" :pid="query.identifier.id" color="secondary" class="mb-1 ml-2">
<v-icon left>mdi-code-tags</v-icon> Identifier .xml
</DownloadButton>
</v-toolbar-title>
</v-toolbar>
<v-card flat tile>
<v-card-title>
Subset Information
</v-card-title>
<v-card v-if="query && query.identifier" flat tile>
<v-card-title>Identifier</v-card-title>
<v-card-text>
<v-alert
v-if="!loadingQuery && !query.is_persisted && canWrite"
border="left"
color="info">
Query is not yet saved in the query store, <a @click="save">save</a> it to view it later.
</v-alert>
<v-list dense>
<v-list-item>
<v-list-item-icon>
<v-icon v-if="!database">mdi-database-outline</v-icon>
<v-icon v-if="database" :color="database.is_public ? 'success' : 'error'">mdi-database-outline</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Database Visibility
</v-list-item-title>
<v-list-item-content>
<v-skeleton-loader v-if="!database" type="text" class="skeleton-small" />
<span v-if="database">{{ database.is_public ? 'Public' : 'Private' }}</span>
</v-list-item-content>
<v-list-item-title class="mt-2">
Database Name
</v-list-item-title>
<v-list-item-content>
<v-skeleton-loader v-if="!database" type="text" class="skeleton-small" />
<span v-if="database">{{ database.name }}</span>
</v-list-item-content>
<div v-if="database && database.identifier">
<v-list-item-title class="mt-2">
Database License
</v-list-item-title>
<v-list-item-content>
<a :href="database.identifier.license.uri">{{ database.identifier.license.identifier }}</a>
</v-list-item-content>
</div>
</v-list-item-content>
</v-list-item>
<v-list-item v-if="query && query.identifier">
<v-list-item-icon>
<v-icon>mdi-lock-clock</v-icon>
</v-list-item-icon>
......@@ -140,6 +94,52 @@
<Citation :pid="pid" />
</v-list-item-content>
</v-list-item>
</v-list>
</v-card-text>
</v-card>
<v-divider v-if="query && query.identifier" />
<v-card flat tile>
<v-card-title>
Subset Information
</v-card-title>
<v-card-text>
<v-alert
v-if="!loadingQuery && !query.is_persisted && canWrite"
border="left"
color="info">
Query is not yet saved in the query store, <a @click="save">save</a> it to view it later.
</v-alert>
<v-list dense>
<v-list-item>
<v-list-item-icon>
<v-icon v-if="!database">mdi-database-outline</v-icon>
<v-icon v-if="database" :color="database.is_public ? 'success' : 'error'">mdi-database-outline</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Database Visibility
</v-list-item-title>
<v-list-item-content>
<v-skeleton-loader v-if="!database" type="text" class="skeleton-small" />
<span v-if="database">{{ database.is_public ? 'Public' : 'Private' }}</span>
</v-list-item-content>
<v-list-item-title class="mt-2">
Database Name
</v-list-item-title>
<v-list-item-content>
<v-skeleton-loader v-if="!database" type="text" class="skeleton-small" />
<span v-if="database">{{ database.name }}</span>
</v-list-item-content>
<div v-if="database && database.identifier">
<v-list-item-title class="mt-2">
Database License
</v-list-item-title>
<v-list-item-content>
<a :href="database.identifier.license.uri">{{ database.identifier.license.identifier }}</a>
</v-list-item-content>
</div>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-icon>
<v-icon>mdi-text-short</v-icon>
......@@ -202,6 +202,7 @@
</v-list>
</v-card-text>
</v-card>
<v-divider />
<QueryResults
id="query-results"
ref="queryResults"
......@@ -221,6 +222,7 @@
import Persist from '@/components/dialogs/Persist'
import Citation from '@/components/identifier/Citation'
import Banner from '@/components/identifier/Banner'
import DownloadButton from '@/components/identifier/DownloadButton.vue'
import { formatTimestampUTCLabel, formatDateUTC } from '@/utils'
export default {
......@@ -228,7 +230,8 @@ export default {
components: {
Persist,
Citation,
Banner
Banner,
DownloadButton
},
data () {
return {
......@@ -261,7 +264,6 @@ export default {
loadingDatabase: false,
loadingIdentifier: false,
loadingQuery: true,
metadataLoading: false,
downloadLoading: false,
error: false,
promises: []
......@@ -374,35 +376,6 @@ export default {
this.$refs.queryResults.reExecute(this.query.id)
this.$refs.queryResults.reExecuteCount(this.query.id)
},
async download (mime) {
if (mime === 'text/csv') {
this.downloadLoading = true
} else if (mime === 'text/xml') {
this.metadataLoading = true
}
try {
const config = this.config
config.headers.Accept = mime
const res = await this.$axios.get(`/api/pid/${this.query.identifier.id}`, config)
console.debug('export identifier', res)
const url = window.URL.createObjectURL(new Blob([res.data]))
const link = document.createElement('a')
link.href = url
if (mime === 'text/csv') {
link.setAttribute('download', 'subset.csv')
} else if (mime === 'text/xml') {
link.setAttribute('download', 'identifier.xml')
}
document.body.appendChild(link)
link.click()
} catch (err) {
console.error('Could not export identifier', err)
this.$toast.error('Could not export identifier')
this.error = true
}
this.downloadLoading = false
this.metadataLoading = false
},
async downloadData () {
this.downloadLoading = true
try {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment