mirror of
https://github.com/betaflight/betaflight.git
synced 2025-07-17 05:15:25 +03:00
removing custom frame, changes for 35M
This commit is contained in:
cTn
parent
1280c7668c
commit
5deb48f6cb
3 changed files with 70 additions and 135 deletions
|
|
@ -11,11 +11,11 @@
|
|||
function start_app() {
|
||||
chrome.app.window.create('main.html', {
|
||||
id: 'main-window',
|
||||
frame: 'none',
|
||||
frame: 'chrome',
|
||||
resizable: false
|
||||
}, function(createdWindow) {
|
||||
// set window size
|
||||
createdWindow.setBounds({'width': 962, 'height': 650});
|
||||
createdWindow.setBounds({'width': 960, 'height': 625});
|
||||
|
||||
// bind events
|
||||
createdWindow.onMaximized.addListener(function() {
|
||||
|
|
|
|||
67
main.css
67
main.css
|
|
@ -41,65 +41,7 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
.right {
|
||||
float: right;
|
||||
}
|
||||
#outter-wrapper {
|
||||
border: 1px solid silver;
|
||||
}
|
||||
#frame {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
|
||||
-webkit-app-region: drag;
|
||||
|
||||
background-color: white;
|
||||
}
|
||||
#frame .title {
|
||||
float: left;
|
||||
|
||||
margin-left: 15px;
|
||||
|
||||
font-weight: bold;
|
||||
/* text-shadow: 1px 1px #e4e4e4; */
|
||||
}
|
||||
#frame .minimize {
|
||||
float: right;
|
||||
display: block;
|
||||
|
||||
width: 26px;
|
||||
height: 20px;
|
||||
|
||||
background: url('../images/controls/minimize.png') no-repeat 0 0;
|
||||
}
|
||||
#frame .maximize {
|
||||
float: right;
|
||||
display: block;
|
||||
|
||||
width: 27px;
|
||||
height: 20px;
|
||||
|
||||
background: url('../images/controls/maximize.png') no-repeat 0 0;
|
||||
}
|
||||
#frame .close {
|
||||
float: right;
|
||||
display: block;
|
||||
|
||||
width: 45px;
|
||||
height: 20px;
|
||||
|
||||
background: url('../images/controls/close.png') no-repeat 0 0;
|
||||
}
|
||||
#frame a {
|
||||
cursor: default;
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
#frame a:hover {
|
||||
/* hover is disabled untill webkit-app-region: drag; starts to fire events or chromium implements native frame */
|
||||
/* background-position: 0px -20px; */
|
||||
}
|
||||
#frame a:active {
|
||||
background-position: 0px -40px;
|
||||
}
|
||||
#main-wrapper {
|
||||
width: 940px;
|
||||
margin: 10px auto 0 auto;
|
||||
|
||||
padding: 0 10px 0 10px;
|
||||
|
|
@ -256,7 +198,7 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
padding: 10px;
|
||||
|
||||
background-color: white;
|
||||
height: 429px;
|
||||
height: 431px;
|
||||
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
|
|
@ -266,10 +208,11 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
-webkit-transform: rotateX(0deg); /* DO NOT REMOVE! this fixes the UI freezing bug on MAC OS X */
|
||||
}
|
||||
#status-bar {
|
||||
margin-left: -10px;
|
||||
margin-top: 10px;
|
||||
position: fixed;
|
||||
|
||||
width: 940px;
|
||||
bottom: 0px;
|
||||
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
|
|
|
|||
134
main.html
134
main.html
|
|
@ -47,81 +47,73 @@
|
|||
<script type="text/javascript" src="./tabs/firmware_flasher.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outter-wrapper">
|
||||
<div id="frame">
|
||||
<span class="title">Baseflight - Configurator</span>
|
||||
<a class="close" href="#" title="Close"></a>
|
||||
<a class="maximize" href="#"></a>
|
||||
<a class="minimize" href="#" title="Minimize"></a>
|
||||
<div id="main-wrapper">
|
||||
<div id="port-picker">
|
||||
<ul>
|
||||
<li class="port">
|
||||
<select id="port" title="Port">
|
||||
<!-- port list gets generated here -->
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<select id="baud" title="Baud Rate">
|
||||
<option value="115200" selected="selected">115200</option>
|
||||
<option value="57600">57600</option>
|
||||
<option value="38400">38400</option>
|
||||
<option value="28800">28800</option>
|
||||
<option value="19200">19200</option>
|
||||
<option value="14400">14400</option>
|
||||
<option value="9600">9600</option>
|
||||
<option value="4800">4800</option>
|
||||
<option value="2400">2400</option>
|
||||
<option value="1200">1200</option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<a class="connect" href="#" title="">Connect</a>
|
||||
<label>
|
||||
<input class="auto_connect" type="checkbox" title="Auto-Connect" />
|
||||
<span class="auto_connect">Auto-Connect</span>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="main-wrapper">
|
||||
<div id="port-picker">
|
||||
<ul>
|
||||
<li class="port">
|
||||
<select id="port" title="Port">
|
||||
<!-- port list gets generated here -->
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<select id="baud" title="Baud Rate">
|
||||
<option value="115200" selected="selected">115200</option>
|
||||
<option value="57600">57600</option>
|
||||
<option value="38400">38400</option>
|
||||
<option value="28800">28800</option>
|
||||
<option value="19200">19200</option>
|
||||
<option value="14400">14400</option>
|
||||
<option value="9600">9600</option>
|
||||
<option value="4800">4800</option>
|
||||
<option value="2400">2400</option>
|
||||
<option value="1200">1200</option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<a class="connect" href="#" title="">Connect</a>
|
||||
<label>
|
||||
<input class="auto_connect" type="checkbox" title="Auto-Connect" />
|
||||
<span class="auto_connect">Auto-Connect</span>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="sensor-status">
|
||||
<ul>
|
||||
<li class="gyro" title="Gyroscope">Gyro</li>
|
||||
<li class="accel" title="Accelerometer">Accel</li>
|
||||
<li class="mag" title="Magnetometer">Mag</li>
|
||||
<li class="baro" title="Barometer">Baro</li>
|
||||
<li class="gps" title="GPS">GPS</li>
|
||||
<li class="sonar" title="Sonar / Range finder">Sonar</li>
|
||||
</ul>
|
||||
<div id="sensor-status">
|
||||
<ul>
|
||||
<li class="gyro" title="Gyroscope">Gyro</li>
|
||||
<li class="accel" title="Accelerometer">Accel</li>
|
||||
<li class="mag" title="Magnetometer">Mag</li>
|
||||
<li class="baro" title="Barometer">Baro</li>
|
||||
<li class="gps" title="GPS">GPS</li>
|
||||
<li class="sonar" title="Sonar / Range finder">Sonar</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear-both"></div>
|
||||
<div id="log">
|
||||
<div class="wrapper">
|
||||
</div>
|
||||
</div>
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li class="tab_initial_setup"><a href="#">Initial Setup</a></li>
|
||||
<li class="tab_pid_tuning"><a href="#">PID Tuning</a></li>
|
||||
<li class="tab_receiver"><a href="#">Receiver</a></li>
|
||||
<li class="tab_auxiliary_configuration"><a href="#">Auxiliary Configuration</a></li>
|
||||
<li class="tab_servos"><a href="#">Servos</a></li>
|
||||
<li class="tab_gps"><a href="#">GPS</a></li>
|
||||
<li class="tab_motor_outputs"><a href="#">Motor/Servo Outputs</a></li>
|
||||
<li class="tab_sensors"><a href="#">Raw Sensor Data</a></li>
|
||||
<li class="tab_cli"><a href="#">CLI</a></li>
|
||||
</ul>
|
||||
<div class="clear-both"></div>
|
||||
<div id="log">
|
||||
<div class="wrapper">
|
||||
</div>
|
||||
</div>
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li class="tab_initial_setup"><a href="#">Initial Setup</a></li>
|
||||
<li class="tab_pid_tuning"><a href="#">PID Tuning</a></li>
|
||||
<li class="tab_receiver"><a href="#">Receiver</a></li>
|
||||
<li class="tab_auxiliary_configuration"><a href="#">Auxiliary Configuration</a></li>
|
||||
<li class="tab_servos"><a href="#">Servos</a></li>
|
||||
<li class="tab_gps"><a href="#">GPS</a></li>
|
||||
<li class="tab_motor_outputs"><a href="#">Motor/Servo Outputs</a></li>
|
||||
<li class="tab_sensors"><a href="#">Raw Sensor Data</a></li>
|
||||
<li class="tab_cli"><a href="#">CLI</a></li>
|
||||
</ul>
|
||||
<div class="clear-both"></div>
|
||||
</div>
|
||||
<div id="content">
|
||||
</div>
|
||||
<div id="status-bar">
|
||||
<span i18n="statusbar_port_utilization"></span> <span class="port_usage_down">D: 0%</span> <span class="port_usage_up">U: 0%</span> |
|
||||
<span i18n="statusbar_packet_error"></span> <span class="packet-error">0</span> |
|
||||
<span i18n="statusbar_cycle_time"></span> <span class="cycle-time">0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
</div>
|
||||
</div>
|
||||
<div id="status-bar">
|
||||
<span i18n="statusbar_port_utilization"></span> <span class="port_usage_down">D: 0%</span> <span class="port_usage_up">U: 0%</span> |
|
||||
<span i18n="statusbar_packet_error"></span> <span class="packet-error">0</span> |
|
||||
<span i18n="statusbar_cycle_time"></span> <span class="cycle-time">0</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue