Bug 32939: Use APIClient to fetch local eHoldings

[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / js / vue / components / ERM / EHoldingsLocalPackagesShow.vue

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackagesShow.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackagesShow.vue
index 45e1ec0..f0bdd27 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackagesShow.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackagesShow.vue
@@ -1,18 +1,18 @@
 <template>
-    <div v-if="!initialized">{{ $t("Loading") }}</div>
+    <div v-if="!initialized">{{ $__("Loading") }}</div>
     <div v-else-if="erm_package" id="packages_show">
         <h2>
-            {{ $t("Package .id", { id: erm_package.package_id }) }}
+            {{ $__("Package #%s").format(erm_package.package_id) }}
             <span class="action_links">
                 <router-link
                     :to="`/cgi-bin/koha/erm/eholdings/local/packages/edit/${erm_package.package_id}`"
-                    :title="$t('Edit')"
+                    :title="$__('Edit')"
                     ><i class="fa fa-pencil"></i
                 ></router-link>
 
                 <router-link
                     :to="`/cgi-bin/koha/erm/eholdings/local/packages/delete/${erm_package.package_id}`"
-                    :title="$t('Delete')"
+                    :title="$__('Delete')"
                     ><i class="fa fa-trash"></i
                 ></router-link>
             </span>
@@ -21,13 +21,13 @@
             <fieldset class="rows">
                 <ol>
                     <li>
-                        <label>{{ $t("Package name") }}:</label>
+                        <label>{{ $__("Package name") }}:</label>
                         <span>
                             {{ erm_package.name }}
                         </span>
                     </li>
                     <li v-if="erm_package.vendor">
-                        <label>{{ $t("Vendor") }}:</label>
+                        <label>{{ $__("Vendor") }}:</label>
                         <span>
                             <a
                                 :href="`/cgi-bin/koha/acqui/booksellers.pl?booksellerid=${erm_package.vendor_id}`"
@@ -36,7 +36,7 @@
                         </span>
                     </li>
                     <li>
-                        <label>{{ $t("Package type") }}:</label>
+                        <label>{{ $__("Package type") }}:</label>
                         <span>{{
                             get_lib_from_av(
                                 "av_package_types",
@@ -45,7 +45,7 @@
                         }}</span>
                     </li>
                     <li>
-                        <label>{{ $t("Content type") }}:</label>
+                        <label>{{ $__("Content type") }}:</label>
                         <span>{{
                             get_lib_from_av(
                                 "av_package_content_types",
@@ -54,15 +54,15 @@
                         }}</span>
                     </li>
                     <li>
-                        <label>{{ $t("Notes") }}:</label>
+                        <label>{{ $__("Notes") }}:</label>
                         <span>{{ erm_package.notes }}</span>
                     </li>
                     <li v-if="erm_package.created_on">
-                        <label>{{ $t("Created on") }}:</label>
+                        <label>{{ $__("Created on") }}:</label>
                         <span>{{ format_date(erm_package.created_on) }}</span>
                     </li>
                     <li v-if="erm_package.package_agreements.length">
-                        <label>{{ $t("Agreements") }}</label>
+                        <label>{{ $__("Agreements") }}</label>
                         <div
                             v-for="package_agreement in erm_package.package_agreements"
                             :key="package_agreement.agreement_id"
@@ -77,9 +77,9 @@
                     </li>
                     <li>
                         <label>{{
-                            $t("Titles ({count})", {
-                                count: erm_package.resources_count,
-                            })
+                            $__("Titles (%s)").format(
+                                erm_package.resources_count
+                            )
                         }}</label>
                         <div v-if="erm_package.resources_count">
                             <EHoldingsPackageTitlesList
@@ -96,7 +96,7 @@
                     to="/cgi-bin/koha/erm/eholdings/local/packages"
                     role="button"
                     class="cancel"
-                    >{{ $t("Close") }}</router-link
+                    >{{ $__("Close") }}</router-link
                 >
             </fieldset>
         </div>
@@ -104,15 +104,15 @@
 </template>
 
 <script>
+import { inject } from "vue"
 import EHoldingsPackageTitlesList from "./EHoldingsLocalPackageTitlesList.vue"
-import { useAVStore } from "../../stores/authorised_values"
-import { fetchLocalPackage } from "../../fetch"
+import { APIClient } from "../../fetch/api-client.js"
 
 export default {
     setup() {
         const format_date = $date
 
-        const AVStore = useAVStore()
+        const AVStore = inject("AVStore")
         const { get_lib_from_av } = AVStore
 
         return {
@@ -125,10 +125,10 @@ export default {
             erm_package: {
                 package_id: null,
                 vendor_id: null,
-                name: '',
-                external_id: '',
-                package_type: '',
-                content_type: '',
+                name: "",
+                external_id: "",
+                package_type: "",
+                content_type: "",
                 created_on: null,
                 resources: null,
                 package_agreements: [],
@@ -145,10 +145,15 @@ export default {
         this.erm_package = this.getPackage(to.params.package_id)
     },
     methods: {
-        async getPackage(package_id) {
-            const erm_package = await fetchLocalPackage(package_id)
-            this.erm_package = erm_package
-            this.initialized = true
+        getPackage(package_id) {
+            const client = APIClient.erm
+            client.localPackages.get(package_id).then(
+                erm_package => {
+                    this.erm_package = erm_package
+                    this.initialized = true
+                },
+                error => {}
+            )
         },
     },
     components: {