From 13ef619f6380bf123942de6f27421f9f6ad94c68 Mon Sep 17 00:00:00 2001 From: pbca26 <pbca26@gmail.com> Date: Mon, 13 Mar 2017 21:43:05 +0300 Subject: [PATCH] reduced nprogress bar to template --- assets/scripts/atomicexplorer.js | 5 +---- assets/scripts/dashboard.js | 7 ++---- assets/scripts/dashboard/DashboardDEX.js | 15 +++---------- assets/scripts/dashboard/DashboardEDEX.js | 22 +++++-------------- assets/scripts/iguana_api/IguanaDEX.js | 15 +++---------- assets/scripts/iguana_api/IguanaEDEX.js | 10 ++------- assets/scripts/kmd_wallet/KMDAddress.js | 15 +++---------- assets/scripts/kmd_wallet/KMDInit.js | 5 +---- assets/scripts/kmd_wallet/KMDTransaction.js | 10 ++------- .../scripts/kmd_wallet/KMDTransactionInfo.js | 10 ++------- assets/scripts/templates/nprogressBar.js | 7 ++++++ index.html | 1 + 12 files changed, 32 insertions(+), 90 deletions(-) create mode 100644 assets/scripts/templates/nprogressBar.js diff --git a/assets/scripts/atomicexplorer.js b/assets/scripts/atomicexplorer.js index cc60867..fa667b1 100644 --- a/assets/scripts/atomicexplorer.js +++ b/assets/scripts/atomicexplorer.js @@ -17,10 +17,7 @@ var AtomicExplorer = function() { $('#atomic_explorer_getcoinpeers_btn').click(function() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); console.log('button pushed in atomic explorer'); diff --git a/assets/scripts/dashboard.js b/assets/scripts/dashboard.js index 94b31b0..9450ccc 100644 --- a/assets/scripts/dashboard.js +++ b/assets/scripts/dashboard.js @@ -354,10 +354,7 @@ var Dashboard = function() { submitHandler: function(form) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -724,7 +721,7 @@ var Dashboard = function() { coinlogo = 'SHARK'; coinname = 'SHARK'; break; - case 'BOTS': + case 'BOTS': coinlogo = 'BOTS'; coinname = 'BOTS'; break; diff --git a/assets/scripts/dashboard/DashboardDEX.js b/assets/scripts/dashboard/DashboardDEX.js index c225e4f..9b14f3e 100644 --- a/assets/scripts/dashboard/DashboardDEX.js +++ b/assets/scripts/dashboard/DashboardDEX.js @@ -7,10 +7,7 @@ function getDEXCoinBalance(coin) { function getDEXGetBalance(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); return new Promise((resolve) => { @@ -84,10 +81,7 @@ function getDEXGetBalance(coin) { function getDEXGetBalance_cache(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -172,10 +166,7 @@ function getDEXGetBalance_cache(coin) { function getDEXGetBalance2(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/dashboard/DashboardEDEX.js b/assets/scripts/dashboard/DashboardEDEX.js index 6f69624..fb4522d 100644 --- a/assets/scripts/dashboard/DashboardEDEX.js +++ b/assets/scripts/dashboard/DashboardEDEX.js @@ -2,10 +2,7 @@ function EdexfillTxHistory(coin) { $('#edexcoin_txhistory').data('panel-api').load(); NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -440,10 +437,7 @@ function refreshEDEXCoinWalletList() { function EdexGetTxList(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -678,10 +672,7 @@ function EdexGetTxList(coin) { function EdexGetTxList_cache(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -714,7 +705,7 @@ function EdexGetTxList_cache(coin) { tmp_amount = '<span class="label label-dark">' + _lang[defaultLang].DASHBOARD.UNKNOWN + '</span>'; } - var tmp_addr = null + var tmp_addr = null; if (!('paid' in result_data[index])) { tmp_addr = '<i class="icon fa-bullseye"></i> <span class="label label-dark">' + _lang[defaultLang].DASHBOARD.ZADDR_NOT_LISTED + '!</span>'; } @@ -985,10 +976,7 @@ function clearEdexSendFieldData() { function EdexListAllAddr(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/iguana_api/IguanaDEX.js b/assets/scripts/iguana_api/IguanaDEX.js index 67feccd..cf55cb0 100644 --- a/assets/scripts/iguana_api/IguanaDEX.js +++ b/assets/scripts/iguana_api/IguanaDEX.js @@ -405,10 +405,7 @@ function Iguana_DEXsendrawtx(data) { function EDEX_DEXlistunspent(coin, addr) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -448,10 +445,7 @@ function EDEX_DEXlistunspent(coin, addr) { function EDEX_DEXnotarychains() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -490,10 +484,7 @@ function EDEX_DEXnotarychains() { function EDEX_DEXgetinfoAll() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/iguana_api/IguanaEDEX.js b/assets/scripts/iguana_api/IguanaEDEX.js index 749f21b..ed18c5b 100644 --- a/assets/scripts/iguana_api/IguanaEDEX.js +++ b/assets/scripts/iguana_api/IguanaEDEX.js @@ -1,10 +1,7 @@ function EDEXlistunspent(coin, addr) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -133,10 +130,7 @@ function clearEdexSendFieldData() { function EDEXMainAddr(coin) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/kmd_wallet/KMDAddress.js b/assets/scripts/kmd_wallet/KMDAddress.js index a45e93d..49935df 100644 --- a/assets/scripts/kmd_wallet/KMDAddress.js +++ b/assets/scripts/kmd_wallet/KMDAddress.js @@ -103,10 +103,7 @@ function KMDListaddrZ() { function KMDListAddresses(pubpriv) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -173,10 +170,7 @@ function KMDListAddresses(pubpriv) { function KMDGetNewAddresses(pubpriv) { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -239,10 +233,7 @@ function KMDGetNewAddresses(pubpriv) { function KMDListAllAddr() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/kmd_wallet/KMDInit.js b/assets/scripts/kmd_wallet/KMDInit.js index aca9099..7ef25d6 100644 --- a/assets/scripts/kmd_wallet/KMDInit.js +++ b/assets/scripts/kmd_wallet/KMDInit.js @@ -11,10 +11,7 @@ function checkTimestamp(dateToCheck) { function RunKMDInitFunctions() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/kmd_wallet/KMDTransaction.js b/assets/scripts/kmd_wallet/KMDTransaction.js index 5751f12..181ea26 100644 --- a/assets/scripts/kmd_wallet/KMDTransaction.js +++ b/assets/scripts/kmd_wallet/KMDTransaction.js @@ -1,10 +1,7 @@ function KMDGetPublicTransactions() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -94,10 +91,7 @@ function KMDGetPublicTransactions() { function KMDGetProtectedTransactions() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/kmd_wallet/KMDTransactionInfo.js b/assets/scripts/kmd_wallet/KMDTransactionInfo.js index 8b43b0c..7620149 100644 --- a/assets/scripts/kmd_wallet/KMDTransactionInfo.js +++ b/assets/scripts/kmd_wallet/KMDTransactionInfo.js @@ -1,10 +1,7 @@ function KMDlistunspentT() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); @@ -179,10 +176,7 @@ function KMDGetOPIDInfo(opid) { function KMDListAllOPIDs() { NProgress.done(true); NProgress.configure({ - template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' + - '<div class="spinner" role="spinner">' + - '<div class="spinner-icon"></div>' + - '</div>' + template: templates.nprogressBar }); NProgress.start(); diff --git a/assets/scripts/templates/nprogressBar.js b/assets/scripts/templates/nprogressBar.js new file mode 100644 index 0000000..65b53fa --- /dev/null +++ b/assets/scripts/templates/nprogressBar.js @@ -0,0 +1,7 @@ +templates.nprogressBar = +` +<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div> +<div class="spinner" role="spinner"> + <div class="spinner-icon"></div> +</div> +`; \ No newline at end of file diff --git a/index.html b/index.html index c565ea4..c8dac29 100755 --- a/index.html +++ b/index.html @@ -72,6 +72,7 @@ const templates = {}; </script> <script src="assets/scripts/templates/addCoinOptions.js"></script> + <script src="assets/scripts/templates/nprogressBar.js"></script> <script src="assets/scripts/templates/refreshBasiliskConnectionsModal.js"></script> <script src="assets/scripts/templates/addCoinModal.js"></script> <script src="assets/scripts/templates/ieFix.js"></script>