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