annotate Applications/StoneWebViewer/WebApplication/index.html @ 1703:76c590a62755

start work on series with multiple multiframe instances
author Sebastien Jodogne <s.jodogne@gmail.com>
date Fri, 27 Nov 2020 16:36:43 +0100
parents b5a8bf32d969
children 902d13889ae4
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
1 <!doctype html>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
2 <html class="wv-html">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
3 <head>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
4 <title>Stone Web Viewer</title>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
5 <meta charset="utf-8" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
8 <meta name="apple-mobile-web-app-capable" content="yes" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
9 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
10 <link rel="icon" href="data:;base64,iVBORw0KGgo=">
1555
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
11
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
12 <link rel="stylesheet" href="css/all.css"> <!-- Font Awesome -->
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
13 <link rel="stylesheet" href="css/bootstrap.css">
1660
05b55b89a134 use local copy of open-sans, remove ua-parser
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1659
diff changeset
14 <link rel="stylesheet" href="open-sans.css">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
15 <link rel="stylesheet" href="app.css">
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
16 <link rel="stylesheet" href="app-fixes.css">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
17 </head>
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
18
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
19 <body class="wv-body">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
20 <div id="wv">
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
21
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
22 <div class="wvInfoScreen" v-show="modalNotDiagnostic" style="display: none">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
23 <div class="wvInfoPopup">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
24 <div class="wvInfoPopupLogo">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
25 <a href="https://www.osimis.io" target="_blank">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
26 <img style="width: 340px;" src="img/orthanc.png"/>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
27 </a>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
28 </div>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
29 <div class="wvInfoPopupText">
1689
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
30 <h3>Intended use</h3>
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
31 <p>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
32 The Stone Web Viewer is intended for<br> patients
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
33 reviewing their images,<br> for research and for quality
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
34 assurance.
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
35 </p>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
36 </div>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
37 <div class="wvInfoPopupForm">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
38 <br>
1689
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
39 <label>Show this information at startup
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
40 <input type="checkbox" style="margin-left: 20px" v-model="settingNotDiagnostic">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
41 </label>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
42 <br><br>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
43 <div style="text-align: center;">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
44 <button class="wvInfoPopupCloseButton" @click="modalNotDiagnostic = false">
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
45 Close
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
46 </button>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
47 </div>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
48 </div>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
49 </div>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
50 </div>
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
51
1689
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
52 <div class="wvInfoScreen" v-show="modalPreferences" style="display: none">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
53 <div class="wvInfoPopup">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
54 <div class="wvInfoPopupLogo">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
55 <a href="https://www.osimis.io" target="_blank">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
56 <img style="width: 340px;" src="img/orthanc.png"/>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
57 </a>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
58 </div>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
59 <div class="wvInfoPopupText">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
60 <h3>Intended use</h3>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
61 <p>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
62 The Stone Web Viewer is intended for<br> patients
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
63 reviewing their images,<br> for research and for quality
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
64 assurance.
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
65 </p>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
66 <h3>User preferences</h3>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
67 </div>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
68 <div class="wvInfoPopupForm">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
69 <label>Warn about the intended use at startup
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
70 <input type="checkbox" style="margin-left: 20px" v-model="settingNotDiagnostic">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
71 </label>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
72 <br>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
73 <label>Use software rendering (will reload the viewer)
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
74 <input type="checkbox" style="margin-left: 20px" v-model="settingSoftwareRendering">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
75 </label>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
76 <br><br>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
77 <div style="text-align: center;">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
78 <button class="wvInfoPopupCloseButton" @click="ApplyPreferences()">
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
79 Apply
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
80 </button>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
81 </div>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
82 </div>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
83 </div>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
84 </div>
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
85
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
86 <div class="wvLoadingScreen" v-show="!ready && !modalNotDiagnostic && !modalPreferences" style="display: none">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
87 <span class="wvLoadingSpinner">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
88 <div class="bounce1"></div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
89 <div class="bounce2"></div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
90 <div class="bounce3"></div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
91 </span>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
92 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
93
1689
fad38c4525f9 nicer modal for user preferences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
94 <div class="fluid-height fluid-width" v-show="ready && !modalNotDiagnostic && !modalPreferences"
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1682
diff changeset
95 style="display: none">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
96
1552
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
97 <div class="wvWarning wvPrintExclude" v-show="modalWarning">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
98 <div class="wvWarning-content clearfix">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
99 <span class="wvWarning-text">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
100 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
101 <p class="mn mb10" style="color:#000">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
102 You browser is not supported. You might expect
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
103 inconsistent behaviours and must not use the viewer to
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
104 produce a diagnostic.
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
105 </p>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
106 </span>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
107 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
108 <div class="text-right mb10 mr10">
1552
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
109 <button class="btn btn-primary" @click="modalWarning=false">OK</button>
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
110 </div>
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
111 </div>
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
112
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
113
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
114 <div class="wvLayoutLeft wvLayoutLeft--closed" v-show="!leftVisible">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
115 <div class="wvLayoutLeft__actions--outside" style="z-index:10">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
116 <button class="wvLayoutLeft__action button__base wh__25 lh__25 text-center"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
117 @click="leftVisible = true">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
118 <i class="fa fa-angle-double-right"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
119 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
120 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
121 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
122
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
123
1563
e0045462a25c cont print
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1562
diff changeset
124 <div class="wvLayoutLeft wvPrintExclude" v-show="leftVisible"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
125 v-bind:class="{ 'wvLayoutLeft--small': leftMode == 'small' }"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
126 >
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
127 <div class="wvLayoutLeft__actions" style="z-index:10">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
128 <button class="wvLayoutLeft__action button__base wh__25 lh__25 text-center"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
129 @click="leftVisible = false">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
130 <i class="fa fa-angle-double-left"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
131 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
132 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
133 <div class="wvLayoutLeft__content">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
134 <div class="wvLayoutLeft__contentTop">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
135 <div class="float__left dropdown" style="max-width: calc(100% - 4.5rem); height:4.5rem !important" v-show="leftMode != 'small'">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
136 <button type="button" class="wvButton--border" data-toggle="dropdown">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
137 {{ getSelectedStudies }}
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
138 <span class="caret"></span>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
139 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
140 <ul class="dropdown-menu checkbox-menu allow-focus">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
141 <li v-for="study in studies"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
142 v-bind:class="{ active: study.selected }"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
143 @click="study.selected = !study.selected">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
144 <a>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
145 {{ study.tags['0008,1030'] }}
1698
8805a6a01655 "DateFormat" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1697
diff changeset
146 <small v-if="study.tags['0008,0020'].length > 0">
8805a6a01655 "DateFormat" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1697
diff changeset
147 [{{ FormatDate(study.tags['0008,0020']) }}]
8805a6a01655 "DateFormat" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1697
diff changeset
148 </small>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
149 <span v-if="study.selected">&nbsp;<i class="fa fa-check"></i></span>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
150 </a>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
151 </li>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
152 </ul>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
153 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
154
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
155 <div class="float__right wvButton" v-if="leftMode == 'grid'" @click="leftMode = 'full'">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
156 <i class="fa fa-th-list"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
157 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
158 <div class="float__right wvButton" v-if="leftMode == 'full'" @click="leftMode = 'small'">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
159 <i class="fa fa-ellipsis-v"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
160 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
161 <div class="float__right wvButton" v-if="leftMode == 'small'" @click="leftMode = 'grid'">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
162 <i class="fa fa-th"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
163 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
164
1552
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
165 <!--p class="clear disclaimer mbn">For patients, teachers and researchers.</p-->
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
166 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
167 <div class="wvLayoutLeft__contentMiddle">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
168
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
169 <div v-for="study in studies">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
170 <div v-if="study.selected">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
171 <div v-bind:class="'wvStudyIsland--' + study.color">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
172 <div v-bind:class="'wvStudyIsland__header--' + study.color">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
173 <!-- Actions -->
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
174 <div class="wvStudyIsland__actions"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
175 v-bind:class="{ 'wvStudyIsland__actions--oneCol': leftMode == 'small' }">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
176 <a class="wvButton">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
177 <!-- download -->
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
178 <i class="fa fa-download"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
179 </a>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
180 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
181
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
182 <!-- Title -->
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
183 {{ study.tags['0008,1030'] }}
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
184 <br/>
1698
8805a6a01655 "DateFormat" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1697
diff changeset
185 <small>{{ FormatDate(study.tags['0008,0020']) }}</small>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
186 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
187
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
188 <div class="wvStudyIsland__main">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
189 <ul class="wvSerieslist">
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
190
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
191 <!-- Series without multiple multiframe instances -->
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
192 <span v-for="seriesIndex in study.series">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
193 <li class="wvSerieslist__seriesItem"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
194 v-bind:class="{ highlighted : GetActiveSeries().includes(series[seriesIndex].tags['0020,000e']), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
195 v-on:dragstart="SeriesDragStart($event, seriesIndex)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
196 v-on:click="ClickSeries(seriesIndex)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
197 v-if="series[seriesIndex].multiframeInstances === null">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
198 <div class="wvSerieslist__picture" style="z-index:0"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
199 draggable="true"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
200 v-if="series[seriesIndex].type != stone.ThumbnailType.UNKNOWN"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
201 >
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
202 <div v-if="series[seriesIndex].type == stone.ThumbnailType.LOADING">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
203 <img src="img/loading.gif"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
204 style="vertical-align:baseline"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
205 width="65px" height="65px"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
206 />
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
207 </div>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
208
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
209 <i v-if="series[seriesIndex].type == stone.ThumbnailType.PDF"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
210 class="wvSerieslist__placeholderIcon fa fa-file-pdf"></i>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
211
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
212 <i v-if="series[seriesIndex].type == stone.ThumbnailType.VIDEO"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
213 class="wvSerieslist__placeholderIcon fa fa-video-video"></i>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
214
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
215 <div v-if="[stone.ThumbnailType.IMAGE, stone.ThumbnailType.NO_PREVIEW].includes(series[seriesIndex].type)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
216 class="wvSerieslist__placeholderIcon"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
217 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags['0008,0060'] + '] ' + series[seriesIndex].tags['0008,103e']">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
218 <i v-if="series[seriesIndex].type == stone.ThumbnailType.NO_PREVIEW"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
219 class="fa fa-eye-slash"></i>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
220
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
221 <img v-if="series[seriesIndex].type == stone.ThumbnailType.IMAGE"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
222 v-bind:src="series[seriesIndex].thumbnail"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
223 style="vertical-align:baseline"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
224 width="65px" height="65px"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
225 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags['0008,0060'] + '] ' + series[seriesIndex].tags['0008,103e']"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
226 />
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
227
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
228 <div v-bind:class="'wvSerieslist__badge--' + study.color"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
229 v-if="series[seriesIndex].numberOfFrames != 0">{{ series[seriesIndex].numberOfFrames }}</div>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
230 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
231 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
232
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
233 <div v-if="leftMode == 'full'" class="wvSerieslist__information"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
234 draggable="true"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
235 v-on:dragstart="SeriesDragStart($event, seriesIndex)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
236 v-on:click="ClickSeries(seriesIndex)">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
237 <p class="wvSerieslist__label">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
238 [{{ series[seriesIndex].tags['0008,0060'] }}]
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
239 {{ series[seriesIndex].tags['0008,103e'] }}
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
240 </p>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
241 </div>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
242 </li>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
243
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
244
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
245 <!-- Series with multiple multiframe instances (CINE) -->
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
246 <li class="wvSerieslist__seriesItem"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
247 v-bind:class="{ highlighted : GetActiveSeries().includes(series[seriesIndex].tags['0020,000e']), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
248 v-on:dragstart="SeriesDragStart($event, seriesIndex)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
249 v-on:click="ClickSeries(seriesIndex)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
250 v-for="(numberOfFrames, sopInstanceUid) in series[seriesIndex].multiframeInstances">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
251 <div class="wvSerieslist__picture" style="z-index:0"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
252 draggable="true">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
253 <img v-if="series[seriesIndex].type == stone.ThumbnailType.IMAGE"
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
254 v-bind:src="sopInstanceUid in multiframeInstanceThumbnails ? multiframeInstanceThumbnails[sopInstanceUid] : series[seriesIndex].thumbnail"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
255 style="vertical-align:baseline"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
256 width="65px" height="65px"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
257 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags['0008,0060'] + '] ' + series[seriesIndex].tags['0008,103e']"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
258 />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
259
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
260 <div v-bind:class="'wvSerieslist__badge--' + study.color">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
261 {{ numberOfFrames }}
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
262 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
263 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
264
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
265 <div v-if="leftMode == 'full'" class="wvSerieslist__information"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
266 draggable="true"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
267 v-on:dragstart="SeriesDragStart($event, seriesIndex)"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
268 v-on:click="ClickSeries(seriesIndex)">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
269 <p class="wvSerieslist__label">
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
270 [{{ series[seriesIndex].tags['0008,0060'] }}]
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
271 {{ series[seriesIndex].tags['0008,103e'] }}
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
272 </p>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
273 </div>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
274 </li>
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
275
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
276 </span>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
277 </ul>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
278 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
279 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
280 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
281 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
282
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
283 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
284 <div class="wvLayoutLeft__contentBottom">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
285 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
286 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
287 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
288 <div class="wvLayout__main"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
289 v-bind:class="{ 'wvLayout__main--smallleftpadding': leftVisible && leftMode == 'small', 'wvLayout__main--leftpadding': leftVisible && leftMode != 'small' }"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
290 >
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
291
1662
0f161841f837 adding orthanc logo to the Stone viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1661
diff changeset
292 <div class="wvToolbar wvToolbar--top wvPrintExclude" style="left: 0px; text-align:left">
0f161841f837 adding orthanc logo to the Stone viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1661
diff changeset
293 <a href="https://www.orthanc-server.com/" target="_blank">
0f161841f837 adding orthanc logo to the Stone viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1661
diff changeset
294 <img src="img/orthanc.png" style="max-height: 100%; padding: 8px" />
0f161841f837 adding orthanc logo to the Stone viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1661
diff changeset
295 </a>
0f161841f837 adding orthanc logo to the Stone viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1661
diff changeset
296 </div>
0f161841f837 adding orthanc logo to the Stone viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1661
diff changeset
297
1563
e0045462a25c cont print
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1562
diff changeset
298 <div class="wvToolbar wvToolbar--top wvPrintExclude">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
299 <div class="ng-scope inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
300 <div class="tbGroup">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
301 <div class="tbGroup__toggl">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
302 <button class="wvButton"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
303 v-bind:class="{ 'wvButton--underline' : !viewportLayoutButtonsVisible }"
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
304 data-toggle="tooltip" data-title="Change layout"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
305 @click="viewportLayoutButtonsVisible = !viewportLayoutButtonsVisible;HideAllTooltips()">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
306 <i class="fa fa-th"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
307 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
308 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
309
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
310 <div class="tbGroup__buttons--bottom" v-show="viewportLayoutButtonsVisible">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
311 <div class="inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
312 <button class="wvButton" @click="SetViewportLayout('1x1')">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
313 <img src="img/grid1x1.png" style="width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
314 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
315 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
316 <div class="inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
317 <button class="wvButton" @click="SetViewportLayout('2x1')">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
318 <img src="img/grid2x1.png" style="width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
319 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
320 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
321 <div class="inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
322 <button class="wvButton" @click="SetViewportLayout('1x2')">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
323 <img src="img/grid1x2.png" style="width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
324 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
325 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
326 <div class="inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
327 <button class="wvButton" @click="SetViewportLayout('2x2')">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
328 <img src="img/grid2x2.png" style="width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
329 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
330 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
331 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
332 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
333 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
334
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
335
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
336 <div class="ng-scope inline-object">
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
337 <div class="tbGroup">
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
338 <div class="tbGroup__toggl">
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
339 <button class="wvButton"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
340 v-bind:class="{ 'wvButton--underline' : !mouseActionsVisible }"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
341 data-toggle="tooltip" data-title="Mouse actions"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
342 @click="mouseActionsVisible = !mouseActionsVisible;HideAllTooltips()">
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
343 <i class="fa fa-mouse-pointer"></i>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
344 </button>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
345 </div>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
346
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
347 <div class="tbGroup__buttons--bottom" v-show="mouseActionsVisible">
1701
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
348 <div class="inline-object" v-if="globalConfiguration.CombinedToolEnabled">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
349 <button class="wvButton"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
350 data-toggle="tooltip" data-title="Combined tool"
1701
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
351 @click="SetCombinedToolActions()">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
352 <i class="far fa-hand-point-up"></i>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
353 </button>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
354 </div>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
355 <div class="inline-object">
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
356 <button class="wvButton"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
357 data-toggle="tooltip" data-title="Zoom"
1579
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
358 @click="SetMouseButtonActions(stone.WebViewerAction.ZOOM, stone.WebViewerAction.ZOOM, stone.WebViewerAction.ZOOM)">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
359 <i class="fas fa-search"></i>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
360 </button>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
361 </div>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
362 <div class="inline-object">
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
363 <button class="wvButton"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
364 data-toggle="tooltip" data-title="Pan"
1579
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
365 @click="SetMouseButtonActions(stone.WebViewerAction.PAN, stone.WebViewerAction.PAN, stone.WebViewerAction.PAN)">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
366 <i class="fas fa-arrows-alt"></i>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
367 </button>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
368 </div>
1579
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
369 <div class="inline-object">
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
370 <button class="wvButton"
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
371 data-toggle="tooltip" data-title="3D cross-hair"
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
372 @click="SetMouseButtonActions(stone.WebViewerAction.CROSSHAIR, stone.WebViewerAction.PAN, stone.WebViewerAction.ZOOM)">
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
373 <i class="fas fa-crosshairs"></i>
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
374 </button>
c476b0d5e59c skeleton for cross-hair tool
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1575
diff changeset
375 </div>
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
376 </div>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
377 </div>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
378 </div>
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
379
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
380
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
381
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
382 <!--div class="ng-scope inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
383 <button class="wvButton--underline text-center active">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
384 <i class="fa fa-hand-pointer-o"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
385 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
386 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
387
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
388 <div class="ng-scope inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
389 <button class="wvButton--underline text-center">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
390 <i class="fa fa-search"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
391 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
392 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
393
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
394 <div class="ng-scope inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
395 <button class="wvButton--underline text-center">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
396 <i class="fa fa-arrows"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
397 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
398 </div-->
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
399
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
400 <div class="ng-scope inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
401 <button class="wvButton--underline text-center"
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
402 data-toggle="tooltip" data-title="Invert contrast"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
403 v-on:click="InvertContrast()">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
404 <i class="fa fa-adjust"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
405 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
406 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
407
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
408 <div class="ng-scope inline-object">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
409 <button class="wvButton--underline text-center"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
410 data-toggle="tooltip" data-title="Change windowing"
1681
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
411 id="windowing-popover"
1682
84fe7089ccaa switch to server-side transcoding on failed decoding (for jpeg2k)
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1681
diff changeset
412 v-bind:class="{ 'active' : showWindowing }"
1681
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
413 v-on:click="ToggleWindowing()">
1555
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
414 <i class="fa fa-sun"></i>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
415 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
416 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
417
1681
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
418 <div id="windowing-content" v-show="showWindowing"
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
419 class="popover wvToolbar__windowingPresetConfigPopover"
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
420 style="position: absolute; display: block"
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
421 >
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
422 <div class="arrow"></div>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
423 <h3 class="popover-title">Change windowing</h3>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
424 <div class="popover-content">
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
425
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
426 <!--p class="wvToolbar__windowingPresetConfigNotice">
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
427 Click on the button to toggle the windowing tool or apply a preset to the selected viewport.
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
428 </p-->
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
429
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
430 <ul class="wvToolbar__windowingPresetList">
1699
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
431 <li v-for="preset in windowingPresets"
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
432 class="wvToolbar__windowingPresetListItem">
1681
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
433 <a href="#" v-on:click="SetWindowing(preset.center, preset.width)">
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
434 {{ preset.name }} <small>({{ preset.info }})</small>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
435 </a>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
436 </li>
1699
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
437 <li v-for="preset in globalConfiguration.WindowingPresets"
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
438 class="wvToolbar__windowingPresetListItem">
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
439 <a href="#" v-on:click="SetWindowing(preset.WindowCenter, preset.WindowWidth)">
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
440 {{ preset.Name }}
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
441 <small>
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
442 (C {{preset.WindowCenter}}, W {{preset.WindowWidth}})
0598c87e1e88 "WindowingPresets" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1698
diff changeset
443 </small>
1681
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
444 </a>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
445 </li>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
446 </ul>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
447 </div>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
448 </div>
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
449
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
450 <div class="ng-scope inline-object">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
451 <button class="wvButton--underline text-center"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
452 data-toggle="tooltip" data-title="Flip horizontally"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
453 v-on:click="FlipX()">
1555
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
454 <i class="fas fa-exchange-alt"></i>
1554
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
455 </button>
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
456 </div>
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
457
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
458 <div class="ng-scope inline-object">
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
459 <button class="wvButton--underline text-center"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
460 data-toggle="tooltip" data-title="Flip vertically"
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
461 v-on:click="FlipY()">
1555
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
462 <i class="fas fa-exchange-alt fa-rotate-90"></i>
1554
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
463 </button>
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
464 </div>
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
465
6d14ed6163b1 flip x/y in Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1553
diff changeset
466 <div class="ng-scope inline-object">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
467 <button class="wvButton--underline text-center"
1693
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
468 data-toggle="tooltip" data-title="Synchronized browsing"
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
469 v-bind:class="{ 'active' : synchronizedBrowsing }"
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
470 v-on:click="synchronizedBrowsing = !synchronizedBrowsing">
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
471 <i class="fa fa-link"></i>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
472 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
473 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
474
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
475 <div class="ng-scope inline-object">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
476 <button class="wvButton--underline text-center"
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
477 data-toggle="tooltip" data-title="Reference lines"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
478 v-bind:class="{ 'active' : showReferenceLines }"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
479 v-on:click="showReferenceLines = !showReferenceLines">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
480 <i class="fa fa-bars"></i>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
481 </button>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
482 </div>
1552
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
483
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
484 <div class="ng-scope inline-object">
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
485 <button class="wvButton--underline text-center"
1693
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
486 data-toggle="tooltip" data-title="Show image information"
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
487 v-bind:class="{ 'active' : showInfo }"
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
488 v-on:click="showInfo = !showInfo">
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
489 <i class="fa fa-info-circle"></i>
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
490 </button>
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
491 </div>
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
492
1694
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
493
1697
c2802561d7f9 "PrintEnabled" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1694
diff changeset
494 <div class="ng-scope inline-object" v-if="globalConfiguration.PrintEnabled">
1694
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
495 <button class="wvButton--underline text-center"
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
496 data-toggle="tooltip" data-title="Print"
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
497 onclick="window.print()">
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
498 <i class="fas fa-print"></i>
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
499 </button>
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
500 </div>
7226b68e2742 print button
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1693
diff changeset
501
1701
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
502 <div class="ng-scope inline-object" v-if="globalConfiguration.DownloadAsJpegEnabled">
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
503 <button class="wvButton--underline text-center"
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
504 data-toggle="tooltip" data-title="Download as JPEG"
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
505 v-on:click="DownloadJpeg()">
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
506 <i class="fas fa-file-download"></i>
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
507 </button>
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
508 </div>
b5a8bf32d969 new configuration options: "CombinedToolEnabled", "CombinedToolBehaviour" and "DownloadAsJpegEnabled"
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1699
diff changeset
509
1693
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
510 <div class="ng-scope inline-object">
eafb10992e73 synchronized browsing
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1689
diff changeset
511 <button class="wvButton--underline text-center"
1561
cf652990abb1 tunable mouse actions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1556
diff changeset
512 data-toggle="tooltip" data-title="User preferences"
1552
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
513 v-on:click="modalPreferences = true">
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
514 <i class="fa fa-user"></i>
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
515 </button>
a4d82f1bcb10 user preferences: not for diagnostic use, software rendering
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1538
diff changeset
516 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
517 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
518
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
519
1563
e0045462a25c cont print
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1562
diff changeset
520 <div class="wvLayout__splitpane--toolbarAtTop wvPrintFullPage">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
521 <div id="viewport" class="wvSplitpane">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
522 <viewport v-on:updated-series="SetViewportSeries(1, $event)"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
523 v-on:selected-viewport="activeViewport=1"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
524 v-show="viewport1Visible"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
525 canvas-id="canvas1"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
526 v-bind:series="viewport1Series"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
527 v-bind:left="viewport1Left"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
528 v-bind:top="viewport1Top"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
529 v-bind:width="viewport1Width"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
530 v-bind:height="viewport1Height"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
531 v-bind:show-info="showInfo"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
532 v-bind:active="activeViewport==1"></viewport>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
533 <viewport v-on:updated-series="SetViewportSeries(2, $event)"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
534 v-on:selected-viewport="activeViewport=2"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
535 v-show="viewport2Visible"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
536 canvas-id="canvas2"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
537 v-bind:series="viewport2Series"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
538 v-bind:left="viewport2Left"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
539 v-bind:top="viewport2Top"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
540 v-bind:width="viewport2Width"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
541 v-bind:height="viewport2Height"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
542 v-bind:show-info="showInfo"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
543 v-bind:active="activeViewport==2"></viewport>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
544 <viewport v-on:updated-series="SetViewportSeries(3, $event)"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
545 v-on:selected-viewport="activeViewport=3"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
546 v-show="viewport3Visible"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
547 canvas-id="canvas3"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
548 v-bind:series="viewport3Series"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
549 v-bind:left="viewport3Left"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
550 v-bind:top="viewport3Top"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
551 v-bind:width="viewport3Width"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
552 v-bind:height="viewport3Height"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
553 v-bind:show-info="showInfo"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
554 v-bind:active="activeViewport==3"></viewport>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
555 <viewport v-on:updated-series="SetViewportSeries(4, $event)"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
556 v-on:selected-viewport="activeViewport=4"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
557 v-show="viewport4Visible"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
558 canvas-id="canvas4"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
559 v-bind:series="viewport4Series"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
560 v-bind:left="viewport4Left"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
561 v-bind:top="viewport4Top"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
562 v-bind:width="viewport4Width"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
563 v-bind:height="viewport4Height"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
564 v-bind:show-info="showInfo"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
565 v-bind:active="activeViewport==4"></viewport>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
566 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
567 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
568 </div>
1681
f2e8b3ac1dcd handling multiple windowing presets in the Stone web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1677
diff changeset
569 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
570 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
571
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
572
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
573 <script type="text/x-template" id="viewport-template">
1657
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
574 <div v-bind:id="canvasId + '-container'"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
575 v-bind:style="{ padding:'2px',
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
576 position:'absolute',
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
577 left: left,
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
578 top: top,
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
579 width: width,
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
580 height: height }">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
581 <div v-bind:class="{ 'wvSplitpane__cellBorder--selected' : active,
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
582 'wvSplitpane__cellBorder' : series.color == '',
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
583 'wvSplitpane__cellBorder--blue' : series.color == 'blue',
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
584 'wvSplitpane__cellBorder--red' : series.color == 'red',
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
585 'wvSplitpane__cellBorder--green' : series.color == 'green',
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
586 'wvSplitpane__cellBorder--yellow' : series.color == 'yellow',
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
587 'wvSplitpane__cellBorder--violet' : series.color == 'violet'
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
588 }"
1703
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
589 ondragover="event.preventDefault()"
76c590a62755 start work on series with multiple multiframe instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1701
diff changeset
590 v-on:drop="DragDrop($event)"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
591 style="width:100%;height:100%">
1563
e0045462a25c cont print
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1562
diff changeset
592 <div class="wvSplitpane__cell"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
593 v-on:click="MakeActive()">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
594 <div v-show="status == 'ready'"
1575
e4a52cbbdd70 working on print
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1563
diff changeset
595 style="position:absolute; left:0; top:0; width:100%; height:100%;">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
596 <!--div style="width: 100%; height: 100%; background-color: red"></div-->
1657
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
597 <canvas v-bind:id="canvasId" class="viewport-canvas"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
598 style="position:absolute; left:0; top:0; width:100%; height:100%"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
599 oncontextmenu="return false"></canvas>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
600
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
601 <div v-show="showInfo">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
602 <div class="wv-overlay">
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
603 <div v-if="'tags' in series" class="wv-overlay-topleft">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
604 {{ series.tags['0010,0010'] }}<br/>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
605 {{ series.tags['0010,0020'] }}
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
606 </div>
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
607 <div v-if="'tags' in series" class="wv-overlay-topright">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
608 {{ series.tags['0008,1030'] }}<br/>
1698
8805a6a01655 "DateFormat" configuration option
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1697
diff changeset
609 {{ app.FormatDate(series.tags['0008,0020']) }}<br/>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
610 {{ series.tags['0020,0011'] }} | {{ series.tags['0008,103e'] }}
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
611 </div>
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
612 <div class="wv-overlay-timeline-wrapper wvPrintExclude">
1674
0621e523b670 number of frames in badge
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1673
diff changeset
613 <div style="text-align:left; padding:5px" v-show="numberOfFrames != 0">
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
614 <div style="width: 12em; padding: 1em;" v-show="cineControls">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
615 <label>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
616 Frame rate
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
617 <span class="wv-play-button-config-framerate-wrapper">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
618 <input type="range" min="1" max="60" v-model="cineFramesPerSecond"
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
619 class="wv-play-button-config-framerate">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
620 </span>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
621 {{ cineFramesPerSecond }} fps
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
622 </label>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
623 </div>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
624 <button class="btn btn-primary btn-sm" @click="DecrementFrame()">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
625 <i class="fa fa-chevron-circle-left"></i>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
626 </button>
1674
0621e523b670 number of frames in badge
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1673
diff changeset
627 &nbsp;&nbsp;{{ currentFrame }} / {{ numberOfFrames }}&nbsp;&nbsp;
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
628 <button class="btn btn-primary btn-sm" @click="IncrementFrame()">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
629 <i class="fa fa-chevron-circle-right"></i>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
630 </button>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
631 <div class="btn-group btn-group-sm" role="group">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
632 <button type="button" class="btn btn-primary" @click="CinePlay()">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
633 <i class="fas fa-play fa-flip-horizontal"></i>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
634 </button>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
635 <button type="button" class="btn btn-primary" @click="CinePause()">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
636 <i class="fas fa-pause"></i>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
637 </button>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
638 <button type="button" class="btn btn-primary" @click="CineBackward()">
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
639 <i class="fas fa-play"></i>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
640 </button>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
641 </div>
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
642 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
643 </div>
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
644 <div class="wv-overlay-bottomright wvPrintExclude" style="bottom: 0px">
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
645 <div v-show="quality == stone.DisplayedFrameQuality.NONE"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
646 style="display:block;background-color:red;width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
647 <div v-show="quality == stone.DisplayedFrameQuality.LOW"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
648 style="display:block;background-color:orange;width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
649 <div v-show="quality == stone.DisplayedFrameQuality.HIGH"
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
650 style="display:block;background-color:green;width:1em;height:1em" />
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
651 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
652 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
653 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
654 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
655
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
656 <div v-if="status == 'waiting'" class="wvPaneOverlay">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
657 [ drop a series here ]
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
658 </div>
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
659
1657
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
660 <!-- Don't use "v-if" here, otherwise the tooltips of the PDF viewer are not initialized -->
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
661 <div v-show="status == 'pdf'" >
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
662 <pdf-viewer v-bind:prefix="canvasId + '-pdf'" ref="pdfViewer"></pdf-viewer>
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
663 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
664
1661
e4589378ad8b warning message about unsupported videos
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1660
diff changeset
665 <div v-if="status == 'video'" class="wvPaneOverlay">
1672
570398585b5f start support of cine sequences
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1662
diff changeset
666 [ videos are not supported yet ]
1661
e4589378ad8b warning message about unsupported videos
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1660
diff changeset
667 <!--video class="wvVideo" autoplay="" loop="" controls="" preload="auto" type="video/mp4"
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
668 src="http://viewer-pro.osimis.io/instances/e465dd27-83c96343-96848735-7035a133-1facf1a0/frames/0/raw">
1661
e4589378ad8b warning message about unsupported videos
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1660
diff changeset
669 </video-->
e4589378ad8b warning message about unsupported videos
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1660
diff changeset
670 </div>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
671
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
672 <div v-if="status == 'loading'" class="wvPaneOverlay">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
673 <span class="wvLoadingSpinner">
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
674 <div class="bounce1"></div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
675 <div class="bounce2"></div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
676 <div class="bounce3"></div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
677 </span>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
678 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
679 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
680 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
681 </div>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
682 </script>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
683
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
684
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
685 <script type="text/x-template" id="pdf-viewer">
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
686 <div style="position:absolute; left:0; top:0; width:100%; height:100%;">
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
687 <!-- "line-height: 0px" to fit height: https://stackoverflow.com/a/12616341/881731 -->
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
688 <div v-bind:id="prefix + '-container'"
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
689 style="position: absolute; left: 0; top: 0; width:100%;height:100%;overflow:auto;line-height: 0px;">
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
690 <canvas v-bind:id="prefix + '-canvas'"
1661
e4589378ad8b warning message about unsupported videos
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1660
diff changeset
691 style="position: absolute; top:0px; left:0px;"
1654
39137da83b0b fix print.js, no need for ua-parser.js anymore
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1652
diff changeset
692 oncontextmenu="return false"></canvas>
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
693 </div>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
694
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
695 <div class="wv-overlay">
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
696 <div class="wv-overlay-bottomleft wvPrintExclude">
1657
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
697 <button class="btn btn-primary" @click="FitWidth()"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
698 data-toggle="tooltip" data-title="Fit page width">
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
699 <i class="fas fa-text-width"></i>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
700 </button>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
701 <button class="btn btn-primary" @click="FitHeight()"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
702 data-toggle="tooltip" data-title="Fit page height">
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
703 <i class="fas fa-text-height"></i>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
704 </button>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
705 <button class="btn btn-primary" @click="ZoomIn()"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
706 data-toggle="tooltip" data-title="Zoom in">
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
707 <i class="fas fa-search-plus"></i>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
708 </button>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
709 <button class="btn btn-primary" @click="ZoomOut()"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
710 data-toggle="tooltip" data-title="Zoom out">
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
711 <i class="fas fa-search-minus"></i>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
712 </button>
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
713 <button class="btn btn-primary" @click="PreviousPage()"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
714 data-toggle="tooltip" data-title="Show previous page">
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
715 <i class="fa fa-chevron-circle-left"></i>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
716 </button>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
717 &nbsp;&nbsp;{{currentPage}} / {{countPages}}&nbsp;&nbsp;
1657
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
718 <button class="btn btn-primary" @click="NextPage()"
66e5fcdf5597 pdf viewer is working
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1654
diff changeset
719 data-toggle="tooltip" data-title="Show next page">
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
720 <i class="fa fa-chevron-circle-right"></i>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
721 </button>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
722 </div>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
723 </div>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
724 </div>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
725 </script>
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
726
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
727
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
728
1555
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
729 <script src="js/jquery-3.4.1.min.js"></script>
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
730 <script src="js/bootstrap.min.js"></script>
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
731 <script src="js/vue.min.js"></script>
b894072b9e2f static JavaScript resources
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1554
diff changeset
732 <script src="js/axios.min.js"></script>
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
733 <script src="js/pdf.js"></script>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
734
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
735 <script src="stone.js"></script>
1652
fa9e6bf84958 integrating pdf.js into Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1579
diff changeset
736 <script src="pdf-viewer.js"></script> <!-- Must be before inclusion of "app.js" -->
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
737 <script src="app.js"></script>
1562
2a4a6b967053 starting work on print
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1561
diff changeset
738 <script src="print.js"></script>
1495
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
739 </body>
fb74ed5d8c22 initial commit of the Stone Web viewer
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
740 </html>