diff --git a/css/style.css b/css/style.css index d9001757b9..51e67380e8 100644 --- a/css/style.css +++ b/css/style.css @@ -190,6 +190,11 @@ a:hover { border-top: 1px solid #7d7d79; background-color: #bfbeb5; } + #status-bar .notify { + float: right; + } + #status-bar .notify span { + } /* tab specific sections */ .tab-initial_setup { diff --git a/js/main.js b/js/main.js index 6329dfa119..a82e6fcfb0 100644 --- a/js/main.js +++ b/js/main.js @@ -82,4 +82,12 @@ $(document).ready(function() { }); tab_initialize_default(); -}); \ No newline at end of file +}); + +function notify(message, color) { + $('span.notify').html('' + message + '');+ + $('span.notify span').fadeOut(5000, function() { + $(this).remove(); + }); + +} \ No newline at end of file diff --git a/js/serial_backend.js b/js/serial_backend.js index 5b3c3d0fa7..b0db0978ec 100644 --- a/js/serial_backend.js +++ b/js/serial_backend.js @@ -280,6 +280,7 @@ function onOpen(openInfo) { }, connection_delay * 1000); } else { console.log('Failed to open serial port'); + notify('Failed to open serial port', 'red'); $('div#port-picker a.connect').text('Connect'); $('div#port-picker a.connect').removeClass('active'); @@ -302,6 +303,7 @@ function onClosed(result) { } else { // Something went wrong if (connectionId > 0) { console.log('There was an error that happened during "connection-close" procedure.'); + notify('Failed to close serial port', 'red'); } } } diff --git a/main.html b/main.html index 831f7eaf0f..16323f5e65 100644 --- a/main.html +++ b/main.html @@ -105,6 +105,7 @@ Port utilization: 0% | Firmware Version: 0.00 | Cycle Time: 0 +