Hide radio buttons as we can only hide other pools (no more action se…

…lection)
process-analytics · Mar 21, 2022 · 406eb9f · 406eb9f
1 parent 3788f71
commit 406eb9f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/examples/custom-behavior/select-elements-by-bpmn-kind/index.html b/examples/custom-behavior/select-elements-by-bpmn-kind/index.html
@@ -89,7 +89,7 @@
             <div class="col-12 mb-2">
                 <h2>Select elements by BPMN kind</h2>
                 Once the BPMN diagram is loaded, detect all <code>Pools</code> and <code>End Events</code>.<br>
-                Then, use this information to select <code>Pools</code> (hide) and make <code>End Events</code> clickable
+                Then, use this information to select <code>Pools</code> (hide others) and make <code>End Events</code> clickable
                 (as far as no <code>Pools</code> selection is done. Toast support <a href="https://github.com/caroso1222/notyf">Notyf</a>).
             </div>
             <div id="controls" style="margin-top: 25px" >
@@ -111,18 +111,18 @@ <h2>Select elements by BPMN kind</h2>
                         <ul class="menu custom-dropdown" id="dropdown-select-pool">
                         </ul>
                     </div>
+                    <!-- Disable collapsing: see https://github.com/process-analytics/bpmn-visualization-examples/pull/306
                     <div class="col-3 float-left">
                         <div class="align-middle">
                             <div class="radio">
                                 <label><input type="radio" name="poolSelectionMethod" value="hide" checked> Hide others</label>
                             </div>
-                            <!-- Disable collapsing: see https://github.com/process-analytics/bpmn-visualization-examples/pull/306
                             <div class="radio">
                                 <label><input type="radio" name="poolSelectionMethod" value="collapse"> Collapse others</label>
                             </div>
-                            -->
                         </div>
                     </div>
+                    -->
                     <div id="pool-selection-info" class="col-5 float-left hidden">
                         <b>Last selected Pool:</b> <span id="last-selected-pool-name"></span>
                     </div>

diff --git a/examples/custom-behavior/select-elements-by-bpmn-kind/index.js b/examples/custom-behavior/select-elements-by-bpmn-kind/index.js
@@ -124,7 +124,9 @@ function changePoolsVisibility(pools, poolIdToHighlight) {
   console.info('Updating model, pool to highlight:', poolIdToHighlight);
   const model = bpmnVisualization.graph.getModel();
 
-  const poolSelectionMethod = getRadioGroupValue('poolSelectionMethod');
+  // TMP disable collapsing other pools, see https://github.com/process-analytics/bpmn-visualization-examples/pull/306
+  // const poolSelectionMethod = getRadioGroupValue('poolSelectionMethod');
+  const poolSelectionMethod = 'hide';
   console.info('Selection method:', poolSelectionMethod);
   const hideOthers = poolSelectionMethod === 'hide';
   const modelChangeFunction = hideOthers ?