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

   1 <template>
   2     <div v-if="!initialized">{{ $__("Loading") }}</div>
   3     <div v-else id="agreements_add">
   4         <h2 v-if="agreement.agreement_id">
   5             {{ $__("Edit agreement #%s").format(agreement.agreement_id) }}
   6         </h2>
   7         <h2 v-else>{{ $__("New agreement") }}</h2>
   8         <div>
   9             <form @submit="onSubmit($event)">
  10                 <div class="page-section">
  11                     <fieldset class="rows">
  12                         <ol>
  13                             <li>
  14                                 <label class="required" for="agreement_name"
  15                                     >{{ $__("Agreement name") }}:</label
  16                                 >
  17                                 <input
  18                                     id="agreement_name"
  19                                     v-model="agreement.name"
  20                                     :placeholder="$__('Agreement name')"
  21                                     required
  22                                 />
  23                                 <span class="required">{{
  24                                     $__("Required")
  25                                 }}</span>
  26                             </li>
  27                             <li>
  28                                 <label for="agreement_vendor_id"
  29                                     >{{ $__("Vendor") }}:</label
  30                                 >
  31                                 <v-select
  32                                     id="agreement_vendor_id"
  33                                     v-model="agreement.vendor_id"
  34                                     label="name"
  35                                     :reduce="(vendor) => vendor.id"
  36                                     :options="vendors"
  37                                 />
  38                             </li>
  39                             <li>
  40                                 <label for="agreement_description"
  41                                     >{{ $__("Description") }}:
  42                                 </label>
  43                                 <textarea
  44                                     id="agreement_description"
  45                                     v-model="agreement.description"
  46                                     :placeholder="$__('Description')"
  47                                     rows="10"
  48                                     cols="50"
  49                                     required
  50                                 />
  51                                 <span class="required">{{
  52                                     $__("Required")
  53                                 }}</span>
  54                             </li>
  55                             <li>
  56                                 <label for="agreement_status"
  57                                     >{{ $__("Status") }}:</label
  58                                 >
  59                                 <v-select
  60                                     id="agreement_status"
  61                                     v-model="agreement.status"
  62                                     label="lib"
  63                                     :reduce="(av) => av.authorised_value"
  64                                     :options="av_agreement_statuses"
  65                                     @option:selected="onStatusChanged"
  66                                     :required="!agreement.status"
  67                                 >
  68                                     <template #search="{ attributes, events }">
  69                                         <input
  70                                             :required="!agreement.status"
  71                                             class="vs__search"
  72                                             v-bind="attributes"
  73                                             v-on="events"
  74                                         />
  75                                     </template>
  76                                 </v-select>
  77                                 <span class="required">{{
  78                                     $__("Required")
  79                                 }}</span>
  80                             </li>
  81                             <li>
  82                                 <label for="agreement_closure_reason"
  83                                     >{{ $__("Closure reason") }}:</label
  84                                 >
  85                                 <v-select
  86                                     id="agreement_closure_reason"
  87                                     v-model="agreement.closure_reason"
  88                                     label="lib"
  89                                     :reduce="(av) => av.authorised_value"
  90                                     :options="av_agreement_closure_reasons"
  91                                     :disabled="
  92                                         agreement.status == 'closed'
  93                                             ? false
  94                                             : true
  95                                     "
  96                                 />
  97                             </li>
  98                             <li>
  99                                 <label
 100                                     for="agreement_is_perpetual"
 101                                     class="radio"
 102                                     >{{ $__("Is perpetual") }}:</label
 103                                 >
 104                                 <label for="agreement_is_perpetual_yes">
 105                                     <input
 106                                         type="radio"
 107                                         name="is_perpetual"
 108                                         id="agreement_is_perpetual_yes"
 109                                         :value="true"
 110                                         v-model="agreement.is_perpetual"
 111                                     />
 112                                     Yes
 113                                 </label>
 114                                 <label for="agreement_is_perpetual_no">
 115                                     <input
 116                                         type="radio"
 117                                         name="is_perpetual"
 118                                         id="agreement_is_perpetual_no"
 119                                         :value="false"
 120                                         v-model="agreement.is_perpetual"
 121                                     />
 122                                     No
 123                                 </label>
 124                             </li>
 125                             <li>
 126                                 <label for="agreement_renewal_priority"
 127                                     >{{ $__("Renewal priority") }}:</label
 128                                 >
 129                                 <v-select
 130                                     id="agreement_renewal_priority"
 131                                     v-model="agreement.renewal_priority"
 132                                     label="lib"
 133                                     :reduce="(av) => av.authorised_value"
 134                                     :options="av_agreement_renewal_priorities"
 135                                 />
 136                             </li>
 137                             <li>
 138                                 <label for="agreement_license_info"
 139                                     >{{ $__("License info") }}:
 140                                 </label>
 141                                 <textarea
 142                                     id="agreement_license_info"
 143                                     v-model="agreement.license_info"
 144                                     placeholder="License info"
 145                                 />
 146                             </li>
 147                         </ol>
 148                     </fieldset>
 149                 </div>
 150                 <AgreementPeriods :periods="agreement.periods" />
 151                 <AgreementUserRoles
 152                     :user_roles="agreement.user_roles"
 153                     :av_agreement_user_roles="av_agreement_user_roles"
 154                 />
 155                 <AgreementLicenses
 156                     :agreement_licenses="agreement.agreement_licenses"
 157                     :av_agreement_license_statuses="
 158                         av_agreement_license_statuses
 159                     "
 160                     :av_agreement_license_location="
 161                         av_agreement_license_location
 162                     "
 163                 />
 164                 <AgreementRelationships
 165                     :agreement_id="agreement.agreement_id"
 166                     :relationships="agreement.agreement_relationships"
 167                     :av_agreement_relationships="av_agreement_relationships"
 168                 />
 169                 <Documents :documents="agreement.documents" />
 170                 <fieldset class="action">
 171                     <input type="submit" value="Submit" />
 172                     <router-link
 173                         to="/cgi-bin/koha/erm/agreements"
 174                         role="button"
 175                         class="cancel"
 176                         >{{ $__("Cancel") }}</router-link
 177                     >
 178                 </fieldset>
 179             </form>
 180         </div>
 181     </div>
 182 </template>
 183
 184 <script>
 185 import { inject } from 'vue'
 186 import AgreementPeriods from './AgreementPeriods.vue'
 187 import AgreementUserRoles from './AgreementUserRoles.vue'
 188 import AgreementLicenses from './AgreementLicenses.vue'
 189 import AgreementRelationships from './AgreementRelationships.vue'
 190 import Documents from './Documents.vue'
 191 import { setMessage, setError, setWarning } from "../../messages"
 192 import { fetchAgreement } from '../../fetch'
 193 import { storeToRefs } from "pinia"
 194
 195 export default {
 196     setup() {
 197         const vendorStore = inject('vendorStore')
 198         const { vendors } = storeToRefs(vendorStore)
 199
 200         const AVStore = inject('AVStore')
 201         const {
 202             av_agreement_statuses,
 203             av_agreement_closure_reasons,
 204             av_agreement_renewal_priorities,
 205             av_agreement_user_roles,
 206             av_agreement_license_statuses,
 207             av_agreement_license_location,
 208             av_agreement_relationships,
 209         } = storeToRefs(AVStore)
 210
 211         return {
 212             vendors,
 213             av_agreement_statuses,
 214             av_agreement_closure_reasons,
 215             av_agreement_renewal_priorities,
 216             av_agreement_user_roles,
 217             av_agreement_license_statuses,
 218             av_agreement_license_location,
 219             av_agreement_relationships,
 220         }
 221     },
 222     data() {
 223         return {
 224             agreement: {
 225                 agreement_id: null,
 226                 name: '',
 227                 vendor_id: null,
 228                 description: '',
 229                 status: '',
 230                 closure_reason: '',
 231                 is_perpetual: false,
 232                 renewal_priority: '',
 233                 license_info: '',
 234                 periods: [],
 235                 user_roles: [],
 236                 agreement_licenses: [],
 237                 agreement_relationships: [],
 238                 documents: [],
 239             },
 240             initialized: false,
 241         }
 242     },
 243     beforeRouteEnter(to, from, next) {
 244         next(vm => {
 245             if (to.params.agreement_id) {
 246                 vm.agreement = vm.getAgreement(to.params.agreement_id)
 247             } else {
 248                 vm.initialized = true
 249             }
 250         })
 251     },
 252     methods: {
 253         async getAgreement(agreement_id) {
 254             const agreement = await fetchAgreement(agreement_id)
 255             this.agreement = agreement
 256             this.initialized = true
 257         },
 258         checkForm(agreement) {
 259             let errors = []
 260
 261             let agreement_licenses = agreement.agreement_licenses
 262             // Do not use al.license.name here! Its name is not the one linked with al.license_id
 263             // At this point al.license is meaningless, form/template only modified al.license_id
 264             const license_ids = agreement_licenses.map(al => al.license_id)
 265             const duplicate_license_ids = license_ids.filter((id, i) => license_ids.indexOf(id) !== i)
 266
 267             if (duplicate_license_ids.length) {
 268                 errors.push(this.$__("A license is used several times"))
 269             }
 270
 271             const related_agreement_ids = agreement.agreement_relationships.map(rs => rs.related_agreement_id)
 272             const duplicate_related_agreement_ids = related_agreement_ids.filter((id, i) => related_agreement_ids.indexOf(id) !== i)
 273
 274             if (duplicate_related_agreement_ids.length) {
 275                 errors.push(this.$__("An agreement is used as relationship several times"))
 276             }
 277
 278             if (agreement_licenses.filter(al => al.status == 'controlling').length > 1) {
 279                 errors.push(this.$__("Only one controlling license is allowed"))
 280             }
 281
 282             if (agreement_licenses.filter(al => al.status == 'controlling').length > 1) {
 283                 errors.push(this.$__("Only one controlling license is allowed"))
 284             }
 285
 286             errors.forEach(function (e) {
 287                 setWarning(e)
 288             })
 289             return !errors.length
 290         },
 291         onSubmit(e) {
 292             e.preventDefault()
 293
 294             //let agreement= Object.assign( {} ,this.agreement); // copy
 295             let agreement = JSON.parse(JSON.stringify(this.agreement)) // copy
 296
 297             if (!this.checkForm(agreement)) {
 298                 return false
 299             }
 300
 301             let apiUrl = '/api/v1/erm/agreements'
 302
 303             let method = 'POST'
 304             if (agreement.agreement_id) {
 305                 method = 'PUT'
 306                 apiUrl += '/' + agreement.agreement_id
 307             }
 308             delete agreement.agreement_id
 309             delete agreement.vendor
 310             agreement.is_perpetual = agreement.is_perpetual ? true : false
 311
 312             if (agreement.vendor_id == "") {
 313                 agreement.vendor_id = null
 314             }
 315
 316             agreement.periods = agreement.periods.map(({ agreement_id, agreement_period_id, ...keepAttrs }) => keepAttrs)
 317
 318             agreement.user_roles = agreement.user_roles.map(({ patron, patron_str, ...keepAttrs }) => keepAttrs)
 319
 320             agreement.agreement_licenses = agreement.agreement_licenses.map(({ license, agreement_id, agreement_license_id, ...keepAttrs }) => keepAttrs)
 321
 322             agreement.agreement_relationships = agreement.agreement_relationships.map(({ related_agreement, ...keepAttrs }) => keepAttrs)
 323
 324             agreement.documents = agreement.documents.map(({ file_type, uploaded_on, ...keepAttrs }) => keepAttrs)
 325
 326             delete agreement.agreement_packages
 327
 328             const options = {
 329                 method: method,
 330                 body: JSON.stringify(agreement),
 331                 headers: {
 332                     'Content-Type': 'application/json;charset=utf-8'
 333                 },
 334             }
 335
 336             fetch(apiUrl, options)
 337                 .then(response => {
 338                     if (response.status == 200) {
 339                         this.$router.push("/cgi-bin/koha/erm/agreements")
 340                         setMessage(this.$__("Agreement updated"))
 341                     } else if (response.status == 201) {
 342                         this.$router.push("/cgi-bin/koha/erm/agreements")
 343                         setMessage(this.$__("Agreement created"))
 344                     } else {
 345                         setError(response.message || response.statusText)
 346                     }
 347                 }).catch(
 348                     (error) => {
 349                         this.setError(error)
 350                     }
 351                 )
 352         },
 353         onStatusChanged(e) {
 354             if (e.authorised_value != 'closed') {
 355                 this.agreement.closure_reason = ''
 356             }
 357         }
 358     },
 359     components: {
 360         AgreementPeriods,
 361         AgreementUserRoles,
 362         AgreementLicenses,
 363         AgreementRelationships,
 364         Documents,
 365     },
 366     name: "AgreementsFormAdd",
 367 }
 368 </script>