-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathMatrixKit.html
342 lines (320 loc) · 15.6 KB
/
MatrixKit.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ToxMatrix development page</title>
<link rel="stylesheet" href="../tests/base.css" />
<link rel="stylesheet" href="../tests/skeleton-fluid.css" />
<link rel="stylesheet" href="../tests/layout.css" />
<link rel="stylesheet" href="../tests/jquery-ui.css" />
<link rel="stylesheet" href="../tests/jquery.dataTables.css" />
<link rel="stylesheet" href="../tests/jBox.css" />
<link rel="stylesheet" href="../tests/ambit2.css" />
<link rel="stylesheet" href="../www/jtoxkit.css" />
<link rel="stylesheet" href="../www/ketcher.css" />
<link rel="stylesheet" href="jquery.tokenize.css" />
<link rel="stylesheet" href="ui-matrix.css" />
<script src="oecdcategories.js"></script>
<script src="i5enums.js"></script>
<script src="../tests/jquery.js"></script>
<script src="../tests/jquery-migrate-1.2.1.min.js"></script>
<script src="../tests/jquery-ui.min.js"></script>
<script src="../tests/jquery.dataTables-1.9.4.min.js"></script>
<script src="../tests/jBox.js"></script>
<script src="es6-shim.js"></script>
<script src="../www/jtoxkit.js"></script>
<script src="../www/ketcher.js"></script>
<script src="jquery.tokenize.js"></script>
<script src="ui-matrix.js"></script>
<script src="config-matrix.js"></script>
<script src="config-study.js"></script>
<script type='text/javascript'>
var customize = {
"lri": {
"title": {
"l_title": "Assessment title",
"l_maintainer": "Owner",
"l_number": "Assessment ID",
"l_seeAlso": "Assessment code",
"l_source": "Assessment Doclink(s)"
},
"hide": "lri_hide"
}
};
$(document)
.ready(
function () {
var profile = "lri";
if (customize[profile] != undefined) {
$.each(customize[profile]["title"], function (key, value) {
try {
$("#" + key).html(value);
} catch (err) {};
});
try {
$("." + customize[profile]["hide"]).hide();
} catch (err) {};
}
});
</script>
</head>
<body>
<div class="container" style="margin:0;padding:0;">
<div id="logger" class="jtox-toolkit jtox-widget hidden" data-kit="log" data-resend="false" data-right-side="true">
</div>
<div class="sixteen columns remove-bottom" style="padding:0;">
<div id="jtox-bundle" class="jtox-toolkit" data-kit="bundle">
<ul>
<li><a href="#jtox-identifiers">Assessment identifier</a></li>
<li><a href="#jtox-structures">Collect structures</a></li>
<li><a href="#jtox-endpoints">Endpoint data used</a></li>
<li><a href="#jtox-matrix">Assessment details</a></li>
<li><a href="#jtox-report">Report</a></li>
</ul>
<div id="jtox-identifiers" data-action="onIdentifiers">
<form>
<table class="dataTable">
<thead>
<tr>
<th class="right size-third"><label for="title" id="l_title">Title</label>*<a href='#'
class='chelp a_name'>?</a>:</th>
<td><input class="data-field first-time" data-field="title" name="title" id="title"
required /></td>
</tr>
<tr>
<th class="right size-third"><label for="maintainer" id="l_maintainer">Maintainer</label>*<a href='#'
class='chelp a_maintainer'>?</a>:</th>
<td><input class="data-field first-time" data-field="maintainer" name="maintainer"
id="maintainer" required /></td>
</tr>
<tr>
<th class="right top size-third"><label for="description">Purpose</label>*<a href='#'
class='chelp a_description'>?</a>:</th>
<td><textarea class="nomargin data-field" data-field="description" name="description"
id="description" required></textarea></td>
</tr>
<tr>
<th class="right size-third">Version <a href='#' class='chelp a_version'>?</a>:</th>
<td class="data-field" data-field="version">?.?</td>
</tr>
<tr>
<th class="right size-third">Version start date <a href='#' class='chelp a_version_date'>?</a>:</th>
<td class="data-field" data-field="created" data-format="formatDate"></td>
</tr>
<tr>
<th class="right size-third">Version last modified on <a href='#' class='chelp a_version_date'>?</a>:
</th>
<td class="data-field" data-field="updated" data-format="formatDate"></td>
</tr>
<tr>
<th class="right size-third">Status<a href='#' class='chelp a_published'>?</a>:</th>
<td class="data-field" data-field="status" data-format="formatStatus"></td>
</tr>
<tr class="lri_hide">
<th class="right size-third"><label for="license">License</label>*:</th>
<td><input class="data-field first-time" data-field="rights.URI" name="license"
id="license" /></td>
</tr>
<tr class="lri_hide">
<th class="right size-third"><label for="rightsHolder">Rights holder</label>*<a href='#'
class='chelp a_rightsholder'>?</a>:</th>
<td><input class="data-field first-time" data-field="rightsHolder" name="rightsHolder"
id="rightsHolder" /></td>
</tr>
<tr>
<th class="right size-third"><label for="seeAlso" id="l_seeAlso">See also</label>*<a href='#'
class='chelp a_code'>?</a>:</th>
<td><input class="data-field first-time" data-field="seeAlso" name="seeAlso" id="seeAlso"
required /></td>
</tr>
<tr>
<th class="right size-third"><label for="source" id="l_source">Source URL</label>*<a href='#'
class='chelp a_doclink'>?</a>:</th>
<td>
<input class="data-field first-time" data-field="source" name="source" id="source"
required />
<a href="" id="source-link" target="_blank" class="ui-icon ui-icon-extlink">open link</a>
</td>
</tr>
<tr>
<th class="right size-third"><label for="number" id="l_number">Identifier</label><a href='#'
class='chelp assessment'>?</a>:</th>
<td class="data-field" data-field="number"></td>
</tr>
<tr class="lri_hide">
<th class="right size-third">Rating <a href='#' class='chelp a_rating'>?</a>:</th>
<td class="data-stars-field"><input type="hidden" name="stars" value="0" /></td>
</tr>
<tr class="aadb">
<th class="right size-third top"><label for="users-write">Users with write access</label><a href='#'
class='chelp bundle_rw'>?</a>:</th>
<td class="jtox-user-rights">
<select name="users-write" id="users-write" multiple class="jtox-users-select">
</select>
<button type="button" class="jtox-users-submit">Save</button>
</td>
</tr>
<tr class="aadb">
<th class="right size-third top"><label for="users-read">Users with read access</label><a href='#'
class='chelp bundle_rw'>?</a>:</th>
<td class="jtox-user-rights">
<select name="users-read" id="users-read" multiple class="jtox-users-select">
</select>
<button type="button" class="jtox-users-submit">Save</button>
</td>
</tr>
</thead>
</table>
<div class="actions">
<button name="assStart" type="submit">Start</button>
<button name="assFinalize" type="button">Finalize Assessment</button>
<button name="assNewVersion" type="button">Generate new version</button>
</div>
</form>
</div>
<div id="jtox-structures">
<div class="jq-buttonset center action" data-action="onStructures">
<input type="radio" id="structcollect" name="structaction" checked="checked"><label
for="structcollect">Collect structures</label></input>
<input type="radio" id="structlist" name="structaction"><label for="structlist">List
collected</label></input>
</div>
<div id="jtox-query" class="jtox-toolkit" data-kit="query" data-configuration="jTConfigurator"
data-initial-query="false">
<div class="jtox-foldable folded">
<div class="title">
<p class="data-field" data-field="title">Search</p>
</div>
<div class="content">
<div id="searchbar" class="jtox-toolkit jtox-widget" data-kit="search" data-hide-options="url,context">
</div>
</div>
</div>
<div id="browser" class="jtox-toolkit" data-kit="compound" data-show-tabs="false" data-hide-empty="true"
data-on-details="onDetailedRow" data-details-height="500px" data-show-diagrams="true"
data-on-loaded="onBrowserFilled"></div>
</div>
</div>
<div id="jtox-endpoints">
<div class="jq-buttonset center action" data-action="onEndpoint">
<input type="radio" id="endsubstance" name="endaction" checked="checked"><label for="endsubstance">Search
substance(s)</label></input>
<input type="radio" id="endpoints" name="endaction"><label for="endpoints">Selection of
endpoints</label></input>
</div>
<div class="size-full">
<div class="jtox-slidable">
<div class="jtox-inline tab-substance">
<div class="float-right">
<button type="button" id="structures-expand-all">Expand all</button><button type="button"
id="structures-collapse-all">Collapse all</button>
</div>
<div id="jtox-substance-query" class="jtox-toolkit" data-kit="query" data-configuration="jTConfigurator"
data-initial-query="false">
<div id="substance-browser" class="jtox-toolkit" data-kit="compound" data-show-tabs="false"
data-hide-empty="true" data-pre-details="preDetailedRow" data-show-diagrams="true"></div>
</div>
</div>
<div class="jtox-inline tab-points">
<div class="check-all">
<label for="endpointAll"><input type="checkbox" name="endpointAll" id="endpointAll" /> Show all
endpoints</label>
</div>
</div>
</div>
</div>
</div>
<div id="jtox-matrix">
<div class="jq-buttonset center action" data-action="onMatrix">
<input type="radio" id="xinitial" name="xaction" checked="checked"><label for="xinitial">Initial
matrix</label></input>
<input type="radio" id="xworking" name="xaction"><label for="xworking">Working matrix</label></input>
<input type="radio" id="xfinal" name="xaction"><label for="xfinal">Final matrix</label></input>
</div>
<button class="save-button jt-disabled">Saved</button>
<button class="create-button">Create working copy</button>
<div class="jtox-toolkit" data-kit="compound" data-manual-init="true"></div>
</div>
<div id="jtox-report" class="jtox-report">
<p>
<a href="${ambit_root}/ui/assessment_report?bundleUri=${ambit_root}/bundle/${bundleid}"
id="open-report">Create assessment report</a>
</p>
<p>
<a href="${ambit_root}/bundle/${bundleid}/substance?media=application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
id="export-substance">Create Excel file with all used experimental data</a>
</p>
<p>
<a href="${ambit_root}/bundle/${bundleid}/dataset?media=application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
id="export-initial-matrix">Create Excel file with the initial matrix</a>
</p>
<p>
<a href="${ambit_root}/bundle/${bundleid}/matrix?media=application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
id="export-working-matrix">Create Excel file with the working matrix</a>
</p>
</div>
</div>
<div class="jtox-template">
<div id="info-box">
<table>
<thead>
<tr>
<th rowspan="2">Endpoint</th>
<th rowspan="2">Value</th>
<th class="conditions center">Conditions</th>
<th rowspan="2">Guideline or Justification</th>
</tr>
<tr class="conditions">
</tr>
</thead>
<tbody>
<tr>
<td class="jtox-live-data the-endpoint">{{ endpoint }}</td>
<td class="jtox-live-data the-value non-breakable">{{ value }}</td>
<td class="jtox-live-data postconditions">{{ guidance }}</td>
</tr>
</tbody>
</table>
<table class="delete-box">
<tr>
<td><textarea placeholder="Reason for deleting_"></textarea></td>
<td><button class="jt-alert">Delete</button></td>
</tr>
</table>
</div>
<div id="edit-box">
<div class="jtox-medium-box box-field" data-name="type">
<div class="jtox-details font-heavy jtox-required">Study type</div>
<select class="data-field type-list" data-field="type">
<option value="-1"> - Select type - </option>
</select>
</div>
<div class="jtox-medium-box box-field" data-name="reference">
<div class="jtox-details font-heavy jtox-required">Reference</div>
<input type="text" class="data-field" data-field="reference" placeholder="Reference_" />
</div>
<div class="jtox-medium-box box-field size-full" data-name="justification">
<div class="jtox-details font-heavy jtox-required">Guideline or Justification</div>
<textarea class="data-field" data-field="justification" placeholder="Justification_"></textarea>
</div>
<div class="jtox-medium-box box-field size-full" data-name="remarks">
<div class="jtox-details font-heavy">Remarks</div>
<textarea class="data-field" data-field="remarks" placeholder="Remarks_"></textarea>
</div>
<div class="size-full the-send">
<span class="data-field the-endpoint" data-field="endpoint"></span>
<input value="Apply" type="button" />
</div>
</div>
</div>
</div>
</div>
</body>
</html>