Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 2d210756a516ac3a59a279f237e2f2fe97d47c9e / . / public / js / demo / vc.html
blob: 4d561e1babc66e34449493687a3fbfeb8574c35a [file] [log] [blame]
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Virtual Collection demo</title>
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]5 <meta charset="utf-8" />
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]6 <script src="../src/menu.js"></script>
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]7 <script src="../src/vc.js"></script>
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]8 <link href="../../css/vc.css" rel="stylesheet" type="text/css"></link>
Nils Diewald8f6b6102015-01-08 18:25:33 +0000[diff] [blame]9 <style type="text/css" rel="stylesheet">
10.info {
11 background-color:white;
12 color: black;
13 padding: 1em;
14 font-family: mono;
15}
16 </style>
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]17 </head>
18 <body>
19 <div id="vc"></div>
Nils Diewald59c02fc2015-03-07 01:29:09 +0000[diff] [blame]20 <div id="menu" class="vc"></div>
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]21
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]22 <script>
23 var json = {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]24 "@type":"koral:docGroup",
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]25 "operation":"operation:or",
26 "operands":[
27 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]28 "@type":"koral:docGroup",
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]29 "operation":"operation:and",
30 "operands":[
31 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]32 "@type":"koral:doc",
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]33 "key":"Titel",
34 "value":"Baum",
35 "match":"match:eq"
36 },
37 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]38 "@type":"koral:doc",
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]39 "key":"Veröffentlichungsort",
40 "value":"hihi",
41 "match":"match:eq"
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]42 },
43 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]44 "@type":"koral:docGroup",
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]45 "operation":"operation:or",
46 "operands":[
47 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]48 "@type":"koral:doc",
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]49 "key":"Titel",
50 "value":"Baum",
51 "match":"match:eq"
52 },
53 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]54 "@type":"koral:doc",
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]55 "key":"Veröffentlichungsort",
56 "value":"hihi",
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]57 "match":"match:eq",
58 "rewrites" : [
59 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]60 "@type": "koral:rewrite",
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]61 "src" : "policy",
62 "operation" : "operation:injection",
63 }
64 ]
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]65 }
66 ]
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]67 }
68 ]
69 },
70 {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]71 "@type":"koral:doc",
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]72 "key":"Untertitel",
73 "value":"huhu",
74 "match":"match:eq"
75 }
76 ]
77 };
Nils Diewalde15b7a22015-01-09 21:50:21 +0000[diff] [blame]78 KorAP.Locale.AND = 'und';
79 KorAP.Locale.OR = 'oder';
80
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]81 var vc = KorAP.VirtualCollection.render(json);
82 document.getElementById('vc').appendChild(vc.element());
Nils Diewald5c817a42015-01-06 01:08:56 +0000[diff] [blame]83
84 function showJSON() {
85 document.getElementById("json").innerHTML = JSON.stringify(vc.root().toJson());
86 };
87
Nils Diewaldd599d542015-01-08 20:41:34 +0000[diff] [blame]88 function showQuery() {
89 document.getElementById("query").innerHTML = vc.root().toQuery();
Nils Diewald8f6b6102015-01-08 18:25:33 +0000[diff] [blame]90 };
91
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]92 var menu = KorAP.FieldMenu.create([
93 ['Titel', 'title', 'string'],
94 ['Untertitel', 'subTitle', 'string'],
Nils Diewald59c02fc2015-03-07 01:29:09 +0000[diff] [blame]95 ['Veröffentlichungsdatum', 'pubDate', 'date'],
96 ['Autor', 'author', 'string']
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]97 ]);
Nils Diewald59c02fc2015-03-07 01:29:09 +0000[diff] [blame]98 menu.limit(3);
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]99 menu.show();
100
101 document.getElementById('menu').appendChild(menu.element());
102
103 menu.focus();
104
105
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]106 </script>
Nils Diewald5c817a42015-01-06 01:08:56 +0000[diff] [blame]107
Nils Diewald8f6b6102015-01-08 18:25:33 +0000[diff] [blame]108 <hr />
109
Nils Diewald5c817a42015-01-06 01:08:56 +0000[diff] [blame]110 <p><a onclick="showJSON()" style="cursor:pointer">show JSON!</a></p>
Nils Diewald8f6b6102015-01-08 18:25:33 +0000[diff] [blame]111 <div id="json" class="info"></div>
112
113 <hr />
114
Nils Diewaldd599d542015-01-08 20:41:34 +0000[diff] [blame]115 <p><a onclick="showQuery()" style="cursor:pointer">show Query!</a></p>
116 <div id="query" class="info"></div>
Nils Diewald8f6b6102015-01-08 18:25:33 +0000[diff] [blame]117
Nils Diewaldd0770492014-12-19 03:55:00 +0000[diff] [blame]118 </body>
119</html>