Mercurial > hg > orthanc

comparison Plugins/Samples/ConnectivityChecks/WebResources/index.html @ 3622:8afc14fab01f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
New sample plugin: ConnectivityChecks
author Sebastien Jodogne <s.jodogne@gmail.com>
date Fri, 24 Jan 2020 17:06:23 +0100
parents
children
comparison
equal deleted inserted replaced
3620:649489b9bfdb 3622:8afc14fab01f
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5
6 <link rel="stylesheet" href="../libs/css/bootstrap.min.css">
7
8 <title>Orthanc Connectivity checks</title>
9 <link rel="stylesheet" href="style.css" type="text/css">
10 </head>
11
12 <body>
13 <div id="app" class="container-fluid">
14 <h2>DICOM nodes</h2>
15 <table class="table">
16 <thead>
17 <tr>
18 <th scope="col">Alias</th>
19 <th scope="col">AET</th>
20 <th scope="col">Host</th>
21 <th scope="col">Port</th>
22 <th scope="col">Status</th>
23 </tr>
24 </thead>
25 <tbody>
26 <tr v-for="node in dicomNodes">
27 <th scope="row">{{node.alias}}</th>
28 <td>{{node.AET}}</td>
29 <td>{{node.Host}}</td>
30 <td>{{node.Port}}</td>
31 <td v-if="node.status=='ok'" class="connected">Connected</td>
32 <td v-if="node.status=='ko'" class="disconnected">Disconnected</td>
33 <td v-if="node.status=='testing'">
34 <div class="spinner-border" role="status">
35 <span class="sr-only">Testing...</span>
36 </div>
37 </td>
38 </tr>
39 </tbody>
40 </table>
41
42 <h2>Orthanc peers</h2>
43 <table class="table" v-if="canTestPeers">
44 <thead>
45 <tr>
46 <th scope="col">Alias</th>
47 <th scope="col">Url</th>
48 <th scope="col">Status</th>
49 </tr>
50 </thead>
51 <tbody>
52 <tr v-for="node in peers">
53 <th scope="row">{{node.alias}}</th>
54 <td>{{node.Url}}</td>
55 <td v-if="node.status=='ok'" class="connected">Connected</td>
56 <td v-if="node.status=='ko'" class="disconnected">Disconnected</td>
57 <td v-if="node.status=='unknown'" class="unknown">
58 Can not test the peers connectivity with this version of Orthanc
59 </td>
60 <td v-if="node.status=='testing'">
61 <div class="spinner-border" role="status">
62 <span class="sr-only">Testing...</span>
63 </div>
64 </td>
65 </tr>
66 </tbody>
67 </table>
68
69 <h2>DicomWeb servers</h2>
70 <table class="table">
71 <thead>
72 <tr>
73 <th scope="col">Alias</th>
74 <th scope="col">Url</th>
75 <th scope="col">Status</th>
76 </tr>
77 </thead>
78 <tbody>
79 <tr v-for="node in dicomWebServers">
80 <th scope="row">{{node.alias}}</th>
81 <td>{{node.Url}}</td>
82 <td v-if="node.status=='ok'" class="connected">Connected</td>
83 <td v-if="node.status=='ko'" class="disconnected">Disconnected</td>
84 <td v-if="node.status=='testing'">
85 <div class="spinner-border" role="status">
86 <span class="sr-only">Testing...</span>
87 </div>
88 </td>
89 </tr>
90 </tbody>
91 </table>
92 </div>
93
94 <script src="../libs/js/jquery-3.4.1.min.js" type="text/javascript"></script>
95 <script src="../libs/js/bootstrap.min.js" type="text/javascript"></script>
96 <script src="../libs/js/axios.min.js" type="text/javascript"></script>
97 <script src="../libs/js/vue.min.js" type="text/javascript"></script>
98 <script src="app.js" type="text/javascript"></script>
99 </body>
100 </html>