Jonathan Druart
72b73e0a5b
Signed-off-by: Jonathan Field <jonathan.field@ptfs-europe.com> Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
137 lines
4.9 KiB
Vue
137 lines
4.9 KiB
Vue
<template>
|
|
<fieldset class="rows" id="agreement_licenses">
|
|
<legend>Licenses</legend>
|
|
<fieldset
|
|
:id="`agreement_license_${counter}`"
|
|
class="rows"
|
|
v-for="(agreement_license, counter) in agreement_licenses"
|
|
v-bind:key="counter"
|
|
>
|
|
<legend>
|
|
Agreement license {{ counter + 1 }}
|
|
<a href="#" @click.prevent="deleteLicense(counter)"
|
|
><i class="fa fa-trash"></i> Remove this license</a
|
|
>
|
|
</legend>
|
|
<ol>
|
|
<li>
|
|
<label :for="`license_id_${counter}`">License: </label>
|
|
<select
|
|
:id="`license_id_${counter}`"
|
|
v-model="agreement_license.license_id"
|
|
required
|
|
>
|
|
<option value=""></option>
|
|
<option
|
|
v-for="license in licenses"
|
|
:key="license.license_id"
|
|
:value="license.license_id"
|
|
:selected="
|
|
license.license_id ==
|
|
agreement_license.license_id
|
|
? true
|
|
: false
|
|
"
|
|
>
|
|
{{ license.name }}
|
|
</option>
|
|
</select>
|
|
<span class="required">Required</span>
|
|
</li>
|
|
<li>
|
|
<label :for="`license_status_${counter}`">Status: </label>
|
|
<select v-model="agreement_license.status" required>
|
|
<option value=""></option>
|
|
<option
|
|
v-for="r in av_agreement_license_statuses"
|
|
:key="r.authorised_values"
|
|
:value="r.authorised_value"
|
|
:selected="
|
|
r.authorised_value == agreement_license.status
|
|
? true
|
|
: false
|
|
"
|
|
>
|
|
{{ r.lib }}
|
|
</option>
|
|
</select>
|
|
<span class="required">Required</span>
|
|
</li>
|
|
<li>
|
|
<label :for="`license_location_${counter}`"
|
|
>Physical location:
|
|
</label>
|
|
<select v-model="agreement_license.physical_location">
|
|
<option value=""></option>
|
|
<option
|
|
v-for="r in av_agreement_license_location"
|
|
:key="r.authorised_values"
|
|
:value="r.authorised_value"
|
|
:selected="
|
|
r.authorised_value ==
|
|
agreement_license.physical_location
|
|
? true
|
|
: false
|
|
"
|
|
>
|
|
{{ r.lib }}
|
|
</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label :for="`license_notes_${counter}`">Notes:</label>
|
|
<input
|
|
:id="`license_notes_${counter}`"
|
|
v-model="agreement_license.notes"
|
|
placeholder="Notes"
|
|
/>
|
|
</li>
|
|
<li>
|
|
<label :for="`license_uri_${counter}`">URI:</label>
|
|
<input
|
|
:id="`license_uri_${counter}`"
|
|
v-model="agreement_license.uri"
|
|
placeholder="URI"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
<a class="btn btn-default" @click="addLicense"
|
|
><font-awesome-icon icon="plus" /> Add new license</a
|
|
>
|
|
</fieldset>
|
|
</template>
|
|
|
|
<script>
|
|
import { fetchLicenses } from '../../fetch'
|
|
export default {
|
|
name: 'AgreementLicenses',
|
|
data() {
|
|
return {
|
|
licenses: [],
|
|
}
|
|
},
|
|
props: {
|
|
av_agreement_license_statuses: Array,
|
|
av_agreement_license_location: Array,
|
|
agreement_licenses: Array,
|
|
},
|
|
beforeCreate() {
|
|
fetchLicenses().then((licenses) => this.licenses = licenses)
|
|
},
|
|
methods: {
|
|
addLicense() {
|
|
this.agreement_licenses.push({
|
|
license_id: null,
|
|
status: null,
|
|
physical_location: null,
|
|
notes: '',
|
|
uri: '',
|
|
})
|
|
},
|
|
deleteLicense(counter) {
|
|
this.agreement_licenses.splice(counter, 1)
|
|
},
|
|
},
|
|
}
|
|
</script>
|