[demo] Add line on adddata, add ids

Author: ivmartel

tests/pacs/viewer.html

@@ -222,13 +222,13 @@
 <!-- DWV -->
 <div id="dwv"></div>
 
-<div class="line">
+<div id="position-line" class="line">
 <label for="position">Position:</label>
 <input type="text" id="position" autocomplete="off" >
 <span id="positionspan"></span>
 </div>
 
-<div class="line">
+<div id="layout-line" class="line">
 <label for="changelayout">Layout:</label>
 <select name="layout" id="changelayout" autocomplete="off" disabled>
  <option value="one">One</option>
@@ -240,19 +240,18 @@
 <label for="changesmoothing">Smoothing</label>
 </div>
 
-<div class="line">
+<div id="binders-line" class="line">
   <fieldset id="binders">
     <legend>Binders</legend>
   </fieldset>
+</div>
+
+<div id="tools-line" class="line">
   <fieldset id="tools" disabled>
     <legend>Tools</legend>
   </fieldset>
 </div>
 
-<div id='annotationgroups-panel' class="line"></div>
-
-<div id='segmentations-panel' class="line"></div>
-
 <div id="layersdetails"></div>
 
 <br>

tests/pacs/viewer.ui.annot.js

@@ -97,9 +97,15 @@ test.dataModelUI.Annotation = function (app) {
     fieldset.appendChild(legend);
     fieldset.appendChild(annotList);
 
-    // panel div
-    const panel = document.getElementById('annotationgroups-panel');
-    panel.appendChild(fieldset);
+    // main div
+    const line = document.createElement('div');
+    line.id = 'annotationgroups-line';
+    line.className = 'line';
+    line.appendChild(fieldset);
+
+    // insert
+    const detailsEl = document.getElementById('layersdetails');
+    detailsEl.parentElement.insertBefore(line, detailsEl);
   }
 
   /**

tests/pacs/viewer.ui.segment.js

@@ -312,9 +312,15 @@ test.dataModelUI.Segmentation = function (app) {
     fieldset.appendChild(legend);
     fieldset.appendChild(segList);
 
-    // panel div
-    const panel = document.getElementById('segmentations-panel');
-    panel.appendChild(fieldset);
+    // main div
+    const line = document.createElement('div');
+    line.id = 'segmentations-line';
+    line.className = 'line';
+    line.appendChild(fieldset);
+
+    // insert
+    const detailsEl = document.getElementById('layersdetails');
+    detailsEl.parentElement.insertBefore(line, detailsEl);
   }
 
   /**