✨ Add Restore Option

mskian · May 20, 2020 · 7d6a5f4 · 7d6a5f4
1 parent a899094
commit 7d6a5f4
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 12 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -93,16 +93,6 @@ h2 {
  color: #1b0404;
 }
 
-.btn.btn-gotify:focus,.btn.btn-gotify:hover{
- background:#2d9ee9;;
- border-color:#2d9ee9;
- color:#ffffff;
-}
-.btn.btn-gotify.active,.btn.btn-gotify:active{
- background:#2d9ee9;
- border-color:#2d9ee9;
- color:#ffffff;
-}
 .btn.btn-gotify.loading::after{
  border-bottom-color:#ffffff;
  border-left-color:#ffffff;

diff --git a/js/storage.js b/js/storage.js
@@ -60,6 +60,27 @@ function restoreOptions() {
  });
 }
 
+function restoreBackup() {
+ chrome.storage.sync.get({
+ backup: []
+ }, restore => {
+ if (restore.backup == 0) {
+ document.getElementById('connection').innerHTML = '<b>No backup</b>';
+ setTimeout(() => {
+ document.getElementById('connection').innerHTML = '';
+ }, 2000);
+ } else {
+ document.getElementById('connection').innerHTML = '<p>Restored <b>Save Proxy 👆</b> to Connect the Server</p>';
+ setTimeout(() => {
+ document.getElementById('connection').innerHTML = '';
+ }, 3000);
+ if (document.getElementById('apiurl') != null) {
+ document.getElementById('apiurl').value = restore.backup;
+ }
+ }
+ });
+}
+
 document.addEventListener('DOMContentLoaded', restoreOptions);
 var el = document.getElementById('save');
 if (el) {
@@ -76,4 +97,8 @@ if (gc) {
 
 if (document.getElementById('clear') != null) {
  document.getElementById('clear').addEventListener('click', clear);
+}
+
+if (document.getElementById('backuprestore') != null) {
+ document.getElementById('backuprestore').addEventListener('click', restoreBackup);
 }
diff --git a/options.html b/options.html
@@ -15,7 +15,7 @@
 
 <div class="container text-center">
 
-<h2>Enter your Socks5 IP and PORT 🔐</h2>
+<h2>Enter your Socks IP and PORT 🔐</h2>
 
 <br>
 
@@ -33,7 +33,7 @@ <h2>Enter your Socks5 IP and PORT 🔐</h2>
 <br>
 
 <div class="container text-center">
-<button class="btn btn-gotify btn-lg read-more" id="clear">⏺ Disable</button>
+<button class="btn btn-gotify btn-lg read-more" id="clear">⏺ Disable</button>&nbsp;&nbsp;&nbsp;<button class="btn btn-gotify btn-lg read-more" id="backuprestore">♻ Restore</button>
 <br>
 <br>
 <div id="connection"></div>