Datasets
Models
Downloads: 1
Diff of
/deepzoom.html
[000000]
..
[d7fa72]
Switch to side-by-side view
--- a +++ b/deepzoom.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Krang Dataset - DeepZoom Viewer</title> + <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> + + <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/> + <link rel="stylesheet" href="src/overview.css"> + + <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script> + <script src='src/krang-dataset-loaders.js' defer></script> + <script src='src/map-script.js' defer></script> + </head> + <body onload="openDeepzoom(); insertCutsDeepzoom()"> + <nav><a href="index.html">Main</a></nav> + + <div class="container"> + <div class="info-tools"> + <div id="createmark"> + <input type="number" name="x" id="xCoord" placeholder="x-coordinates"> + <input type="number" name="y" id="yCoord" placeholder="y-coordinates"> + <button id="newMarkerButt" onclick="createMarker(document.getElementById('xCoord').value, document.getElementById('yCoord').value)">Create Marker</button> + <button id="showCoordButt" onclick="showCoord(document.getElementById('xCoord').value, document.getElementById('yCoord').value)">Show coordinates</button><br/> + <label class="switch"> + <input type="checkbox" id="mapClick"> + <span class="slider"></span> + </label>Create markers by clicking on the map<br/> + + fly to this <input type="number" name="num" id="markNum" placeholder="marker"> + <button onclick="flyToMarker(document.getElementById('markNum').value)">Show marker</button> + </div> + <div id="moreInfo"> + you have <span id="markArrLength">0</span> markers <button id="showMarkersArr">Show markers list</button> <br/> + mouse coordinates: X(<span id="xMouseCoord"></span>), Y(<span id="yMouseCoord"></span>) + </div> + </div> + + <h2>Слайд <span class="slideId"></span></h2> + </div> + <div id='map'></div> + <div class="container"> + <table id="metainfo"> + <tr><td>Код</td><td class="slideId"></td></tr> + <tr><td>Пол</td><td >M</td></tr> + <tr><td>Возраст на момент забора образца</td><td>56</td></tr> + <tr><td>Предварительный диагноз</td><td>глиома головного мозга</td></tr> + <tr><td>Верификация</td><td>глиобластома Грейд 4</td></tr> + <tr><td>Окончательный диагноз</td><td>глиобластома Грейд 4</td></tr> + <tr><td>Разное/примечания</td><td>глиома головного мозга</td></tr> + <tr><td>Источник препарата</td><td><a href="#">ДГТУ</a></td></tr> + <tr><td colspan="2" id="downloadslide"></td></tr> + <tr><td colspan="2" id="display-cuts"></td></tr> + </table> + </div> + </body> +</html>