Merge pull request #77 from shinich39/fix-decision

Show invisible options and hide empty options
050644zf · Nov 25, 2024 · fa2d19e · fa2d19e
2 parents 2440602 + 3c60a9f
commit fa2d19e
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/reader/src/ASTRv2/content/decision.vue b/reader/src/ASTRv2/content/decision.vue
@@ -1,17 +1,28 @@
 <template>
   <div :class="line.prop">
     <div
-      v-for="(option, index) in line.attributes.values.split(';')"
+      v-for="(option, index) in line.attributes.options.split(';')"
       :key="option"
       class="option"
-      @click="jumpTo(line.targetLine['option' + option])"
+      @click="
+        jumpTo(line.targetLine['option' + (
+            line.attributes.values.split(';')[index] || 
+            line.attributes.values.split(';').pop()
+          )])
+      "
       @mouseover="
-        addClass(line.targetLine['option' + option], 'PredicateFocused')
+        addClass(line.targetLine['option' + (
+            line.attributes.values.split(';')[index] || 
+            line.attributes.values.split(';').pop()
+          )], 'PredicateFocused')
       "
       @mouseout="
-        removeClass(line.targetLine['option' + option], 'PredicateFocused')
+        removeClass(line.targetLine['option' + (
+            line.attributes.values.split(';')[index] || 
+            line.attributes.values.split(';').pop()
+          )], 'PredicateFocused')
       "
-      v-html="parseContent(line.attributes.options.split(';')[index])"
+      v-html="parseContent(option)"
     ></div>
   </div>
 </template>