jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Continued migrating UI to vuetify 2

Browse Source
This commit is contained in:
Stefan Zermatten
2021-03-25 12:54:44 +02:00
parent 480da6fc7d
commit fe3fa56541
70 changed files with 218 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/imports/ui/creature/CreatureFormDialog.vue
View File

@@ -20,7 +20,7 @@
<v-spacer slot="actions" />
<v-btn
slot="actions"
flat
text
@click="$store.dispatch('popDialogStack')"
>
Done

2
app/imports/ui/creature/RestButton.vue
View File

@@ -2,7 +2,7 @@
<v-btn
:loading="loading"
:disabled="context.editPermission === false"
outline
outlined
style="width: 160px;"
@click="rest"
>

4
app/imports/ui/creature/character/CharacterCreationDialog.vue
View File

@@ -229,14 +229,14 @@
</v-stepper>
<template slot="actions">
<v-btn
flat
text
@click="$emit('pop')"
>
Cancel
</v-btn>
<v-btn
v-if="step > 1"
flat
text
@click="step--"
>
Back

2
app/imports/ui/creature/character/CharacterDeleteDialog.vue
View File

@@ -22,7 +22,7 @@
<v-spacer slot="actions" />
<v-btn
slot="actions"
flat
text
@click="$store.dispatch('popDialogStack')"
>
Cancel

8
app/imports/ui/creature/character/CharacterSheetFab.vue
View File

@@ -12,8 +12,12 @@
data-id="insert-creature-property-fab"
small
>
<v-icon>add</v-icon>
<v-icon>close</v-icon>
<v-icon v-if="fab">
close
</v-icon>
<v-icon v-else>
add
</v-icon>
</v-btn>
</template>

21
app/imports/ui/creature/character/CharacterSheetToolbar.vue
View File

@@ -1,16 +1,17 @@
<template lang="html">
<v-toolbar
<v-app-bar
app
class="character-sheet-toolbar"
:color="toolbarColor"
:dark="isDark"
:light="!isDark"
clipped-right
extended
tabs
dense
>
<v-toolbar-side-icon @click="toggleDrawer" />
<v-toolbar-title>
<v-app-bar-nav-icon @click="toggleDrawer" />
<v-app-bar-title>
<v-fade-transition
mode="out-in"
>
@@ -18,13 +19,13 @@
{{ $store.state.pageTitle }}
</div>
</v-fade-transition>
</v-toolbar-title>
</v-app-bar-title>
<v-spacer />
<v-fade-transition
mode="out-in"
>
<div :key="$route.meta.title">
<v-toolbar-items v-if="creature">
<template v-if="creature">
<v-menu
bottom
left
@@ -64,8 +65,8 @@
</v-list-item>
</v-list>
</v-menu>
<v-toolbar-side-icon @click="toggleRightDrawer" />
</v-toolbar-items>
<v-app-bar-nav-icon @click="toggleRightDrawer" />
</template>
</div>
</v-fade-transition>
<v-fade-transition
@@ -83,7 +84,9 @@
centered
grow
max="100px"
color="primary"
:value="$store.getters.tabById($route.params.id)"
:background-color="toolbarColor"
@change="e => $store.commit(
'setTabForCharacterSheet',
{id: $route.params.id, tab: e}
@@ -115,7 +118,7 @@
/>
</div>
</v-fade-transition>
</v-toolbar>
</v-app-bar>
</template>
<script lang="js">
@@ -142,7 +145,7 @@ export default {
if (this.creature && this.creature.color){
return this.creature.color;
} else {
return this.$vuetify.theme.secondary;
return this.$vuetify.theme.themes.light.secondary;
}
},
isDark(){

2
app/imports/ui/creature/character/characterSheetTabs/CharacterTab.vue
View File

@@ -69,7 +69,6 @@
</v-list-item-content>
<v-list-item-action>
<v-btn
flat
icon
data-id="experience-info-button"
@click="showExperienceList"
@@ -79,7 +78,6 @@
</v-list-item-action>
<v-list-item-action>
<v-btn
flat
icon
data-id="experience-add-button"
@click="addExperience"

3
app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
View File

@@ -11,10 +11,12 @@
<rest-button
:creature-id="creatureId"
type="shortRest"
class="ma-1"
/>
<rest-button
:creature-id="creatureId"
type="longRest"
class="ma-1"
/>
</v-card-text>
</v-card>
@@ -41,7 +43,6 @@
<v-list-item-action>
<v-btn
icon
flat
@click.stop="softRemove(buff._id)"
>
<v-icon>delete</v-icon>

1
app/imports/ui/creature/character/characterSheetTabs/TreeTab.vue
View File

@@ -12,6 +12,7 @@
<v-toolbar
flat
dense
style="flex-grow: 0;"
>
<v-spacer />
<v-switch

3
app/imports/ui/creature/creatureProperties/CreaturePropertyDialog.vue
View File

@@ -5,6 +5,7 @@
:model="model"
:editing="editing"
:flat="flat"
style="flex-grow: 0;"
@duplicate="duplicate"
@remove="remove"
@toggle-editing="editing = !editing"
@@ -49,7 +50,7 @@
class="layout justify-end"
>
<v-btn
flat
text
@click="$store.dispatch('popDialogStack')"
>
Done

2
app/imports/ui/creature/creatureProperties/CreaturePropertyFromLibraryDialog.vue
View File

@@ -12,7 +12,7 @@
<template slot="actions">
<v-spacer />
<v-btn
flat
text
color="primary"
@click="$store.dispatch('popDialogStack', node)"
>

2
app/imports/ui/creature/creatureProperties/CreaturePropertyInsertForm.vue
View File

@@ -28,7 +28,7 @@
class="layout justify-end"
>
<v-btn
flat
text
:disabled="!valid"
@click="$store.dispatch('popDialogStack', model)"
>

2
app/imports/ui/creature/experiences/ExperienceInsertDialog.vue
View File

@@ -16,7 +16,7 @@
class="layout justify-end"
>
<v-btn
flat
text
:disabled="!valid"
@click="insertExperience"
>

4
app/imports/ui/creature/experiences/ExperienceListDialog.vue
View File

@@ -7,7 +7,6 @@
<v-spacer />
<v-btn
icon
flat
data-id="experience-add-button"
@click="addExperience"
>
@@ -15,7 +14,6 @@
</v-btn>
<v-btn
icon
flat
@click="recompute"
>
<v-icon>refresh</v-icon>
@@ -37,7 +35,7 @@
<v-icon style="font-size: 240px; width: 240px; height: 240px;">
$vuetify.icons.baby_face
</v-icon>
<p class="headline">
<p class="text-h5">
No experiences
</p>
</div>

4
app/imports/ui/creature/slots/SlotFillDialog.vue
View File

@@ -121,13 +121,13 @@
<template slot="actions">
<v-spacer />
<v-btn
flat
text
@click="$store.dispatch('popDialogStack')"
>
Cancel
</v-btn>
<v-btn
flat
text
:disabled="!selectedNode"
@click="insert"
>

1
app/imports/ui/creature/slots/Slots.vue
View File

@@ -28,7 +28,6 @@
<v-list-item-action>
<v-btn
icon
flat
small
@click.stop="remove(child)"
>