koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/LicensesShow.vue

   1 <template>
   2     <div v-if="!initialized">{{ $t("Loading") }}</div>
   3     <div v-else id="licenses_show">
   4         <h2>
   5             {{ $t("License .id", { id: license.license_id }) }}
   6             <span class="action_links">
   7                 <router-link
   8                     :to="`/cgi-bin/koha/erm/licenses/edit/${license.license_id}`"
   9                     :title="$t('Edit')"
  10                     ><i class="fa fa-pencil"></i
  11                 ></router-link>
  12                 <router-link
  13                     :to="`/cgi-bin/koha/erm/licenses/delete/${license.license_id}`"
  14                     :title="$t('Delete')"
  15                     ><i class="fa fa-trash"></i
  16                 ></router-link>
  17             </span>
  18         </h2>
  19         <div>
  20             <fieldset class="rows">
  21                 <ol>
  22                     <li>
  23                         <label>{{ $t("License name") }}:</label>
  24                         <span>
  25                             {{ license.name }}
  26                         </span>
  27                     </li>
  28                     <li>
  29                         <label>{{ $t("Vendor") }}:</label>
  30                         <span v-if="license.vendor_id">
  31                             <a
  32                                 :href="`/cgi-bin/koha/acqui/booksellers.pl?booksellerid=${license.vendor_id}`"
  33                             >
  34                                 {{ license.vendor.name }}
  35                             </a>
  36                         </span>
  37                     </li>
  38                     <li>
  39                         <label>{{ $t("Description") }}:</label>
  40                         <span>
  41                             {{ license.description }}
  42                         </span>
  43                     </li>
  44                     <li>
  45                         <label>{{ $t("Type") }}:</label>
  46                         <span>{{
  47                             get_lib_from_av("av_license_types", license.type)
  48                         }}</span>
  49                     </li>
  50                     <li>
  51                         <label>{{ $t("Status") }}:</label>
  52                         <span>{{
  53                             get_lib_from_av(
  54                                 "av_license_statuses",
  55                                 license.status
  56                             )
  57                         }}</span>
  58                     </li>
  59
  60                     <li>
  61                         <label>{{ $t("Started on") }}:</label>
  62                         <span>{{ format_date(license.started_on) }}</span>
  63                     </li>
  64
  65                     <li>
  66                         <label>{{ $t("Ended on") }}:</label>
  67                         <span>{{ format_date(license.ended_on) }}</span>
  68                     </li>
  69                     <li v-if="license.documents.length">
  70                         <label>{{ $t("Documents") }}</label>
  71                         <div id="license_documents">
  72                             <ul>
  73                                 <li
  74                                     v-for="document in license.documents"
  75                                     v-bind:key="document.document_id"
  76                                 >
  77                                     <div v-if="document.file_name">
  78                                         <span v-if="document.file_description"
  79                                             >{{ document.file_description }} -
  80                                         </span>
  81                                         <a
  82                                             download
  83                                             :href="`/api/v1/erm/documents/${document.document_id}/file/content`"
  84                                         >
  85                                             {{ document.file_name }}
  86                                             <i class="fa fa-download"></i>
  87                                         </a>
  88                                         ({{ document.file_type }}) Uploaded on:
  89                                         {{ format_date(document.uploaded_on) }}
  90                                     </div>
  91                                     <div v-if="document.physical_location">
  92                                         {{ $t("Physical location") }}:
  93                                         {{ document.physical_location }}
  94                                     </div>
  95                                     <div v-if="document.uri">
  96                                         {{ $t("URI") }}: {{ document.uri }}
  97                                     </div>
  98                                     <div v-if="document.notes">
  99                                         {{ $t("Notes") }}: {{ document.notes }}
 100                                     </div>
 101                                 </li>
 102                             </ul>
 103                         </div>
 104                     </li>
 105                 </ol>
 106             </fieldset>
 107             <fieldset class="action">
 108                 <router-link
 109                     to="/cgi-bin/koha/erm/licenses"
 110                     role="button"
 111                     class="cancel"
 112                     >{{ $t("Close") }}</router-link
 113                 >
 114             </fieldset>
 115         </div>
 116     </div>
 117 </template>
 118
 119 <script>
 120 import { inject } from 'vue'
 121 import { fetchLicense } from "../../fetch"
 122
 123 export default {
 124     setup() {
 125         const format_date = $date
 126
 127         const AVStore = inject('AVStore')
 128         const { get_lib_from_av } = AVStore
 129
 130         return {
 131             format_date,
 132             get_lib_from_av,
 133         }
 134     },
 135     data() {
 136         return {
 137             license: {
 138                 license_id: null,
 139                 name: '',
 140                 vendor_id: null,
 141                 vendor: null,
 142                 description: '',
 143                 type: '',
 144                 status: '',
 145                 started_on: undefined,
 146                 ended_on: undefined,
 147             },
 148             initialized: false,
 149         }
 150     },
 151     beforeRouteEnter(to, from, next) {
 152         next(vm => {
 153             vm.license = vm.getLicense(to.params.license_id)
 154         })
 155     },
 156     methods: {
 157         async getLicense(license_id) {
 158             const license = await fetchLicense(license_id)
 159             this.license = license
 160             this.initialized = true
 161         },
 162     },
 163     components: {
 164     },
 165     name: "LicensesShow",
 166 }
 167 </script>
 168 <style scoped>
 169 .action_links a {
 170     padding-left: 0.2em;
 171     font-size: 11px;
 172 }
 173 </style>