2 <div v-if="!initialized">{{ $t("Loading") }}</div>
3 <div v-else-if="erm_package" id="packages_show">
5 {{ $t("Package .id", { id: erm_package.package_id }) }}
6 <span class="action_links">
8 :to="`/cgi-bin/koha/erm/eholdings/local/packages/edit/${erm_package.package_id}`"
10 ><i class="fa fa-pencil"></i
14 :to="`/cgi-bin/koha/erm/eholdings/local/packages/delete/${erm_package.package_id}`"
16 ><i class="fa fa-trash"></i
21 <fieldset class="rows">
24 <label>{{ $t("Package name") }}:</label>
26 {{ erm_package.name }}
29 <li v-if="erm_package.vendor">
30 <label>{{ $t("Vendor") }}:</label>
33 :href="`/cgi-bin/koha/acqui/booksellers.pl?booksellerid=${erm_package.vendor_id}`"
34 >{{ erm_package.vendor.name }}</a
38 <li v-if="erm_package.external_id">
39 <label>{{ $t("External ID") }}:</label>
41 <!-- FIXME Create a syspref to store the URL -->
43 :href="`https://ptfs-europe-demo.folio.ebsco.com/eholdings/packages/${erm_package.vendor.external_id}-${erm_package.external_id}`"
45 {{ erm_package.external_id }}
50 <label>{{ $t("Package type") }}:</label>
54 erm_package.package_type
59 <label>{{ $t("Content type") }}:</label>
62 "av_package_content_types",
63 erm_package.content_type
67 <li v-if="erm_package.created_on">
68 <label>{{ $t("Created on") }}:</label>
69 <span>{{ format_date(erm_package.created_on) }}</span>
71 <li v-if="erm_package.package_agreements.length">
72 <label>{{ $t("Agreements") }}</label>
74 v-for="package_agreement in erm_package.package_agreements"
75 :key="package_agreement.agreement_id"
78 :to="`/cgi-bin/koha/erm/agreements/${package_agreement.agreement.agreement_id}`"
80 package_agreement.agreement.name
87 $t("Titles ({count})", {
88 count: erm_package.resources_count,
91 <div v-if="erm_package.resources_count">
92 <EHoldingsPackageTitlesList
93 :package_id="erm_package.package_id.toString()"
101 <fieldset class="action">
103 to="/cgi-bin/koha/erm/eholdings/local/packages"
106 >{{ $t("Close") }}</router-link
114 import EHoldingsPackageTitlesList from "./EHoldingsLocalPackageTitlesList.vue"
115 import { useAVStore } from "../../stores/authorised_values"
116 import { fetchLocalPackage } from "../../fetch"
120 const format_date = $date
122 const AVStore = useAVStore()
123 const { get_lib_from_av } = AVStore
141 package_agreements: [],
146 beforeRouteEnter(to, from, next) {
148 vm.getPackage(to.params.package_id)
151 beforeRouteUpdate(to, from) {
152 this.erm_package = this.getPackage(to.params.package_id)
155 async getPackage(package_id) {
156 const erm_package = await fetchLocalPackage(package_id)
157 this.erm_package = erm_package
158 this.initialized = true
162 EHoldingsPackageTitlesList,
164 name: "EHoldingsLocalPackagesShow",
172 fieldset.rows label {