added minimum to number of steps

jeroenverspeek · Jan 13, 2024 · 5e4706d · 5e4706d
1 parent 2f650ff
commit 5e4706d
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/components/Cube/CelestialBodies.vue b/components/Cube/CelestialBodies.vue
@@ -20,7 +20,7 @@ const cubeAppCommand = computed(() => {
     }
     return command;
   } else {
-    const command = ['ts-node', appSrcDir + 'celestialBodies/showCubeLatlonMap.ts'];
+    const command = ['ts-node', appSrcDir + 'celestialBodies/showCubeLatLonMap.ts'];
     command.push('-i');
     command.push(celestialBody.value);
     if (rotate.value) {

diff --git a/components/Cube/RubiksCube.vue b/components/Cube/RubiksCube.vue
@@ -242,7 +242,7 @@ async function pseudoSolveRubiksCube() {
       <img :src="`${patternImage}`" alt="image not found" width="300px" height="300px" />
   </div>
 
-  Number of steps: <input type="number" v-model="nSteps"><br><br>
+  Number of steps: <input type="number" v-model="nSteps" :min="1"><br><br>
 
   <!--
   <span> TEST pattern: {{ pattern }}</span><br>

diff --git a/components/Cube/SlidingPuzzle.vue b/components/Cube/SlidingPuzzle.vue
@@ -90,7 +90,7 @@ async function slidingPuzzleSolve() {
       <img :src="`${patternImage}`" alt="image not found" width="300px" height="300px" />
   </div>
 
-  Number of steps: <input type="number" v-model="nSteps"><br><br>
+  Number of steps: <input type="number" v-model="nSteps" :min="1"><br><br>
   <!--
   <span> TEST pattern: {{ pattern }}</span><br>
   <span> TEST patternImage: {{ patternImage }}</span><br>

diff --git a/components/Cube/SuperDemo.vue b/components/Cube/SuperDemo.vue
@@ -29,8 +29,8 @@ async function superDemo() {
 
 <template>
 
-  Number of loops: <input type="number" v-model="nLoops"><br><br>
-  Show time per app: <input type="number" v-model="showTime"> (seconds)<br><br>
+  Number of loops: <input type="number" v-model="nLoops" :min="1"><br><br>
+  Show time per app: <input type="number" v-model="showTime" :min="20"> (seconds)<br><br>
   <div style="word-break: break-all;">{{ superDemoAppCommand }}</div>
   <div class="field is-grouped">
     <p class="control">

diff --git a/pages/index.vue b/pages/index.vue
@@ -74,13 +74,13 @@ const currentTab = ref('clock');
           </li>
           <li :class="{ 'is-active': currentTab === 'superDemo' }">
             <a @click="currentTab = 'superDemo'">
-              <span class="icon is-small"><i class="fa-solid fa-wand-magic-sparkles"></i></span>
+              <span class="icon is-small"><i class="fa-solid fa-cube"></i></span>
               <span>Super demo</span>
             </a>
           </li>
           <li :class="{ 'is-active': currentTab === 'boss' }">
             <a @click="currentTab = 'boss'">
-              <span class="icon is-small"><i class="fa-solid fa-wand-magic-sparkles"></i></span>
+              <span class="icon is-small"><i class="fa-solid fa-cube"></i></span>
               <span>BOSS</span>
             </a>
           </li>