<template>
- <div v-if="!this.initialized">{{ $t("Loading") }}</div>
+ <div v-if="!initialized">{{ $__("Loading") }}</div>
<div v-else id="agreements_add">
<h2 v-if="agreement.agreement_id">
- {{ $t("Edit agreement .id", { id: agreement.agreement_id }) }}
+ {{ $__("Edit agreement #%s").format(agreement.agreement_id) }}
</h2>
- <h2 v-else>{{ $t("New agreement") }}</h2>
+ <h2 v-else>{{ $__("New agreement") }}</h2>
<div>
<form @submit="onSubmit($event)">
- <fieldset class="rows">
- <ol>
- <li>
- <label class="required" for="agreement_name"
- >{{ $t("Agreement name") }}:</label
- >
- <input
- id="agreement_name"
- v-model="agreement.name"
- :placeholder="$t('Agreement name')"
- required
- />
- <span class="required">{{ $t("Required") }}</span>
- </li>
- <li>
- <label for="agreement_vendor_id"
- >{{ $t("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"
- >{{ $t("Description") }}:
- </label>
- <textarea
- id="agreement_description"
- v-model="agreement.description"
- :placeholder="$t('Description')"
- rows="10"
- cols="50"
- required
- />
- <span class="required">{{ $t("Required") }}</span>
- </li>
- <li>
- <label for="agreement_status"
- >{{ $t("Status") }}:</label
- >
- <select
- id="agreement_status"
- v-model="agreement.status"
- @change="onStatusChange($event)"
- required
- >
- <option value=""></option>
- <option
- v-for="status in av_agreement_statuses"
- :key="status.authorised_values"
- :value="status.authorised_value"
- :selected="
- status.authorised_value ==
- agreement.status
- ? true
- : false
- "
+ <div class="page-section">
+ <fieldset class="rows">
+ <ol>
+ <li>
+ <label class="required" for="agreement_name"
+ >{{ $__("Agreement name") }}:</label
>
- {{ status.lib }}
- </option>
- </select>
- <span class="required">{{ $t("Required") }}</span>
- </li>
- <li>
- <label for="agreement_closure_reason"
- >{{ $t("Closure reason") }}:</label
- >
- <select
- id="agreement_closure_reason"
- v-model="agreement.closure_reason"
- :disabled="
- agreement.status == 'closed' ? false : true
- "
- >
- <option value=""></option>
- <option
- v-for="r in av_agreement_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"
- >{{ $t("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"
+ id="agreement_name"
+ v-model="agreement.name"
+ :placeholder="$__('Agreement name')"
+ required
/>
- 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"
+ <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
/>
- No
- </label>
- </li>
- <li>
- <label for="agreement_renewal_priority"
- >{{ $t("Renewal priority") }}:</label
- >
- <select v-model="agreement.renewal_priority">
- <option value=""></option>
- <option
- v-for="p in av_agreement_renewal_priorities"
- :key="p.authorised_values"
- :value="p.authorised_value"
- :selected="
- p.authorised_value ==
- agreement.renewal_priority
- ? true
- : false
+ </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
>
- {{ p.lib }}
- </option>
- </select>
- </li>
- <li>
- <label for="agreement_license_info"
- >{{ $t("License info") }}:
- </label>
- <textarea
- id="agreement_license_info"
- v-model="agreement.license_info"
- placeholder="License info"
- />
- </li>
-
- <AgreementPeriods :periods="agreement.periods" />
- <AgreementUserRoles
- :user_roles="agreement.user_roles"
- :av_agreement_user_roles="av_agreement_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
- "
- />
- <AgreementDocuments :documents="agreement.documents" />
- </ol>
- </fieldset>
+ <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"
- >{{ $t("Cancel") }}</router-link
+ >{{ $__("Cancel") }}</router-link
>
</fieldset>
</form>
</template>
<script>
-import AgreementPeriods from './AgreementPeriods.vue'
-import AgreementUserRoles from './AgreementUserRoles.vue'
-import AgreementLicenses from './AgreementLicenses.vue'
-import AgreementRelationships from './AgreementRelationships.vue'
-import AgreementDocuments from './AgreementDocuments.vue'
-import { useVendorStore } from "../../stores/vendors"
-import { useAVStore } from "../../stores/authorised_values"
-import { setMessage, setError } from "../../messages"
-import { fetchAgreement } from '../../fetch'
+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 = useVendorStore()
+ const vendorStore = inject("vendorStore")
const { vendors } = storeToRefs(vendorStore)
- const AVStore = useAVStore()
+
+ const AVStore = inject("AVStore")
const {
av_agreement_statuses,
av_agreement_closure_reasons,
av_agreement_renewal_priorities,
- av_agreement_user_roles,
+ av_user_roles,
av_agreement_license_statuses,
av_agreement_license_location,
av_agreement_relationships,
av_agreement_statuses,
av_agreement_closure_reasons,
av_agreement_renewal_priorities,
- av_agreement_user_roles,
+ 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: [],
beforeRouteEnter(to, from, next) {
next(vm => {
if (to.params.agreement_id) {
- vm.agreement = vm.getAgreement(to.params.agreement_id)
+ vm.getAgreement(to.params.agreement_id)
} else {
vm.initialized = true
}
},
methods: {
async getAgreement(agreement_id) {
- const agreement = await fetchAgreement(agreement_id)
- this.agreement = agreement
- this.initialized = true
+ 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'
+ 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
+ )
- agreement.agreement_licenses = agreement.agreement_licenses.map(({ license, agreement_id, agreement_license_id, ...keepAttrs }) => keepAttrs)
+ 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.agreement_relationships =
+ agreement.agreement_relationships.map(
+ ({ related_agreement, ...keepAttrs }) => keepAttrs
+ )
- agreement.documents = agreement.documents.map(({ document_id, ...keepAttrs }) => keepAttrs)
+ agreement.documents = agreement.documents.map(
+ ({ file_type, uploaded_on, ...keepAttrs }) => keepAttrs
+ )
delete agreement.agreement_packages
- const options = {
- method: method,
- body: JSON.stringify(agreement),
- headers: {
- 'Content-Type': 'application/json;charset=utf-8'
- },
- }
-
- fetch(apiUrl, options)
- .then(response => {
- if (response.status == 200) {
- this.$router.push("/cgi-bin/koha/erm/agreements")
- setMessage(this.$t("Agreement updated"))
- } else if (response.status == 201) {
- this.$router.push("/cgi-bin/koha/erm/agreements")
- setMessage(this.$t("Agreement created"))
+ const client = APIClient.erm
+ ;(async () => {
+ try {
+ if (agreement_id) {
+ await client.agreements
+ .update(agreement, agreement_id)
+ .then(setMessage(this.$__("Agreement updated")))
} else {
- setError(response.message || response.statusText)
- }
- }).catch(
- (error) => {
- this.setError(error)
+ await client.agreements
+ .create(agreement)
+ .then(setMessage(this.$__("Agreement created")))
}
- )
+ this.$router.push("/cgi-bin/koha/erm/agreements")
+ } catch (err) {
+ setError(err.message || err.statusText)
+ }
+ })()
},
- onStatusChange(event) {
- if (event.target.value != 'closed') {
- this.agreement.closure_reason = ''
+ onStatusChanged(e) {
+ if (e.authorised_value != "closed") {
+ this.agreement.closure_reason = ""
}
- }
+ },
},
components: {
AgreementPeriods,
- AgreementUserRoles,
+ UserRoles,
AgreementLicenses,
AgreementRelationships,
- AgreementDocuments,
+ Documents,
},
name: "AgreementsFormAdd",
}