Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-21 15:13:50 +00:00
Code Issues Actions Projects Releases Wiki Activity

accourse: add warning alert box in each bloc with minimum confirm conditions

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-09-27 10:56:43 +02:00
parent 4de106ec30
commit 349a0e69f1
7 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
View File

@@ -91,7 +91,7 @@ export default {
},
scopes: {
msg: 'confirm.set_a_scope',
anchor: '#section-65'
anchor: '#section-60'
}
}
}

9
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
View File

@@ -55,11 +55,15 @@
</ul>
</div>
<div v-if="!isLocationValid" class="alert alert-warning to-confirm">
{{ $t('courselocation.not_valid') }}
</div>
</div>
</template>
<script>
import { mapState } from "vuex";
import {mapGetters, mapState} from "vuex";
import AddAddress from 'ChillMainAssets/vuejs/Address/components/AddAddress.vue';
import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
@@ -102,6 +106,9 @@ export default {
accompanyingCourse: state => state.accompanyingCourse,
context: state => state.addressContext
}),
...mapGetters([
'isLocationValid'
]),
isTemporaryAddress() {
return this.accompanyingCourse.locationStatus === 'address';
},

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

@@ -58,11 +58,14 @@
</add-persons>
</div>
<div v-if="!isParticipationValid" class="alert alert-warning to-confirm">
{{ $t('persons_associated.participation_not_valid') }}
</div>
</div>
</template>
<script>
import { mapState } from 'vuex';
import {mapGetters, mapState} from 'vuex';
import ParticipationItem from "./PersonsAssociated/ParticipationItem.vue"
import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue'
@@ -89,6 +92,9 @@ export default {
courseId: state => state.accompanyingCourse.id,
participations: state => state.accompanyingCourse.participations
}),
...mapGetters([
'isParticipationValid'
]),
currentParticipations() {
return this.participations.filter(p => p.endDate === null)
},
@@ -126,7 +132,7 @@ export default {
<style lang="scss" scoped>
div#accompanying-course {
div.vue-component {
& > div.alert {
& > div.alert.no-household {
margin: 0 0 -1em;
}
div.no-household {

2
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Scopes.vue
View File

@@ -11,7 +11,7 @@
</div>
</div>
<div v-if="!isScopeValid" class="alert alert-warning separator">
<div v-if="!isScopeValid" class="alert alert-warning to-confirm">
{{ $t('scopes.add_at_least_one') }}
</div>

9
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue
View File

@@ -21,13 +21,17 @@
</VueMultiselect>
</div>
<div v-if="!isSocialIssueValid" class="alert alert-warning to-confirm">
{{ $t('social_issue.not_valid') }}
</div>
</div>
</template>
<script>
import VueMultiselect from 'vue-multiselect';
import { getSocialIssues } from '../api';
import { mapState } from 'vuex';
import {mapGetters, mapState} from 'vuex';
export default {
name: "SocialIssue",
@@ -41,6 +45,9 @@ export default {
...mapState({
value: state => state.accompanyingCourse.socialIssues,
}),
...mapGetters([
'isSocialIssueValid'
])
},
mounted() {
this.getOptions();