add person text in accompanying period work

This commit is contained in:
Julien Fastré 2022-01-31 13:00:48 +01:00
parent e04c02055c
commit f4bca2f410
3 changed files with 16 additions and 9 deletions

View File

@ -57,8 +57,12 @@
<ul> <ul>
<li v-for="p in personsReachables" :key="p.id"> <li v-for="p in personsReachables" :key="p.id">
<input type="checkbox" :value="p.id" v-model="personsPicked"> <div class="form-check">
<person-render-box render="badge" :options="{}" :person="p"></person-render-box> <input type="checkbox" :value="p.id" v-model="personsPicked" class="form-check-input" :id="'person_check'+p.id">
<label class="form-check-label" :for="'person_check' + p.id">
<person-text :person="p"></person-text>
</label>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -111,7 +115,7 @@
import { mapState, mapActions, mapGetters } from 'vuex'; import { mapState, mapActions, mapGetters } from 'vuex';
import VueMultiselect from 'vue-multiselect'; import VueMultiselect from 'vue-multiselect';
import { dateToISO, ISOToDate } from 'ChillMainAssets/chill/js/date.js'; import { dateToISO, ISOToDate } from 'ChillMainAssets/chill/js/date.js';
import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue'; import PersonText from 'ChillPersonAssets/vuejs/_components/Entity/PersonText.vue';
const i18n = { const i18n = {
messages: { messages: {
@ -133,7 +137,7 @@ export default {
name: 'App', name: 'App',
components: { components: {
VueMultiselect, VueMultiselect,
PersonRenderBox, PersonText,
}, },
methods: { methods: {
submit() { submit() {

View File

@ -141,10 +141,12 @@
<ul class="list-unstyled"> <ul class="list-unstyled">
<li v-for="p in personsReachables" :key="p.id"> <li v-for="p in personsReachables" :key="p.id">
<label :for="p.id"> <div class="form-check">
<input v-model="personsPicked" :value="p.id" :id="p.id" type="checkbox" class="me-2"> <input v-model="personsPicked" :value="p.id" type="checkbox" class="me-2 form-check-input" :id="'person_check'+p.id">
{{ p.text }} <label :for="'person_check'+p.id" class="form-check-label">
<person-text :person="p"></person-text>
</label> </label>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -281,6 +283,7 @@ import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/
import PickTemplate from 'ChillDocGeneratorAssets/vuejs/_components/PickTemplate.vue'; import PickTemplate from 'ChillDocGeneratorAssets/vuejs/_components/PickTemplate.vue';
import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue'; import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue';
import PickWorkflow from 'ChillMainAssets/vuejs/_components/EntityWorkflow/PickWorkflow.vue'; import PickWorkflow from 'ChillMainAssets/vuejs/_components/EntityWorkflow/PickWorkflow.vue';
import PersonText from 'ChillPersonAssets/vuejs/_components/Entity/PersonText.vue';
const i18n = { const i18n = {
messages: { messages: {
@ -329,7 +332,8 @@ export default {
ThirdPartyRenderBox, ThirdPartyRenderBox,
PickTemplate, PickTemplate,
PickWorkflow, PickWorkflow,
OnTheFly OnTheFly,
PersonText,
}, },
i18n, i18n,
data() { data() {

View File

@ -136,7 +136,6 @@
<i class="fa fa-stack-1x">T</i> <i class="fa fa-stack-1x">T</i>
</span> </span>
<person-text :person="person"></person-text> <person-text :person="person"></person-text>
<span v-if="person.deathdate" class="deathdate"> ()</span>
</span> </span>
<slot name="post-badge"></slot> <slot name="post-badge"></slot>
</span> </span>