-
Notifications
You must be signed in to change notification settings - Fork 215
/
things.html
141 lines (141 loc) · 7.72 KB
/
things.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
<!--
~ 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
-->
<div>
<h5>Things</h5>
<hr />
<div>
<div class="row resizable_pane" style="height:300px;">
<div class="col-md-6 resizable_flex_column">
<div class="input-group input-group-sm mb-1 mt-1">
<div class="btn-group dropend">
<button id="searchFavourite" class="btn btn-outline-secondary btn-sm" data-bs-toggle="tooltip"
title="Toggle favourite for search filter">
<i id="favIcon" class="bi bi-star"></i>
</button>
<button class="btn btn-outline-secondary btn-sm dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown"></button>
<ul id="filterList" class="dropdown-menu" style="position: fixed; top: auto;"></ul>
</div>
<input type="text" class="form-control form-control-sm autocomplete" placeholder="Search things..."
id="searchFilterEdit" autocomplete="off"></input>
<button id="searchThings" class="btn btn-outline-secondary btn-sm" data-bs-toggle="tooltip"
title="Search things by thingId or valid ditto search filter">
search
</button>
<button id="pinnedThings" class="btn btn-outline-secondary btn-sm me-3 button_round_right"
data-bs-toggle="tooltip" title="Pinned things: get the list of all individually pinned things">
pinned
</button>
<button id="tableSettings" class="btn btn-outline-secondary btn-sm button_round_both"
data-bs-toggle="modal" data-bs-target="#fieldsModal">
<span data-bs-toggle="tooltip" title="Adjust fields for things table">
<i class="bi bi-gear"></i>
</span>
</button>
</div>
<div class="table-wrap">
<table class="table table-striped table-hover table-sm">
<thead>
<tr id="thingsTableHead"></tr>
</thead>
<tbody id="thingsTableBody"></tbody>
</table>
</div>
</div>
<div class="col-md-6 resizable_flex_column" id="details">
<ul id="tabItemsThing" class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabThingDetails">Thing
Details</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tabModifyThing">CRUD Thing</a>
</li>
</ul>
<div id="tabContentThing" class="tab-content" style="flex-grow:1; overflow:hidden;">
<div class="tab-pane fade show active container no-margin" id="tabThingDetails">
<div class="table-wrap">
<table class="table table-striped table-hover table-sm">
<tbody id="thingDetails"></tbody>
</table>
</div>
</div>
<div class="tab-pane fade container no-margin" style="height:100%;" id="tabModifyThing">
<div class="resizable_flex_column">
<div class="input-group input-group-sm mb-1 mt-1 has-validation">
<label class="input-group-text">Thing ID</label>
<input type="text" class="form-control" id="thingId">
<button class="btn btn-outline-secondary btn-sm" id="buttonCreateThing"
data-bs-toggle="tooltip" title="Create an empty thing with a default policy">
<i class="bi bi-plus-circle"></i>
</button>
<button class="btn btn-outline-secondary btn-sm" id="buttonSaveThing">
<i class="bi bi-save"></i>
</button>
<button class="btn btn-outline-secondary btn-sm" id="buttonDeleteThing">
<i class="bi bi-trash3"></i>
</button>
<div class="invalid-feedback"></div>
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text">Definition template</label>
<div class="btn-group dropend">
<button class="btn btn-outline-secondary btn-sm dropdown-toggle"
data-bs-toggle="dropdown"></button>
<ul id="ulThingDefinitions" class="dropdown-menu" style="position: fixed; top: auto;"></ul>
</div>
<input type="text" class="form-control" id="inputThingDefinition"></input>
</div>
<div class="ace_container" style="flex-grow: 1;">
<div class="script_editor" id="thingJsonEditor"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h5 data-bs-toggle="collapse" data-bs-target="#collapseAttributes">Attributes <span class="badge badge-info"
id="attributeCount"></span></h5>
<hr />
<div class="collapse" id="collapseAttributes">
<div class="row">
<div class="col-md-4" style="overflow-y:scroll;">
<table class="table table-striped table-hover table-sm">
<tbody id="attributesTable"></tbody>
</table>
</div>
<div class="col-md-8">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active">Attribute Details</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane container active no-margin">
<div class="input-group input-group-sm mb-1 mt-1">
<label class="input-group-text">Path</label>
<input type="text" class="form-control" id="attributePath"></input>
<button class="btn btn-outline-secondary btn-sm" id="putAttribute">create/update</button>
<button class="btn btn-outline-secondary btn-sm" id="deleteAttribute">delete</button>
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text">Value</label>
<input type="text" class="form-control form-control-sm" id="attributeValue"></input>
</div>
</div>
</div>
</div>
</div>
</div>