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

Improved class level viewer and tree node view

Browse Source
This commit is contained in:
Stefan Zermatten
2020-06-05 22:25:22 +02:00
parent bc3fc9574a
commit dd4596851e
3 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue Normal file
View File

@@ -0,0 +1,21 @@
<template lang="html">
<div class="layout row align-center justify-start">
<property-icon
class="mr-2"
:model="model"
:color="model.color"
:class="selected && 'primary--text'"
/>
<div class="text-no-wrap text-truncate">
{{ title }} {{ model.level }}
</div>
</div>
</template>
<script>
import treeNodeViewMixin from '/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js';
export default {
mixins: [treeNodeViewMixin],
}
</script>

2
app/imports/ui/properties/treeNodeViews/treeNodeViewIndex.js
View File

@@ -3,10 +3,12 @@ import AdjustmentTreeNode from '/imports/ui/properties/treeNodeViews/AdjustmentT
import ItemTreeNode from '/imports/ui/properties/treeNodeViews/ItemTreeNode.vue'; import ItemTreeNode from '/imports/ui/properties/treeNodeViews/ItemTreeNode.vue';
import DamageTreeNode from '/imports/ui/properties/treeNodeViews/DamageTreeNode.vue'; import DamageTreeNode from '/imports/ui/properties/treeNodeViews/DamageTreeNode.vue';
import EffectTreeNode from '/imports/ui/properties/treeNodeViews/EffectTreeNode.vue'; import EffectTreeNode from '/imports/ui/properties/treeNodeViews/EffectTreeNode.vue';
import ClassLevelTreeNode from '/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue';
export default { export default {
default: DefaultTreeNode, default: DefaultTreeNode,
adjustment: AdjustmentTreeNode, adjustment: AdjustmentTreeNode,
classLevel: ClassLevelTreeNode,
damage: DamageTreeNode, damage: DamageTreeNode,
effect: EffectTreeNode, effect: EffectTreeNode,
item: ItemTreeNode, item: ItemTreeNode,

29
app/imports/ui/properties/viewers/ClassLevelViewer.vue
View File

@@ -1,23 +1,14 @@
<template lang="html"> <template lang="html">
<div class="class-level-viewer"> <div class="class-level-viewer">
<div> <div>
<span class="name headline"> <span class="name headline">
{{model.name}} {{ model.name }} {{ model.level }}
</span> </span>
<span </div>
class="display-2" <p class="my-2">
v-if="model.level" <code>{{ model.variableName }}</code>
> </p>
{{model.level}} </div>
</span>
</div>
<p class="my-2">
<code>{{model.variableName}}</code>
</p>
<p class="my-2" v-if="model.baseClass">
Base class: <code>{{model.baseClass}}</code>
</p>
</div>
</template> </template>
<script> <script>