Merge pull request #142 from I-GUIDE/develop

[HOTFIX] Use text fields in range input
I-GUIDE · May 13, 2024 · da92867 · da92867
2 parents 5504682 + b74565c
commit da92867
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 39 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "cznet-discovery",
-  "version": "0.2.0",
+  "name": "i-guide-catalog",
+  "version": "1.1.0",
   "private": true,
   "scripts": {
     "serve": "vite --open",

diff --git a/frontend/src/components/search-results/cd.range-input.vue b/frontend/src/components/search-results/cd.range-input.vue
@@ -22,39 +22,46 @@
       thumb-size="15"
       hide-details
     />
-    <div :class="{ 'grayed-out': !isActive }">
-      <v-number-input
-        :model-value="modelValue[0]"
-        @update:model-value="modelValue[0] = $event"
-        @blur="
-          $emit('update:model-value', [modelValue[0], modelValue[1]]);
-          $emit('end');
-        "
-        @keyup.enter="
-          $emit('update:model-value', [modelValue[0], modelValue[1]]);
-          $emit('end');
-        "
-        label="Start"
-        variant="outlined"
-        density="compact"
-      />
+    <v-row :class="{ 'grayed-out': !isActive }">
+      <v-col>
+        <v-text-field
+          :model-value="modelValue[0]"
+          @update:model-value="modelValue[0] = $event"
+          type="number"
+          @blur="
+            $emit('update:model-value', [modelValue[0], modelValue[1]]);
+            $emit('end');
+          "
+          @keyup.enter="
+            $emit('update:model-value', [modelValue[0], modelValue[1]]);
+            $emit('end');
+          "
+          label="Start"
+          variant="outlined"
+          density="compact"
+          focusable
+        />
+      </v-col>
 
-      <v-number-input
-        :model-value="modelValue[1]"
-        @update:model-value="modelValue[1] = $event"
-        @blur="
-          $emit('update:model-value', [modelValue[0], modelValue[1]]);
-          $emit('end');
-        "
-        @keyup.enter="
-          $emit('update:model-value', [modelValue[0], modelValue[1]]);
-          $emit('end');
-        "
-        label="End"
-        variant="outlined"
-        density="compact"
-      />
-    </div>
+      <v-col>
+        <v-text-field
+          :model-value="modelValue[1]"
+          @update:model-value="modelValue[1] = $event"
+          type="number"
+          @blur="
+            $emit('update:model-value', [modelValue[0], modelValue[1]]);
+            $emit('end');
+          "
+          @keyup.enter="
+            $emit('update:model-value', [modelValue[0], modelValue[1]]);
+            $emit('end');
+          "
+          label="End"
+          variant="outlined"
+          density="compact"
+        />
+      </v-col>
+    </v-row>
   </div>
 </template>
 

diff --git a/frontend/src/components/search-results/cd.search-results.vue b/frontend/src/components/search-results/cd.search-results.vue
@@ -26,7 +26,7 @@
             @end="onSliderControlChange(filter.dataCoverage)"
             :min="filter.dataCoverage.min"
             :max="filter.dataCoverage.max"
-            label="Publication Year"
+            label="Data Coverage"
           />
 
           <!-- CREATOR NAME -->
@@ -558,6 +558,7 @@ class CdSearchResults extends Vue {
     max: number;
     isActive: boolean;
   }) {
+    console.log("onSliderControlChange");
     filter.isActive = true;
     this.pushSearchRoute();
   }
@@ -799,10 +800,6 @@ export default toNative(CdSearchResults);
   }
 }
 
-.grayed-out {
-  opacity: 0.55;
-}
-
 :deep(.v-select--chips .v-select__selections .v-chip--select:first-child) {
   margin-top: 1rem;
 }