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

Delete ui-tools-full.html

parent 4b01b025
<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;flex-wrap:wrap'>
<div style='flex:1 0 250px;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 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 style='flex:1'><div id='bubble' title='Chat' class='a toggle pressed'><img class='icon' src='../svg/chat.svg' /></div></div>
<div style='flex:1'><div id='upload' title='Upload' class='a push'><img class='icon' src='../svg/upload.svg' /></div></div>
<div style='flex:1'><div id='download' title='Download' class='a push'><img class='icon' src='../svg/download.svg' /></div></div>
<div style='flex:1'><div id='precise' title='Precise cursor' class='a toggle'><img class='icon' src='../svg/preciseCursor.svg' /></div></div>
</div>
</div>
<div style='flex:1 0 250px;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='Paint' class='a'><img class='icon' src='../svg/paint.svg' /></div></div>
<div style='flex:1'><div title='Erase' class='a'><img class='icon' src='../svg/erase.svg' /></div></div>
<div style='flex:1'><div title='Measure' class='a'><img class='icon' src='../svg/ruler.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 style='display:flex'>
<div style='flex:1'><div id='color'><div id='color' title='Color' style='height:24px;background:#f00' class='a push'></div></div></div>
<div style='flex:1'><div id='fill' class='a toggle'><img class='icon' src='../svg/fill.svg' /></div></div>
<div style='flex:1'><div id='undo' title='Undo' class='a push'><img class='icon' src='../svg/undo.svg' /></div></div>
<div style='flex:1'><div id='save' title='Save' class='a push'><img class='icon' src='../svg/floppy.svg' /></div></div>
</div>
</div>
</div>
</div>
<!-- pen size -->
<div id='penSizeBlock' style='flex:0 0 28px'>
<div style='display:flex' class='chose' id='penSize'>
<div style='flex:1'><div title='1' class='a pressed'>1</div></div>
<div style='flex:1'><div title='2' class='a'>2</div></div>
<div style='flex:1'><div title='3' class='a'>3</div></div>
<div style='flex:1'><div title='5' class='a'>5</div></div>
<div style='flex:1'><div title='10' class='a'>10</div></div>
<div style='flex:1'><div title='15' class='a'>15</div></div>
</div>
</div>
<!-- chat -->
<div id='chatBlock' style='flex:1 1 auto;position:relative;display:flex'>
<div id='chatBlockContent' style='flex:1;display:flex;flex-direction:column'>
<div style='flex:0 0 28px'><div id='chat' class='label'>Chat (disconnected)</div></div>
<div style='flex:1 1 auto;display:flex'><div id='log' class='a' style='flex:1;height:auto;background:#333'></div></div>
<div style='flex:0 0 28px'><input id='msg' type='text' style='width:100%'></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