Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1552:a4d82f1bcb10
user preferences: not for diagnostic use, software rendering
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Fri, 14 Aug 2020 15:35:01 +0200 |
parents | d1806b4e4839 |
children | bf02a90ca9ca |
comparison
equal
deleted
inserted
replaced
1551:c54bc5bffd01 | 1552:a4d82f1bcb10 |
---|---|
39 </span> | 39 </span> |
40 </div> | 40 </div> |
41 | 41 |
42 <div class="fluid-height fluid-width" v-show="ready"> | 42 <div class="fluid-height fluid-width" v-show="ready"> |
43 | 43 |
44 <div class="wvWarning wvPrintExclude" v-show="showWarning"> | 44 <div class="wvWarning wvPrintExclude" v-show="modalWarning"> |
45 <div class="wvWarning-content clearfix"> | 45 <div class="wvWarning-content clearfix"> |
46 <span class="wvWarning-text"> | 46 <span class="wvWarning-text"> |
47 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2> | 47 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2> |
48 <p class="mn mb10" style="color:#000"> | 48 <p class="mn mb10" style="color:#000"> |
49 You browser is not supported. You might expect | 49 You browser is not supported. You might expect |
51 produce a diagnostic. | 51 produce a diagnostic. |
52 </p> | 52 </p> |
53 </span> | 53 </span> |
54 </div> | 54 </div> |
55 <div class="text-right mb10 mr10"> | 55 <div class="text-right mb10 mr10"> |
56 <button class="btn btn-primary" @click="showWarning=false">OK</button> | 56 <button class="btn btn-primary" @click="modalWarning=false">OK</button> |
57 </div> | |
58 </div> | |
59 | |
60 | |
61 <div class="wvWarning wvPrintExclude" v-show="modalNotDiagnostic"> | |
62 <div class="wvWarning-content clearfix"> | |
63 <span class="wvWarning-text"> | |
64 <h2 class="mb10"><i class="fa fa-exclamation-triangle wvWarning-icon mr5"></i>Warning!</h2> | |
65 <p class="mn mb10" style="color:#000"> | |
66 This viewer is not suitable for diagnostic usage. | |
67 </p> | |
68 | |
69 <div class="form-check"> | |
70 <input class="form-check-input" type="checkbox" v-model="settingNotDiagnostic" id="checkboxNotDiagnostic1"> | |
71 <label class="form-check-label" for="checkboxNotDiagnostic1" style="color:#000;display:inline"> | |
72 Show this warning at startup | |
73 </label> | |
74 </div> | |
75 </span> | |
76 </div> | |
77 <div class="text-right mb10 mr10"> | |
78 <button class="btn btn-primary" @click="modalNotDiagnostic=false">OK</button> | |
79 </div> | |
80 </div> | |
81 | |
82 | |
83 <div class="wvWarning wvPrintExclude" v-show="modalPreferences"> | |
84 <div class="wvWarning-content clearfix"> | |
85 <span class="wvWarning-text"> | |
86 <h2 class="mb10">Preferences</h2> | |
87 | |
88 <div class="form-check"> | |
89 <input class="form-check-input" type="checkbox" v-model="settingNotDiagnostic" id="checkboxNotDiagnostic2"> | |
90 <label class="form-check-label" for="checkboxNotDiagnostic2" style="color:#000;display:inline"> | |
91 Warn about diagnostic usage at startup | |
92 </label> | |
93 </div> | |
94 | |
95 <div class="form-check"> | |
96 <input class="form-check-input" type="checkbox" v-model="settingSoftwareRendering" id="checkboxSoftwareRendering"> | |
97 <label class="form-check-label" for="checkboxSoftwareRendering" style="color:#000;display:inline"> | |
98 Use software rendering (will reload the viewer) | |
99 </label> | |
100 </div> | |
101 </span> | |
102 </div> | |
103 <div class="text-right mb10 mr10"> | |
104 <button class="btn btn-primary" @click="ApplyPreferences()">OK</button> | |
57 </div> | 105 </div> |
58 </div> | 106 </div> |
59 | 107 |
60 | 108 |
61 <div class="wvLayoutLeft wvLayoutLeft--closed" v-show="!leftVisible"> | 109 <div class="wvLayoutLeft wvLayoutLeft--closed" v-show="!leftVisible"> |
104 </div> | 152 </div> |
105 <div class="float__right wvButton" v-if="leftMode == 'small'" @click="leftMode = 'grid'"> | 153 <div class="float__right wvButton" v-if="leftMode == 'small'" @click="leftMode = 'grid'"> |
106 <i class="fa fa-th"></i> | 154 <i class="fa fa-th"></i> |
107 </div> | 155 </div> |
108 | 156 |
109 <p class="clear disclaimer mbn">For patients, teachers and researchers.</p> | 157 <!--p class="clear disclaimer mbn">For patients, teachers and researchers.</p--> |
110 </div> | 158 </div> |
111 <div class="wvLayoutLeft__contentMiddle"> | 159 <div class="wvLayoutLeft__contentMiddle"> |
112 | 160 |
113 <div v-for="study in studies"> | 161 <div v-for="study in studies"> |
114 <div v-if="study.selected"> | 162 <div v-if="study.selected"> |
275 <div class="ng-scope inline-object"> | 323 <div class="ng-scope inline-object"> |
276 <button class="wvButton--underline text-center" | 324 <button class="wvButton--underline text-center" |
277 v-bind:class="{ 'active' : showReferenceLines }" | 325 v-bind:class="{ 'active' : showReferenceLines }" |
278 v-on:click="showReferenceLines = !showReferenceLines"> | 326 v-on:click="showReferenceLines = !showReferenceLines"> |
279 <i class="fa fa-bars"></i> | 327 <i class="fa fa-bars"></i> |
328 </button> | |
329 </div> | |
330 | |
331 <div class="ng-scope inline-object"> | |
332 <button class="wvButton--underline text-center" | |
333 v-on:click="modalPreferences = true"> | |
334 <i class="fa fa-user"></i> | |
280 </button> | 335 </button> |
281 </div> | 336 </div> |
282 </div> | 337 </div> |
283 | 338 |
284 | 339 |