5E/5e-drs
1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-30 21:24:18 +00:00
Code Issues Projects Releases Wiki Activity

révision de l'intégration du calculateur de caractéristiques

Browse source
This commit is contained in:
Maxime Moraine 2020-05-23 11:41:13 +02:00
parent dfb0967b07
commit 0494298159
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
docs/.vuepress/theme/components/AbilityCalculator.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="ability-scores-calculator"> <div class="ability-scores-calculator">
<v-row> <v-row>
<v-col :cols="12" :md="8" :lg="6"> <v-col :cols="12">
<v-row> <v-row>
<v-col> <v-col>
<v-btn color="primary" @click.stop="reset"><v-icon>mdi-eraser</v-icon> Réinitialiser</v-btn> <v-btn color="primary" @click.stop="reset"><v-icon>mdi-eraser</v-icon> Réinitialiser</v-btn>
@ -50,9 +50,14 @@
<td class="text-center"><span class="subtitle-2">{{ ability.label }}</span></td> <td class="text-center"><span class="subtitle-2">{{ ability.label }}</span></td>
<td class="text-center ability-field"> <td class="text-center ability-field">
<div v-if="generationMethod == 'pointBuy'" class="d-flex align-center"> <div v-if="generationMethod == 'pointBuy'" class="d-flex align-center">
<v-btn icon dense color="accent" :disabled="ability.value <= powerTier.min" @click.stop="ability.value--"><v-icon>mdi-minus-circle</v-icon></v-btn> <v-text-field class="text-center" readonly outlined hide-details dense :value="ability.value">
<v-text-field class="text-center" readonly outlined hide-details dense :value="ability.value"></v-text-field> <template v-slot:prepend>
<v-btn icon dense color="accent" :disabled="ability.value >= powerTier.max" @click.stop="ability.value++"><v-icon>mdi-plus-circle</v-icon></v-btn> <v-btn icon dense color="accent" :disabled="ability.value <= powerTier.min" @click.stop="ability.value--"><v-icon>mdi-minus-circle</v-icon></v-btn>
</template>
<template v-slot:append-outer>
<v-btn icon dense color="accent" :disabled="ability.value >= powerTier.max" @click.stop="ability.value++"><v-icon>mdi-plus-circle</v-icon></v-btn>
</template>
</v-text-field>
</div> </div>
<template v-else-if="generationMethod == 'standardArray'"> <template v-else-if="generationMethod == 'standardArray'">
<v-select v-if="!ability.value" dense :items="standardArrayValues" v-model="ability.value" outlined hide-details clearable @change="selectAbilityValue(ability)"></v-select> <v-select v-if="!ability.value" dense :items="standardArrayValues" v-model="ability.value" outlined hide-details clearable @change="selectAbilityValue(ability)"></v-select>
@ -275,8 +280,10 @@ export default {
} }
} }
.ability-field { .ability-field {
.v-input__slot { width: 180px;
width: 80px; .v-input__prepend-outer, .v-input__append-outer {
margin-top: 0 !important;
margin-bottom: 0 !important;
} }
} }
</style> </style>