Delete ui-tools-light.html

f623b59a · katja heuer · GitHub · f294f48f · f294f48f
Unverified Commit f623b59a authored Nov 24, 2019 by katja heuer Committed by GitHub Nov 24, 2019
--- a/view/atlasMaker/src/resources/ui-tools-light.html
+++ b/view/atlasMaker/src/resources/ui-tools-light.html
-<html>
-<body style='background:#222'>
-<link rel="stylesheet" type="text/css" href="../css/ui.css" />
-
-<style>
-* {
-    box-sizing: border-box;
-}
-</style>
-
-<div id='toolsSide' style='display:block;height:100%'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column;height:100%'>
-        <!-- tools hide/show, display left/right -->
-        <div id='toolbarHeaderBlock' style='flex:0 1 28px;background:#333'>
-
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push noBorder'><img class='icon' src='../svg/times-circle.svg' /></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push noBorder'><img class='icon' src='../svg/caret-square-o-left.svg' /></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push noBorder'><img class='icon' src='../svg/caret-square-o-right.svg' /></div></div>
-            </div>
-
-        </div>
-
-        <!-- slider -->
-        <div id='sliderBlock' style='flex:0 0 28px'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;display:flex'>
-                    <div style='flex:1;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:absolute;height:100%;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;display:inline-block'></div>
-                            <div class='thumb' style='position:absolute;left:0;top:50%;transform:translate(-10px,-10px);border-radius:10px;padding:0;width:20px;height:20px;background:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttonsBlock' style='flex:0 0 auto'>
-            <div style='display:flex'>
-
-                <div style='flex:1 0 30px;width:50px'>
-                    <div id='plane' style='display:flex' class='chose'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a pressed'>Sag</div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'>Cor</div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'>Axi</div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 0 30px;width:50px'>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='fullscreen' title='Full screen' class='a toggle'><img class='icon' src='../svg/fullscreen.svg' /></div></div>
-                        <div style='flex:1'><div id='3drender' title='3D render' class='a push'><img class='icon' src='../svg/3drender.svg' /></div></div>
-                        <div style='flex:1'><div id='link' title='Link' class='a push'><img class='icon' src='../svg/link.svg' /></div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 0 30px;width:50px'>
-                    <div id='paint' style='display:flex' class='chose'>
-                        <div style='flex:1'><div title='Show' class='a pressed'><img class='icon' src='../svg/show.svg' /></div></div>
-                        <div style='flex:1'><div title='Adjust' class='a'><img class='icon' src='../svg/adjust.svg' /></div></div>
-                        <div style='flex:1'><div title='Eyedrop' class='a'><img class='icon' src='../svg/eyedropper.svg' /></div></div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-</div>
-
-<script src='../../downloads/jquery-3.2.1.min.js'></script>
-<script src='../atlasmaker-ui.js'></script>
-<script>
-    const mui = AtlasMakerUI;
-    mui.push($("#display-minimize"),()=>console.log("minimize"));
-    mui.push($("#display-left"),()=>console.log("left"));
-    mui.push($("#display-right"),()=>console.log("right"));
-
-    mui.slider($("#slice"),()=>{});
-    mui.push($("#prev"),()=>console.log("prev"));
-    mui.push($("#next"),()=>console.log("next"));
-
-    mui.chose($("#plane"),()=>console.log("plane"));
-
-    mui.chose($("#paint"),()=>console.log("paint"));
-
-    mui.chose($("#penSize"),()=>console.log("size"));
-    mui.toggle($("#precise"),()=>console.log("precise"));
-    mui.toggle($("#fullscreen"),()=>console.log("full"));
-    mui.toggle($("#bubble"),()=>console.log("chat"));
-    mui.push($("#3drender"),()=>console.log("3d"));
-    mui.push($("#link"),()=>console.log("link"));
-    mui.push($("#upload"),()=>console.log("upload"));
-    mui.push($("#download"),()=>console.log("download"));
-
-    mui.push($("#color"),()=>console.log("color"));
-    mui.toggle($("#fill"),()=>console.log("fill"));
-    mui.push($("#undo"),()=>console.log("undo"));
-    mui.push($("#save"),()=>console.log("save"));
-</script>
-
-</body>
-</html>
\ No newline at end of file