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

fix skills UI bugs and icon consistency for skills

Browse Source
This commit is contained in:
Stefan Zermatten
2021-07-12 14:39:05 +02:00
parent 8804c80a56
commit e8c6f26a0b
9 changed files with 74 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/imports/ui/properties/treeNodeViews/ProficiencyTreeNode.vue Normal file
View File

@@ -0,0 +1,32 @@
<template lang="html">
<div class="layout align-center justify-start">
<proficiency-icon
v-if="!hideIcon"
class="mr-2"
:class="selected && 'primary--text'"
:color="model.color"
:value="model.value"
/>
<div class="text-no-wrap text-truncate">
<template v-if="model.stats && model.stats.length">
{{ model.stats.join(', ') }}
</template>
<template v-else>
{{ title }}
</template>
</div>
</div>
</template>
<script lang="js">
// Most of this was copied from EffectViewer and should probably be generalised
import treeNodeViewMixin from '/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js';
import ProficiencyIcon from '/imports/ui/properties/shared/ProficiencyIcon.vue';
export default {
components: {
ProficiencyIcon,
},
mixins: [treeNodeViewMixin]
}
</script>

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

@@ -4,6 +4,7 @@ import ItemTreeNode from '/imports/ui/properties/treeNodeViews/ItemTreeNode.vue'
import DamageTreeNode from '/imports/ui/properties/treeNodeViews/DamageTreeNode.vue';
import EffectTreeNode from '/imports/ui/properties/treeNodeViews/EffectTreeNode.vue';
import ClassLevelTreeNode from '/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue';
import ProficiencyTreeNode from '/imports/ui/properties/treeNodeViews/ProficiencyTreeNode.vue';
import ReferenceTreeNode from '/imports/ui/properties/treeNodeViews/ReferenceTreeNode.vue';
export default {
@@ -13,5 +14,6 @@ export default {
damage: DamageTreeNode,
effect: EffectTreeNode,
item: ItemTreeNode,
proficiency: ProficiencyTreeNode,
reference: ReferenceTreeNode,
}