Mercurial > hg > orthanc-stone

view Applications/Samples/SimpleViewer/Wasm/simple-viewer.html @ 1314:9b126de2cde2 broker

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Since the observer system now uses shared_ptr and many registrations are done in the constructors, and since we cannot called shared_from_this() in the constructors, it is mandatory to split construction from registration. This has been done by making many ctors protected and replacing them by factory methods that directly return shared_ptrs + added PostConstructor method when base classes perform shared_from_this() calls too.
author Benjamin Golinvaux <bgo@osimis.io>
date Mon, 16 Mar 2020 11:19:50 +0100
parents 8bf717c4e497
children
line wrap: on
line source

<!doctype html>

<html lang="us">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <!-- Disable pinch zoom on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="HandheldFriendly" content="true" />

    <title>Simple Viewer</title>
    <link href="styles.css" rel="stylesheet" />

<body>
  <div id="breadcrumb">
    <span id="label-patient-id"></span>
    <span id="label-study-description"></span>
    <span id="label-series-description"></span>
  </div>
  <div style="height: calc(100% - 50px)">
    <div style="width: 20%; height: 100%; display: inline-block">
      <canvas id="canvasThumbnails"></canvas>
    </div>
    <div style="width: 70%; height: 100%; display: inline-block">
      <canvas id="canvasMain"></canvas>
    </div>
  </div>
  <div id="toolbox" style="height: 50px">
    <button tool-selector="line-measure" class="tool-selector">line</button>
    <button tool-selector="circle-measure" class="tool-selector">circle</button>
    <button tool-selector="crop" class="tool-selector">crop</button>
    <button tool-selector="windowing" class="tool-selector">windowing</button>
    <button tool-selector="zoom" class="tool-selector">zoom</button>
    <button tool-selector="pan" class="tool-selector">pan</button>
    <button action-trigger="rotate-left" class="action-trigger">rotate left</button>
    <button action-trigger="rotate-right" class="action-trigger">rotate right</button>
    <button action-trigger="invert" class="action-trigger">invert</button>
  </div>
  <script type="text/javascript" src="app-simple-viewer.js"></script>
</body>

</html>