UI tweaks

This commit is contained in:
Taylor Helsper 2022-03-20 22:38:37 -05:00
parent 72b50d63fc
commit cc5b3de5b1

View File

@ -60,6 +60,7 @@
});
$("#clear_token_button").on("click", function() {
if (confirm("Are you sure you want to clear your Premium+ Access Token?")) {
$('#loading_spinner_overlay').fadeIn();
window.location.href='/premium-plus/clear-token';
}
});
@ -74,6 +75,7 @@
$("#sync_status_save").show();
});
$("#sync_status_save").on("click", function() {
$('#loading_spinner_overlay').fadeIn();
enabled=$('#sync_status_checkbox').is(":checked");
if (enabled)
{
@ -89,6 +91,7 @@
$("#sync_bitcoin_and_lightning_save").show();
});
$("#sync_bitcoin_and_lightning_save").on("click", function() {
$('#loading_spinner_overlay').fadeIn();
enabled=$('#sync_bitcoin_and_lightning_checkbox').is(":checked");
if (enabled)
{
@ -104,6 +107,7 @@
$("#backup_scb_save").show();
});
$("#backup_scb_save").on("click", function() {
$('#loading_spinner_overlay').fadeIn();
enabled=$('#backup_scb_checkbox').is(":checked");
if (enabled)
{
@ -119,6 +123,7 @@
$("#watchtower_save").show();
});
$("#watchtower_save").on("click", function() {
$('#loading_spinner_overlay').fadeIn();
enabled=$('#watchtower_checkbox').is(":checked");
if (enabled)
{
@ -210,7 +215,7 @@
<input type="checkbox" id="sync_status_checkbox" {% if premium_plus_settings['sync_status'] %}checked{% endif %} {% if not is_connected %}disabled{% endif %}>
<span class="slider round"></span>
</label>
<button id="sync_status_save" style="display: none; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
<button id="sync_status_save" style="display: none; margin-left: 10px; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
</td>
<td>
<img style="width: 16px; margin-left: 10px;" src="{{ url_for('static', filename="images/tooltip_icon.png")}}" title="Sync Device Status" msg="Syncing your node's status will allow you to see basic node information via mynodebtc.com. Info like app status, drive usage, and uptime will be available online.">
@ -223,7 +228,7 @@
<input type="checkbox" id="sync_bitcoin_and_lightning_checkbox" {% if premium_plus_settings['sync_bitcoin_and_lightning'] %}checked{% endif %} {% if not is_connected %}disabled{% endif %}>
<span class="slider round"></span>
</label>
<button id="sync_bitcoin_and_lightning_save" style="display: none; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
<button id="sync_bitcoin_and_lightning_save" style="display: none; margin-left: 10px; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
</td>
<td>
<img style="width: 16px; margin-left: 10px;" src="{{ url_for('static', filename="images/tooltip_icon.png")}}" title="Sync Bitcoin and Lightning Info" msg="Syncing your node's Bitcoin and Lightning information will allow you to view that information via mynodebtc.com. Bitcoin information (block height, peers, etc...) and Lightning information (peers, channels, balances, etc...) will be available online. Some information may be considered sensitive.">
@ -236,7 +241,7 @@
<input type="checkbox" id="backup_scb_checkbox" {% if premium_plus_settings['backup_scb'] %}checked{% endif %} {% if not is_connected %}disabled{% endif %}>
<span class="slider round"></span>
</label>
<button id="backup_scb_save" style="display: none; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
<button id="backup_scb_save" style="display: none; margin-left: 10px; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
</td>
<td>
<img style="width: 16px; margin-left: 10px;" src="{{ url_for('static', filename="images/tooltip_icon.png")}}" title="Remote Channel Backup" msg="Enabling Remote Channel Backup creates another layer of defense. An online backup of your encrypted SCB file is made to help prevent loss of funds in case of physical hardware failure.">
@ -249,12 +254,13 @@
<input type="checkbox" id="watchtower_checkbox" {% if premium_plus_settings['watchtower'] %}checked{% endif %} {% if not is_connected %}disabled{% endif %}>
<span class="slider round"></span>
</label>
<button id="watchtower_save" style="display: none; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
<button id="watchtower_save" style="display: none; margin-left: 10px; float: right;" class="ui-button ui-widget ui-corner-all settings_button_small">Save</button>
</td>
<td>
<img style="width: 16px; margin-left: 10px;" src="{{ url_for('static', filename="images/tooltip_icon.png")}}" title="Lightning Watchtower" msg="Enabling the Lightning Watchtower starts an external node to monitor your Lightning channels, helping detect and prevent malicious actions by peers.">
</td>
</tr>
<!--
<tr>
<th class="connected-style">Proxy</th>
<td class="connected-style">
@ -264,6 +270,7 @@
&nbsp;
</td>
</tr>
-->
</table>
</div>
</div>
@ -285,7 +292,7 @@
<div id="loading_spinner_overlay" class="loading_spinner_overlay" style="display:none;">
<img id="loading_spinner" class="loading_image" src="{{ url_for('static', filename="images/loading.gif")}}"/>
<br/>
Loading...
<span id="loading_spinner_message">Loading...</span>
</div>
{% include 'includes/footer.html' %}