Lesion Tracker Redesign so far

2016-07-22 11:00:16 +02:00
1 parent b247e89d8b
commit a9a4f3f82b
@@ -0,0 +1,79 @@
+<template name="toolbarSection">
+    <div class="toolbarSection">
+        <div id="studySidebarToggle" class="pull-left toolbarSectionButton">
+            <div class="capsule svgContainer">
+                <svg>
+                    <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-studies"></use>
+                </svg>
+            </div>
+            <div class="buttonLabel">
+                Studies
+            </div>
+        </div>
+        <div class="pull-left">
+            {{ #each toolbarButtons }}
+                {{ >toolbarSectionButton }}
+            {{ /each }}
+
+            <div id="moreTools" class="toolbarSectionButton">
+                <div class="svgContainer">
+                    <svg>
+                        <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-tools-more"></use>
+                    </svg>
+                </div>
+                <div class="buttonLabel">
+                    More <i class="fa fa-caret-down" aria-hidden="true"></i>
+                </div>
+            </div>
+        </div>
+
+        {{ >studySeriesQuickSwitch side="left"}}
+        {{ >studySeriesQuickSwitch side="right"}}
+
+        <div class="pull-right toolbarSectionEntry">
+            {{ >caseProgress }}
+        </div>
+        <div class="capsule-group pull-right">
+            <div id="lesionSidebarToggle" class="capsule-entry">
+                <div class="svgContainer capsule">
+                    <svg>
+                        <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-measurements-lesions"></use>
+                    </svg>
+                </div>
+                <div class="buttonLabel">
+                    Lesions
+                </div>
+            </div>
+            <div id="additionalMeasurementsSidebarToggle" class="capsule-entry">
+                <div class="svgContainer capsule">
+                    <svg>
+                        <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-measurements-additional"></use>
+                    </svg>
+                </div>
+                <div class="buttonLabel">
+                    Additional
+                </div>
+            </div>
+        </div>
+        <div class="pull-right toolbarSectionButton">
+            <div class="svgContainer">
+                <svg>
+                    <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-hud"></use>
+                </svg>
+            </div>
+            <div class="buttonLabel">
+                HUD
+            </div>
+        </div>
+        <div class="pull-right toolbarSectionButton">
+            <div class="svgContainer">
+                <svg>
+                    <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-trial-info"></use>
+                </svg>
+            </div>
+            <div class="buttonLabel">
+                Trial
+            </div>
+        </div>
+    </div>
+</template>