@disy/cadenza.js 2.7.0 → 2.9.0

package/sandbox.html

@@ -69,6 +69,9 @@
         flex: 1;
       }
     }
+    #action:not(.show-unpublished) option.unpublished {
+      display: none;
+    }
     main {
       grid-area: main;
       padding: var(--padding);
@@ -131,15 +134,22 @@
       history.replaceState(null, '', url);
     };
 
-    const contextPath = new URLSearchParams(location.search).get('contextPath')
+    const urlParams = new URLSearchParams(location.search);
+    const parentMode = urlParams.has('parentMode');
+    const contextPath = urlParams.get('contextPath')
       ?? location.pathname.slice(0, location.pathname.indexOf('/sandbox'));
-    const cadenzaClient = cadenza(location.origin + contextPath, { iframe: 'iframe', debug: true });
+    const cadenzaClient = cadenza({
+      baseUrl: parentMode ? undefined : location.origin + contextPath,
+      iframe: parentMode ? undefined : 'iframe',
+      debug: true
+    });
     const actionHandlers = {
       show: data => cadenzaClient.show(data.embeddingTargetId, getOptions(data)),
       showPage: data => cadenzaClient.show({ page: data.page }, getOptions(data)),
       showMap: data => cadenzaClient.showMap(data.embeddingTargetId, getOptions(data)),
       expandNavigator: data => cadenzaClient.expandNavigator(data.expandNavigator === 'on'),
-      reload: () => cadenzaClient.reload(),
+      reload: data => cadenzaClient.reload({ invalidateCaches: data.invalidateCaches === 'on'}),
+      closeMe: () => cadenzaClient.closeMe(),
       getData: async data => {
         const dataType = data.dataType;
         const result = await cadenzaClient.getData(dataType);
@@ -172,7 +182,8 @@
       localStorage.setItem(`cadenzajs-sandbox-${action}`, JSON.stringify(data));
     };
 
-    actionSelect.value = new URLSearchParams(location.search).get('action') || 'show';
+    actionSelect.classList.toggle('show-unpublished', urlParams.has('showUnpublished'))
+    actionSelect.value = urlParams.get('action') || 'show';
     actionSelect.onchange();
 
     function applyData (data) {
@@ -256,13 +267,14 @@
           </optgroup>
           <optgroup label="Interact With Shown Content">
             <option value="expandNavigator">Expand Navigator</option>
-            <!--option value="getData">Get Data (Get Map Image)</option-->
-            <!--option value="setFilter">Set Filter</option-->
-            <!--option value="setLayerVisibility">Set Layer Visibility</option-->
-            <!--option value="setSelection">Set Selection</option-->
-            <!--option value="addSelection">Add Selection</option-->
-            <!--option value="removeSelection">Remove Selection</option-->
+            <option value="getData" class="unpublished">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>
+            <option value="addSelection" class="unpublished">Add Selection</option>
+            <option value="removeSelection" class="unpublished">Remove Selection</option>
             <option value="reload">Reload worksheet views</option>
+            <option value="closeMe">Close me</option>
           </optgroup>
           <optgroup label="Map Dialogs">
             <option value="createGeometry">Create Geometry</option>
@@ -508,7 +520,16 @@
 <template data-action="setSelection" data-common="layer,layer-selection"></template>
 <template data-action="addSelection" data-common="layer,layer-selection"></template>
 <template data-action="removeSelection" data-common="layer,layer-selection"></template>
-<template data-action="reload">No Paramters needed.</template>
+
+<template data-action="reload">
+  <div>
+    <label>
+      <input type="checkbox" name="invalidateCaches">
+      Invalidate caches
+    </label>
+  </div>
+</template>
+<template data-action="closeMe">No Parameters needed.</template>
 
 <template id="common-layer-selection">
   <div>