Browse Source

fix: button display

master
sebastien.cassan@geomod.fr 1 year ago
parent
commit
9815d3f7ad
  1. 13
      src/components/HistoryList.vue
  2. 12
      src/components/RosterList.vue

13
src/components/HistoryList.vue

@ -112,6 +112,7 @@ const submitDeleteHistory = async () => {
}
}
}
</script>
<template>
@ -120,8 +121,8 @@ const submitDeleteHistory = async () => {
<v-toolbar flat>
<v-text-field v-model="search" class="ml-5" label="Filtrer un membre" prepend-inner-icon="mdi-magnify" variant="outlined" hide-details single-line density="compact" />
<v-spacer />
<v-btn v-if="isLogged" class="mr-5" :disabled="historySelected.length === 0" prepend-icon="mdi-trash-can-outline" color="error" variant="flat" text="Supprimer" @click="deleteHistory" />
<v-btn v-if="isLogged" class="mr-5" prepend-icon="mdi-plus-circle" variant="outlined" color="primary" text="Ajouter" @click="addHistory" />
<v-btn v-if="isLogged" class="mr-5" :disabled="historySelected.length === 0" prepend-icon="mdi-trash-can-outline" color="error" variant="flat" size="small" text="Supprimer" @click="deleteHistory" />
<v-btn v-if="isLogged" class="mr-5" prepend-icon="mdi-plus-circle" variant="outlined" size="small" color="primary" text="Ajouter" @click="addHistory" />
</v-toolbar>
</template>
<template #item.name="{ item }">
@ -155,8 +156,8 @@ const submitDeleteHistory = async () => {
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" color="warning" @click="cancelAddHistory" />
<v-btn :loading="isLoading" prepend-icon="mdi-content-save-plus-outline" text="Enregistrer" variant="outlined" color="primary" @click="submitAddHistory" />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" size="small" color="warning" @click="cancelAddHistory" />
<v-btn :loading="isLoading" prepend-icon="mdi-content-save-plus-outline" text="Enregistrer" variant="outlined" size="small" color="primary" @click="submitAddHistory" />
</v-card-actions>
</v-card>
</v-dialog>
@ -169,8 +170,8 @@ const submitDeleteHistory = async () => {
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" color="warning" @click="cancelDeleteHistory" />
<v-btn :loading="isLoading" prepend-icon="mdi-content-save-plus-outline" text="Confirmer" variant="outlined" color="primary" @click="submitDeleteHistory" />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" size="small" color="warning" @click="cancelDeleteHistory" />
<v-btn :loading="isLoading" prepend-icon="mdi-content-save-plus-outline" text="Confirmer" variant="outlined" size="small" color="primary" @click="submitDeleteHistory" />
</v-card-actions>
</v-card>
</v-dialog>

12
src/components/RosterList.vue

@ -203,10 +203,10 @@ const saveRaidDate = async () => {
<v-toolbar flat>
<div class="d-inline-flex pl-3 pt-5 gc-4">
<v-text-field variant="outlined" density="compact" v-model="startingDateRaid" label="Date début du raid" type="date" />
<v-btn icon="mdi-content-save-outline" variant="outlined" color="primary" @click="saveRaidDate" />
<v-btn icon="mdi-content-save-outline" variant="outlined" size="small" color="primary" @click="saveRaidDate" />
</div>
<v-spacer />
<v-btn class="mr-5" prepend-icon="mdi-plus-circle" variant="outlined" color="primary" text="Ajouter" @click="addMember" />
<v-btn class="mr-5" prepend-icon="mdi-plus-circle" variant="outlined" size="small" color="primary" text="Ajouter" @click="addMember" />
</v-toolbar>
</template>
<template #item.name="{ item }">
@ -251,8 +251,8 @@ const saveRaidDate = async () => {
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" color="warning" @click="cancelAddMember" />
<v-btn prepend-icon="mdi-content-save-plus-outline" text="Enregistrer" variant="outlined" color="primary" @click="submitAddMember" />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" size="small" color="warning" @click="cancelAddMember" />
<v-btn prepend-icon="mdi-content-save-plus-outline" text="Enregistrer" variant="outlined" size="small" color="primary" @click="submitAddMember" />
</v-card-actions>
</v-card>
</v-dialog>
@ -265,8 +265,8 @@ const saveRaidDate = async () => {
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" color="warning" @click="cancelDeleteMember" />
<v-btn prepend-icon="mdi-content-save-plus-outline" text="Confirmer" variant="outlined" color="primary" @click="submitDeleteMember" />
<v-btn prepend-icon="mdi-cancel" text="Annuler" variant="outlined" size="small" color="warning" @click="cancelDeleteMember" />
<v-btn prepend-icon="mdi-content-save-plus-outline" text="Confirmer" variant="outlined" size="small" color="primary" @click="submitDeleteMember" />
</v-card-actions>
</v-card>
</v-dialog>

Loading…
Cancel
Save