@geode/opengeodeweb-front 10.40.0 → 10.41.0-rc.1

package/app/components/Viewer/Generic/Model/BlocksOptions.vue

@@ -30,6 +30,8 @@ const referenceBlockId = computed<string | undefined>(() =>
   collections ? targetBlockIds[0] : undefined,
 );
 
+const blockComponentIds = computed<string[]>(() => (blockId === undefined ? [] : [blockId]));
+
 // Visibility
 const blocksVisibility = computed<boolean>({
   get: () =>
@@ -184,8 +186,14 @@ const blocksPolyhedronAttributeName = computed<string | undefined>({
     if (newValue === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeName(modelId, targetBlockIds, newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeName(
+      modelId,
+      targetBlockIds,
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -195,20 +203,28 @@ const blocksPolyhedronAttributeTimeStep = computed<number | undefined>({
     if (newValue === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeTimeStep(
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeTimeStep(
       modelId,
       targetBlockIds,
       newValue,
     );
-    hybridViewerStore.remoteRender();
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
 const blocksPolyhedronAttributeItem = computed<string | undefined>({
   get: () => dataStyleStore.modelBlocksPolyhedronAttributeItem(modelId, referenceBlockId.value),
   set: async (newValue) => {
-    await dataStyleStore.setModelBlocksPolyhedronAttributeItem(modelId, targetBlockIds, newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeItem(
+      modelId,
+      targetBlockIds,
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -219,25 +235,29 @@ const blocksPolyhedronAttributeRange = computed<[number, number] | undefined>({
     if (minimum === undefined || maximum === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeRange(
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeRange(
       modelId,
       targetBlockIds,
       minimum,
       maximum,
     );
-    hybridViewerStore.remoteRender();
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
 const blocksPolyhedronAttributeColorMap = computed<Map<string, RGBAColor> | undefined>({
   get: () => dataStyleStore.modelBlocksPolyhedronAttributeColorMap(modelId, referenceBlockId.value),
   set: async (newValue) => {
-    await dataStyleStore.setModelBlocksPolyhedronAttributeColorMap(
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeColorMap(
       modelId,
       targetBlockIds,
       newValue,
     );
-    hybridViewerStore.remoteRender();
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -245,12 +265,14 @@ const blocksPolyhedronAttributeNoDataColor = computed<RGBAColor>({
   get: () =>
     dataStyleStore.modelBlocksPolyhedronAttributeNoDataColor(modelId, referenceBlockId.value),
   set: async (newValue) => {
-    await dataStyleStore.setModelBlocksPolyhedronAttributeNoDataColor(
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeNoDataColor(
       modelId,
       targetBlockIds,
       newValue,
     );
-    hybridViewerStore.remoteRender();
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -328,8 +350,14 @@ const polyhedronAttributeName = computed<string | undefined>({
     if (blockId === undefined || newValue === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeName(modelId, [blockId], newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeName(
+      modelId,
+      [blockId],
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -339,8 +367,14 @@ const polyhedronAttributeTimeStep = computed<number | undefined>({
     if (blockId === undefined || newValue === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeTimeStep(modelId, [blockId], newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeTimeStep(
+      modelId,
+      [blockId],
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -350,8 +384,14 @@ const polyhedronAttributeItem = computed<string | undefined>({
     if (blockId === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeItem(modelId, [blockId], newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeItem(
+      modelId,
+      [blockId],
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -362,13 +402,15 @@ const polyhedronAttributeRange = computed<[number, number] | undefined>({
     if (blockId === undefined || minimum === undefined || maximum === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeRange(
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeRange(
       modelId,
       [blockId],
       minimum,
       maximum,
     );
-    hybridViewerStore.remoteRender();
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -378,8 +420,14 @@ const polyhedronAttributeColorMap = computed<Map<string, RGBAColor> | undefined>
     if (blockId === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeColorMap(modelId, [blockId], newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeColorMap(
+      modelId,
+      [blockId],
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -389,8 +437,14 @@ const polyhedronAttributeNoDataColor = computed<RGBAColor>({
     if (blockId === undefined) {
       return;
     }
-    await dataStyleStore.setModelBlocksPolyhedronAttributeNoDataColor(modelId, [blockId], newValue);
-    hybridViewerStore.remoteRender();
+    const applied = await dataStyleStore.setModelBlocksPolyhedronAttributeNoDataColor(
+      modelId,
+      [blockId],
+      newValue,
+    );
+    if (applied) {
+      hybridViewerStore.remoteRender();
+    }
   },
 });
 
@@ -404,8 +458,17 @@ const capabilities = {
   polyhedron: { available: true },
 };
 
-const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attribute_names;
-const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedron_attribute_names;
+const backSchemas = back_schemas.opengeodeweb_back;
+const attributeSchemas = {
+  vertex: {
+    names: backSchemas.model_component_vertex_attribute_names,
+    range: backSchemas.model_component_vertex_attribute_range,
+  },
+  polyhedron: {
+    names: backSchemas.model_component_polyhedron_attribute_names,
+    range: backSchemas.model_component_polyhedron_attribute_range,
+  },
+};
 </script>
 
 <template>
@@ -429,7 +492,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
       v-model:polyhedron_attribute_no_data_color="blocksPolyhedronAttributeNoDataColor"
       v-model:polyhedron_attribute_time_step="blocksPolyhedronAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema, polyhedron: polyhedronSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>
@@ -443,7 +506,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
     <VisibilitySwitch v-model="blockVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentIds="[blockId]"
+      :componentIds="blockComponentIds"
       v-model:coloring_style_key="blockActiveColoring"
       v-model:color="blockColor"
       v-model:vertex_attribute_name="vertexAttributeName"
@@ -459,7 +522,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
       v-model:polyhedron_attribute_no_data_color="polyhedronAttributeNoDataColor"
       v-model:polyhedron_attribute_time_step="polyhedronAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema, polyhedron: polyhedronSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>

package/app/components/Viewer/Generic/Model/CornersOptions.vue

@@ -29,6 +29,8 @@ const referenceCornerId = computed<string | undefined>(() =>
   collections ? targetCornerIds[0] : undefined,
 );
 
+const cornerComponentIds = computed<string[]>(() => (cornerId === undefined ? [] : [cornerId]));
+
 // Visibility
 const cornersVisibility = computed<boolean>({
   get: () =>
@@ -258,7 +260,13 @@ const capabilities = {
   polyhedron: { available: false },
 };
 
-const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attribute_names;
+const backSchemas = back_schemas.opengeodeweb_back;
+const attributeSchemas = {
+  vertex: {
+    names: backSchemas.model_component_vertex_attribute_names,
+    range: backSchemas.model_component_vertex_attribute_range,
+  },
+};
 </script>
 
 <template>
@@ -276,7 +284,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
       v-model:vertex_attribute_no_data_color="cornersVertexAttributeNoDataColor"
       v-model:vertex_attribute_time_step="cornersVertexAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>
@@ -290,7 +298,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
     <VisibilitySwitch v-model="cornerVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentIds="[cornerId]"
+      :componentIds="cornerComponentIds"
       v-model:coloring_style_key="cornerActiveColoring"
       v-model:color="cornerColor"
       v-model:vertex_attribute_name="vertexAttributeName"
@@ -300,7 +308,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
       v-model:vertex_attribute_no_data_color="vertexAttributeNoDataColor"
       v-model:vertex_attribute_time_step="vertexAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>

package/app/components/Viewer/Generic/Model/LinesOptions.vue

@@ -29,6 +29,8 @@ const referenceLineId = computed<string | undefined>(() =>
   collections ? targetLineIds[0] : undefined,
 );
 
+const lineComponentIds = computed<string[]>(() => (lineId === undefined ? [] : [lineId]));
+
 // Visibility
 const linesVisibility = computed<boolean>({
   get: () =>
@@ -375,8 +377,17 @@ const capabilities = {
   polyhedron: { available: false },
 };
 
-const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attribute_names;
-const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute_names;
+const backSchemas = back_schemas.opengeodeweb_back;
+const attributeSchemas = {
+  vertex: {
+    names: backSchemas.model_component_vertex_attribute_names,
+    range: backSchemas.model_component_vertex_attribute_range,
+  },
+  edge: {
+    names: backSchemas.model_component_edge_attribute_names,
+    range: backSchemas.model_component_edge_attribute_range,
+  },
+};
 </script>
 
 <template>
@@ -400,7 +411,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
       v-model:edge_attribute_no_data_color="linesEdgeAttributeNoDataColor"
       v-model:edge_attribute_time_step="linesEdgeAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema, edge: edgeSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>
@@ -414,7 +425,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
     <VisibilitySwitch v-model="lineVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentIds="[lineId]"
+      :componentIds="lineComponentIds"
       v-model:coloring_style_key="lineActiveColoring"
       v-model:color="lineColor"
       v-model:vertex_attribute_name="vertexAttributeName"
@@ -430,7 +441,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
       v-model:edge_attribute_no_data_color="edgeAttributeNoDataColor"
       v-model:edge_attribute_time_step="edgeAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema, edge: edgeSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>

package/app/components/Viewer/Generic/Model/SurfacesOptions.vue

@@ -30,6 +30,8 @@ const referenceSurfaceId = computed<string | undefined>(() =>
   collections ? targetSurfaceIds[0] : undefined,
 );
 
+const surfaceComponentIds = computed<string[]>(() => (surfaceId === undefined ? [] : [surfaceId]));
+
 // Visibility
 const surfacesVisibility = computed<boolean>({
   get: () =>
@@ -426,8 +428,17 @@ const capabilities = {
   polyhedron: { available: false },
 };
 
-const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attribute_names;
-const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_attribute_names;
+const backSchemas = back_schemas.opengeodeweb_back;
+const attributeSchemas = {
+  vertex: {
+    names: backSchemas.model_component_vertex_attribute_names,
+    range: backSchemas.model_component_vertex_attribute_range,
+  },
+  polygon: {
+    names: backSchemas.model_component_polygon_attribute_names,
+    range: backSchemas.model_component_polygon_attribute_range,
+  },
+};
 </script>
 
 <template>
@@ -451,7 +462,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
       v-model:polygon_attribute_no_data_color="surfacesPolygonAttributeNoDataColor"
       v-model:polygon_attribute_time_step="surfacesPolygonAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema, polygon: polygonSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>
@@ -465,7 +476,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
     <VisibilitySwitch v-model="surfaceVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentIds="[surfaceId]"
+      :componentIds="surfaceComponentIds"
       v-model:coloring_style_key="surfaceActiveColoring"
       v-model:color="surfaceColor"
       v-model:vertex_attribute_name="vertexAttributeName"
@@ -481,7 +492,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
       v-model:polygon_attribute_no_data_color="polygonAttributeNoDataColor"
       v-model:polygon_attribute_time_step="polygonAttributeTimeStep"
       :capabilities="capabilities"
-      :schemas="{ vertex: vertexSchema, polygon: polygonSchema }"
+      :schemas="attributeSchemas"
       :allowRandom="true"
     />
   </OptionsSection>

package/app/components/Viewer/Options/AttributeRangeSelector.vue

@@ -7,6 +7,40 @@ const emit = defineEmits<Emits>();
 
 const minimum = defineModel<number>("minimum");
 const maximum = defineModel<number>("maximum");
+
+const minimumText = ref<string>("");
+const maximumText = ref<string>("");
+
+watch(minimum, (value) => (minimumText.value = value === undefined ? "" : String(value)), {
+  immediate: true,
+});
+watch(maximum, (value) => (maximumText.value = value === undefined ? "" : String(value)), {
+  immediate: true,
+});
+
+// Text inputs (not type="number") so scientific notation like 1.5e7 can be typed, committed on enter or blur.
+function parseValue(text: string): number | undefined {
+  const value = Number(text.trim());
+  return text.trim() === "" || !Number.isFinite(value) ? undefined : value;
+}
+
+function commitMinimum(): void {
+  const value = parseValue(minimumText.value);
+  if (value === undefined) {
+    minimumText.value = minimum.value === undefined ? "" : String(minimum.value);
+    return;
+  }
+  minimum.value = value;
+}
+
+function commitMaximum(): void {
+  const value = parseValue(maximumText.value);
+  if (value === undefined) {
+    maximumText.value = maximum.value === undefined ? "" : String(maximum.value);
+    return;
+  }
+  maximum.value = value;
+}
 </script>
 
 <template>
@@ -14,11 +48,11 @@ const maximum = defineModel<number>("maximum");
     <v-col cols="5" class="pe-1">
       <v-text-field
         data-testid="attributeMinInput"
-        :model-value="minimum"
-        @update:model-value="(value) => (minimum = Number(value))"
+        v-model="minimumText"
+        @keydown.enter="commitMinimum"
+        @blur="commitMinimum"
         label="Min"
-        type="number"
-        :max="maximum"
+        inputmode="decimal"
         density="compact"
         hide-details
         variant="outlined"
@@ -38,11 +72,11 @@ const maximum = defineModel<number>("maximum");
     <v-col cols="5" class="ps-1">
       <v-text-field
         data-testid="attributeMaxInput"
-        :model-value="maximum"
-        @update:model-value="(value) => (maximum = Number(value))"
+        v-model="maximumText"
+        @keydown.enter="commitMaximum"
+        @blur="commitMaximum"
         label="Max"
-        type="number"
-        :min="minimum"
+        inputmode="decimal"
         density="compact"
         hide-details
         variant="outlined"