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

Fixed the compilation error

parent 673b2230
No related branches found
No related tags found
4 merge requests!81New stable release,!43Merge dev to master,!33Draft: merge dev to master,!30Resolve "Refactor: fix all TODOs and FIXMEs in the backend"
Show whitespace changes
Inline Side-by-side
fda-ui/pages/databases/_database_id/queries/_query_id/metadata.vue deleted 100644 → 0
+ 0
− 234
View file @ 673b2230
<template>
<div>
<v-progress-linear v-if="loading" :color="loadingColor" :indeterminate="!error" />
<v-toolbar flat>
<v-toolbar-title>Cite Query No. {{ queryId }}</v-toolbar-title>
<v-spacer />
<v-toolbar-title>
<v-btn color="primary" :disabled="!valid" @click="submit()">
<v-icon left>mdi-publish</v-icon>
Publish
</v-btn>
</v-toolbar-title>
</v-toolbar>
<v-form
ref="form"
v-model="valid"
lazy-validation>
<v-card flat>
<v-card-subtitle v-if="!loading">
Executed {{ query.execution_timestamp }}
</v-card-subtitle>
<v-card-text>
<v-alert
v-if="query.query"
border="left"
class="mb-6"
color="amber lighten-4">
<pre>{{ query.query }}</pre>
</v-alert>
<v-select
v-model="data.metadata.access_right"
:items="accessRights"
item-text="name"
item-value="value"
class="col-lg-6 col-md-8 pa-0"
label="Access Right" />
<v-text-field
v-model="data.metadata.title"
class="pa-0"
:rules="[rules.required]"
disabled
label="Query Title"
required />
<v-textarea
v-model="data.metadata.description"
class="pa-0 mt-4"
:rules="[rules.required, rules.descriptionMin]"
label="Query Description"
counter
rows="4"
hint="Minimum 100 Characters"
required />
</v-card-text>
</v-card>
<v-card class="space mt-4" flat>
<v-card-text>
<v-row v-for="(author,i) in data.metadata.creators" :key="i">
<v-col
cols="12"
md="4">
<v-text-field
v-model="author.name"
:rules="[rules.required]"
class="pa-0"
label="Firstname Surname"
required />
</v-col>
<v-col
cols="12"
md="4">
<v-text-field
v-model="author.affiliation"
:rules="[rules.required]"
class="pa-0"
label="Affiliation"
required />
</v-col>
<v-col
cols="12"
:md="i !== 0 ? 3 : 4">
<v-text-field
v-model="author.orcid"
class="pa-0"
label="ORCiD"
required />
</v-col>
<v-col
v-if="i !== 0"
cols="12"
md="1">
<v-btn @click="removeAuthor(i)">Remove</v-btn>
</v-col>
</v-row>
</v-card-text>
</v-card>
<v-btn color="blue-grey" class="mt-4 mb-4 white--text" @click="addAuthor()">
<v-icon left>mdi-plus</v-icon>
Add Author
</v-btn>
</v-form>
</div>
</template>
<script>
export default {
name: 'QueryDoiMetadata',
components: {},
data () {
return {
loading: false,
error: false,
valid: false,
data: {
metadata: {
access_right: 'open',
creators: [{
name: null,
affiliation: null,
orcid: null
}],
title: null,
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum',
upload_type: 'dataset'
}
},
query: {
hash: null,
query: null,
execution_timestamp: null,
result_hash: null,
result_number: null,
doi: null
},
rules: {
required: value => !!value || 'Required',
descriptionMin: value => (value || '').length >= 100 || 'Minimum 100 characters'
}
}
},
computed: {
databaseId () {
return this.$route.params.database_id
},
queryId () {
return this.$route.params.query_id
},
accessRights () {
return [
{ name: 'Open', value: 'open', disabled: false },
{ name: 'Closed', value: 'closed', disabled: true },
{ name: 'Restricted', value: 'restricted', disabled: true },
{ name: 'Embargoed', value: 'embargoed', disabled: true }
]
},
loadingColor () {
return this.error ? 'red lighten-2' : 'primary'
}
},
mounted () {
this.loadData()
},
methods: {
async loadData () {
try {
this.loading = true
const res = await this.$axios.get(`/api/database/${this.databaseId}/metadata/query/${this.queryId}`)
this.query = res.data
console.debug('query data', res.data)
this.data.metadata.title = res.data.title
this.loading = false
} catch (err) {
this.error = true
this.$toast.error('Could not load table data.')
}
},
async submit () {
this.$refs.form.validate()
console.debug('form', this.data)
try {
this.loading = true
this.error = false
const res = await this.$axios.post(`/api/database/${this.databaseId}/cite/metadata`)
console.debug('create deposit', res.data)
this.loading = false
} catch (err) {
this.error = true
console.error('create deposit', err)
}
try {
this.loading = true
this.error = false
const res = await this.$axios.put(`/api/database/${this.databaseId}/cite/metadata/${this.queryId}`, {
metadata: this.data.metadata
})
console.debug('update deposit', res.data)
this.loading = false
} catch (err) {
this.error = true
console.error('update deposit', err)
}
},
addAuthor () {
this.data.metadata.creators.push({
name: null,
affiliation: null,
orcid: null
})
},
removeAuthor (index) {
this.data.metadata.creators.splice(index, 1)
}
}
}
</script>
<style lang="scss" scoped>
/* these are taked from solarized-light (plugins/vendors.js), to override the
main.scss file from vuetify, because it paints it red */
::v-deep code {
background: #fdf6e3;
color: #657b83;
}
.spacer {
display: flex;
flex: 0 1;
}
#zenodo-logo {
background-size: cover;
background-position: center center;
background-color: #0656b4;
width: 5rem;
}
</style>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment