<template>
- <h2 v-if="agreement.agreement_id">Edit agreement</h2>
- <h2 v-else>New agreement</h2>
- <div>
- <form @submit="onSubmit($event)">
- <fieldset class="rows">
- <ol>
- <li>
- <label class="required" for="agreement_name"
- >Agreement name:</label
- >
- <input
- id="agreement_name"
- v-model="agreement.name"
- placeholder="Agreement name"
- required
- />
- <span class="required">Required</span>
- </li>
- <li>
- <label for="agreement_vendor_id">Vendor:</label>
- <select
- id="agreement_vendor_id"
- v-model="agreement.vendor_id"
- >
- <option value=""></option>
- <option
- v-for="vendor in vendors"
- :key="vendor.vendor_id"
- :value="vendor.id"
- :selected="
- vendor.id == agreement.vendor_id
- ? true
- : false
- "
- >
- {{ vendor.name }}
- </option>
- </select>
- </li>
- <li>
- <label for="agreement_description">Description: </label>
- <input
- id="agreement_description"
- v-model="agreement.description"
- placeholder="Description"
- required
- />
- <span class="required">Required</span>
- </li>
- <li>
- <label for="agreement_status">Status: </label>
- <select
- id="agreement_status"
- v-model="agreement.status"
- @change="onStatusChange($event)"
- required
- >
- <option value=""></option>
- <option
- v-for="status in av_statuses"
- :key="status.authorised_values"
- :value="status.authorised_value"
- :selected="
- status.authorised_value == agreement.status
- ? true
- : false
- "
- >
- {{ status.lib }}
- </option>
- </select>
- <span class="required">Required</span>
- </li>
- <li>
- <label for="agreement_closure_reason"
- >Closure reason:</label
- >
- <select
- id="agreement_closure_reason"
- v-model="agreement.closure_reason"
- :disabled="
- agreement.status == 'closed' ? true : false
- "
- >
- <option value=""></option>
- <option
- v-for="r in av_closure_reasons"
- :key="r.authorised_values"
- :value="r.authorised_value"
- :selected="
- r.authorised_value ==
- agreement.closure_reason
- ? true
- : false
- "
- >
- {{ r.lib }}
- </option>
- </select>
- </li>
- <li>
- <label for="agreement_is_perpetual" class="radio"
- >Is perpetual:</label
- >
- <label for="agreement_is_perpetual_yes">
- <input
- type="radio"
- name="is_perpetual"
- id="agreement_is_perpetual_yes"
- :value="true"
- v-model="agreement.is_perpetual"
- />
- Yes
- </label>
- <label for="agreement_is_perpetual_no">
- <input
- type="radio"
- name="is_perpetual"
- id="agreement_is_perpetual_no"
- :value="false"
- v-model="agreement.is_perpetual"
- />
- No
- </label>
- </li>
- <li>
- <label for="agreement_renewal_priority"
- >Renewal priority:</label
- >
- <select v-model="agreement.renewal_priority">
- <option value=""></option>
- <option
- v-for="p in av_renewal_priorities"
- :key="p.authorised_values"
- :value="p.authorised_value"
- :selected="
- p.authorised_value ==
- agreement.renewal_priority
- ? true
- : false
- "
- >
- {{ p.lib }}
- </option>
- </select>
- </li>
- <li>
- <label for="agreement_license_info"
- >License info:
- </label>
- <input
- id="agreement_license_info"
- v-model="agreement.license_info"
- placeholder="License info"
- />
- </li>
-
- <AgreementPeriods :periods="agreement.periods" />
- <AgreementUserRoles
- :user_roles="agreement.user_roles"
- :av_user_roles="av_user_roles"
- />
- </ol>
- </fieldset>
- <fieldset class="action">
- <input type="submit" value="Submit" />
- <a href="#" class="cancel" @click="$emit('switch-view', 'list')">Cancel</a>
- </fieldset>
- </form>
+ <div v-if="!initialized">{{ $__("Loading") }}</div>
+ <div v-else id="agreements_add">
+ <h2 v-if="agreement.agreement_id">
+ {{ $__("Edit agreement #%s").format(agreement.agreement_id) }}
+ </h2>
+ <h2 v-else>{{ $__("New agreement") }}</h2>
+ <div>
+ <form @submit="onSubmit($event)">
+ <div class="page-section">
+ <fieldset class="rows">
+ <ol>
+ <li>
+ <label class="required" for="agreement_name"
+ >{{ $__("Agreement name") }}:</label
+ >
+ <input
+ id="agreement_name"
+ v-model="agreement.name"
+ :placeholder="$__('Agreement name')"
+ required
+ />
+ <span class="required">{{
+ $__("Required")
+ }}</span>
+ </li>
+ <li>
+ <label for="agreement_vendor_id"
+ >{{ $__("Vendor") }}:</label
+ >
+ <v-select
+ id="agreement_vendor_id"
+ v-model="agreement.vendor_id"
+ label="name"
+ :reduce="vendor => vendor.id"
+ :options="vendors"
+ />
+ </li>
+ <li>
+ <label for="agreement_description"
+ >{{ $__("Description") }}:
+ </label>
+ <textarea
+ id="agreement_description"
+ v-model="agreement.description"
+ :placeholder="$__('Description')"
+ rows="10"
+ cols="50"
+ required
+ />
+ </li>
+ <li>
+ <label for="agreement_status"
+ >{{ $__("Status") }}:</label
+ >
+ <v-select
+ id="agreement_status"
+ v-model="agreement.status"
+ label="lib"
+ :reduce="av => av.authorised_value"
+ :options="av_agreement_statuses"
+ @option:selected="onStatusChanged"
+ :required="!agreement.status"
+ >
+ <template #search="{ attributes, events }">
+ <input
+ :required="!agreement.status"
+ class="vs__search"
+ v-bind="attributes"
+ v-on="events"
+ />
+ </template>
+ </v-select>
+ <span class="required">{{
+ $__("Required")
+ }}</span>
+ </li>
+ <li>
+ <label for="agreement_closure_reason"
+ >{{ $__("Closure reason") }}:</label
+ >
+ <v-select
+ id="agreement_closure_reason"
+ v-model="agreement.closure_reason"
+ label="lib"
+ :reduce="av => av.authorised_value"
+ :options="av_agreement_closure_reasons"
+ :disabled="
+ agreement.status == 'closed'
+ ? false
+ : true
+ "
+ />
+ </li>
+ <li>
+ <label
+ for="agreement_is_perpetual"
+ class="radio"
+ >{{ $__("Is perpetual") }}:</label
+ >
+ <label for="agreement_is_perpetual_yes">
+ <input
+ type="radio"
+ name="is_perpetual"
+ id="agreement_is_perpetual_yes"
+ :value="true"
+ v-model="agreement.is_perpetual"
+ />
+ Yes
+ </label>
+ <label for="agreement_is_perpetual_no">
+ <input
+ type="radio"
+ name="is_perpetual"
+ id="agreement_is_perpetual_no"
+ :value="false"
+ v-model="agreement.is_perpetual"
+ />
+ No
+ </label>
+ </li>
+ <li>
+ <label for="agreement_renewal_priority"
+ >{{ $__("Renewal priority") }}:</label
+ >
+ <v-select
+ id="agreement_renewal_priority"
+ v-model="agreement.renewal_priority"
+ label="lib"
+ :reduce="av => av.authorised_value"
+ :options="av_agreement_renewal_priorities"
+ />
+ </li>
+ <li>
+ <label for="agreement_license_info"
+ >{{ $__("License info") }}:
+ </label>
+ <textarea
+ id="agreement_license_info"
+ v-model="agreement.license_info"
+ placeholder="License info"
+ />
+ </li>
+ </ol>
+ </fieldset>
+ </div>
+ <AgreementPeriods :periods="agreement.periods" />
+ <UserRoles
+ :user_type="$__('Agreement user')"
+ :user_roles="agreement.user_roles"
+ :av_user_roles="av_user_roles"
+ />
+ <AgreementLicenses
+ :agreement_licenses="agreement.agreement_licenses"
+ :av_agreement_license_statuses="
+ av_agreement_license_statuses
+ "
+ :av_agreement_license_location="
+ av_agreement_license_location
+ "
+ />
+ <AgreementRelationships
+ :agreement_id="agreement.agreement_id"
+ :relationships="agreement.agreement_relationships"
+ :av_agreement_relationships="av_agreement_relationships"
+ />
+ <Documents :documents="agreement.documents" />
+ <fieldset class="action">
+ <input type="submit" value="Submit" />
+ <router-link
+ to="/cgi-bin/koha/erm/agreements"
+ role="button"
+ class="cancel"
+ >{{ $__("Cancel") }}</router-link
+ >
+ </fieldset>
+ </form>
+ </div>
</div>
</template>
<script>
-import AgreementPeriods from './AgreementPeriods.vue'
-import AgreementUserRoles from './AgreementUserRoles.vue'
+import { inject } from "vue"
+import AgreementPeriods from "./AgreementPeriods.vue"
+import UserRoles from "./UserRoles.vue"
+import AgreementLicenses from "./AgreementLicenses.vue"
+import AgreementRelationships from "./AgreementRelationships.vue"
+import Documents from "./Documents.vue"
+import { setMessage, setError, setWarning } from "../../messages"
+import { APIClient } from "../../fetch/api-client.js"
+import { storeToRefs } from "pinia"
export default {
+ setup() {
+ const vendorStore = inject("vendorStore")
+ const { vendors } = storeToRefs(vendorStore)
+
+ const AVStore = inject("AVStore")
+ const {
+ av_agreement_statuses,
+ av_agreement_closure_reasons,
+ av_agreement_renewal_priorities,
+ av_user_roles,
+ av_agreement_license_statuses,
+ av_agreement_license_location,
+ av_agreement_relationships,
+ } = storeToRefs(AVStore)
+
+ return {
+ vendors,
+ av_agreement_statuses,
+ av_agreement_closure_reasons,
+ av_agreement_renewal_priorities,
+ av_user_roles,
+ av_agreement_license_statuses,
+ av_agreement_license_location,
+ av_agreement_relationships,
+ max_allowed_packet,
+ }
+ },
data() {
return {
agreement: {
agreement_id: null,
- name: '',
+ name: "",
vendor_id: null,
- description: '',
- status: '',
- closure_reason: '',
+ description: "",
+ status: "",
+ closure_reason: "",
is_perpetual: false,
- renewal_priority: '',
- license_info: '',
+ renewal_priority: "",
+ license_info: "",
periods: [],
user_roles: [],
- }
+ agreement_licenses: [],
+ agreement_relationships: [],
+ documents: [],
+ },
+ initialized: false,
}
},
- created() {
- if (!this.agreement_id) return
- const apiUrl = '/api/v1/erm/agreements/' + this.agreement_id
-
- fetch(apiUrl, {
- headers: {
- 'x-koha-embed': 'periods,user_roles,user_roles.patron'
+ beforeRouteEnter(to, from, next) {
+ next(vm => {
+ if (to.params.agreement_id) {
+ vm.getAgreement(to.params.agreement_id)
+ } else {
+ vm.initialized = true
}
})
- .then(res => res.json())
- .then(
- (result) => {
- this.agreement = result
- }
- )
},
methods: {
+ async getAgreement(agreement_id) {
+ const client = APIClient.erm
+ try {
+ await client.agreements.get(agreement_id).then(data => {
+ this.agreement = data
+ this.initialized = true
+ })
+ } catch (err) {
+ setError(err.message || err.statusText)
+ }
+ },
+ checkForm(agreement) {
+ let errors = []
+
+ let agreement_licenses = agreement.agreement_licenses
+ // Do not use al.license.name here! Its name is not the one linked with al.license_id
+ // At this point al.license is meaningless, form/template only modified al.license_id
+ const license_ids = agreement_licenses.map(al => al.license_id)
+ const duplicate_license_ids = license_ids.filter(
+ (id, i) => license_ids.indexOf(id) !== i
+ )
+
+ if (duplicate_license_ids.length) {
+ errors.push(this.$__("A license is used several times"))
+ }
+
+ const related_agreement_ids = agreement.agreement_relationships.map(
+ rs => rs.related_agreement_id
+ )
+ const duplicate_related_agreement_ids =
+ related_agreement_ids.filter(
+ (id, i) => related_agreement_ids.indexOf(id) !== i
+ )
+
+ if (duplicate_related_agreement_ids.length) {
+ errors.push(
+ this.$__(
+ "An agreement is used as relationship several times"
+ )
+ )
+ }
+
+ if (
+ agreement_licenses.filter(al => al.status == "controlling")
+ .length > 1
+ ) {
+ errors.push(this.$__("Only one controlling license is allowed"))
+ }
+
+ if (
+ agreement_licenses.filter(al => al.status == "controlling")
+ .length > 1
+ ) {
+ errors.push(this.$__("Only one controlling license is allowed"))
+ }
+
+ let documents_with_uploaded_files = agreement.documents.filter(
+ doc => typeof doc.file_content !== "undefined"
+ )
+ if (
+ documents_with_uploaded_files.filter(
+ doc => atob(doc.file_content).length >= max_allowed_packet
+ ).length >= 1
+ ) {
+ errors.push(
+ this.$__("File size exceeds maximum allowed: %s MB").format(
+ (max_allowed_packet / (1024 * 1024)).toFixed(2)
+ )
+ )
+ }
+ errors.forEach(function (e) {
+ setWarning(e)
+ })
+ return !errors.length
+ },
onSubmit(e) {
e.preventDefault()
//let agreement= Object.assign( {} ,this.agreement); // copy
let agreement = JSON.parse(JSON.stringify(this.agreement)) // copy
- let apiUrl = '/api/v1/erm/agreements'
-
- const myHeaders = new Headers()
- myHeaders.append('Content-Type', 'application/json')
+ let agreement_id = agreement.agreement_id
- let method = 'POST'
- if (agreement.agreement_id) {
- method = 'PUT'
- apiUrl += '/' + agreement.agreement_id
+ if (!this.checkForm(agreement)) {
+ return false
}
+
delete agreement.agreement_id
+ delete agreement.vendor
agreement.is_perpetual = agreement.is_perpetual ? true : false
- agreement.periods.forEach(p => {
- p.started_on = $date_to_rfc3339(p.started_on)
- p.ended_on = p.ended_on ? $date_to_rfc3339(p.ended_on) : null
- p.cancellation_deadline = p.cancellation_deadline ? $date_to_rfc3339(p.cancellation_deadline) : null
- })
+ if (agreement.vendor_id == "") {
+ agreement.vendor_id = null
+ }
- agreement.periods = agreement.periods.map(({ agreement_id, agreement_period_id, ...keepAttrs }) => keepAttrs)
+ agreement.periods = agreement.periods.map(
+ ({ agreement_id, agreement_period_id, ...keepAttrs }) =>
+ keepAttrs
+ )
- agreement.user_roles = agreement.user_roles.map(({ patron, patron_str, ...keepAttrs }) => keepAttrs)
+ agreement.user_roles = agreement.user_roles.map(
+ ({ patron, patron_str, ...keepAttrs }) => keepAttrs
+ )
- const options = {
- method: method,
- body: JSON.stringify(agreement),
- myHeaders
- }
+ agreement.agreement_licenses = agreement.agreement_licenses.map(
+ ({
+ license,
+ agreement_id,
+ agreement_license_id,
+ ...keepAttrs
+ }) => keepAttrs
+ )
+
+ agreement.agreement_relationships =
+ agreement.agreement_relationships.map(
+ ({ related_agreement, ...keepAttrs }) => keepAttrs
+ )
+
+ agreement.documents = agreement.documents.map(
+ ({ file_type, uploaded_on, ...keepAttrs }) => keepAttrs
+ )
+
+ delete agreement.agreement_packages
- fetch(apiUrl, options)
- .then(response => {
- if (response.status == 200) {
- this.$emit('agreement-updated')
- } else if (response.status == 201) {
- this.$emit('agreement-created')
+ const client = APIClient.erm
+ ;(async () => {
+ try {
+ if (agreement_id) {
+ await client.agreements
+ .update(agreement, agreement_id)
+ .then(setMessage(this.$__("Agreement updated")))
} else {
- this.$emit('set-error', response.message || response.statusText)
+ await client.agreements
+ .create(agreement)
+ .then(setMessage(this.$__("Agreement created")))
}
- }).catch(
- (error) => {
- this.$emit('set-error', error)
- }
- )
+ this.$router.push("/cgi-bin/koha/erm/agreements")
+ } catch (err) {
+ setError(err.message || err.statusText)
+ }
+ })()
},
- onStatusChange(status) {
- if (status == 'closed') {
- this.agreement.closure_reason = ''
+ onStatusChanged(e) {
+ if (e.authorised_value != "closed") {
+ this.agreement.closure_reason = ""
}
- }
- },
- emits: ['agreement-created', 'agreement-updated', 'set-error', 'switch-view'],
- props: {
- agreement_id: Number,
- vendors: Array,
- av_statuses: Array,
- av_closure_reasons: Array,
- av_renewal_priorities: Array,
- av_user_roles: Array,
+ },
},
components: {
AgreementPeriods,
- AgreementUserRoles
+ UserRoles,
+ AgreementLicenses,
+ AgreementRelationships,
+ Documents,
},
name: "AgreementsFormAdd",
}