assada/udrone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Comlex commit

Browse Source
This commit is contained in:
assada
2022-09-22 23:18:43 +03:00
parent c197a36f69
commit d72968a454
11 changed files with 1130 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
map.html
View File

@@ -15,13 +15,9 @@ z-index: 99999;
position: absolute;
bottom: 0;
}
div.instrument .box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform .3s;
.instrument .hidden {
display: none;
}
.context-menu {
@@ -38,6 +34,17 @@ div.instrument .box {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
background-color: #232323;
}
.mapboxgl-ctrl-group button {
background-color: #232323;
color: #fff;
font-weight: bold;
}
.menu > li > a {
font: inherit;
@@ -73,16 +80,24 @@ font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#data {
display: block;
display: block;
position: fixed;
width: 200px;
width: 50%;
border-radius: 25px;
height: 25px;
line-height: 25px;
padding: 10px 25px;
top: 0;
left: 0;
padding: 10px;
margin: 10px;
background-color: #00000047;
background-color: #232323;
color: #fff;
}
#data > .data_el {
padding-right: 10%;
display: inline;
}
</style>
</head>
<body>
@@ -91,11 +106,11 @@ font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
<span id="attitude"></span>
<span id="heading"></span>
<div id="data">
<strong>PI 777</strong> (<span id="status"></span>)<br><br>
<strong>MODE:</strong> <span id="mode">manual</span><br>
<strong>ARMED:</strong> <span id="armed">false</span><br>
<strong>BATT:</strong> <span id="batt">0</span>%
<strong>SAT:</strong> <span id="satellites_visible">0</span>
<div class="data_el"><strong>PI 777</strong> (<span id="status"></span>)</div>
<div class="data_el"><strong>MODE:</strong> <span id="mode" style="color: #b4abff;">manual</span></div>
<div class="data_el"><strong>ARMED:</strong> <span id="armed" style="color: #ff9797;">false</span></div>
<div class="data_el"><strong>BATT:</strong> <span id="batt" style="color: #a2ff97;">0</span>%</div>
<div class="data_el"><strong>SAT:</strong> <span id="satellites_visible" style="color: #97e6ff;">0</span></div>
</div>
</div>
<div id="contextMenu" class="context-menu" style="display: none">
@@ -106,7 +121,7 @@ font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
</div>
<div id="drone" style="cursor:pointer">
<span style="color: #c9003c; font-weight: bold">PI</span> <span style="color: #ffc9d9; font-weight: bold">777</span><br>
<img src="https://i.imgur.com/1gB9w4E.png" width="32px" alt="">
<img src="/img/drone-icon.png" width="32px" alt="">
</div>
<div id="map"></div>