-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
156 lines (142 loc) · 5.21 KB
/
index.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
153
154
155
156
<!doctype html>
<html>
<head>
<title>Aidbox Notify via Custom Resources</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<script type="text/javascript" src="index.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
</head>
<body>
<div class="max-w-7xl mx-auto p-8">
<h1
class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"
>
Aidbox Notify via Custom Resources
</h1>
<div class="my-4">
Connect to your Aidbox instance via
<a
href="https://docs.aidbox.app/modules-1/security-and-access-control/auth/basic-auth"
class="text-indigo-600 hover:underline"
target="_blank"
>
Basic authentication</a
>. See details in
<a
href="/aidbox-notify-via-custom-resources/"
class="text-indigo-600 hover:underline"
target="_blank"
>
README.
</a>
</div>
<div class="my-4"></div>
<div class="my-4">
<label class="block font-medium leading-6 text-gray-900 my-2">
FHIR base url
</label>
<input
id="base-url"
type="text"
class="block w-full rounded-md border-0 px-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
placeholder="http://localhost:8765/fhir"
/>
</div>
<div class="my-4">
<label class="block font-medium leading-6 text-gray-900 my-2">
Client id
</label>
<input
id="client-id"
type="text"
class="block w-full rounded-md border-0 px-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
placeholder="root"
/>
</div>
<div class="my-4">
<label class="block font-medium leading-6 text-gray-900 my-2">
Client secret
</label>
<input
id="client-secret"
type="password"
class="block w-full rounded-md border-0 px-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
placeholder="secret"
/>
</div>
<hr />
<div class="my-4 flex items-baseline">
<div class="font-medium leading-6 text-gray-900 mr-4">
POST FHIR Schema-s, Search Parameters and Initial Data to Aidbox
</div>
<button
type="button"
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
onclick="bootstrap()"
>
Bootstrap
</button>
</div>
<hr />
<div class="my-4">
<button
type="button"
class="rounded-md bg-white px-3 py-2 font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
onclick="requestNotification()"
>
Request notification send
</button>
</div>
<hr />
<div class="my-4">
<label class="block font-medium leading-6 text-gray-900 my-2">
Worker actions
</label>
<span class="isolate inline-flex rounded-md shadow-sm">
<button
type="button"
class="relative inline-flex items-center rounded-l-md bg-white px-3 py-2 font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
onclick="getNotification()"
>
Get notification
</button>
<button
type="button"
class="relative -ml-px inline-flex items-center bg-white px-3 py-2 font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
onclick="lockNotification()"
>
Lock notification
</button>
<button
type="button"
class="relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
onclick="sendNotification()"
>
Send notification
</button>
</span>
</div>
<div class="my-4">
<label class="block font-medium leading-6 text-gray-900 my-2">
Notification
</label>
<div class="rounded-md bg-gray-800">
<pre
class="p-4 block text-gray-300 text-sm"
><code id="notification"></code></pre>
</div>
</div>
<div class="my-4">
<label class="block font-medium leading-6 text-gray-900 my-2">
Journal
</label>
<div class="rounded-md bg-gray-800">
<pre
class="p-4 block text-gray-300 text-sm"
><code id="journal"></code></pre>
</div>
</div>
</div>
</body>
</html>