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

add options on button for AddPersons component: size, type and display

Browse Source 
* size: add bootstrap class : btn-sm, btn-lg..
* type: override chill button class : btn-update, btn-chill-beige
* display: override default : true
This commit is contained in:
Mathieu Jaumotte 2021-08-09 17:03:21 +02:00 committed by Marc Ducobu
parent 3156706c2b
commit d67483fd9a
2 changed files with 33 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
View File

@ -140,9 +140,7 @@
<ul class="record_actions"> <ul class="record_actions">
<li> <li>
<button class="btn btn-delete" @click="removeHandlingThirdParty"> <button class="btn btn-remove" @click="removeHandlingThirdParty" :title="$t('remove_handling_thirdparty')"></button>
{{ $t('remove_handling_thirdparty') }}
</button>
</li> </li>
</ul> </ul>
</div> </div>
@ -163,7 +161,7 @@
<show-address :address="t.address"></show-address> <show-address :address="t.address"></show-address>
<ul class="record_actions"> <ul class="record_actions">
<button class="btn btn-delete" @click="removeThirdParty(t)"></button> <button class="btn btn-remove" @click="removeThirdParty(t)" :title="$t('remove_thirdparty')"></button>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -302,11 +300,12 @@
} }
div.objective-title { div.objective-title {
font-weight: bold;
/*
margin-top: 1rem; margin-top: 1rem;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: bold;
text-align: center; text-align: center;
*/
i.fa { i.fa {
padding: 0.25rem; padding: 0.25rem;
@ -399,7 +398,8 @@ const i18n = {
no_handling_thirdparty: "Aucun tiers traitant", no_handling_thirdparty: "Aucun tiers traitant",
precise_handling_thirdparty: "Indiquer un tiers traitant", precise_handling_thirdparty: "Indiquer un tiers traitant",
choose_a_thirdparty: "Choisir un tiers", choose_a_thirdparty: "Choisir un tiers",
remove_handling_thirdparty: "Supprimer le tiers traitant", remove_thirdparty: "Enlever le tiers",
remove_handling_thirdparty: "Enlever le tiers traitant",
thirdparty_intervener: "Tiers intervenants", thirdparty_intervener: "Tiers intervenants",
no_thirdparty_intervener: "Aucun tiers intervenant", no_thirdparty_intervener: "Aucun tiers intervenant",
add_thirdparties: "Ajouter des tiers", add_thirdparties: "Ajouter des tiers",
@ -430,7 +430,10 @@ export default {
options: { options: {
type: [ 'thirdparty' ], type: [ 'thirdparty' ],
priority: null, priority: null,
uniq: true uniq: true,
button: {
display: false
}
}, },
}, },
thirdPartyPicker: { thirdPartyPicker: {
@ -439,6 +442,9 @@ export default {
type: [ 'thirdparty' ], type: [ 'thirdparty' ],
priority: null, priority: null,
uniq: false, uniq: false,
button: {
display: false
}
}, },
} }
}; };

17
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
View File

@ -1,9 +1,8 @@
<template> <template>
<ul class="record_actions"> <ul class="record_actions">
<li class="add-persons"> <li class="add-persons">
<a class="btn btn-create" @click="openModal"> <a class="btn" :class="getClassButton" :title="$t(buttonTitle)"
{{ $t(buttonTitle) }} @click="openModal"><span v-if="displayTextButton">{{ $t(buttonTitle) }}</span></a>
</a>
</li> </li>
</ul> </ul>
@ -154,9 +153,15 @@ export default {
])]; ])];
return uniqBy(union, k => k.key); return uniqBy(union, k => k.key);
}, },
//options() { getClassButton() {
// return this.options; let size = (typeof this.options.button !== 'undefined' && typeof this.options.button.size !== 'undefined') ? this.options.button.size : '';
//}, let type = (typeof this.options.button !== 'undefined' && typeof this.options.button.type !== 'undefined') ? this.options.button.type : 'btn-create';
return size ? size + ' ' + type : type;
},
displayTextButton() {
return (typeof this.options.button !== 'undefined' && typeof this.options.button.display !== 'undefined') ?
this.options.button.display : true;
},
checkUniq() { checkUniq() {
if (this.options.uniq === true) { if (this.options.uniq === true) {
return 'radio'; return 'radio';