Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 7991a3fbf106842e478fee64bb5d41634120c456 / . / public / js / demo / match.html
blob: 7b51996ab61cb82ba8e11ac8743fa3d9ee9d3bd2 [file] [log] [blame]
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
Nils Diewalda297f062015-04-02 00:23:46 +0000[diff] [blame]4 <title>Match demo</title>
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]5 <meta charset="utf-8" />
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]6 <script src="../lib/dagre/dagre.min.js"></script>
Nils Diewald5c5a7472015-04-02 22:13:38 +0000[diff] [blame]7 <script src="../src/util.js"></script>
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]8 <script src="../src/menu.js"></script>
Nils Diewalda297f062015-04-02 00:23:46 +0000[diff] [blame]9 <script src="../src/match.js"></script>
10 <link type="text/css"
11 rel="stylesheet"
12 href="../../css/font-awesome.min.css"></link>
13 <link type="text/css"
14 rel="stylesheet"
15 href="../../css/build/kalamar.css"></link>
16 <style type="text/css"
17 rel="stylesheet">
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]18
19body {
20 background-color: #ffa500;
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]21}
22
23body, text {
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]24 font-family: tahoma, verdana, arial;
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]25 color: #444;
26}
27
28text {
29 fill: #444;
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]30}
31
32 </style>
33 </head>
34 <body>
Nils Diewald5c5a7472015-04-02 22:13:38 +0000[diff] [blame]35 <div id="search">
36 <ol class="align-left">
37 <li data-corpus-id="WPD"
38 data-doc-id="WWW"
39 data-text-id="03313"
40 data-match-id="p102-103"
41 data-available-info="base/s=spans corenlp/c=spans corenlp/ne=tokens corenlp/p=tokens corenlp/s=spans glemm/l=tokens mate/l=tokens mate/m=tokens mate/p=tokens opennlp/p=tokens opennlp/s=spans tt/l=tokens tt/p=tokens tt/s=spans"
42 id="WPD-WWW.03313-p102-103">
43 <div>
44 <div class="snippet startMore endMore"><span class="context-left">In diesem Beispiel ist zu sehen, dass die beiden Variablen a und b lediglich ihre Werte an die Funktion </span><span class="match">test</span><span class="context-right"> übergeben, aber im Gegensatz zu einem Referenzparamter dabei unverändert bleiben.</span></div>
45 </div>
46 <p class="ref"><strong>Wertparameter</strong> by Hubi,Zwobot,4; published on 2005-03-28 as WWW.03313 (WPD)</p>
47 </li>
48 </ol>
49 </div>
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]50
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]51 <script>
52var snippet = "<span title=\"cnx/l:meist\">" +
53 " <span title=\"cnx/p:ADV\">" +
54 " <span title=\"cnx/syn:@PREMOD\">" +
55 " <span title=\"mate/l:meist\">" +
56 " <span title=\"mate/p:ADV\">" +
57 " <span title=\"opennlp/p:ADV\">meist</span>" +
58 " </span>" +
59 " </span>" +
60 " </span>" +
61 " </span>" +
62 "</span>" +
63 "<span title=\"cnx/l:deutlich\">" +
64 " <span title=\"cnx/p:A\">" +
65 " <span title=\"cnx/syn:@PREMOD\">" +
66 " <span title=\"mate/l:deutlich\">" +
67 " <span title=\"mate/m:degree:pos\">" +
68 " <span title=\"mate/p:ADJD\">" +
69 " <span title=\"opennlp/p:ADJD\">deutlich</span>" +
70 " </span>" +
71 " </span>" +
72 " </span>" +
73 " </span>" +
74 " </span>" +
75 "</span>" +
76 "<span title=\"cnx/l:fähig\">" +
77 " <span title=\"cnx/l:leistung\">" +
78 " <span title=\"cnx/p:A\">" +
79 " <span title=\"cnx/syn:@NH\">" +
80 " <span title=\"mate/l:leistungsfähig\">" +
81 " <span title=\"mate/m:degree:comp\">" +
82 " <span title=\"mate/p:ADJD\">" +
83 " <span title=\"opennlp/p:ADJD\">leistungsfähiger</span>" +
84 " </span>" +
85 " </span>" +
86 " </span>" +
87 " </span>" +
88 " </span>" +
89 " </span>" +
90 "</span>";
91
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]92var treeSnippet =
93 "<span class=\"context-left\"></span>" +
94 "<span class=\"match\">" +
95 " <span title=\"xip/c:MC\">" +
96 " <span title=\"xip/c:TOP\">" +
97 " <span title=\"xip/c:PP\">" +
98 " <span title=\"xip/c:PREP\">Mit</span>" +
99 " <span title=\"xip/c:NP\">" +
100 " <span title=\"xip/c:DET\">dieser</span>" +
101 " <span title=\"xip/c:NPA\">" +
102 " <span title=\"xip/c:NOUN\">Methode</span>" +
103 " </span>" +
104 " </span>" +
105 " </span>" +
106 " <span title=\"xip/c:VERB\">ist</span>" +
107 " <span title=\"xip/c:NP\">" +
108 " <span title=\"xip/c:PRON\">es</span>" +
109 " </span>" +
110 " <span title=\"xip/c:AP\">" +
111 " <span title=\"xip/c:ADV\">nun</span>" +
112 " <span title=\"xip/c:ADJ\">möglich</span>" +
113 " </span>" +
114 " <span title=\"xip/c:ADV\">z. B.</span>" +
115 " <span title=\"xip/c:NPA\">" +
116 " <span title=\"xip/c:NP\">" +
117 " <span title=\"xip/c:NOUN\">Voice</span>" +
118 " </span>" +
119 " </span>" + "(" +
120 " <span title=\"xip/c:INS\">" +
121 " <span title=\"xip/c:NPA\">" +
122 " <span title=\"xip/c:NP\">" +
123 " <span title=\"xip/c:NOUN\">Sprache</span>" +
124 " </span>" +
125 " </span>" +
126 " </span>" + ")" +
127 " <span title=\"xip/c:VERB\">bevorzugt</span>" +
128 " <span title=\"xip/c:PP\">" +
129 " <span title=\"xip/c:PREP\">in</span>" +
130 " <span title=\"xip/c:NP\">" +
131 " <span title=\"xip/c:PRON\">der</span>" +
132 " </span>" +
133 " <span title=\"xip/c:NPA\">" +
134 " <span title=\"xip/c:NP\">" +
135 " <span title=\"xip/c:NOUN\">Bridge</span>" +
136 " </span>" +
137 " </span>" +
138 " </span>" +
139 " <span title=\"xip/c:INFC\">" +
140 " <span title=\"xip/c:INS\">" +
141 " <span title=\"xip/c:VERB\">weiterzugeben</span>" +
142 " </span>" +
143 " </span>" +
144 " </span>" +
145 " </span>" +
146 "</span>" +
147 "<span class=\"context-right\"></span>";
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]148
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]149// Parse and show the table
150// Override getMatchInfo API call
151KorAP.API.getMatchInfo = function(match, callObj) {
152 if (callObj["spans"] !== undefined && callObj["spans"] === true) {
153 return { "snippet": treeSnippet };
154 }
155 else {
156 return { "snippet": snippet };
157 }
158};
159
Nils Diewald5c5a7472015-04-02 22:13:38 +0000[diff] [blame]160KorAP.init();
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]161 </script>
162
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]163 <!--
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]164 <div class="matchinfo">
165 <div class="matchtable">
166 <table>
167 <thead>
168 <tr>
169 <th>Foundry</th>
170 <th>Layer</th>
171 <th>Ich</th>
172 <th>Du</th>
173 <th>Er</th>
174 </tr>
175 </thead>
176 <tbody>
177 <tr tabindex="0">
178 <th>Hallo</th>
179 <th>X</th>
180 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
181 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
182 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
183 </tr>
184 <tr tabindex="0">
185 <th>geht</th>
186 <th>y</th>
187 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
188 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
189 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
190 </tr>
191 <tr tabindex="0">
192 <th>es</th>
193 <th>z</th>
194 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
Nils Diewald6e43ffd2015-03-25 18:55:39 +0000[diff] [blame]195 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
196 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
197 </tr>
198 </tbody>
199 </table>
200 </div>
201 </div>
202 -->
Nils Diewald8bc7e412015-03-19 22:08:27 +0000[diff] [blame]203
204 </body>
205</html>