Koha/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalTitlesShow.vue
Jonathan Druart 46744e1e9b
Bug 32030: Make the ERMProviders syspref multivaluated
Signed-off-by: Jonathan Field <jonathan.field@ptfs-europe.com>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
2022-11-08 09:44:09 -03:00

334 lines
13 KiB
Vue

<template>
<div v-if="!initialized">{{ $t("Loading") }}</div>
<div v-else-if="title" id="eholdings_title_show">
<h2>
{{ $t("Title .id", { id: title.title_id }) }}
<span class="action_links">
<router-link
:to="`/cgi-bin/koha/erm/eholdings/local/titles/edit/${title.title_id}`"
:title="$t('Edit')"
><i class="fa fa-pencil"></i
></router-link>
<router-link
:to="`/cgi-bin/koha/erm/eholdings/local/titles/delete/${title.title_id}`"
:title="$t('Delete')"
><i class="fa fa-trash"></i
></router-link>
</span>
</h2>
<div>
<fieldset class="rows">
<ol>
<li v-if="title.title_id">
<label>{{ $t("Title identifier") }}:</label>
<span>
{{ title.title_id }}
</span>
</li>
<li>
<label>{{ $t("Publication title") }}:</label>
<span>
{{ title.publication_title }}
<a
v-if="title.biblio_id"
:href="`/cgi-bin/koha/catalogue/detail.pl?biblionumber=${title.biblio_id}`"
>
{{ $t("Local bibliographic record") }}
</a>
</span>
</li>
<li v-if="title.print_identifier">
<label>{{ $t("Print-format identifier") }}:</label>
<span>
{{ title.print_identifier }}
</span>
</li>
<li v-if="title.online_identifier">
<label>{{ $t("Online-format identifier") }}:</label>
<span>
{{ title.online_identifier }}
</span>
</li>
<li v-if="title.date_first_issue_online">
<label
>{{
$t(
"Date of first serial issue available online"
)
}}:</label
>
<span>
{{ title.date_first_issue_online }}
</span>
</li>
<li v-if="title.num_first_vol_online">
<label
>{{
$t("Number of first volume available online")
}}:</label
>
<span>
{{ title.num_first_vol_online }}
</span>
</li>
<li v-if="title.num_first_issue_online">
<label
>{{
$t("Number of first issue available online")
}}:</label
>
<span>
{{ title.num_first_issue_online }}
</span>
</li>
<li v-if="title.date_last_issue_online">
<label
>{{
$t("Date of last issue available online")
}}:</label
>
<span>
{{ title.date_last_issue_online }}
</span>
</li>
<li v-if="title.num_last_vol_online">
<label
>{{
$t("Number of last volume available online")
}}:</label
>
<span>
{{ title.num_last_vol_online }}
</span>
</li>
<li v-if="title.num_last_issue_online">
<label
>{{
$t("Number of last issue available online")
}}:</label
>
<span>
{{ title.num_last_issue_online }}
</span>
</li>
<li v-if="title.title_url">
<label>{{ $t("Title-level URL") }}:</label>
<span>
{{ title.title_url }}
</span>
</li>
<li v-if="title.first_author">
<label>{{ $t("First author") }}:</label>
<span>
{{ title.first_author }}
</span>
</li>
<li v-if="title.embargo_info">
<label>{{ $t("Embargo information") }}:</label>
<span>
{{ title.embargo_info }}
</span>
</li>
<li v-if="title.coverage_depth">
<label>{{ $t("Coverage depth") }}:</label>
<span>
{{ title.coverage_depth }}
</span>
</li>
<li v-if="title.notes">
<label>{{ $t("Notes") }}:</label>
<span>
{{ title.notes }}
</span>
</li>
<li v-if="title.publisher_name">
<label>{{ $t("Publisher name") }}:</label>
<span>
{{ title.publisher_name }}
</span>
</li>
<li v-if="title.publication_type">
<label>{{ $t("Publication type") }}:</label>
<span
>{{
get_lib_from_av(
"av_title_publication_types",
title.publication_type
)
}}
</span>
</li>
<li v-if="title.date_monograph_published_print">
<label
>{{
$t(
"Date the monograph is first published in print"
)
}}:</label
>
<span>
{{ title.date_monograph_published_print }}
</span>
</li>
<li v-if="title.date_monograph_published_online">
<label
>{{
$t(
"Date the monograph is first published online"
)
}}:</label
>
<span>
{{ title.date_monograph_published_online }}
</span>
</li>
<li v-if="title.monograph_volume">
<label
>{{ $t("Number of volume for monograph") }}:</label
>
<span>
{{ title.monograph_volume }}
</span>
</li>
<li v-if="title.monograph_edition">
<label>{{ $t("Edition of the monograph") }}:</label>
<span>
{{ title.monograph_edition }}
</span>
</li>
<li v-if="title.first_editor">
<label>{{ $t("First editor") }}:</label>
<span>
{{ title.first_editor }}
</span>
</li>
<li v-if="title.parent_publication_title_id">
<label
>{{
$t(
"Title identifier of the parent publication"
)
}}:</label
>
<span>
{{ title.parent_publication_title_id }}
</span>
</li>
<li v-if="title.preceeding_publication_title_id">
<label
>{{
$t(
"Title identifier of any preceding publication title"
)
}}:</label
>
<span>
{{ title.preceeding_publication_title_id }}
</span>
</li>
<li v-if="title.access_type">
<label>{{ $t("Access type") }}:</label>
<span>
{{ title.access_type }}
</span>
</li>
<li>
<label>Packages ({{ title.resources.length }})</label>
<div v-if="title.resources.length">
<EHoldingsTitlePackagesList
:resources="title.resources"
/>
</div>
</li>
</ol>
</fieldset>
<fieldset class="action">
<router-link
to="/cgi-bin/koha/erm/eholdings/local/titles"
role="button"
class="cancel"
>{{ $t("Close") }}</router-link
>
</fieldset>
</div>
</div>
</template>
<script>
import EHoldingsTitlePackagesList from "./EHoldingsLocalTitlePackagesList.vue"
import { fetchLocalTitle } from "../../fetch"
import { useAVStore } from "../../stores/authorised_values"
export default {
setup() {
const AVStore = useAVStore()
const { get_lib_from_av } = AVStore
return {
get_lib_from_av,
}
},
data() {
return {
title: {
title_id: null,
publication_title: '',
external_id: '',
print_identifier: '',
online_identifier: '',
date_first_issue_online: '',
num_first_vol_online: '',
num_first_issue_online: '',
date_last_issue_online: '',
num_last_vol_online: '',
num_last_issue_online: '',
title_url: '',
first_author: '',
embargo_info: '',
coverage_depth: '',
notes: '',
publisher_name: '',
publication_type: '',
date_monograph_published_print: '',
date_monograph_published_online: '',
monograph_volume: '',
monograph_edition: '',
first_editor: '',
parent_publication_title_id: '',
preceeding_publication_title_id: '',
access_type: '',
resources: [],
},
initialized: false,
}
},
beforeRouteEnter(to, from, next) {
next(vm => {
vm.getTitle(to.params.title_id)
})
},
beforeRouteUpdate(to, from) {
this.title = this.getTitle(to.params.title_id)
},
methods: {
async getTitle(title_id) {
const title = await fetchLocalTitle(title_id)
this.title = title
this.initialized = true
},
},
components: {
EHoldingsTitlePackagesList,
},
name: "EHoldingsLocalTitlesShow",
}
</script>
<style scoped>
.action_links a {
padding-left: 0.2em;
font-size: 11px;
}
fieldset.rows label {
width: 25rem;
}
</style>