Merge pull request #537 from KhronosGroup/hide-animation-ctrls

Hide animation controls when no animations are available
KhronosGroup · Mar 21, 2024 · 96ab36f · 96ab36f
2 parents 2724a26 + 7a78cd2
commit 96ab36f
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app_web/index.html b/app_web/index.html
@@ -281,9 +281,12 @@ <h2 class="title  is-spaced">Display</h2>
                             <img src="assets/ui/Navigation_right_20px.svg" width="30px"
                                 @click="collapseActiveTab($event, 2)">
                             <h2 class="title is-spaced">Animation</h2>
-                            <label class="subtitle">Animation Controls</label>
+                            <label class="subtitle" v-bind:style="[animations.length == 0 ? {'display': 'none'} : {}]">Animation Controls</label>
                             <toggle-button v-stream:buttonclicked="animationPlayChanged$" ontext="Pause" offtext="Play"
-                                ref="animationState"></toggle-button>
+                                ref="animationState"
+                                v-bind:style="[animations.length == 0 ? {'display': 'none'} : {}]"></toggle-button>
+
+                            <label class="subtitle" v-bind:style="[animations.length != 0 ? {'display': 'none'} : {}]">No Animations available</label>
 
                             <b-field label="Animations"
                                 v-bind:style="[animations.length == 0 ? {'display': 'none'} : {}]">