GSI Object Oriented Online Offline (Go4)  GO4-6.2.0
 All Classes Namespaces Files Functions Variables Typedefs Enumerations Enumerator Friends Macros
condeditor.htm
Go to the documentation of this file.
1 <div id="editor_container">
2 
3  <style type="text/css">
4 
5  .limit_style {
6  width: 5em;
7  }
8 
9  .counter_style {
10  border: 1px solid gray;
11  font-size: large
12  }
13 
14  .cond_modestable {
15  position: relative;
16  left: 4px;
17  width: 100%;
18  height: 100%;
19  table-layout: fixed;
20  }
21 
22  #editor_container {
23  height: 100%;
24  position: relative;
25  right: 5px;
26  outline: groove medium;
27  overflow-x: hidden;
28  overflow-y: auto;
29  display: flex;
30  flex-direction: column;
31  }
32 
33  #header_container {
34  flex-grow: 0;
35  padding: 8px;
36  background-color: #eee;
37  }
38 
39  #tab_container {
40  flex-grow: 8;
41  padding: 8px;
42  overflow-x: hidden;
43  background-color: #eee;
44  }
45 
46  #button_container {
47  flex-grow: 0;
48  padding: 8px;
49  background-color: #eee;
50  width: 100%;
51  }
52 
53  .go4_condition_btn {
54  height: 28px;
55  width: 28px;
56  display: inline-block;
57  margin: 2px;
58  background-position: 0 0;
59  background-repeat: no-repeat;
60  background-size: contain;
61  border-color: inherit;
62  }
63 
64  /* Style the tab */
65  .cond_tabs_header {
66  border: 1px solid #ccc;
67  background-color: #f1f1f1;
68  }
69 
70  /* Style the buttons inside the tab */
71  .cond_tabs_header button {
72  background-color: inherit;
73  float: left;
74  border: none;
75  outline: none;
76  cursor: pointer;
77  padding: 14px 16px;
78  transition: 0.3s;
79  font-size: 17px;
80  }
81 
82  /* Change background color of buttons on hover */
83  .cond_tabs_header button:hover {
84  background-color: #aaa;
85  }
86 
87  .cond_tabs_header .active_btn {
88  font-weight: bold;
89  background-color: #bbb;
90  text-decoration: underline;
91  }
92 
93  </style>
94 
95  <div id="header_container" style="display: flex; flex-direction: column">
96  <div style="padding: 5px">
97  <label class="cond_name" style="float: left; font-family: bold"></label>
98  <label class="cond_type" style="float: right; font-family: bold"></label>
99  </div>
100 
101  <div style="display: flex; flex-direction: row; width: 100%">
102  <select class="cond_execmode" title="Set mode of execution"
103  style="flex-grow: 1; margin-right: 0.5em;">
104  <option value="0" selected="selected">Return Result</option>
105  <option value="1">Return Always True</option>
106  <option value="2">Return Always False</option>
107  </select> <select class="cond_invertmode"
108  title="Condition return regular or invert result"
109  style="flex-grow: 1; margin-left: 0.5em;">
110  <option value="0" selected="selected">Regular</option>
111  <option value="1">Return invert</option>
112  </select>
113  </div>
114 
115  <div
116  style="font-family: Verdana; display: flex; flex-direction: row; width: 100%; padding: 5px">
117  <span style="float: left; flex-grow: 1">All counts: <label
118  class="cond_counts counter_style"
119  title="Number of condition Test() calls">1000</label></span> <span
120  style="flex-grow: 1">True: <label
121  class="cond_true counter_style"
122  title="Number of condition Test() calls returning TRUE">500</label></span>
123  <span style="flex-grow: 1"><label class="cond_percent"
124  style="font-size: large"
125  title="Percentage of condition Test() calls returning TRUE">100%</label></span>
126  </div>
127  </div>
128 
129  <div id="tab_container" style="overflow: hidden;">
130  <div class="cond_tabs"
131  style="width: 100%; height: 100%; display: flex; flex-direction: column; background-color: white; border: 1px solid grey">
132  <div class="cond_tabs_header" style="flex-grow: 0;">
133  <button for="tabs-1">Limits</button>
134  <button for="tabs-2">Cut</button>
135  <button for="tabs-3">Shape</button>
136  <button for="tabs-4">Draw</button>
137  <button for="tabs-5">Stats</button>
138  <button for="tabs-6">Mean</button>
139  </div>
140  <div class="tabs_body"
141  style="flex-grow: 1; padding: 8px; overflow-y: scroll;">
142  <div id="tabs-1" style="height: 100%">
143  <div style="display: flex; flex-direction: column; height: 100%">
144  <label style="flex-grow: 1;">XMin: <input
145  class="cond_xmin limit_style"
146  title="Lower border/extension on X axis. Press enter to set!" /></label>
147  <label style="flex-grow: 1;">XMax: <input
148  class="cond_xmax limit_style"
149  title="Upper border/extension on X axis. Press enter to set!" /></label>
150  <label style="flex-grow: 1;">YMin: <input
151  class="cond_ymin limit_style"
152  title="Lower border/extension on Y Axis. Press Enter to set" /></label>
153  <label style="flex-grow: 1;">YMax: <input
154  class="cond_ymax limit_style "
155  title="Upper border/extension on Y Axis. Press Enter to set!" /></label>
156  </div>
157  </div>
158  <div id="tabs-2" style="display: none;">
159  <label title="Number of polygon points"> NPoints <input
160  class="cut_points" style="float: left; width: 50px" type="number"
161  value="0" min="1" max="1000"></label>
162 
163  <table class="cut_values"
164  style="position: relative; width: 80%; border-spacing: 5px 5px; float: right; text-align: center">
165  <thead>
166  <tr style="border: 1px solid black; width: 100%">
167  <th>X</th>
168  <th>Y</th>
169  </tr>
170  </thead>
171  <tbody>
172  </tbody>
173  </table>
174  </div>
175 
176  <div id="tabs-3" style="display: none">
177  <table
178  style="position: relative; width: 100%; height: 100%; border-spacing: 5px 5px; text-align: right">
179  <tr>
180  <th><label>X: <input
181  class="cond_ellipse_cx limit_style"
182  title="Ellipse center x coordinate. Press enter to set!" /></label></th>
183  <th><label>A1: <input
184  class="cond_ellipse_a1 limit_style"
185  title="Ellipse half axis 1. Press Enter to set" /></label></th>
186  <th><label>Theta: <input
187  class="cond_ellipse_theta limit_style"
188  title="Ellipse tilt angle. Press Enter to set!" /></label></th>
189  </tr>
190  <tr>
191  <th><label>Y: <input
192  class="cond_ellipse_cy limit_style"
193  title="Ellipse center y coordinate. Press enter to set!" /></label></th>
194  <th><label>A2: <input
195  class="cond_ellipse_a2 limit_style"
196  title="Ellipse half axis 2. Press Enter to set!" /></label></th>
197  <th><input type="range" min="0" max="360"
198  class="cond_ellipse_theta_slider"
199  style="width: 80%; float: right"></input></th>
200  </tr>
201  <tr>
202  <th><label title="Polygon resolultion"> NPoints <input
203  class="cond_ellipse_points" style="width: 50px" type="number"
204  min="0" max="1000" /></label></th>
205  <th><select class="cond_ellipse_iscircle"
206  style="width: 80%;" Toggle shape" name="Shape">
207  <option selected="selected" value="3"
208  title="Toggle polygon shape">Ellipse</option>
209  <option value="2" title="Toggle polygon shape">Circle</option>
210  <option value="4" title="Toggle polygon shape">Rectangular
211  box</option>
212  <option value="1" title="Select polygon shape">Free
213  Polygon</option>
214  </select></th>
215  <th></th>
216  </tr>
217  </table>
218  </div>
219 
220  <div id="tabs-4" style="display: none; height: 100%;">
221  <div style="display: flex; flex-direction: column; height: 100%">
222  <label style="flex-grow: 1;"
223  title="Toggle visibility of condition in viewpanel"><input
224  class="cond_visible" type="checkbox" /> visible</label> <label
225  style="flex-grow: 1;" title="Draw condition limits into label."><input
226  class="cond_limits" type="checkbox" /> limits</label> <label
227  style="flex-grow: 1;"
228  title="Draw label of condition properties on viewpanel."><input
229  class="cond_label" type="checkbox" /> label</label>
230  </tr>
231  </div>
232  </div>
233 
234  <div id="tabs-5" style="display: none; height: 100%">
235  <div style="display: flex; flex-direction: column; height: 100%">
236  <label style="flex-grow: 1;"
237  title="Draw value into label on view panel"><input
238  class="cond_integr" type="checkbox" /> Integr: </label> <label
239  style="flex-grow: 1;"
240  title="Draw value into label on view panel"><input
241  class="cond_maxx" type="checkbox" /> MaxX: </label> <label
242  style="flex-grow: 1;"
243  title="Draw value into label on view panel"><input
244  class="cond_max" type="checkbox" /> Max:</label> <label
245  style="flex-grow: 1;"
246  title="Draw value into label on view panel"><input
247  class="cond_maxy" type="checkbox" /> MaxY:</label>
248  </div>
249  </div>
250 
251  <div id="tabs-6" style="display: none; height: 100%">
252  <div style="display: flex; flex-direction: column; height: 100%">
253  <label style="flex-grow: 1;"
254  title="Draw value into label on view panel"><input
255  class="cond_xmean" type="checkbox" /> XMean:</label> <label
256  style="flex-grow: 1;"
257  title="Draw value into label on view panel"><input
258  class="cond_xrms" type="checkbox" /> XRMS:</label> <label
259  style="flex-grow: 1;"
260  title="Draw value into label on view panel"><input
261  class="cond_ymean" type="checkbox" /> YMean:</label> <label
262  style="flex-grow: 1;"
263  title="Draw value into label on view panel"><input
264  class="cond_yrms" type="checkbox" /> YRMS:</label>
265  </div>
266  </div>
267  </div>
268  </div>
269  </div>
270 
271  <div id="button_container">
272  <button class="buttonGetCondition go4_condition_btn"
273  style="margin-left: 1em;"
274  title="Refresh condition display from analysis server"></button>
275  <button class="buttonSetCondition go4_condition_btn"
276  title="Send condition valules to analysis server"></button>
277  <button class="buttonChangeLabel go4_condition_btn"
278  title="This label shows that your current changes have not yet been updated to analysis"></button>
279  <button class="buttonClearCondition go4_condition_btn"
280  style="float: right; margin-right: 2em;"
281  title="Reset all counters to zero"></button>
282  <button class="buttonDrawCondition go4_condition_btn"
283  style="float: right"
284  title="Display Condition with assigned histogram on next drawpanel"></button>
285  </div>
286 
287 </div>