From eaeda19842c16de1edbe09f2bf926999d1ee2e8d Mon Sep 17 00:00:00 2001 From: cTn Date: Wed, 22 Jan 2014 19:05:52 +0100 Subject: [PATCH] visual indicators for successful save to eeprom close #20 --- tabs/auxiliary_configuration.css | 3 +++ tabs/auxiliary_configuration.js | 15 +++++++++++---- tabs/initial_setup.css | 9 ++++++--- tabs/initial_setup.js | 11 +++++++++-- tabs/pid_tuning.css | 3 +++ tabs/pid_tuning.js | 9 ++++++++- tabs/receiver.css | 5 ++++- tabs/receiver.js | 9 ++++++++- tabs/servos.css | 3 +++ tabs/servos.js | 9 ++++++++- 10 files changed, 63 insertions(+), 13 deletions(-) diff --git a/tabs/auxiliary_configuration.css b/tabs/auxiliary_configuration.css index cb46f993a8..6228ab3f8b 100644 --- a/tabs/auxiliary_configuration.css +++ b/tabs/auxiliary_configuration.css @@ -79,4 +79,7 @@ } .tab-auxiliary_configuration .update:hover { background-color: #dedcdc; + } + .tab-auxiliary_configuration .update.success { + border: 1px solid #43c84d; } \ No newline at end of file diff --git a/tabs/auxiliary_configuration.js b/tabs/auxiliary_configuration.js index 81c078b901..9159673f30 100644 --- a/tabs/auxiliary_configuration.js +++ b/tabs/auxiliary_configuration.js @@ -6,7 +6,7 @@ function tab_initialize_auxiliary_configuration() { send_message(MSP_codes.MSP_BOX, MSP_codes.MSP_BOX, false, function() { // generate table from the supplied AUX names and AUX data for (var i = 0; i < AUX_CONFIG.length; i++) { - $('.tab-auxiliary_configuration .boxes > tbody:last').append( + $('.boxes > tbody:last').append( '' + '' + AUX_CONFIG[i] + '' + box_check(AUX_CONFIG_values[i], 0) + @@ -29,11 +29,11 @@ function tab_initialize_auxiliary_configuration() { } // UI Hooks - $('.tab-auxiliary_configuration a.update').click(function() { + $('a.update').click(function() { // catch the input changes var main_needle = 0; var needle = 0; - $('.tab-auxiliary_configuration .boxes input').each(function() { + $('.boxes input').each(function() { if ($(this).is(':checked')) { AUX_CONFIG_values[main_needle] = bit_set(AUX_CONFIG_values[main_needle], needle); } else { @@ -61,7 +61,14 @@ function tab_initialize_auxiliary_configuration() { send_message(MSP_codes.MSP_SET_BOX, AUX_val_buffer_out); // Save changes to EEPROM - send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE); + send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() { + var element = $('a.update'); + element.addClass('success'); + + GUI.timeout_add('success_highlight', function() { + element.removeClass('success'); + }, 2000); + }); }); // enable data pulling diff --git a/tabs/initial_setup.css b/tabs/initial_setup.css index ba7a40422b..15f2383d9f 100644 --- a/tabs/initial_setup.css +++ b/tabs/initial_setup.css @@ -309,7 +309,7 @@ border: 1px solid silver; text-align: center; } - .tab-initial_setup .save_settings { + .tab-initial_setup .update { display: block; float: left; @@ -325,9 +325,12 @@ border: 1px solid silver; background-color: #ececec; } - .tab-initial_setup .save_settings:hover { + .tab-initial_setup .update:hover { background-color: #dedcdc; - } + } + .tab-initial_setup .update.success { + border: 1px solid #43c84d; + } .tab-initial_setup .compass-wrapper { position: absolute; diff --git a/tabs/initial_setup.js b/tabs/initial_setup.js index 111d3a48b6..c25916eb45 100644 --- a/tabs/initial_setup.js +++ b/tabs/initial_setup.js @@ -132,7 +132,7 @@ function tab_initialize_initial_setup() { }); - $('a.save_settings').click(function() { + $('a.update').click(function() { CONFIG.accelerometerTrims[0] = parseInt($('input[name="pitch"]').val()); CONFIG.accelerometerTrims[1] = parseInt($('input[name="roll"]').val()); @@ -185,7 +185,14 @@ function tab_initialize_initial_setup() { send_message(MSP_codes.MSP_SET_MISC, buffer_out); // Save changes to EEPROM - send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE); + send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() { + var element = $('a.update'); + element.addClass('success'); + + GUI.timeout_add('success_highlight', function() { + element.removeClass('success'); + }, 2000); + }); }); // reset yaw button hook diff --git a/tabs/pid_tuning.css b/tabs/pid_tuning.css index 9eabf9d2f1..0142c9f433 100644 --- a/tabs/pid_tuning.css +++ b/tabs/pid_tuning.css @@ -85,4 +85,7 @@ .tab-pid_tuning .update:hover, .tab-pid_tuning .refresh:hover { background-color: #dedcdc; + } + .tab-pid_tuning .update.success { + border: 1px solid #43c84d; } \ No newline at end of file diff --git a/tabs/pid_tuning.js b/tabs/pid_tuning.js index 4ce56c49dc..e6bc751026 100644 --- a/tabs/pid_tuning.js +++ b/tabs/pid_tuning.js @@ -223,7 +223,14 @@ function tab_initialize_pid_tuning() { send_message(MSP_codes.MSP_SET_RC_TUNING, RC_tuning_buffer_out); // Save changes to EEPROM - send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE); + send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() { + var element = $('a.update'); + element.addClass('success'); + + GUI.timeout_add('success_highlight', function() { + element.removeClass('success'); + }, 2000); + }); }); // enable data pulling diff --git a/tabs/receiver.css b/tabs/receiver.css index 19435cce38..82703cd55d 100644 --- a/tabs/receiver.css +++ b/tabs/receiver.css @@ -119,4 +119,7 @@ .tab-receiver .update:hover, .tab-receiver .refresh:hover { background-color: #dedcdc; - } \ No newline at end of file + } + .tab-receiver .update.success { + border: 1px solid #43c84d; + } \ No newline at end of file diff --git a/tabs/receiver.js b/tabs/receiver.js index 8e5b620e68..337bb5a66e 100644 --- a/tabs/receiver.js +++ b/tabs/receiver.js @@ -141,7 +141,14 @@ function tab_initialize_receiver() { send_message(MSP_codes.MSP_SET_RC_TUNING, RC_tuning_buffer_out); // Save changes to EEPROM - send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE); + send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() { + var element = $('a.update'); + element.addClass('success'); + + GUI.timeout_add('success_highlight', function() { + element.removeClass('success'); + }, 2000); + }); }); // enable RC data pulling diff --git a/tabs/servos.css b/tabs/servos.css index c223464971..240d37c5db 100644 --- a/tabs/servos.css +++ b/tabs/servos.css @@ -132,4 +132,7 @@ } .tab-servos .update:hover { background-color: #dedcdc; + } + .tab-servos .update.success { + border: 1px solid #43c84d; } \ No newline at end of file diff --git a/tabs/servos.js b/tabs/servos.js index 6b2743c789..f2b9fae004 100644 --- a/tabs/servos.js +++ b/tabs/servos.js @@ -190,7 +190,14 @@ function servos_update(save_to_eeprom) { if (save_to_eeprom) { // Save changes to EEPROM - send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE); + send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() { + var element = $('a.update'); + element.addClass('success'); + + GUI.timeout_add('success_highlight', function() { + element.removeClass('success'); + }, 2000); + }); } }