Page MenuHomec4science
Files F102580311

viewer.html
No OneTemporary
Actions

File Metadata

Created
Sat, Feb 22, 05:11

viewer.html
View Options

<!DOCTYPE html><html><head><title></title><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" href="stylesheets/jquery.fancybox.min.css"><!-- Latest compiled and minified CSS--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- Optional theme--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><link rel="stylesheet" href="stylesheets/jquery.simplecolorpicker.css"><link rel="stylesheet" href="stylesheets/jquery.simplecolorpicker-fontawesome.css"><link rel="stylesheet" href="stylesheets/theme.css"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">Desuto</a></div><div class="collapse navbar-collapse" id="navbar"><ul class="nav navbar-nav"><li class="active"><a href="#">Home</a></li><li><a href="#about">About</a></li><li><a href="/upload">Upload new images</a></li></ul><ul class="nav navbar-nav navbar-right"><li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></a><ul class="dropdown-menu"><!-- Footer#footer
span Logged in as a&nbsp;
if roles.indexOf(admin) > -1
strong pathologist ()
else
strong user ()
| :
a(href='/logout') logout--><li><a href="/logout">Logout</a></li></ul></li></ul></div></div></nav><!-- /.nav-collapse--><div class="container-fluid" id="maincontainer"><!-- Content container--><div id="container"><div id="left"><!-- Navbar (top)--><div id="menu-top"><!-- Toolbar--><div id="toolbar-div"><!-- Pathologists only !--><!-- Drawing tools wrapper--><div id="tools-drawing-container"><span class="title">Draw</span><select id="normal" name="normal"><optgroup label="Regions"><option value="Green" style="background: #229922; color: #FFF"> Ra. Normal</option><option value="Blue" style="background: #222299; color: #FFF"> Rb. Susp. Gleason 3</option><option value="Red" style="background: #992222; color: #FFF"> Rc. Susp. Gleason 3-4</option><option value="Red" style="background: #992222; color: #FFF"> Rd. Susp. Gleason 4</option><option value="Black" style="background: #222222; color: #FFF"> Re. Susp. Gleason 4-5</option><option value="Black" style="background: #222222; color: #FFF"> Rf. Susp. Gleason 5</option></optgroup></select><!--select#colorpicker(name='colorpicker')option(value='#000000') Black
option(value='#1558ea') Blue
option(value='#51b749') Green
option(value='#fbd75b') Yellow
option(value='#dc2127') Red--><!-- Tools for drawing--><div id="tools-drawing"><!-- <div class="tool_button" id="tool_save" title="Save Tool"></div>--><div class="tool_button" id="tool_select" title="Select Tool"></div><div class="tool_button" id="tool_line" title="Line Tool"></div><div class="tool_button" id="tool_rect" title="Rectangle Tool"></div><div class="tool_button" id="tool_ellipse" title="Ellipse Tool"></div><div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div><!-- <div class="tool_button" id="tool_path" title="Path Tool"></div>--></div></div><!-- Annotation button--><div id="annotation-menu"><button class="btn btn-primary" id="toggle-annotation" title="Press (ESC) to toggle mode">Start Annotating</button></div><!-- Tools for the viewer--><div id="tools-viewer"><span>View</span><a class="toolbar-button" id="zoom-in" href="#zoom-in" title="Zoom In"><i class="fa fa-search-plus"></i></a><a class="toolbar-button" id="zoom-out" href="#zoom-out" title="Zoom Out"><i class="fa fa-search-minus"></i></a><a class="toolbar-button" id="home" href="#home" title="Home"><i class="fa fa-home"></i></a><a class="toolbar-button" id="zoom-1x" href="#zoom-5x" title="Zoom to 5 times"><span><strong>1</strong><small>x</small></span></a><a class="toolbar-button" id="zoom-5x" href="#zoom-5x" title="Zoom to 5 times"><span><strong>5</strong><small>x</small></span></a><a class="toolbar-button" id="zoom-10x" href="#zoom-10x" title="Zoom to 10 times"><span><strong>10</strong><small>x</small></span></a><a class="toolbar-button" id="zoom-20x" href="#zoom-20x" title="Zoom to 20 times"><span><strong>20</strong><small>x</small></span></a><a class="toolbar-button" id="zoom-40x" href="#zoom-40x" title="Zoom to 40 times"><span><strong>40</strong><small>x</small></span></a></div></div></div><!-- Clear floats--><!-- <div class="clear"></div>--><div id="openseadragon-container"><!-- OpenSeadragon--><div id="openseadragon"></div><!-- OpenSeadragon (features)--><div id="openseadragon-features"></div><!-- SVG-Edit--><!-- Is inserted dynamically via JS now--><!-- Context menu--><ul class="contextMenu" id="cmenu_canvas"><li><a href="#cut">Cut</a></li><li><a href="#copy">Copy</a></li><li><a href="#paste">Paste</a></li><li><a href="#paste_in_place">Paste in Place</a></li><li class="separator"><a href="#delete">Delete</a></li><!--<li><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
<li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
--></ul></div></div><!-- Current annotation details--><div id="annotation-details"><h4>Annotation details</h4><!-- Annotations container (temporary solution)--><div id="annotation-container"><div class="float" id="annotation-text"><span>Annotation description text</span><textarea id="annotation" placeholder="Enter annotation here"></textarea></div><div class="float" id="annotation-stats"><span>Characteristics</span><div></div></div><div id="annotation-patch"><p>Preview</p><img src="https://placehold.it/200?text=Preview"><p><a href="javascript:;" data-fancybox>Search for similar regions</a></p></div></div></div><!-- Annotations tooltip--><div id="annotation-tooltip"><div>Annotation placeholder</div></div><!-- Use any element to open the sidenav--><div id="sidenavMenu"><div onclick="openNav(&quot;imagesSidenav&quot;)"><i class="fa fa-image"></i><span>Images</span></div><div onclick="openNav(&quot;featuresSidenav&quot;)"><i class="fa fa-bar-chart"></i><span>Features</span></div></div></div></div><div class="sidenav" id="imagesSidenav"><a class="closebtn" href="javascript:void(0)" onclick="closeNav(&quot;imagesSidenav&quot;)">×</a><!-- Image List--><div id="image-list"><h2>Images</h2><p>Image list</p><ul id="image-list-entries"></ul></div></div><div class="sidenav" id="featuresSidenav"><a class="closebtn" href="javascript:void(0)" onclick="closeNav(&quot;featuresSidenav&quot;)">×</a><!-- Feature List--><div id="feature-list"><h2>Features</h2><p>Feature opacity</p><input id="feature-opacity" type="range" min="0" max="100" step="1"><label id="feature-opacity-label" for="feature-opacity">--%</label><p>Feature list</p><ul id="feature-list-entries"><li><a class="feature-link active" href="#none">none</a></li></ul></div></div><!-- ********************--><!-- Javascript libraries--><!-- ********************--><!-- Values from server--><script>annotator = '';
defaultImage = '2020-6.bif.tif';<!--| defaultImage = '#{images[0]}';--></script><!-- D3--><!--script(src='js/d3.min.js', charset='utf-8')--><!-- App settings--><script src="js/app-settings.js"></script><!-- jQuery--><script src="//code.jquery.com/jquery-2.1.3.js"></script><!-- jQuery UI--><script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script><!-- Polyfills--><script src="js/polyfills/pathseg.js"></script><!-- PouchDB--><script src="js/pouchdb/pouchdb-6.1.0.min.js"></script><script src="js/pouchdb/pouchdb.authentication.js"></script><!-- Set up DB--><script src="js/db.js"></script><!-- OpenSeadragon lib--><script src="js/openseadragon/openseadragon.js"></script><script src="js/openseadragon/openseadragon-svg-overlay.js"></script><script src="js/openseadragon/openseadragon-scalebar.js"></script><script src="js/openseadragon/openseadragon-viewerinputhook.js"></script><script src="js/openseadragon/openseadragon-imaginghelper.js"></script><!-- underscore.js--><script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script><!-- qTip--><script src="//cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.js"></script><!-- Bootstrap--><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!--//////////////////--><!-- jQuery Plugins //--><!--//////////////////--><!-- Fancybox--><script src="js/jquery.fancybox.min.js"></script><!-- Hotkeys--><script src="js/jquery-plugins/jquery.hotkeys.min.js"></script><!-- Load SVG icons from a single file--><script src="js/jquery-plugins/jquery.svgicons.js"></script><!-- jQuery SVG manipulation--><script src="js/jquery-plugins/jquery-svg.js"></script><!-- Context menu--><script src="js/jquery-plugins/jquery.contextMenu.js"></script><!-- Throttled resize--><!-- <script src="js/jquery-plugins/jquery.debouncedresize.js"></script>--><!-- Throttle / Debounce--><script src="js/jquery-plugins/jquery.ba-throttle-debounce.min.js"></script><!-- CouchDB--><script src="js/jquery-plugins/jquery.couch.js"></script><!--//////////////////--><!-- SVG-Edit //--><!--//////////////////--><!-- Globals--><script src="js/svg-edit/svgedit.js"></script><!-- Browser support check--><script src="js/svg-edit/browser.js"></script><!-- Units--><script src="js/svg-edit/units.js"></script><!-- SVG transformations--><script src="js/svg-edit/svgtransformlist.js"></script><!-- SVG Utils--><script src="js/svg-edit/svgutils.js"></script><!-- Pathologists only !--><!-- Math functions--><script src="js/svg-edit/math.js"></script><!-- Color picker--><script src="js/jquery-plugins/jquery.simplecolorpicker.js"></script><!-- Manage history--><script src="js/svg-edit/history.js"></script><!-- Coordinates system--><script src="js/svg-edit/coords.js"></script><!-- Recalculate (not sure)--><script src="js/svg-edit/recalculate.js"></script><!-- Selection of objects--><script src="js/svg-edit/select.js"></script><!-- Drawing--><script src="js/svg-edit/draw.js"></script><!-- Path definition--><script src="js/svg-edit/path.js"></script><!-- Touch events--><script src="js/svg-edit/touch.js"></script><!-- Sanitize SVG code--><script src="js/svg-edit/sanitize.js"></script><!-- SVG Canvas manipulation--><script src="js/svg-edit/svgcanvas.js"></script><!-- Main code and JS files depening on it //--><!-- Main editor code--><script src="js/svg-editor.js"></script><!--If you do not wish to add extensions by URL, you can load them--><!--by creating the following file and adding by calls to svgEditor.setConfig--><script src="js/svg-edit/config.js"></script><!-- Locale--><script src="js/svg-edit/locale/locale.js"></script><!-- Context menu--><script src="js/svg-edit/contextmenu.js"></script><!-- Utils--><script src="js/utils.js"></script><!-- Main app--><script src="js/app.js"></script></body></html>

Event Timeline

c4science · Help