feat: force input numeric keyboard on mobile device (#112)

wajeht · Jul 24, 2022 · 2a21361 · 2a21361
1 parent f23fe1d
commit 2a21361
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/apps/ui/components/dashboard/SessionDetails.vue b/src/apps/ui/components/dashboard/SessionDetails.vue
@@ -1059,7 +1059,6 @@ async function handleDeleteSession() {
                       type="number"
                       inputmode="numeric"
                       pattern="[1-9]*"
-                      title="Non-negative integral number"
                       required
                       :disabled="addASetLoading"
                     />
@@ -1073,6 +1072,8 @@ async function handleDeleteSession() {
                       id="weight"
                       class="form-control form-control-sm"
                       type="number"
+                      inputmode="numeric"
+                      pattern="[1-9]*"
                       min="1"
                       required
                       :disabled="addASetLoading"
@@ -1086,10 +1087,12 @@ async function handleDeleteSession() {
                       v-model.number="set.rpe"
                       id="rpe"
                       class="form-control form-control-sm"
-                      type="number"
                       min="1"
                       step=".5"
                       max="10"
+                      inputmode="numeric"
+                      pattern="[1-10]*"
+                      type="number"
                       :disabled="addASetLoading"
                     />
                   </div>

diff --git a/src/apps/ui/components/dashboard/headers/SessionsHeader.vue b/src/apps/ui/components/dashboard/headers/SessionsHeader.vue
@@ -266,6 +266,8 @@ async function addASession() {
                       id="session-header-bodyweight"
                       class="form-control form-control-sm"
                       min="1"
+                      inputmode="numeric"
+                      pattern="[1-10]*"
                       type="number"
                       :disabled="loading"
                     />
@@ -280,6 +282,8 @@ async function addASession() {
                       class="form-control form-control-sm"
                       min="1"
                       type="number"
+                      inputmode="numeric"
+                      pattern="[0-24]*"
                       :disabled="loading"
                     />
                   </div>
@@ -297,6 +301,8 @@ async function addASession() {
                       class="form-control form-control-sm"
                       min="1"
                       type="number"
+                      inputmode="numeric"
+                      pattern="[1-10000]*"
                       :disabled="loading"
                     />
                   </div>
@@ -310,6 +316,8 @@ async function addASession() {
                       class="form-control form-control-sm"
                       min="1"
                       type="number"
+                      inputmode="numeric"
+                      pattern="[1-10000]*"
                       :disabled="loading"
                     />
                   </div>