Jonathan Druart
b563544200
The plan was to rewrite the whole history, but it failed (see https://tree.taiga.io/project/joubu-koha-erm/us/129) yarn run prettier --trailing-comma es5 --semi false --arrow-parens avoid --write **/*.vue TODO - Add a QA check + git pre-commit hook 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>
199 lines
8.2 KiB
Vue
199 lines
8.2 KiB
Vue
<template>
|
|
<div v-if="ERMModule">
|
|
<Breadcrumb />
|
|
<div class="main container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-push-2">
|
|
<main>
|
|
<Dialog />
|
|
<router-view />
|
|
</main>
|
|
</div>
|
|
|
|
<div class="col-sm-2 col-sm-pull-10">
|
|
<aside>
|
|
<div id="navmenu">
|
|
<div id="navmenulist">
|
|
<h5>{{ $__("E-Resource management") }}</h5>
|
|
<ul>
|
|
<li>
|
|
<router-link
|
|
to="/cgi-bin/koha/erm/agreements"
|
|
>
|
|
<i class="fa fa-check-circle-o"></i>
|
|
{{ $__("Agreements") }}</router-link
|
|
>
|
|
</li>
|
|
<li>
|
|
<router-link
|
|
to="/cgi-bin/koha/erm/licenses"
|
|
>
|
|
<i class="fa fa-gavel"></i>
|
|
{{ $__("Licenses") }}</router-link
|
|
>
|
|
</li>
|
|
<li>
|
|
<router-link
|
|
to="/cgi-bin/koha/erm/eholdings"
|
|
class="disabled"
|
|
>
|
|
<i class="fa fa-crosshairs"></i>
|
|
{{ $__("eHoldings") }}
|
|
</router-link>
|
|
</li>
|
|
|
|
<li>
|
|
<ul>
|
|
<li
|
|
v-for="provider in erm_providers"
|
|
:key="provider"
|
|
>
|
|
<router-link
|
|
v-if="provider == 'local'"
|
|
:to="`/cgi-bin/koha/erm/eholdings/local`"
|
|
class="disabled"
|
|
>
|
|
<i
|
|
class="fa fa-map-marker"
|
|
></i>
|
|
{{
|
|
$__("Local")
|
|
}}</router-link
|
|
>
|
|
<router-link
|
|
v-else-if="
|
|
provider == 'ebsco'
|
|
"
|
|
:to="`/cgi-bin/koha/erm/eholdings/ebsco`"
|
|
class="disabled"
|
|
>
|
|
<i class="fa fa-globe"></i>
|
|
{{
|
|
$__("EBSCO")
|
|
}}</router-link
|
|
>
|
|
<ul>
|
|
<li>
|
|
<router-link
|
|
:to="`/cgi-bin/koha/erm/eholdings/${provider}/packages`"
|
|
>
|
|
<i
|
|
class="fa fa-archive"
|
|
></i>
|
|
{{
|
|
$__("Packages")
|
|
}}</router-link
|
|
>
|
|
</li>
|
|
<li>
|
|
<router-link
|
|
:to="`/cgi-bin/koha/erm/eholdings/${provider}/titles`"
|
|
>
|
|
<i
|
|
class="fa fa-sort-alpha-asc"
|
|
></i>
|
|
{{
|
|
$__("Titles")
|
|
}}</router-link
|
|
>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
{{
|
|
$__(
|
|
"The E-Resource management module is disabled, turn on 'ERMModule' to use it"
|
|
)
|
|
}}
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { inject } from "vue"
|
|
import Breadcrumb from "./Breadcrumb.vue"
|
|
import Dialog from "./Dialog.vue"
|
|
import { fetchVendors } from "../../fetch"
|
|
import "vue-select/dist/vue-select.css"
|
|
|
|
export default {
|
|
setup() {
|
|
const AVStore = inject("AVStore")
|
|
AVStore.av_agreement_statuses = agreement_statuses
|
|
AVStore.av_agreement_closure_reasons = agreement_closure_reasons
|
|
AVStore.av_agreement_renewal_priorities = agreement_renewal_priorities
|
|
AVStore.av_agreement_user_roles = agreement_user_roles
|
|
AVStore.av_license_types = license_types
|
|
AVStore.av_license_statuses = license_statuses
|
|
AVStore.av_agreement_license_statuses = agreement_license_statuses
|
|
AVStore.av_agreement_license_location = agreement_license_location
|
|
AVStore.av_package_types = package_types
|
|
AVStore.av_package_content_types = package_content_types
|
|
AVStore.av_title_publication_types = title_publication_types
|
|
|
|
const vendorStore = inject("vendorStore")
|
|
|
|
return {
|
|
vendorStore,
|
|
erm_providers,
|
|
ERMModule,
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
component: "agreement",
|
|
}
|
|
},
|
|
beforeCreate() {
|
|
fetchVendors().then(vendors => (this.vendorStore.vendors = vendors))
|
|
},
|
|
components: {
|
|
Breadcrumb,
|
|
Dialog,
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#navmenulist a.router-link-active {
|
|
font-weight: 700;
|
|
}
|
|
#menu ul ul,
|
|
#navmenulist ul ul {
|
|
padding-left: 2em;
|
|
font-size: 100%;
|
|
}
|
|
|
|
form .v-select {
|
|
display: inline-block;
|
|
background-color: white;
|
|
width: 30%;
|
|
}
|
|
|
|
.v-select,
|
|
input:not([type="submit"]):not([type="search"]):not([type="button"]):not([type="checkbox"]),
|
|
textarea {
|
|
border-color: rgba(60, 60, 60, 0.26);
|
|
border-width: 1px;
|
|
border-radius: 4px;
|
|
min-width: 30%;
|
|
}
|
|
|
|
#navmenulist ul li a.disabled {
|
|
color: #666;
|
|
pointer-events: none;
|
|
font-weight: 700;
|
|
}
|
|
#navmenulist ul li a.disabled.router-link-active {
|
|
color: #000;
|
|
}
|
|
</style>
|