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