Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/index.html @ 1686:59fc37c10cfa

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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">