Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 4de759ff2950b37fd6f72b0a2eac5220ed33fc5f / . / dev / demo / plugin-client.html
blob: 728ef4e4161d35c7f652f0edfbfbf4afe1693ab1 [file] [log] [blame]
Akron479994e2018-07-02 13:21:44 +0200[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Plugin demo</title>
Akrone8e2c952018-07-04 13:43:12 +0200[diff] [blame]5
Akron7f1e07e2020-08-24 20:12:14 +0200[diff] [blame]6 <link type="text/css" rel="stylesheet" href="/css/kalamar-plugin.css" />
Akron479994e2018-07-02 13:21:44 +0200[diff] [blame]7
8 <!-- load client javascript library -->
Akrona6c32b92018-07-02 18:39:42 +0200[diff] [blame]9 <script src="/js/src/plugin/client.js" data-server="http://localhost:3003/"></script>
10 <style>
11 body, html {
Akrone8e2c952018-07-04 13:43:12 +0200[diff] [blame]12 padding: 0;
13 margin: 0;
14 box-sizing: border-box;
15 border-width: 0;
16 height: unset !important;
17 }
18
19 body {
20 min-height: unset !important;
Akrona6c32b92018-07-02 18:39:42 +0200[diff] [blame]21 }
22 </style>
Akron479994e2018-07-02 13:21:44 +0200[diff] [blame]23 </head>
Akron7f1e07e2020-08-24 20:12:14 +0200[diff] [blame]24 <body class="result-view">
Akron479994e2018-07-02 13:21:44 +0200[diff] [blame]25 <h2>Example Widget!</h2>
Akrona99315e2018-07-03 22:56:45 +0200[diff] [blame]26 <script>
27 function flood () {
28 var i = 0;
29 for (; i < 90; i++) {
Akronc3003642020-03-30 10:19:14 +0200[diff] [blame]30 KorAPlugin.sendMsg({
Akrona99315e2018-07-03 22:56:45 +0200[diff] [blame]31 'action' : '-'
32 });
33 };
34 };
Akron22598cd2019-12-09 14:59:03 +0100[diff] [blame]35
36 function pluginit (p) {
37 p.onMessage = function(msg) {
Akron51ee6232019-12-17 21:00:05 +0100[diff] [blame]38 switch (msg.key) {
39 // console.log("State changed to", msg.key, msg.value);
40 case 'glemm':
41 let data = {
42 'action' : 'pipe',
43 'service' : 'http://glemm/'
44 };
45
46 if (!msg.value) {
47 data['job'] = 'del';
48 };
49 KorAPlugin.sendMsg(data);
50 break;
51 }
Akron22598cd2019-12-09 14:59:03 +0100[diff] [blame]52 };
53 };
Akronec4bbfa2021-09-15 15:00:59 +0200[diff] [blame]54
55 function redirect() {
56
57 KorAPlugin.requestMsg({
58 "action":"get",
59 "key": 'QueryParam'
60 }, function (d) {
61
Akron4de759f2021-10-13 10:46:45 +0200[diff] [blame^]62 const par = new URLSearchParams(d.value.search);
Akronec4bbfa2021-09-15 15:00:59 +0200[diff] [blame]63 par.set("q",56);
64
65 KorAPlugin.sendMsg({
66 'action':'redirect',
67 'queryParam' : par.toString()
68 })
69 });
Akronec4bbfa2021-09-15 15:00:59 +0200[diff] [blame]70 }
Akron4de759f2021-10-13 10:46:45 +0200[diff] [blame^]71
72 function getQueryParam() {
73 KorAPlugin.requestMsg({
74 "action":"get",
75 "key": 'QueryParam'
76 }, function (d) {
77 KorAPlugin.log(0, d.value.search);
78 });
79 }
80
Akronec4bbfa2021-09-15 15:00:59 +0200[diff] [blame]81
Akron22598cd2019-12-09 14:59:03 +0100[diff] [blame]82 </script>
Akrona6c32b92018-07-02 18:39:42 +0200[diff] [blame]83 <ul>
84 <li><a onclick="KorAPlugin.log(333, 'Huhu!')">Send log!</a></li>
85 <li><a onclick="KorAPlugin.resize()">Resize</a></li>
Akron51ee6232019-12-17 21:00:05 +0100[diff] [blame]86 <li><a onclick="KorAPlugin.sendMsg({'action':'pipe','service':'Glemm'})">Add Glemm</a></li>
Akron4de759f2021-10-13 10:46:45 +0200[diff] [blame^]87 <li><a onclick="getQueryParam()">GetQueryParam</a></li>
Akronec4bbfa2021-09-15 15:00:59 +0200[diff] [blame]88 <li><a onclick="redirect()">Redirect</a></li>
Akrona99315e2018-07-03 22:56:45 +0200[diff] [blame]89 <li><a onclick="flood()">Flood!</a></li>
Akronc3003642020-03-30 10:19:14 +0200[diff] [blame]90 <li><a onclick="KorAPlugin.requestMsg({'action':'get', 'key':'KQ'}, function (d) { document.write(JSON.stringify(d.value))})">Get KQ</a></li>
Akrona6c32b92018-07-02 18:39:42 +0200[diff] [blame]91 </ul>
Akron8d646d72018-07-08 13:45:53 +0200[diff] [blame]92 <p style="width: 2000px">------------------------------------------------------------------------------------------------------------------------</p>
Akron479994e2018-07-02 13:21:44 +0200[diff] [blame]93 </body>
94</html>