Added UI for action branches

app/imports/ui/properties/treeNodeViews/BranchTreeNode.vue

@@ -0,0 +1,36 @@
+<template lang="html">
+  <div class="layout align-center justify-start">
+    <property-icon
+      v-if="!hideIcon"
+      class="mr-2"
+      :model="model"
+      :color="model.color"
+      :class="selected && 'primary--text'"
+    />
+    <div class="text-no-wrap text-truncate">
+      {{ name }}
+    </div>
+  </div>
+</template>
+
+<script lang="js">
+import treeNodeViewMixin from '/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js';
+
+export default {
+  mixins: [treeNodeViewMixin],
+  computed: {
+    name(){
+      switch(this.model.branchType){
+        case 'if': return 'On condition';
+        case 'hit': return 'On hit';
+        case 'miss': return 'On miss';
+        case 'failedSave': return 'On failed save';
+        case 'successfulSave': return 'On save';
+        case 'eachTarget': return 'Each target';
+        case 'random': return 'Pick one at random';
+        default: return '';
+      }
+    }
+  }
+}
+</script>

app/imports/ui/properties/treeNodeViews/treeNodeViewIndex.js

@@ -1,5 +1,6 @@
 import DefaultTreeNode from '/imports/ui/properties/treeNodeViews/DefaultTreeNode.vue';
 import AdjustmentTreeNode from '/imports/ui/properties/treeNodeViews/AdjustmentTreeNode.vue';
+import BranchTreeNode from '/imports/ui/properties/treeNodeViews/BranchTreeNode.vue';
 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';
@@ -10,6 +11,7 @@ import ReferenceTreeNode from '/imports/ui/properties/treeNodeViews/ReferenceTre
 export default {
   default: DefaultTreeNode,
   adjustment: AdjustmentTreeNode,
+  branch: BranchTreeNode,
   classLevel: ClassLevelTreeNode,
   damage: DamageTreeNode,
   effect: EffectTreeNode,