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

Added fade transition to library dialog

Browse Source
This commit is contained in:
Thaum Rystra
2020-05-25 18:41:22 +02:00
parent 469822d4d7
commit 2859bf0e00
1 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/imports/ui/library/LibraryNodeDialog.vue
View File

@@ -1,5 +1,5 @@
<template lang="html"> <template lang="html">
<dialog-base :key="_id"> <dialog-base>
<template #replace-toolbar="{flat}"> <template #replace-toolbar="{flat}">
<property-toolbar <property-toolbar
:model="model" :model="model"
@@ -13,24 +13,28 @@
/> />
</template> </template>
<template v-if="model"> <template v-if="model">
<component <v-fade-transition
:is="model.type + 'Form'" mode="out-in"
v-if="editing" >
class="library-node-form" <component
:model="model" :is="model.type + 'Form'"
@change="change" v-if="editing"
@push="push" class="library-node-form"
@pull="pull" :model="model"
/> @change="change"
<component @push="push"
:is="model.type + 'Viewer'" @pull="pull"
v-else-if="!editing && $options.components[model.type + 'Viewer']" />
class="creature-property-viewer" <component
:model="model" :is="model.type + 'Viewer'"
/> v-else-if="!editing && $options.components[model.type + 'Viewer']"
<p v-else> class="creature-property-viewer"
This property can't be viewed yet. :model="model"
</p> />
<p v-else>
This property can't be viewed yet.
</p>
</v-fade-transition>
</template> </template>
<div <div
v-if="!embedded" v-if="!embedded"