Unverified Commit f623b59a authored by katja heuer's avatar katja heuer Committed by GitHub
Browse files

Delete ui-tools-light.html

parent f294f48f
<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
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment