forked from nlplab/brat
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathnpm-test.html
152 lines (141 loc) · 5.44 KB
/
npm-test.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="dist/brat-frontend-editor.min.css"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
<script type="text/javascript" src="dist/brat-frontend-editor.js"></script>
</head>
<body>
<!--TODO: Move inside the component-->
<img id="spinner" src="static/img/spinner.gif"/>
<div id="commentpopup"></div>
<div id="svg"></div>
<!-- Span dialog (view+edit) -->
<form id="span_form" class="dialog" title="Span">
<!-- Span dialog annotated text -->
<fieldset id="span_selected_fset">
<legend>Text</legend>
<a target="brat_linked" id="span_highlight_link" href="#">Link</a>
<div id="span_selected"/>
</fieldset>
<!-- Span dialog search links -->
<fieldset id="span_search_fieldset">
<legend>Search</legend>
<div id="span_search_links"/>
</fieldset>
<!-- Span dialog type selector -->
<fieldset>
<div id="entity_and_event_wrapper" class="split_wrapper">
<div id="span_entity_section" class="wrapper_half_left">
<div id="entity_label" class="label-like">
Entity type
</div>
<div id="entity_types" class="scroll_wrapper_upper">
<div class="scroller"></div>
</div>
<!-- NOTE: the attribute labels must be *outside* of the
divs they logically belong to prevent scrollers
overflowing them. -->
<div id="entity_attribute_label" class="label-like wrapper_lower_label">
Entity attributes
</div>
<div id="entity_attributes" class="scroll_wrapper_lower">
<div class="scroller small-buttons"></div>
</div>
</div>
<div id="span_event_section" class="wrapper_half_right">
<div id="event_label" class="label-like">
Event type
</div>
<div id="event_types" class="scroll_wrapper_upper">
<div class="scroller"></div>
</div>
<div id="event_attribute_label" class="wrapper_lower_label label-like">
Event attributes
</div>
<div id="event_attributes" class="scroll_wrapper_lower">
<div class="scroller small-buttons"></div>
</div>
</div>
</div>
</fieldset>
<!-- Span dialog normalization -->
<fieldset id="norm_fieldset">
<legend>Normalization</legend>
<div id="norm_container">
<select id="span_norm_db"/>
<a id="span_norm_db_link" target="brat_linked" href="#" title="Search DB"><img src="static/img/Fugue-shadowless-magnifier.png" style="vertical-align: middle"/></a>
<span class="span_norm_label">ID:</span>
<input id="span_norm_id" class="span_norm_id_input"
style="width:20%"/>
<span class="span_norm_label">Ref:</span>
<input id="span_norm_txt" class="span_norm_txt_input"
readonly="readonly" style="width:45%"
placeholder="Click here to search"/>
<a id="span_norm_ref_link" target="brat_linked" href="#" title="See in DB"><img src="static/img/Fugue-shadowless-external.png" style="vertical-align: middle"/></a>
<input id="clear_norm_button" type="button"
value="✕" title="Clear normalization"/>
</div>
</fieldset>
<!-- Span dialog notes -->
<fieldset>
<legend>Notes</legend>
<div id="notes_container">
<input id="span_notes" class="borderless"/>
<input id="clear_notes_button" type="button"
value="✕" title="Clear notes"/>
</div>
</fieldset>
</form>
<!-- Rapid mode span dialog -->
<form id="rapid_span_form" class="dialog" title="Span type">
<fieldset id="rapid_span_selected_fset">
<legend>Text</legend>
<div id="rapid_span_selected"/>
</fieldset>
<div id="rapid_span_types" class="scroll_fset" style="height:250px">
<fieldset>
<legend>Select type</legend>
<div class="scroller" id="rapid_span_types_div">
<!-- filled dynamically -->
</div>
</fieldset>
</div>
</form>
<!-- Arc dialog -->
<form id="arc_form" class="dialog" title="Arc">
<fieldset id="arc_origin_fset">
<legend>From</legend>
<a target="brat_linked" id="arc_highlight_link" href="#">Link</a>
<div id="arc_origin"/>
</fieldset>
<fieldset id="arc_target_fset">
<legend>To</legend>
<div id="arc_target"/>
</fieldset>
<div id="arc_roles" class="scroll_fset">
<fieldset>
<legend>Type</legend>
<div class="scroller"/>
</fieldset>
</div>
<fieldset id="arc_notes_fieldset">
<legend>Notes</legend>
<input id="arc_notes" class="borderless"/>
</fieldset>
</form>
<!-- Split span annotation dialog -->
<form id="split_form" class="dialog" title="Split the Span">
<fieldset>
<legend>Split Roles</legend>
<div id="split_roles" class="scroll_fset"/>
</fieldset>
</form>
<!-- Spinner -->
<div id="waiter" class="dialog" title="Please wait">
<img src="static/img/spinner.gif"/>
</div>
</body>
</html>