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

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