@disy/cadenza.js 10.4.0 → 10.4.2

package/sandbox.html

@@ -39,7 +39,7 @@
       display: flex;
       flex-direction: column;
       gap: var(--gap);
-      overflow: scroll;
+      overflow: hidden auto;
     }
     fieldset > div {
       display: flex;
@@ -153,7 +153,8 @@
       closeMe: () => cadenzaClient.closeMe(),
       getData: async data => {
         const dataType = data.dataType;
-        const result = await cadenzaClient.getData(dataType);
+        const options = getOptions(data);
+        const result = await cadenzaClient.getData(dataType, options);
         if (dataType === 'png') {
           const url = URL.createObjectURL(result);
           iframe.src = url;
@@ -166,7 +167,9 @@
       addSelection: data => cadenzaClient.addSelection(JSON.parse(data.layer), JSON.parse(data.objectIds), { extentStrategy: JSON.parse(data.extentStrategy) }),
       removeSelection: data => cadenzaClient.removeSelection(JSON.parse(data.layer), JSON.parse(data.objectIds), { extentStrategy: JSON.parse(data.extentStrategy) }),
       createGeometry: (data, formData) => cadenzaClient.createGeometry(data.embeddingTargetId, data.geometryType, getOptions(data, formData)),
-      editGeometry: ({ geometry, ...data }, formData) => cadenzaClient.editGeometry(data.embeddingTargetId, JSON.parse(geometry), getOptions(data, formData)),
+      editGeometry: (data, formData) => cadenzaClient.editGeometry(data.embeddingTargetId, JSON.parse(data.geometry), getOptions(data, formData)),
+      batchCreateGeometry: (data , formData) => cadenzaClient.batchCreateGeometry(data.embeddingTargetId, data.geometryType, getOptions(data, formData)),
+      batchEditGeometry: (data, formData) => cadenzaClient.batchEditGeometry(data.embeddingTargetId, JSON.parse(data.features), getOptions(data, formData)),
       selectObjects: data => cadenzaClient.selectObjects(data.embeddingTargetId, getOptions(data)),
       fetchData: data => {
         console.log('Inspect the fetchData() request in the devtools.');
@@ -215,6 +218,7 @@
     function getOptions ({
       additionalLayers,
       disabledUiFeatures,
+      dataType,
       distance,
       expandNavigator,
       extentStrategy,
@@ -222,6 +226,7 @@
       fileName,
       filter,
       geometry,
+      height,
       hideMainHeaderAndFooter,
       hideWorkbookToolBar,
       highlightGlobalId,
@@ -234,11 +239,15 @@
       simplifiedOperationMode,
       snappingLayer,
       useMapSrs,
+      layout,
+      width,
+      withScale,
     }, formData) {
       return {
         additionalLayers: additionalLayers && JSON.parse(additionalLayers),
         buffer: distance ? { value: Number(distance), lengthUnit: lengthUnit ? lengthUnit : 'm' } : undefined,
         ...(requestAsPdf === 'on' && { dataType: 'pdf' }),
+        dataType: dataType,
         disabledUiFeatures: disabledUiFeatures && disabledUiFeatures.split(','),
         expandNavigator: (expandNavigator === 'on'),
         extentStrategy: extentStrategy && JSON.parse(extentStrategy),
@@ -246,6 +255,7 @@
         filter: filter && parseFilterVariables(filter),
         fullGeometries: fullGeometries === 'on',
         geometry: geometry && JSON.parse(geometry),
+        height: Number(height),
         hideMainHeaderAndFooter: (hideMainHeaderAndFooter === 'on'),
         hideWorkbookToolBar: (hideWorkbookToolBar === 'on'),
         highlightGlobalId,
@@ -259,6 +269,9 @@
           types: formData?.getAll('snappingTypes')
         }: undefined,
         useMapSrs: useMapSrs === 'on',
+        layout: layout || undefined,
+        width: Number(width),
+        withScale: Boolean(withScale),
       };
     }
 
@@ -290,7 +303,7 @@
           </optgroup>
           <optgroup label="Interact With Shown Content">
             <option value="expandNavigator">Expand Navigator</option>
-            <option value="getData" class="unpublished">Get Data (Get Map Image)</option>
+            <option value="getData">Get Data (Get Map Image)</option>
             <option value="setFilter" class="unpublished">Set Filter</option>
             <option value="setLayerVisibility" class="unpublished">Set Layer Visibility</option>
             <option value="setSelection" class="unpublished">Set Selection</option>
@@ -302,6 +315,8 @@
           <optgroup label="Map Dialogs">
             <option value="createGeometry">Create Geometry</option>
             <option value="editGeometry">Edit Geometry</option>
+            <option value="batchCreateGeometry">Batch Create Geometry</option>
+            <option value="batchEditGeometry">Batch Edit Geometry</option>
             <option value="selectObjects">Select Objects</option>
             <option value="setCustomValidity">Set Custom Validity</option>
           </optgroup>
@@ -362,6 +377,14 @@
       Expand navigator tree
     </label>
   </div>
+  <div>
+    <label for="layout">Layout</label>
+    <select id="layout" name="layout">
+      <option value="" selected>Default</option>
+      <option value="linear">Linear</option>
+      <option value="dashboard">Dashboard</option>
+    </select>
+  </div>
 </template>
 
 <template id="common-disabledUiFeatures">
@@ -519,35 +542,14 @@
 
 <template data-action="setFilter" data-common="filter"></template>
 
-<template data-action="createGeometry" data-common="additionalLayers,extentStrategy,map,snapping,disabledUiFeatures,filter">
+<template data-action="createGeometry" data-common="geometryType,simplifiedOperationMode,minimumScale,additionalLayers,extentStrategy,map,snapping,disabledUiFeatures,filter">
   <div>
     <label for="embeddingTargetId">Embedding target ID of the map view *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label for="geometryType">Geometry type</label>
-    <select name="geometryType" id="geometryType">
-      <option>Point</option>
-      <option>MultiPoint</option>
-      <option>LineString</option>
-      <option>MultiLineString</option>
-      <option>Polygon</option>
-      <option>MultiPolygon</option>
-    </select>
-  </div>
-  <div>
-    <label>
-      <input type="checkbox" name="simplifiedOperationMode">
-      Simplified operation mode
-    </label>
-  </div>
-  <div>
-    <label for="minScale">Minimum Scale</label>
-    <input type="number" name="minScale" id="minScale">
-  </div>
 </template>
 
-<template data-action="editGeometry" data-common="additionalLayers,extentStrategy,map,snapping,disabledUiFeatures,filter">
+<template data-action="editGeometry" data-common="simplifiedOperationMode,minimumScale,additionalLayers,extentStrategy,map,snapping,disabledUiFeatures,filter">
   <div>
     <label for="embeddingTargetId">Embedding target ID of the map view *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
@@ -572,15 +574,47 @@
       </pre>
     </small>
   </div>
+</template>
+
+<template data-action="batchCreateGeometry" data-common="geometryType,simplifiedOperationMode,minimumScale,additionalLayers,extentStrategy,map,snapping,disabledUiFeatures,filter">
   <div>
-    <label>
-      <input type="checkbox" name="simplifiedOperationMode">
-      Simplified operation mode
-    </label>
+    <label for="embeddingTargetId">Embedding target ID of the map view *</label>
+    <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
+</template>
+
+<template data-action="batchEditGeometry" data-common="simplifiedOperationMode,minimumScale,additionalLayers,extentStrategy,map,snapping,disabledUiFeatures,filter">
   <div>
-    <label for="minScale">Minimum Scale</label>
-    <input type="number" name="minScale" id="minScale">
+    <label for="embeddingTargetId">Embedding target ID of the map view *</label>
+    <input name="embeddingTargetId" id="embeddingTargetId" required>
+  </div>
+  <div>
+    <label for="features">Features (GeoJSON)</label>
+    <textarea name="features" id="features" rows="10" required></textarea>
+    <small>
+      <strong>Example:</strong>
+      <pre>
+{
+  "type":"FeatureCollection",
+  "features":[
+    {
+      "type":"Feature",
+      "geometry":{
+        "coordinates":[
+          [
+            [7.96,47.93],
+            [7.90,47.64],
+            [8.31,47.70],
+            [7.96,47.93]
+          ]
+        ],
+        "type":"Polygon"
+      }
+    }
+  ]
+}
+        </pre>
+    </small>
   </div>
 </template>
 
@@ -620,17 +654,11 @@
   </div>
 </template>
 
-<template data-action="selectObjects" data-common="extentStrategy,map,filter">
+<template data-action="selectObjects" data-common="simplifiedOperationMode,extentStrategy,map,filter">
   <div>
     <label for="embeddingTargetId">Embedding target ID of the map view *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label>
-      <input type="checkbox" name="simplifiedOperationMode">
-      Simplified operation mode
-    </label>
-  </div>
   <div>
     <label for="layers">Layers</label>
     <input name="layers" id="layers">
@@ -666,6 +694,36 @@
 </template>
 <template data-action="closeMe">No Parameters needed.</template>
 
+<template id="common-geometryType">
+  <div>
+    <label for="geometryType">Geometry type</label>
+    <select name="geometryType" id="geometryType">
+      <option>Point</option>
+      <option>MultiPoint</option>
+      <option>LineString</option>
+      <option>MultiLineString</option>
+      <option>Polygon</option>
+      <option>MultiPolygon</option>
+    </select>
+  </div>
+</template>
+
+<template id="common-simplifiedOperationMode">
+  <div>
+    <label>
+      <input type="checkbox" name="simplifiedOperationMode">
+      Simplified operation mode
+    </label>
+  </div>
+</template>
+
+<template id="common-minimumScale">
+  <div>
+    <label for="minScale">Minimum Scale</label>
+    <input type="number" name="minScale" id="minScale">
+  </div>
+</template>
+
 <template id="common-object-ids">
   <div>
     <label for="objectids">List of object ID value lists *</label>
@@ -888,6 +946,16 @@
     <small>
       <p>Currently, only <code>dataType=png</code> is supported to get the image of the currently shown workbook map view.</p>
     </small>
+    <hr>
+    <label for="width">Width</label>
+    <input name="width" id="width" type="number" min="0">
+    <label for="height">Height</label>
+    <input name="height" id="height" type="number" min="0">
+    <hr>
+    <label for="withScale">
+      <input name="withScale" id="withScale" type="checkbox" >
+      Include scale
+    </label>
   </div>
 </template>