-
Notifications
You must be signed in to change notification settings - Fork 216
/
index.html
135 lines (131 loc) · 7.12 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
<!--
~ Copyright (c) 2022 Contributors to the Eclipse Foundation
~
~ See the NOTICE file(s) distributed with this work for additional
~ information regarding copyright ownership.
~
~ This program and the accompanying materials are made available under the
~ terms of the Eclipse Public License 2.0 which is available at
~ http://www.eclipse.org/legal/epl-2.0
~
~ SPDX-License-Identifier: EPL-2.0
-->
<html lang="en">
<head>
<title>Eclipse Ditto™ explorer</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.3/font/bootstrap-icons.min.css"
rel="stylesheet"
integrity="sha512-YzwGgFdO1NQw1CZkPoGyRkEnUTxPSbGWXvGiXrWk8IeSqdyci0dEDYdLLjMxq1zCoU0QBa4kHAFiRhUL3z2bow=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="index.css" rel="stylesheet" />
<link rel="icon" type="image/png"
href="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/favicon-16x16.png"
sizes="16x16">
<link rel="icon" type="image/png"
href="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/favicon-32x32.png"
sizes="32x32">
<link rel="icon" type="image/png"
href="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/favicon-96x96.png"
sizes="96x96">
<script src="https://cdn.jsdelivr.net/npm/event-source-polyfill@1.0.31/src/eventsource.min.js"
integrity="sha256-JBw2DF7FFaUo0jG/NptzuAmOVSFJz+Z86wxbKIHK4yc="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"
integrity="sha256-qXBd/EfAdjOA2FGrGAG+b3YBn2tn5A6bhz+LSgYD96k="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js"
integrity="sha512-GZ1RIgZaSc8rnco/8CXfRdCpDxRCphenIiZ2ztLy3XQfCbQUSCuk8IudvNHxkRA3oUg6q0qejgN/qqyG1duv5Q=="
crossorigin="anonymous" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/npm/jsonpath-plus@5.0.3/dist/index-browser-esm.min.js" type="module"></script>
<script src="main.js" type="module"></script>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm flex-sm-nowrap bg-info navbar-dark">
<div class="container-fluid">
<a class="navbar-brand"><img
src="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/ditto_allwhite_symbolonly.svg"
style="width:39px;" alt="Eclipse Ditto™"></a>
<a class="navbar-brand"><img
src="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/ditto_allwhite_textonly.svg"
style="width:63px;" alt="Eclipse Ditto™"></a>
<a class="navbar-brand">explorer</a>
<div class="navbar-collapse collapse w-100 justify-content-center" id="mainNavbar">
<ul class="navbar-nav text-center">
<li class="nav-item" id="tabThings">
<a class="nav-link active" data-bs-target="#collapseThings:not(.show)" data-bs-toggle="collapse">
Things
</a>
</li>
<li class="nav-item" id="tabPolicies">
<a class="nav-link" data-bs-target="#collapsePolicies:not(.show)" data-bs-toggle="collapse">
Policies
</a>
</li>
<li class="nav-item" id="tabConnections">
<a class="nav-link" data-bs-target="#collapseConnections:not(.show)" data-bs-toggle="collapse">
Connections
</a>
</li>
<li class="nav-item" id="tabEnvironments">
<a class="nav-link" data-bs-target="#collapseSettings:not(.show)" data-bs-toggle="collapse">
Environments
</a>
</li>
</ul>
</div>
<ul class="navbar-nav w-50">
<a class="nav-link active">Environment:</a>
<select class="form-select form-select-sm" id="environmentSelector"
style="margin-top: auto; margin-bottom: auto;"></select>
<button id="authorize" class="btn btn-outline-light btn-sm" style="margin-left:5px;"
data-bs-toggle="modal" data-bs-target="#authorizationModal">Authorize</button>
</ul>
</div>
</nav>
<div class="container-fluid py-3 overflowauto" id="page-content">
<div class="collapse show" id="collapseThings" data-bs-parent="#page-content">
<div id="thingsHTML"></div>
<div id="featuresHTML"></div>
</div>
<div class="collapse" id=collapsePolicies data-bs-parent="#page-content">
<div id="policyHTML"></div>
</div>
<div class="collapse" id=collapseConnections data-bs-parent="#page-content">
<div id="connectionsHTML"></div>
</div>
<div class="collapse" id="collapseSettings" data-bs-parent="#page-content">
<div id="environmentsHTML"></div>
</div>
</div>
<!-- Notifications to user ----------------------------------------------------------------->
<div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 5; right: 0; bottom: 0" id="toastContainer">
<div class="toast hide bg-success" data-bs-delay="2000" id="successToast">
<div class="toast-header" id="successHeader">
</div>
<div class="toast-body" id=successBody></div>
</div>
</div>
<!-- Modals ------------------------------------------------------------------------------->
<div id="authorizationHTML"></div>
<div id="fieldsHTML"></div>
<div class="modal fade" id="modalConfirm" tabindex="-1">
<div class="modal-dialog dialog-sm">
<div class="modal-content">
<div class="modal-body" id="modalBodyConfirm"></div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal" id="buttonConfirmed">Delete</button>
<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div id="modalThingsEdit"></div>
</body>
</html>