-
Notifications
You must be signed in to change notification settings - Fork 218
/
index.html
137 lines (134 loc) · 7.02 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
<!--
~ 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://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 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://cdnjs.cloudflare.com/ajax/libs/ace/1.19.0/ace.min.js"
integrity="sha512-7ar5DoGr5xiRstr9B0e9BkQAc42juvRXosAEAXuOKZSL/4C93WpIFthgzZibRAau0kB0NJszECL02exq3IPc/w=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="module" src="./dist/main.js"></script>
<link rel="stylesheet" href="./dist/main.css" />
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg bg-info navbar-dark center">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img
src="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/ditto_allwhite_symbolonly.svg"
style="width:39px;" alt="Eclipse Ditto™">
<img
src="https://raw.githubusercontent.com/eclipse/ditto/master/documentation/src/main/resources/images/ditto_allwhite_textonly.svg"
style="width:63px;" alt="Eclipse Ditto™">
<span style="vertical-align: middle; padding-left: 5px">explorer</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mainNavbar">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 px-4 align-items-end">
<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" data-auth="devOps">
<a class="nav-link" data-bs-target="#collapseConnections:not(.show)" data-bs-toggle="collapse">
Connections
</a>
</li>
<li class="nav-item" id="tabOperations" data-auth="devOps">
<a class="nav-link" data-bs-target="#collapseOperations:not(.show)" data-bs-toggle="collapse">
Operations
</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 class="d-flex">
<span class="navbar-text px-2">Environment:</span>
<select class="form-select form-select-sm me-2" id="environmentSelector"
style="margin-top: auto; margin-bottom: auto;"></select>
<button id="authorize" class="btn btn-outline-light btn-sm"
data-bs-toggle="modal" data-bs-target="#authorizationModal">Authorize</button>
</div>
</div>
</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 id="messagesIncomingHTML"></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=collapseOperations data-bs-parent="#page-content">
<div id="operationsHTML"></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: 1205; 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 id="templatesHTML"></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="modalCrudEdit"></div>
</body>
</html>