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

   1 <template>
   2     <div v-if="ERMModule">
   3         <Breadcrumb />
   4         <div class="main container-fluid">
   5             <div class="row">
   6                 <div class="col-sm-10 col-sm-push-2">
   7                     <main>
   8                         <Dialog />
   9                         <router-view />
  10                     </main>
  11                 </div>
  12
  13                 <div class="col-sm-2 col-sm-pull-10">
  14                     <aside>
  15                         <div id="navmenu">
  16                             <div id="navmenulist">
  17                                 <h5>{{ $t("E-Resource management") }}</h5>
  18                                 <ul>
  19                                     <li>
  20                                         <router-link
  21                                             to="/cgi-bin/koha/erm/agreements"
  22                                         >
  23                                             <i class="fa fa-upload"></i>
  24                                             {{ $t("Agreements") }}</router-link
  25                                         >
  26                                     </li>
  27                                     <li>
  28                                         <router-link
  29                                             to="/cgi-bin/koha/erm/licenses"
  30                                         >
  31                                             <i class="fa fa-file-text-o"></i>
  32                                             {{ $t("Licenses") }}</router-link
  33                                         >
  34                                     </li>
  35                                     <li>
  36                                         <router-link
  37                                             to="/cgi-bin/koha/erm/eholdings"
  38                                         >
  39                                             <i class="fa fa-file-text-o"></i>
  40                                             {{ $t("eHoldings") }}</router-link
  41                                         >
  42                                     </li>
  43
  44                                     <ul>
  45                                         <li
  46                                             v-for="provider in erm_providers"
  47                                             :key="provider"
  48                                         >
  49                                             <router-link
  50                                                 v-if="provider == 'local'"
  51                                                 :to="`/cgi-bin/koha/erm/eholdings/local`"
  52                                             >
  53                                                 <i
  54                                                     class="fa fa-file-text-o"
  55                                                 ></i>
  56                                                 {{ $t("Local") }}</router-link
  57                                             >
  58                                             <router-link
  59                                                 v-else-if="provider == 'ebsco'"
  60                                                 :to="`/cgi-bin/koha/erm/eholdings/ebsco`"
  61                                             >
  62                                                 <i
  63                                                     class="fa fa-file-text-o"
  64                                                 ></i>
  65                                                 {{ $t("EBSCO") }}</router-link
  66                                             >
  67                                             <ul>
  68                                                 <li>
  69                                                     <router-link
  70                                                         :to="`/cgi-bin/koha/erm/eholdings/${provider}/packages`"
  71                                                     >
  72                                                         <i
  73                                                             class="
  74                                                                 fa
  75                                                                 fa-file-text-o
  76                                                             "
  77                                                         ></i>
  78                                                         {{
  79                                                             $t("Packages")
  80                                                         }}</router-link
  81                                                     >
  82                                                 </li>
  83                                                 <li>
  84                                                     <router-link
  85                                                         :to="`/cgi-bin/koha/erm/eholdings/${provider}/titles`"
  86                                                     >
  87                                                         <i
  88                                                             class="
  89                                                                 fa
  90                                                                 fa-file-text-o
  91                                                             "
  92                                                         ></i>
  93                                                         {{
  94                                                             $t("Titles")
  95                                                         }}</router-link
  96                                                     >
  97                                                 </li>
  98                                             </ul>
  99                                         </li>
 100                                     </ul>
 101                                 </ul>
 102                             </div>
 103                         </div>
 104                     </aside>
 105                 </div>
 106             </div>
 107         </div>
 108     </div>
 109     <div v-else>
 110         {{
 111             $t(
 112                 "The E-Resource management module is disabled, turn on 'ERMModule' to use it"
 113             )
 114         }}
 115     </div>
 116 </template>
 117
 118 <script>
 119 import Breadcrumb from "./Breadcrumb.vue"
 120 import Dialog from "./Dialog.vue"
 121 import { useVendorStore } from "../../stores/vendors"
 122 import { useAVStore } from "../../stores/authorised_values"
 123 import { fetchVendors } from "../../fetch"
 124
 125 export default {
 126     setup() {
 127         const vendorStore = useVendorStore()
 128         const AVStore = useAVStore()
 129         AVStore.av_agreement_statuses = agreement_statuses
 130         AVStore.av_agreement_closure_reasons = agreement_closure_reasons
 131         AVStore.av_agreement_renewal_priorities = agreement_renewal_priorities
 132         AVStore.av_agreement_user_roles = agreement_user_roles
 133         AVStore.av_license_types = license_types
 134         AVStore.av_license_statuses = license_statuses
 135         AVStore.av_agreement_license_statuses = agreement_license_statuses
 136         AVStore.av_agreement_license_location = agreement_license_location
 137         AVStore.av_package_types = package_types
 138         AVStore.av_package_content_types = package_content_types
 139         AVStore.av_title_publication_types = title_publication_types
 140
 141         return {
 142             vendorStore,
 143             erm_providers,
 144             ERMModule,
 145             lang,
 146         }
 147     },
 148     data() {
 149         return {
 150             component: "agreement",
 151         }
 152     },
 153     beforeCreate() {
 154         fetchVendors().then((vendors) => this.vendorStore.vendors = vendors)
 155         this.$i18n.locale = this.lang
 156     },
 157     components: {
 158         Breadcrumb,
 159         Dialog,
 160     },
 161 };
 162 </script>
 163
 164 <style src="vue-select/dist/vue-select.css"></style>
 165 <style>
 166 #navmenulist a.router-link-active {
 167     font-weight: 700;
 168 }
 169
 170 form .v-select {
 171     display: inline-block;
 172     background-color: white;
 173     width: 30%;
 174 }
 175
 176 .v-select, input:not([type=submit]):not([type=search]):not([type=button]):not([type=checkbox]), textarea {
 177     border-color: rgba(60,60,60,0.26);
 178     border-width: 1px;
 179     border-radius: 4px;
 180     min-width: 30%;
 181 }
 182 </style>