Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1686:59fc37c10cfa
nicer info message at startup
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Wed, 25 Nov 2020 16:51:44 +0100 |
parents | 84fe7089ccaa |
children | fad38c4525f9 |
comparison
equal
deleted
inserted
replaced
1685:7896aac14587 | 1686:59fc37c10cfa |
---|---|
11 | 11 |
12 <link rel="stylesheet" href="css/all.css"> <!-- Font Awesome --> | 12 <link rel="stylesheet" href="css/all.css"> <!-- Font Awesome --> |
13 <link rel="stylesheet" href="css/bootstrap.css"> | 13 <link rel="stylesheet" href="css/bootstrap.css"> |
14 <link rel="stylesheet" href="open-sans.css"> | 14 <link rel="stylesheet" href="open-sans.css"> |
15 <link rel="stylesheet" href="app.css"> | 15 <link rel="stylesheet" href="app.css"> |
16 | 16 <link rel="stylesheet" href="app-fixes.css"> |
17 <!-- https://stackoverflow.com/a/16863182/881731 --> | |
18 <style> | |
19 .tooltip { | |
20 position: fixed; | |
21 } | |
22 </style> | |
23 | |
24 <!-- Fix if Bootstrap CSS is not used --> | |
25 <!--style> | |
26 *, | |
27 *::before, | |
28 *::after { | |
29 box-sizing: border-box; | |
30 } | |
31 </style--> | |
32 </head> | 17 </head> |
18 | |
33 <body class="wv-body"> | 19 <body class="wv-body"> |
34 <div id="wv"> | 20 <div id="wv"> |
35 <div class="wvLoadingScreen" v-show="!ready"> | 21 |
22 <div class="wvInfoScreen" v-show="modalNotDiagnostic" style="display: none"> | |
23 <div class="wvInfoPopup"> | |
24 <div class="wvInfoPopupLogo"> | |
25 <a href="https://www.osimis.io" target="_blank"> | |
26 <img style="width: 340px;" src="img/orthanc.png"/> | |
27 </a> | |
28 </div> | |
29 <div class="wvInfoPopupText"> | |
30 <h3>Usage</h3> | |
31 <p> | |
32 The Stone Web Viewer is intended for<br> patients | |
33 reviewing their images,<br> for research and for quality | |
34 assurance. | |
35 </p> | |
36 <!-- | |
37 <h3>Documentation</h3> | |
38 <p> | |
39 <a href="#" target="_blank">User Manual</a> | |
40 </p> | |
41 <h3>Versions</h3> | |
42 <p> | |
43 Orthanc: aa<br> | |
44 Osimis WebViewer: bb | |
45 </p> | |
46 --> | |
47 </div> | |
48 <div class="wvInfoPopupForm"> | |
49 <br> | |
50 <label>Show this info panel at startup | |
51 <input type="checkbox" style="margin-left: 20px" v-model="settingNotDiagnostic"> | |
52 </label> | |
53 <br><br> | |
54 <div style="text-align: center;"> | |
55 <button class="wvInfoPopupCloseButton" @click="modalNotDiagnostic = false"> | |
56 Close | |
57 </button> | |
58 </div> | |
59 </div> | |
60 </div> | |
61 </div> | |
62 | |
63 <div class="wvLoadingScreen" v-show="!ready && !modalNotDiagnostic" style="display: none"> | |
36 <span class="wvLoadingSpinner"> | 64 <span class="wvLoadingSpinner"> |
37 <div class="bounce1"></div> | 65 <div class="bounce1"></div> |
38 <div class="bounce2"></div> | 66 <div class="bounce2"></div> |
39 <div class="bounce3"></div> | 67 <div class="bounce3"></div> |
40 </span> | 68 </span> |
41 </div> | 69 </div> |
42 | 70 |
43 <div class="fluid-height fluid-width" v-show="ready"> | 71 <div class="fluid-height fluid-width" v-show="ready && !modalNotDiagnostic" |
72 style="display: none"> | |
44 | 73 |
45 <div class="wvWarning wvPrintExclude" v-show="modalWarning"> | 74 <div class="wvWarning wvPrintExclude" v-show="modalWarning"> |
46 <div class="wvWarning-content clearfix"> | 75 <div class="wvWarning-content clearfix"> |
47 <span class="wvWarning-text"> | 76 <span class="wvWarning-text"> |
48 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2> | 77 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2> |
53 </p> | 82 </p> |
54 </span> | 83 </span> |
55 </div> | 84 </div> |
56 <div class="text-right mb10 mr10"> | 85 <div class="text-right mb10 mr10"> |
57 <button class="btn btn-primary" @click="modalWarning=false">OK</button> | 86 <button class="btn btn-primary" @click="modalWarning=false">OK</button> |
58 </div> | |
59 </div> | |
60 | |
61 | |
62 <div class="wvWarning wvPrintExclude" v-show="modalNotDiagnostic"> | |
63 <div class="wvWarning-content clearfix"> | |
64 <span class="wvWarning-text"> | |
65 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2> | |
66 <p class="mn mb10" style="color:#000"> | |
67 The Stone Web Viewer is intended for <b>patients | |
68 reviewing their images<b>, for research purpose and | |
69 for quality assurance. | |
70 </p> | |
71 | |
72 <div class="form-check"> | |
73 <input class="form-check-input" type="checkbox" v-model="settingNotDiagnostic" id="checkboxNotDiagnostic1"> | |
74 <label class="form-check-label" for="checkboxNotDiagnostic1" style="color:#000;display:inline"> | |
75 Show this warning at startup | |
76 </label> | |
77 </div> | |
78 </span> | |
79 </div> | |
80 <div class="text-right mb10 mr10"> | |
81 <button class="btn btn-primary" @click="modalNotDiagnostic=false">OK</button> | |
82 </div> | 87 </div> |
83 </div> | 88 </div> |
84 | 89 |
85 | 90 |
86 <div class="wvWarning wvPrintExclude" v-show="modalPreferences"> | 91 <div class="wvWarning wvPrintExclude" v-show="modalPreferences"> |