Bug 32939: Have a generic APIClient object
[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / js / vue / components / ERM / AgreementsFormAdd.vue
index c6cec90..c8e052e 100644 (file)
 <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,
@@ -239,24 +211,25 @@ export default {
             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: [],
@@ -269,7 +242,7 @@ export default {
     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
             }
@@ -277,80 +250,158 @@ export default {
     },
     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",
 }