Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

vue_accourse: move no-household warning above table

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-09-10 16:39:59 +02:00
parent c89e2662b1
commit fa938471aa
1 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
View File

@ -9,6 +9,26 @@
<label class="chill-no-data-statement">{{ $tc('persons_associated.counter', counter) }}</label>
</div>
<div v-if="participationWithoutHousehold.length > 0" class="alert alert-warning no-household">
<i class="fa fa-warning fa-2x"></i>
<div class="float-button bottom"><div class="box">
<div class="action">
<button class="btn btn-update">{{ $t('persons_associated.update_household') }}</button>
</div>
<p class="mb-3">{{ $t('persons_associated.person_without_household_warning') }}</p>
<div class="form-check" v-for="p in participationWithoutHousehold">
<input type="checkbox"
class="form-check-input"
v-model="hasNoHousehold"
:id="p.person.id"
:value="p.person.id" />
<label class="form-check-label" for="hasNoHousehold">
{{ p.person.text }}
</label>
</div>
</div></div>
</div>
<div class="flex-table mb-3">
<participation-item
v-for="participation in currentParticipations"
@ -30,29 +50,6 @@
</add-persons>
</div>
<div v-if="participationWithoutHousehold.length > 0" class="alert alert-warning no-household">
<i class="fa fa-warning fa-2x"></i>
<div class="float-button bottom"><div class="box">
<div class="action">
<button class="btn btn-update">{{ $t('persons_associated.update_household') }}</button>
</div>
<p class="mb-3">{{ $t('persons_associated.person_without_household_warning') }}</p>
<div class="form-check" v-for="p in participationWithoutHousehold">
<input type="checkbox"
class="form-check-input"
v-model="hasNoHousehold"
:id="p.person.id"
:value="p.person.id" />
<label class="form-check-label" for="hasNoHousehold">
{{ p.person.text }}
</label>
</div>
</div></div>
</div>
</div>
</template>
@ -118,7 +115,7 @@ export default {
div#accompanying-course {
div.vue-component {
& > div.alert {
margin: 1em 0 0;
margin: 0 0 -1em;
}
div.no-household {
display: flex;