platypush/platypush
platypush/platypush
2
2
Fork 4
Code Issues 30 Pull requests Projects 4 Releases Packages Wiki Activity

Added auto pilot and stop controls to ZeroBorg web UI

Browse source
This commit is contained in:
Fabio Manganiello 2018-04-09 18:12:53 +02:00
parent cb44f864cc
commit 75e958bb38
3 changed files with 47 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
platypush/backend/http/static/css/gpio.zeroborg.css
View file

@ -3,7 +3,18 @@
width: 25%;
}
.zb-ctrl-btn.selected {
color: #78ff00 !important;
.zb-ctrl-btn {
white-space: normal;
height: 6rem;
}
.zb-ctrl-btn.selected {
color: #78ff00 !important;
}
.ctrl-bottom-row {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
}

23
platypush/backend/http/static/js/gpio.zeroborg.js
View file

@ -56,6 +56,29 @@ $(document).ready(function() {
action: 'gpio.zeroborg.stop',
});
});
$controlsContainer.on('click touch', '.zb-ctrl-btn[data-action]', function() {
console.log('Running ' + $(this).data('action') + ' action');
if ($(this).data('action') === 'stop') {
$controlsContainer.find('.zb-ctrl-btn[data-action=auto]').removeClass('selected');
execute({
type: 'request',
action: 'gpio.zeroborg.stop',
});
} else if ($(this).data('action') === 'auto') {
$(this).toggleClass('selected');
execute({
type: 'request',
action: 'gpio.zeroborg.drive',
args: {
direction: 'auto_toggle'
}
});
}
});
};
var init = function() {

11
platypush/backend/http/templates/plugins/gpio.zeroborg.html
View file

@ -28,6 +28,17 @@
</button>
<div class="four columns">&nbsp;</div>
</div>
<div class="row ctrl-bottom-row">
<div class="two columns">&nbsp;</div>
<button data-action="auto" class="zb-ctrl-btn four columns">
AUTO PILOT
</button>
<button data-action="stop" class="zb-ctrl-btn four columns">
<i class="fa fa-stop"></i>
</button>
<div class="two columns">&nbsp;</div>
</div>
</div>
</div>