diff Applications/Samples/Web/simple-viewer.html @ 287:2038d76bf13f am-2

interaction with HTML/JS
author am@osimis.io
date Thu, 30 Aug 2018 11:36:36 +0200
parents 3c190e2bb3af
children
line wrap: on
line diff
--- a/Applications/Samples/Web/simple-viewer.html	Tue Aug 28 15:34:20 2018 +0200
+++ b/Applications/Samples/Web/simple-viewer.html	Thu Aug 30 11:36:36 2018 +0200
@@ -13,15 +13,20 @@
     <link href="samples-styles.css" rel="stylesheet" />
 
 <body>
+  <div id="breadcrumb">
+    <span id="patient-id"></span>
+    <span id="study-description"></span>
+    <span id="series-description"></span>
+  </div>
   <div>
     <canvas id="canvas" data-width-ratio="20" data-height-ratio="50"></canvas>
     <canvas id="canvas2" data-width-ratio="70" data-height-ratio="50"></canvas>
   </div>
-  <div>
-    <button id="tool1">tool1</button>
-    <button id="tool2">tool2</button>
-    <button id="pushBouton1">action1</button>
-    <button id="pushBouton2">action2</button>
+  <div id="toolbox">
+    <input tool-selector="line-measure" type="radio" name="radio-tool-selector" class="tool-selector">line
+    <input tool-selector="circle-measure" type="radio" name="radio-tool-selector" class="tool-selector">circle
+    <button action-trigger="action1" class="action-trigger">action1</button>
+    <button action-trigger="action2" class="action-trigger">action2</button>
   </div>
   <script type="text/javascript" src="app-simple-viewer.js"></script>
 </body>