-
Notifications
You must be signed in to change notification settings - Fork 8
Expand file tree
/
Copy pathsidebar.html
More file actions
177 lines (147 loc) · 9.04 KB
/
sidebar.html
File metadata and controls
177 lines (147 loc) · 9.04 KB
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!-- [ navigation menu ] start -->
<script>
function openSideNav() {
let pcoded_navbar = document.querySelector('.pcoded-navbar')
let navbar_brand = document.querySelector('.navbar-brand')
let navbar_closer = document.querySelector('.navbar-closer')
pcoded_navbar.style.marginLeft = "0px";
pcoded_navbar.style.transition = "all 0.5s ease";
navbar_brand.style.display = 'flex';
navbar_closer.style.display = 'flex';
navbar_closer.style.alignItems = 'center';
navbar_closer.style.marginLeft = '192px';
navbar_closer.style.background = 'transparent';
navbar_closer.style.zIndex = '9999';
}
function closeSideNav() {
let pcoded_navbar = document.querySelector('.pcoded-navbar')
let navbar_brand = document.querySelector('.navbar-brand')
let navbar_closer = document.querySelector('.navbar-closer')
pcoded_navbar.style.marginLeft = "-264px";
navbar_brand.style.display = 'none';
navbar_closer.style.marginLeft = '-264px';
}
</script>
<div class="R-navbar-strap">
<span class="navbar-toggler" type="button" onclick="openSideNav()" data-bs-toggle="collapse"
aria-controls="navbarSupportedContent" aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-list-task"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H2zM3 3H2v1h1V3z" />
<path
d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9z" />
<path fill-rule="evenodd"
d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V7zM2 7h1v1H2V7zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H2zm1 .5H2v1h1v-1z" />
</svg>
</span>
<span class="navbar-closer" type="button" onclick="closeSideNav()" data-bs-toggle="collapse"
aria-controls="navbarSupportedContent" aria-label="Toggle navigation" style="margin-left: 216px">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x-lg"
viewBox="0 0 16 16">
<path
d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</span>
</div>
<nav class="pcoded-navbar" style="font-family: Overpass,sans-serif,aril;">
<div class="navbar-wrapper">
<div class="navbar-brand header-logo" style="margin-bottom:20px">
<img id="logoImg" src="{{ config.ASSETS_ROOT }}/icons/logo_dark.svg"
style="width:170px;height:90px;padding-top:5px;padding-left:15px;" />
<img id="logo-light" src="{{ config.ASSETS_ROOT }}/icons/logo_light.svg"
style="width:170px;height:90px;padding-top:5px;padding-left:15px;display:none" />
</div>
<!-- toggle buttons-->
<div style="width:100%;display:flex">
<div style="width:35%;margin-left:20px;display: flex;align-items: center; justify-content: space-between;">
<div>
<svg class="bi bi-moon statusIcon" fill="currentColor" height="16" viewBox="0 0 16 16" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z" />
</svg>
</div>
<div style="position: relative; top: 2px;">
<input class="toggle" id="cbTheme" onchange="toggleTheme(this)" type="checkbox" />
<label for="cbTheme" style="background: transparent !important"></label>
</div>
<div style="position: relative; left: 2px">
<svg class="bi bi-sun-fill statusIcon" fill="currentColor" height="16" viewBox="0 0 16 16"
width="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
</svg>
</div>
</div>
<div style="width:65%">
<div class="configuration-label" style="width:auto;position: relative;text-align:center;">
<select class="floating" id="utransportConfig"
onchange="setTransport(this.options[this.selectedIndex].value)" style=";background:#282828">
<option value="BINDER">Android
</option>
<option value="SOME/IP">SOME/IP
</option>
<option value="ZENOH">ZENOH
</option>
</select>
<label class="installlabel instl-lOne" style="left:20px;background:#282828">uP Client
</label>
</div>
</div>
</div>
<div class="navbar-content scroll-div" style=" display: flex;
flex-direction: column;
/* z-index: 9999; */
justify-content: space-between;">
<div style="height:680px;overflow-y:auto;overflow-x:hidden">
<ul class="nav pcoded-inner-navbar">
<li class="nav-item pcoded-menu-caption">
<label class="sidebarHeading"><u>Simulator Setup</u></label>
</li>
<li class="nav-item {% if 'configuration' in segment %} active {% endif %}">
<a class="nav-link " href="{{ url_for('simulator_blueprint.route_configuration')}}">
Configuration
</a>
</li>
<li class="nav-item pcoded-menu-caption">
<label class="sidebarHeading"> <u>Features</u></label>
</li>
<li class="nav-item {% if 'mockservice' in segment %} active {% endif %}">
<a class="nav-link " href="{{ url_for('simulator_blueprint.route_mockservices')}}">
Launch Mock Service
</a>
</li>
<li class="nav-item {% if 'pub-sub' in segment %} active {% endif %}">
<a class="nav-link" href="{{ url_for('simulator_blueprint.route_pubsub')}}">
Publish-Subscribe</a>
</li>
<li class="nav-item {% if 'send-rpc' in segment %} active {% endif %}">
<a class="nav-link" href="/send-rpc.html">Remote Procedure Calls</a>
</li>
<li class="nav-item pcoded-menu-caption">
<label class="sidebarHeading"> <u>Logger</u></label>
</li>
<li class="nav-item {% if 'pubsub-logger' in segment %} active {% endif %}">
<a class="nav-link" href="{{ url_for('simulator_blueprint.route_pubsub_logger')}}">
Pub-Sub Logger</a>
</li>
<li class="nav-item {% if 'rpc-logger' in segment %} active {% endif %}">
<a class="nav-link" href="{{ url_for('simulator_blueprint.route_rpc_logger')}}">
RPC Logger</a>
</li>
</ul>
</div>
<div class="sidebarFooter copyright-content">
<div>
<span>Simulator Version - 0.1.3-dev</span>  
</div>
<div>
<u>
<a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">
Content is subject to the Apache License, Version 2.0</a></u>
</div>
</div>
</div>
</div>
</nav>