From 1916f13985aff7d2b7bd33f64a0ba54dfd9b3add Mon Sep 17 00:00:00 2001
From: Petr Balashov <pbca26@gmail.com>
Date: Thu, 9 Mar 2017 14:31:51 +0100
Subject: [PATCH] split index.html into smaller files (wip)

---
 assets/scripts/kmd_wallet/KMDTransaction.js   |   6 +-
 assets/scripts/templates/addCoinLoginModal.js |  73 ++++
 assets/scripts/templates/addCoinModal.js      |  74 ++++
 assets/scripts/templates/ieFix.js             |   6 +
 assets/scripts/templates/loginPage.js         | 182 ++++++++
 .../refreshBasiliskConnectionsModal.js        |  67 +++
 index.html                                    | 411 +-----------------
 7 files changed, 425 insertions(+), 394 deletions(-)
 create mode 100644 assets/scripts/templates/addCoinLoginModal.js
 create mode 100644 assets/scripts/templates/addCoinModal.js
 create mode 100644 assets/scripts/templates/ieFix.js
 create mode 100644 assets/scripts/templates/loginPage.js
 create mode 100644 assets/scripts/templates/refreshBasiliskConnectionsModal.js

diff --git a/assets/scripts/kmd_wallet/KMDTransaction.js b/assets/scripts/kmd_wallet/KMDTransaction.js
index 338cfcb..d46401f 100644
--- a/assets/scripts/kmd_wallet/KMDTransaction.js
+++ b/assets/scripts/kmd_wallet/KMDTransaction.js
@@ -38,7 +38,7 @@ function KMDGetPublicTransactions() {
 				var tmp_secondsToString = secondsToString(AjaxOutputData[index].time);
 
 				if ( AjaxOutputData[index].category == 'send' ) {
-					tmp_category = '<i class="icon fa-arrow-circle-left"></i> '._lang[defaultLang].TOASTR.OUT;
+					tmp_category = '<i class="icon fa-arrow-circle-left"></i> ' + _lang[defaultLang].TOASTR.OUT;
 				}
 				if ( AjaxOutputData[index].category == 'receive' ) {
 					tmp_category = '<i class="icon fa-arrow-circle-right"></i> ' + _lang[defaultLang].TOASTR.IN;
@@ -114,8 +114,8 @@ function KMDGetProtectedTransactions() {
 				var AjaxOutputData = JSON.parse(data); // Ajax output gets the whole list of unspent coin with addresses
 
 				$.each(AjaxOutputData, function(index, txidvalue) {
-					var tmp_category = '<i class="icon fa-arrow-circle-right"></i> ' + _lang[defaultLang].TOASTR.IN;
-					var tmp_addr = value.addr.slice(0, 30) + '...';
+					var tmp_category = '<i class="icon fa-arrow-circle-right"></i> ' + _lang[defaultLang].TOASTR.IN,
+							tmp_addr = value.addr.slice(0, 30) + '...';
 					if (!('amount' in txidvalue)) {
 						var tmp_amount = 0;
 					} else {
diff --git a/assets/scripts/templates/addCoinLoginModal.js b/assets/scripts/templates/addCoinLoginModal.js
new file mode 100644
index 0000000..2f7b9db
--- /dev/null
+++ b/assets/scripts/templates/addCoinLoginModal.js
@@ -0,0 +1,73 @@
+templates.addCoinLoginModal = 
+`
+<!-- Modal -->
+<div class="modal fade modal-3d-sign" id="AddCoinDilogModel-login" aria-hidden="true" aria-labelledby="AddCoinDilogModel-login" role="dialog" tabindex="-1">
+  <div class="modal-dialog modal-center modal-lg">
+    <div class="modal-content">
+      <div class="modal-header bg-orange-a400 wallet-send-header">
+        <button type="button" class="close white" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">×</span>
+        </button>
+        <h4 class="modal-title white" data-lang="INDEX.SELECT_A_COIN"></h4>
+      </div>
+      <div class="modal-body">
+        <div class="col-sm-8">
+          <div class="form-group">
+            <select class="form-control form-material" id="addcoin_select_coin_mdl_options-login">
+              <option data-lang="INDEX.SELECT"></option>
+              <option value="BTC">Bitcoin</option>
+              <option value="BTCD">BitcoinDark</option>
+              <option value="LTC">Litecoin</option>
+              <option value="DOGE">Dogecoin</option>
+              <option value="DGB">Digibyte</option>
+              <option value="SYS">SysCoin</option>
+              <option value="MZC">MazaCoin</option>
+              <option value="UNO">Unobtanium</option>
+              <option value="ZET">Zetacoin</option>
+              <option value="KMD">Komodo</option>
+              <option value="BTM">Bitmark</option>
+              <option value="CARB">Carboncoin</option>
+              <option value="ANC">AnonCoin</option>
+              <option value="FRK">Franko</option>
+              <option value="SUPERNET">SUPERNET</option>
+              <option value="REVS">REVS</option>
+              <option value="WIRELESS">WIRELESS</option>
+              <option value="USD">USD</option>
+            </select>
+          </div>
+        </div>
+        <div class="col-sm-4" style="text-align: center">
+          <button type="button" class="btn btn-primary mdl_addcoin_done_btn-login" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn-login" data-lang="INDEX.ACTIVATE_COIN"></button>
+        </div>
+        <div class="col-sm-12 text-center">
+          <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl-login">
+            <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl-login" data-plugin="labelauty" id="addcoin_mdl_full_mode_login" data-labelauty="Full Mode|Full Mode" value="1" checked>
+          </div>
+          <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl-login">
+            <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl-login" data-plugin="labelauty" id="addcoin_mdl_basilisk_mode_login" value="0" data-labelauty="Basilisk Mode|Basilisk Mode">
+          </div>
+          <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 style-addcoin-lbl-mdl-login">
+            <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl-login" data-plugin="labelauty" id="addcoin_mdl_native_mode_login" value="-1" data-labelauty="Native Mode|Native Mode">
+          </div>
+        </div>
+        <div class="col-sm-12" style="color: #333">
+        	<p>
+            <strong><span data-lang="INDEX.FULL_MODE"></span>:</strong> <span data-lang="INDEX.FULL_MODE_DESC"></span>
+          </p>
+          <p>
+            <strong><span data-lang="INDEX.BASILISK_MODE"></span>:</strong> <span data-lang="INDEX.BASILISK_MODE_DESC"></span>
+          </p>
+          <p>
+            <strong><span data-lang="INDEX.NATIVE_MODE"></span>:</strong> <span data-lang="INDEX.NATIVE_MODE_DESC1"></span> <strong>Komodo Daemon</strong> <span data-lang="INDEX.NATIVE_MODE_DESC2"></span> <i>Iguana Daemon</i> <span data-lang="INDEX.NATIVE_MODE_DESC3"></span>.
+          </p>
+          <div class="alert alert-icon alert-primary" role="alert">
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
+            <i class="icon md-info-outline" aria-hidden="true"></i> <strong data-lang="INDEX.NATIVE_MODE"></strong> <span data-lang="INDEX.NATIVE_MODE_DESC4"></span> <strong data-lang="INDEX.NATIVE_MODE_DESC5"></strong>, <i data-lang="INDEX.NATIVE_MODE_DESC5"></i>.
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- End Modal -->
+`;
\ No newline at end of file
diff --git a/assets/scripts/templates/addCoinModal.js b/assets/scripts/templates/addCoinModal.js
new file mode 100644
index 0000000..2adf134
--- /dev/null
+++ b/assets/scripts/templates/addCoinModal.js
@@ -0,0 +1,74 @@
+templates.addCoinModal =
+`
+<!-- Modal -->
+<div class="modal fade modal-3d-sign" id="AddCoinDilogModel" aria-hidden="true" aria-labelledby="AddCoinDilogModel" role="dialog" tabindex="-1">
+	<div class="modal-dialog modal-center modal-lg">
+	  <div class="modal-content">
+	    <div class="modal-header bg-orange-a400 wallet-send-header">
+	      <button type="button" class="close white" data-dismiss="modal" aria-label="Close">
+	        <span aria-hidden="true">×</span>
+	      </button>
+	      <h4 class="modal-title white" data-lang="INDEX.SELECT_A_COIN"></h4>
+	    </div>
+	    <div class="modal-body">
+	      <div class="col-sm-8">
+	        <div class="form-group">
+	          <select class="form-control form-material" id="addcoin_select_coin_mdl_options">
+	            <option data-lang="INDEX.SELECT"></option>
+	            <option value="BTC">Bitcoin</option>
+	            <option value="BTCD">BitcoinDark</option>
+	            <option value="LTC">Litecoin</option>
+	            <option value="DOGE">Dogecoin</option>
+	            <option value="DGB">Digibyte</option>
+	            <option value="SYS">SysCoin</option>
+	            <option value="MZC">MazaCoin</option>
+	            <option value="UNO">Unobtanium</option>
+	            <option value="ZET">Zetacoin</option>
+	            <option value="KMD">Komodo</option>
+	            <option value="BTM">Bitmark</option>
+	            <option value="CARB">Carboncoin</option>
+	            <option value="ANC">AnonCoin</option>
+	            <option value="FRK">Franko</option>
+	            <option value="SUPERNET">SUPERNET</option>
+	            <option value="REVS">REVS</option>
+	            <option value="WIRELESS">WIRELESS</option>
+	            <option value="USD">USD</option>
+	          </select>
+	        </div>
+	      </div>
+	      <div class="col-sm-4" style="text-align: center">
+	        <button type="button" class="btn btn-primary mdl_addcoin_done_btn" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn" data-lang="INDEX.ACTIVATE_COIN"></button>
+	      </div>
+	      <div class="col-sm-12" style="text-align: center">
+	        <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl">
+	          <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl" data-plugin="labelauty" id="addcoin_mdl_full_mode" data-labelauty="Full Mode|Full Mode" value="1" checked>
+	        </div>
+	        <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl">
+	          <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl" data-plugin="labelauty" id="addcoin_mdl_basilisk_mode" value="0" data-labelauty="Basilisk Mode|Basilisk Mode">
+	        </div>
+	        <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 style-addcoin-lbl-mdl">
+	          <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl" data-plugin="labelauty" id="addcoin_mdl_native_mode" value="-1" data-labelauty="Native Mode|Native Mode">
+	        </div>
+	      </div>
+	      <div class="col-sm-12" style="color: #333">
+	        <p>
+	          <strong><span data-lang="INDEX.FULL_MODE"></span>:</strong> <span data-lang="INDEX.FULL_MODE_DESC"></span>
+	        </p>
+	        <p>
+	          <strong><span data-lang="INDEX.BASILISK_MODE"></span>:</strong> <span data-lang="INDEX.BASILISK_MODE_DESC"></span>
+	        </p>
+	        <p>
+	          <strong><span data-lang="INDEX.NATIVE_MODE"></span>:</strong> <span data-lang="INDEX.NATIVE_MODE_DESC1"></span> <strong>Komodo Daemon</strong> <span data-lang="INDEX.NATIVE_MODE_DESC2"></span> <i>Iguana Daemon</i> <span data-lang="INDEX.NATIVE_MODE_DESC3"></span>.
+	        </p>
+	        <div class="alert alert-icon alert-primary" role="alert">
+	          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
+	          <i class="icon md-info-outline" aria-hidden="true"></i> <strong data-lang="INDEX.NATIVE_MODE"></strong> <span data-lang="INDEX.NATIVE_MODE_DESC4"></span> <strong data-lang="INDEX.NATIVE_MODE_DESC5"></strong>, <i data-lang="INDEX.NATIVE_MODE_DESC5"></i>.
+	        </div>
+	      </div>
+	    </div>
+	  </div>
+	</div>
+</div>
+<!-- End Modal -->
+<!--<button type="button" class="btn btn-info btn-lg btn-block waves-effect waves-light" data-target="#AddCoinDilogModel" data-toggle="modal">Activate Coin</button>-->
+`;
\ No newline at end of file
diff --git a/assets/scripts/templates/ieFix.js b/assets/scripts/templates/ieFix.js
new file mode 100644
index 0000000..c4ab1ec
--- /dev/null
+++ b/assets/scripts/templates/ieFix.js
@@ -0,0 +1,6 @@
+templates.ieFix = 
+`
+<!--[if lt IE 8]>
+  <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+`;
\ No newline at end of file
diff --git a/assets/scripts/templates/loginPage.js b/assets/scripts/templates/loginPage.js
new file mode 100644
index 0000000..2024520
--- /dev/null
+++ b/assets/scripts/templates/loginPage.js
@@ -0,0 +1,182 @@
+templates.loginPage = 
+`
+<!-- BEGIN Login Page -->
+<div id="wallet-login">
+  <div class="page animsition vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">
+    <div class="page-content vertical-align-middle">
+      <div class="brand">
+        <img class="brand-img" src="assets/images/easydex-logo-big.png" alt="SuperNET Iguana">
+      </div>
+      <!-- BEGIN IE Warning -->
+      <div id="section-ie-warning" style="display: none">
+        <!-- Example Panel Alert -->
+        <div class="panel">
+          <div class="panel-heading">
+            <h3 class="panel-title" data-lang="INDEX.UNSUPPORTED_BROWSER"></h3>
+          </div>
+          <div class="alert alert-danger alert-dismissible" role="alert">
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+              <span class="sr-only" data-lang="INDEX.CLOSE">Close</span>
+            </button>
+            <span data-lang="INDEX.IE_UNSUPPORTED"></span>
+          </div>
+          <div class="panel-body">
+            <p style="color: #424242">
+              <span data-lang="INDEX.PLEASE_USE"></span> <a href="https://www.google.com/chrome/">Google Chrome</a> <span data-lang="INDEX.OR"></span> <a href="https://www.firefox.com">Mozilla FireFox</a> <span data-lang="INDEX.TO_USE"></span> EasyDEX-GUI. <span data-lang="INDEX.PLEASE_CLICK_ON"></span>.
+            </p>
+            <div class="col-sm-6 col-xs-6">
+              <a href="https://www.google.com/chrome/"><img class="brand-img" src="assets/images/browsers/chrome.png" alt="Google Chrome"></a>
+            </div>
+            <div class="col-sm-6 col-xs-6">
+              <a href="https://www.firefox.com"><img class="brand-img" src="assets/images/browsers/firefox.png" alt="Mozilla FireFox"></a>
+            </div>
+          </div>
+        </div>
+        <!-- End Example Panel Alert -->
+      </div>
+      <!-- END IE Warning -->
+      <!-- BEGIN section login -->
+      <div id="section-login" style="display: none">
+        <h4 style="color: #fff" id="login-welcome" data-lang="INDEX.WELCOME_LOGIN"></h4>
+        <form class="login-form" method="post" action="javascript:" autocomplete="off" onsubmit="return false">
+          <div class="form-group form-material floating">
+            <input type="password" class="form-control" name="password" id="password">
+            <label class="floating-label" for="inputPassword" data-lang="INDEX.WALLET_SEED"></label>
+          </div>
+          <button type="submit" class="btn btn-primary btn-block" id="loginbtn" data-lang="INDEX.SIGN_IN"></button>
+          <div class="form-group form-material floating">
+            <button class="btn btn-lg btn-flat btn-block waves-effect" id="register-btn" data-lang="INDEX.CREATE_WALLET"></button>
+            <button class="btn btn-lg btn-flat btn-block waves-effect" id="logint-another-wallet" data-lang="INDEX.LOGIN_ANOTHER_WALLET"></button>
+          </div>
+          <!-- START ADVANCED OPTIONS TO SELECT COINS -->
+          <!--<div class="form-group form-material row" id="logincoinslist">-->
+            <!-- START BITCOIN COIN OPTIONS -->
+            <!--<div class="col-sm-12">
+            <div class="col-sm-3">
+              <div class="checkbox-custom checkbox-default" style="margin-top: 0px; text-align: left">
+                <input type="checkbox" id="logincoinbtc" value="BTC" name="logincoinbtc" checked="" autocomplete="off">
+                <label for="logincoinbtc">Bitcoin</label>
+              </div>
+            </div>
+            <div class="col-sm-9">
+              <div>
+                <div class="radio-custom radio-default radio-inline">
+                  <input type="radio" id="logincoinbtcmodeF" name="logincoinbtcmode" value="1">
+                  <label for="logincoinbtcmodeF">Full Mode</label>
+                </div>
+                <div class="radio-custom radio-default radio-inline">
+                  <input type="radio" id="logincoinbtcmodeB" name="logincoinbtcmode" value="0" checked="">
+                  <label for="logincoinbtcmodeB">Basilisk Mode</label>
+                </div>
+              </div>
+            </div>
+            </div>-->
+            <!-- END BITCOIN COIN OPTIONS -->
+            <!-- START BITCOIN COIN OPTIONS -->
+            <!--<div class="col-sm-12">
+            <div class="col-sm-3">
+              <div class="checkbox-custom checkbox-default" style="margin-top: 0px; text-align: left">
+                <input type="checkbox" id="logincoinbtcd" value="BTCD" name="logincoinbtcd" checked="" autocomplete="off">
+                <label for="logincoinbtcd">BitcoinDark</label>
+              </div>
+            </div>
+            <div class="col-sm-9">
+              <div>
+                <div class="radio-custom radio-default radio-inline">
+                  <input type="radio" id="logincoinbtcdmodeF" name="logincoinbtcdmode" value="1" checked>
+                  <label for="logincoinbtcdmodeF">Full Mode</label>
+                </div>
+                <div class="radio-custom radio-default radio-inline">
+                  <input type="radio" id="logincoinbtcdmodeB" name="logincoinbtcdmode" value="0">
+                  <label for="logincoinbtcdmodeB">Basilisk Mode</label>
+                </div>
+              </div>
+            </div>
+            </div>-->
+            <!-- END BITCOIN COIN OPTIONS -->
+            <!-- START BITCOIN COIN OPTIONS -->
+            <!--<div class="col-sm-12">
+            <div class="col-sm-3">
+              <div class="checkbox-custom checkbox-default" style="margin-top: 0px; text-align: left">
+                <input type="checkbox" id="logincoinkmd" value="KMD" name="logincoinkmd" checked="" autocomplete="off">
+                <label for="logincoinkmd">Komodo</label>
+              </div>
+            </div>
+            <div class="col-sm-9">
+              <div>
+                <div class="radio-custom radio-default radio-inline">
+                  <input type="radio" id="logincoinkmdmodeF" name="logincoinkmdmode" value="1" checked>
+                  <label for="logincoinkmdmodeF">Full Mode</label>
+                </div>
+                <div class="radio-custom radio-default radio-inline">
+                  <input type="radio" id="logincoinkmdmodeB" name="logincoinkmdmode" value="0">
+                  <label for="logincoinkmdmodeB">Basilisk Mode</label>
+                </div>
+              </div>
+            </div>
+            </div>-->
+            <!-- END BITCOIN COIN OPTIONS -->
+          <!--</div>-->
+          <!-- END ADVANCED OPTIONS TO SELECT COINS -->
+        </form>
+      </div>
+      <!-- END section login -->
+
+      <!-- BEGIN section login add coin -->
+      <div id="section-login-addcoin-btn">
+        <h4 style="color: #fff" id="login-welcome" data-lang="INDEX.WELCOME_PLEASE_ADD"></h4>
+        <div class="form-group form-material floating" style="width: 540px; margin: 30px 0">
+          <button class="btn btn-lg btn-primary btn-block ladda-button" id="start-coin-login" role="menuitem" data-edexcoinmenu="COIN" data-target="#AddCoinDilogModel-login" data-toggle="modal" data-style="expand-left" data-plugin="ladda"><span class="ladda-label" data-lang="INDEX.ACTIVATE_COIN"></span></button>
+        </div>
+      </div>
+      <!-- END section login add coin -->
+
+      <!-- BEGIN section register -->
+      <div id="section-register" style="display: none">
+        <form class="register-form" method="post" role="form" autocomplete="off" onsubmit="return false">
+          <h4 class="hint" style="color: #fff">
+            <span data-lang="INDEX.SELECT_SEED_TYPE"></span>:
+          </h4>
+          <div class="form-group form-material floating">
+            <div class="radio-custom radio-default radio-inline">
+              <input type="radio" id="PassPhraseOptionsIguana" value="PassPhraseOptionsIguana" name="PassPhraseOptions" checked="">
+              <label for="PassPhraseOptionsIguana">Iguana (256 bits)</label>
+            </div>
+            <div class="radio-custom radio-default radio-inline">
+              <input type="radio" id="PassPhraseOptionsWaves" value="PassPhraseOptionsWaves" name="PassPhraseOptions">
+              <label for="PassPhraseOptionsWaves">Waves</label>
+            </div>
+            <div class="radio-custom radio-default radio-inline">
+              <input type="radio" id="PassPhraseOptionsNXT" value="PassPhraseOptionsNXT" name="PassPhraseOptions">
+              <label for="PassPhraseOptionsNXT">NXT</label>
+            </div>
+          </div>
+          <div class="form-group form-material floating">
+            <textarea class="form-control placeholder-no-fix" type="text" placeholder="" name="walletseed" id="walletseed" style="height: 100px"></textarea>
+            <label class="floating-label" for="walletseed" data-lang="INDEX.WALLET_SEED"></label>
+          </div>
+          <div class="form-group form-material floating">
+            <textarea class="form-control placeholder-no-fix" type="text" placeholder="" name="rwalletseed" id="rwalletseed" style="height: 100px"></textarea>
+            <label class="floating-label" for="rwalletseed" data-lang="INDEX.CONFIRM_SEED"></label>
+          </div>
+          <!--<h4 class="hint" style="color: #fff"> Please enter password for new wallet: </h4>
+          <div class="form-group form-material floating">
+            <input type="text" class="form-control" id="register_password" name="password">
+            <label class="floating-label" for="register_password">Password</label>
+          </div>
+          <div class="form-group form-material floating">
+            <input type="text" class="form-control" id="rpassword" name="rpassword">
+            <label class="floating-label" for="rpassword">Retype Password</label>
+          </div>-->
+          <button type="submit" id="register-submit-btn" class="btn btn-primary btn-block" data-lang="INDEX.REGISTER"></button>
+          <div class="form-group form-material floating">
+            <button class="btn btn-lg btn-flat btn-block waves-effect" id="register-back-btn" data-lang="INDEX.BACK_TO_LOGIN"></button>
+          </div>
+        </form>
+      </div>
+      <!-- END section register -->
+    </div>
+  </div>
+</div>
+`;
\ No newline at end of file
diff --git a/assets/scripts/templates/refreshBasiliskConnectionsModal.js b/assets/scripts/templates/refreshBasiliskConnectionsModal.js
new file mode 100644
index 0000000..83a3a8f
--- /dev/null
+++ b/assets/scripts/templates/refreshBasiliskConnectionsModal.js
@@ -0,0 +1,67 @@
+templates.refreshBasiliskConnectionsModal = 
+`
+<!-- START ADD COIN DIV -->
+<div>
+	<!-- Modal -->
+	<div class="modal fade modal-3d-sign" id="RefreshBasiliskConnectionsMdl" aria-hidden="false" role="dialog"
+	tabindex="-1">
+		<div class="modal-dialog modal-center modal-md">
+		  <div class="modal-content">
+		    <div class="modal-header bg-orange-a400 wallet-send-header" style="border-radius: 3px 3px 0 0">
+		      <h4 class="modal-title white">
+		      	<span class="icon fa-refresh" style="margin: 0"></span> <span data-lang="INDEX.REFRESHING_BASILISK_NET"></span>... <span id="mdl_receive_coin_name"></span>
+		      </h4>
+		      <!--<span class="white">This is your default Iguana wallet address.</span>-->
+		    </div>
+		    <div class="modal-body" style="text-align: center">
+		      <div class="loader-wrapper active" style="display: none">
+		        <div class="loader-layer loader-blue">
+		          <div class="loader-circle-left">
+		            <div class="circle"></div>
+		          </div>
+		          <div class="loader-circle-gap"></div>
+		          <div class="loader-circle-right">
+		            <div class="circle"></div>
+		          </div>
+		        </div>
+		        <div class="loader-layer loader-red">
+		          <div class="loader-circle-left">
+		            <div class="circle"></div>
+		          </div>
+		          <div class="loader-circle-gap"></div>
+		          <div class="loader-circle-right">
+		            <div class="circle"></div>
+		          </div>
+		        </div>
+		        <div class="loader-layer loader-green">
+		          <div class="loader-circle-left">
+		            <div class="circle"></div>
+		          </div>
+		          <div class="loader-circle-gap"></div>
+		          <div class="loader-circle-right">
+		            <div class="circle"></div>
+		          </div>
+		        </div>
+		        <div class="loader-layer loader-yellow">
+		          <div class="loader-circle-left">
+		            <div class="circle"></div>
+		          </div>
+		          <div class="loader-circle-gap"></div>
+		          <div class="loader-circle-right">
+		            <div class="circle"></div>
+		          </div>
+		        </div>
+		      </div>
+		      <h5 class="text-left">
+		        <span id="basilisk-connections-refresh-title">-</span> <span class="pull-right" id="basilisk-connections-refresh-percent">-</span>
+		      </h5>
+		      <div class="progress progress-sm">
+		        <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 0%; font-size: 80%" role="progressbar" data-edexcoin="COIN" id="basilisk-connections-refresh-progress-bar"></div>
+		      </div>
+		      <pre data-edexcoin="COIN" id="basilisk-connections-refresh-status-output"></pre>
+		    </div>
+		  </div>
+		</div>
+	</div>
+	<!-- End Modal -->
+`;
\ No newline at end of file
diff --git a/index.html b/index.html
index 2c377c4..7492c38 100755
--- a/index.html
+++ b/index.html
@@ -67,401 +67,31 @@
     </script>
     <script src="assets/global/vendor/modernizr/modernizr.min.js"></script>
     <script src="assets/global/vendor/breakpoints/breakpoints.min.js"></script>
-    <script>if (window.module) module = window.module;</script>
+    <script>
+      if (window.module) module = window.module;
+      const templates = {};
+    </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>
+    <script src="assets/scripts/templates/loginPage.js"></script>
+    <script src="assets/scripts/templates/addCoinLoginModal.js"></script>
   </head>
 	<body class="page-login layout-full page-dark">
-  	<!-- START ADD COIN DIV -->
-    <div>
-      <!-- Modal -->
-      <div class="modal fade modal-3d-sign" id="RefreshBasiliskConnectionsMdl" aria-hidden="false" role="dialog"
-      tabindex="-1">
-        <div class="modal-dialog modal-center modal-md">
-          <div class="modal-content">
-            <div class="modal-header bg-orange-a400 wallet-send-header" style="border-radius: 3px 3px 0 0">
-              <h4 class="modal-title white">
-              	<span class="icon fa-refresh" style="margin: 0"></span> <span data-lang="INDEX.REFRESHING_BASILISK_NET"></span>... <span id="mdl_receive_coin_name"></span>
-              </h4>
-              <!--<span class="white">This is your default Iguana wallet address.</span>-->
-            </div>
-            <div class="modal-body" style="text-align: center">
-              <div class="loader-wrapper active" style="display: none">
-                <div class="loader-layer loader-blue">
-                  <div class="loader-circle-left">
-                    <div class="circle"></div>
-                  </div>
-                  <div class="loader-circle-gap"></div>
-                  <div class="loader-circle-right">
-                    <div class="circle"></div>
-                  </div>
-                </div>
-                <div class="loader-layer loader-red">
-                  <div class="loader-circle-left">
-                    <div class="circle"></div>
-                  </div>
-                  <div class="loader-circle-gap"></div>
-                  <div class="loader-circle-right">
-                    <div class="circle"></div>
-                  </div>
-                </div>
-                <div class="loader-layer loader-green">
-                  <div class="loader-circle-left">
-                    <div class="circle"></div>
-                  </div>
-                  <div class="loader-circle-gap"></div>
-                  <div class="loader-circle-right">
-                    <div class="circle"></div>
-                  </div>
-                </div>
-                <div class="loader-layer loader-yellow">
-                  <div class="loader-circle-left">
-                    <div class="circle"></div>
-                  </div>
-                  <div class="loader-circle-gap"></div>
-                  <div class="loader-circle-right">
-                    <div class="circle"></div>
-                  </div>
-                </div>
-              </div>
-              <h5 class="text-left">
-                <span id="basilisk-connections-refresh-title">-</span> <span class="pull-right" id="basilisk-connections-refresh-percent">-</span>
-              </h5>
-              <div class="progress progress-sm">
-                <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 0%; font-size: 80%" role="progressbar" data-edexcoin="COIN" id="basilisk-connections-refresh-progress-bar"></div>
-              </div>
-              <pre data-edexcoin="COIN" id="basilisk-connections-refresh-status-output"></pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- End Modal -->
-      <!-- Modal -->
-      <div class="modal fade modal-3d-sign" id="AddCoinDilogModel" aria-hidden="true" aria-labelledby="AddCoinDilogModel" role="dialog" tabindex="-1">
-        <div class="modal-dialog modal-center modal-lg">
-          <div class="modal-content">
-            <div class="modal-header bg-orange-a400 wallet-send-header">
-              <button type="button" class="close white" data-dismiss="modal" aria-label="Close">
-                <span aria-hidden="true">×</span>
-              </button>
-              <h4 class="modal-title white" data-lang="INDEX.SELECT_A_COIN"></h4>
-            </div>
-            <div class="modal-body">
-              <div class="col-sm-8">
-                <div class="form-group">
-                  <select class="form-control form-material" id="addcoin_select_coin_mdl_options">
-                    <option data-lang="INDEX.SELECT"></option>
-                    <option value="BTC">Bitcoin</option>
-                    <option value="BTCD">BitcoinDark</option>
-                    <option value="LTC">Litecoin</option>
-                    <option value="DOGE">Dogecoin</option>
-                    <option value="DGB">Digibyte</option>
-                    <option value="SYS">SysCoin</option>
-                    <option value="MZC">MazaCoin</option>
-                    <option value="UNO">Unobtanium</option>
-                    <option value="ZET">Zetacoin</option>
-                    <option value="KMD">Komodo</option>
-                    <option value="BTM">Bitmark</option>
-                    <option value="CARB">Carboncoin</option>
-                    <option value="ANC">AnonCoin</option>
-                    <option value="FRK">Franko</option>
-                    <option value="SUPERNET">SUPERNET</option>
-                    <option value="REVS">REVS</option>
-                    <option value="WIRELESS">WIRELESS</option>
-                    <option value="USD">USD</option>
-                  </select>
-                </div>
-              </div>
-              <div class="col-sm-4" style="text-align: center">
-                <button type="button" class="btn btn-primary mdl_addcoin_done_btn" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn" data-lang="INDEX.ACTIVATE_COIN"></button>
-              </div>
-              <div class="col-sm-12" style="text-align: center">
-                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl">
-                  <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl" data-plugin="labelauty" id="addcoin_mdl_full_mode" data-labelauty="Full Mode|Full Mode" value="1" checked>
-                </div>
-                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl">
-                  <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl" data-plugin="labelauty" id="addcoin_mdl_basilisk_mode" value="0" data-labelauty="Basilisk Mode|Basilisk Mode">
-                </div>
-                <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 style-addcoin-lbl-mdl">
-                  <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl" data-plugin="labelauty" id="addcoin_mdl_native_mode" value="-1" data-labelauty="Native Mode|Native Mode">
-                </div>
-              </div>
-              <div class="col-sm-12" style="color: #333">
-                <p>
-                  <strong><span data-lang="INDEX.FULL_MODE"></span>:</strong> <span data-lang="INDEX.FULL_MODE_DESC"></span>
-                </p>
-                <p>
-                  <strong><span data-lang="INDEX.BASILISK_MODE"></span>:</strong> <span data-lang="INDEX.BASILISK_MODE_DESC"></span>
-                </p>
-                <p>
-                  <strong><span data-lang="INDEX.NATIVE_MODE"></span>:</strong> <span data-lang="INDEX.NATIVE_MODE_DESC1"></span> <strong>Komodo Daemon</strong> <span data-lang="INDEX.NATIVE_MODE_DESC2"></span> <i>Iguana Daemon</i> <span data-lang="INDEX.NATIVE_MODE_DESC3"></span>.
-                </p>
-                <div class="alert alert-icon alert-primary" role="alert">
-                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
-                  <i class="icon md-info-outline" aria-hidden="true"></i> <strong data-lang="INDEX.NATIVE_MODE"></strong> <span data-lang="INDEX.NATIVE_MODE_DESC4"></span> <strong data-lang="INDEX.NATIVE_MODE_DESC5"></strong>, <i data-lang="INDEX.NATIVE_MODE_DESC5"></i>.
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- End Modal -->
-      <!--<button type="button" class="btn btn-info btn-lg btn-block waves-effect waves-light" data-target="#AddCoinDilogModel" data-toggle="modal">Activate Coin</button>-->
-    </div>
     <!-- START ADD COIN DIV -->
-
-    <!--[if lt IE 8]>
-      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-     <![endif]-->
-
-    <!-- BEGIN Login Page -->
-    <div id="wallet-login">
-      <div class="page animsition vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">
-        <div class="page-content vertical-align-middle">
-          <div class="brand">
-            <img class="brand-img" src="assets/images/easydex-logo-big.png" alt="SuperNET Iguana">
-          </div>
-          <!-- BEGIN IE Warning -->
-          <div id="section-ie-warning" style="display: none">
-            <!-- Example Panel Alert -->
-            <div class="panel">
-              <div class="panel-heading">
-                <h3 class="panel-title" data-lang="INDEX.UNSUPPORTED_BROWSER"></h3>
-              </div>
-              <div class="alert alert-danger alert-dismissible" role="alert">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                  <span aria-hidden="true">&times;</span>
-                  <span class="sr-only" data-lang="INDEX.CLOSE">Close</span>
-                </button>
-                <span data-lang="INDEX.IE_UNSUPPORTED"></span>
-              </div>
-              <div class="panel-body">
-                <p style="color: #424242">
-                  <span data-lang="INDEX.PLEASE_USE"></span> <a href="https://www.google.com/chrome/">Google Chrome</a> <span data-lang="INDEX.OR"></span> <a href="https://www.firefox.com">Mozilla FireFox</a> <span data-lang="INDEX.TO_USE"></span> EasyDEX-GUI. <span data-lang="INDEX.PLEASE_CLICK_ON"></span>.
-                </p>
-                <div class="col-sm-6 col-xs-6">
-                  <a href="https://www.google.com/chrome/"><img class="brand-img" src="assets/images/browsers/chrome.png" alt="Google Chrome"></a>
-                </div>
-                <div class="col-sm-6 col-xs-6">
-                  <a href="https://www.firefox.com"><img class="brand-img" src="assets/images/browsers/firefox.png" alt="Mozilla FireFox"></a>
-                </div>
-              </div>
-            </div>
-            <!-- End Example Panel Alert -->
-          </div>
-          <!-- END IE Warning -->
-          <!-- BEGIN section login -->
-          <div id="section-login" style="display: none">
-            <h4 style="color: #fff" id="login-welcome" data-lang="INDEX.WELCOME_LOGIN"></h4>
-            <form class="login-form" method="post" action="javascript:" autocomplete="off" onsubmit="return false">
-              <div class="form-group form-material floating">
-                <input type="password" class="form-control" name="password" id="password">
-                <label class="floating-label" for="inputPassword" data-lang="INDEX.WALLET_SEED"></label>
-              </div>
-              <button type="submit" class="btn btn-primary btn-block" id="loginbtn" data-lang="INDEX.SIGN_IN"></button>
-              <div class="form-group form-material floating">
-                <button class="btn btn-lg btn-flat btn-block waves-effect" id="register-btn" data-lang="INDEX.CREATE_WALLET"></button>
-                <button class="btn btn-lg btn-flat btn-block waves-effect" id="logint-another-wallet" data-lang="INDEX.LOGIN_ANOTHER_WALLET"></button>
-              </div>
-              <!-- START ADVANCED OPTIONS TO SELECT COINS -->
-              <!--<div class="form-group form-material row" id="logincoinslist">-->
-                <!-- START BITCOIN COIN OPTIONS -->
-                <!--<div class="col-sm-12">
-                <div class="col-sm-3">
-                  <div class="checkbox-custom checkbox-default" style="margin-top: 0px; text-align: left">
-                    <input type="checkbox" id="logincoinbtc" value="BTC" name="logincoinbtc" checked="" autocomplete="off">
-                    <label for="logincoinbtc">Bitcoin</label>
-                  </div>
-                </div>
-                <div class="col-sm-9">
-                  <div>
-                    <div class="radio-custom radio-default radio-inline">
-                      <input type="radio" id="logincoinbtcmodeF" name="logincoinbtcmode" value="1">
-                      <label for="logincoinbtcmodeF">Full Mode</label>
-                    </div>
-                    <div class="radio-custom radio-default radio-inline">
-                      <input type="radio" id="logincoinbtcmodeB" name="logincoinbtcmode" value="0" checked="">
-                      <label for="logincoinbtcmodeB">Basilisk Mode</label>
-                    </div>
-                  </div>
-                </div>
-                </div>-->
-                <!-- END BITCOIN COIN OPTIONS -->
-                <!-- START BITCOIN COIN OPTIONS -->
-                <!--<div class="col-sm-12">
-                <div class="col-sm-3">
-                  <div class="checkbox-custom checkbox-default" style="margin-top: 0px; text-align: left">
-                    <input type="checkbox" id="logincoinbtcd" value="BTCD" name="logincoinbtcd" checked="" autocomplete="off">
-                    <label for="logincoinbtcd">BitcoinDark</label>
-                  </div>
-                </div>
-                <div class="col-sm-9">
-                  <div>
-                    <div class="radio-custom radio-default radio-inline">
-                      <input type="radio" id="logincoinbtcdmodeF" name="logincoinbtcdmode" value="1" checked>
-                      <label for="logincoinbtcdmodeF">Full Mode</label>
-                    </div>
-                    <div class="radio-custom radio-default radio-inline">
-                      <input type="radio" id="logincoinbtcdmodeB" name="logincoinbtcdmode" value="0">
-                      <label for="logincoinbtcdmodeB">Basilisk Mode</label>
-                    </div>
-                  </div>
-                </div>
-                </div>-->
-                <!-- END BITCOIN COIN OPTIONS -->
-                <!-- START BITCOIN COIN OPTIONS -->
-                <!--<div class="col-sm-12">
-                <div class="col-sm-3">
-                  <div class="checkbox-custom checkbox-default" style="margin-top: 0px; text-align: left">
-                    <input type="checkbox" id="logincoinkmd" value="KMD" name="logincoinkmd" checked="" autocomplete="off">
-                    <label for="logincoinkmd">Komodo</label>
-                  </div>
-                </div>
-                <div class="col-sm-9">
-                  <div>
-                    <div class="radio-custom radio-default radio-inline">
-                      <input type="radio" id="logincoinkmdmodeF" name="logincoinkmdmode" value="1" checked>
-                      <label for="logincoinkmdmodeF">Full Mode</label>
-                    </div>
-                    <div class="radio-custom radio-default radio-inline">
-                      <input type="radio" id="logincoinkmdmodeB" name="logincoinkmdmode" value="0">
-                      <label for="logincoinkmdmodeB">Basilisk Mode</label>
-                    </div>
-                  </div>
-                </div>
-                </div>-->
-                <!-- END BITCOIN COIN OPTIONS -->
-              <!--</div>-->
-              <!-- END ADVANCED OPTIONS TO SELECT COINS -->
-            </form>
-          </div>
-          <!-- END section login -->
-
-          <!-- BEGIN section login add coin -->
-          <div id="section-login-addcoin-btn">
-            <h4 style="color: #fff" id="login-welcome" data-lang="INDEX.WELCOME_PLEASE_ADD"></h4>
-            <div class="form-group form-material floating" style="width: 540px; margin: 30px 0">
-              <button class="btn btn-lg btn-primary btn-block ladda-button" id="start-coin-login" role="menuitem" data-edexcoinmenu="COIN" data-target="#AddCoinDilogModel-login" data-toggle="modal" data-style="expand-left" data-plugin="ladda"><span class="ladda-label" data-lang="INDEX.ACTIVATE_COIN"></span></button>
-            </div>
-          </div>
-          <!-- END section login add coin -->
-
-          <!-- BEGIN section register -->
-          <div id="section-register" style="display: none">
-            <form class="register-form" method="post" role="form" autocomplete="off" onsubmit="return false">
-              <h4 class="hint" style="color: #fff">
-                <span data-lang="INDEX.SELECT_SEED_TYPE"></span>:
-              </h4>
-              <div class="form-group form-material floating">
-                <div class="radio-custom radio-default radio-inline">
-                  <input type="radio" id="PassPhraseOptionsIguana" value="PassPhraseOptionsIguana" name="PassPhraseOptions" checked="">
-                  <label for="PassPhraseOptionsIguana">Iguana (256 bits)</label>
-                </div>
-                <div class="radio-custom radio-default radio-inline">
-                  <input type="radio" id="PassPhraseOptionsWaves" value="PassPhraseOptionsWaves" name="PassPhraseOptions">
-                  <label for="PassPhraseOptionsWaves">Waves</label>
-                </div>
-                <div class="radio-custom radio-default radio-inline">
-                  <input type="radio" id="PassPhraseOptionsNXT" value="PassPhraseOptionsNXT" name="PassPhraseOptions">
-                  <label for="PassPhraseOptionsNXT">NXT</label>
-                </div>
-              </div>
-              <div class="form-group form-material floating">
-                <textarea class="form-control placeholder-no-fix" type="text" placeholder="" name="walletseed" id="walletseed" style="height: 100px"></textarea>
-                <label class="floating-label" for="walletseed" data-lang="INDEX.WALLET_SEED"></label>
-              </div>
-              <div class="form-group form-material floating">
-                <textarea class="form-control placeholder-no-fix" type="text" placeholder="" name="rwalletseed" id="rwalletseed" style="height: 100px"></textarea>
-                <label class="floating-label" for="rwalletseed" data-lang="INDEX.CONFIRM_SEED"></label>
-              </div>
-              <!--<h4 class="hint" style="color: #fff"> Please enter password for new wallet: </h4>
-              <div class="form-group form-material floating">
-                <input type="text" class="form-control" id="register_password" name="password">
-                <label class="floating-label" for="register_password">Password</label>
-              </div>
-              <div class="form-group form-material floating">
-                <input type="text" class="form-control" id="rpassword" name="rpassword">
-                <label class="floating-label" for="rpassword">Retype Password</label>
-              </div>-->
-              <button type="submit" id="register-submit-btn" class="btn btn-primary btn-block" data-lang="INDEX.REGISTER"></button>
-              <div class="form-group form-material floating">
-                <button class="btn btn-lg btn-flat btn-block waves-effect" id="register-back-btn" data-lang="INDEX.BACK_TO_LOGIN"></button>
-              </div>
-            </form>
-          </div>
-          <!-- END section register -->
-        </div>
-      </div>
+    <div>
+      <script>
+        document.write(templates.refreshBasiliskConnectionsModal);
+        document.write(templates.addCoinModal);
+        document.write(templates.ieFix);
+      </script>
     </div>
+    <!-- END ADD COIN DIV -->
 
-    <!-- Modal -->
-    <div class="modal fade modal-3d-sign" id="AddCoinDilogModel-login" aria-hidden="true" aria-labelledby="AddCoinDilogModel-login" role="dialog" tabindex="-1">
-      <div class="modal-dialog modal-center modal-lg">
-        <div class="modal-content">
-          <div class="modal-header bg-orange-a400 wallet-send-header">
-            <button type="button" class="close white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-            <h4 class="modal-title white" data-lang="INDEX.SELECT_A_COIN"></h4>
-          </div>
-          <div class="modal-body">
-            <div class="col-sm-8">
-              <div class="form-group">
-                <select class="form-control form-material" id="addcoin_select_coin_mdl_options-login">
-                  <option data-lang="INDEX.SELECT"></option>
-                  <option value="BTC">Bitcoin</option>
-                  <option value="BTCD">BitcoinDark</option>
-                  <option value="LTC">Litecoin</option>
-                  <option value="DOGE">Dogecoin</option>
-                  <option value="DGB">Digibyte</option>
-                  <option value="SYS">SysCoin</option>
-                  <option value="MZC">MazaCoin</option>
-                  <option value="UNO">Unobtanium</option>
-                  <option value="ZET">Zetacoin</option>
-                  <option value="KMD">Komodo</option>
-                  <option value="BTM">Bitmark</option>
-                  <option value="CARB">Carboncoin</option>
-                  <option value="ANC">AnonCoin</option>
-                  <option value="FRK">Franko</option>
-                  <option value="SUPERNET">SUPERNET</option>
-                  <option value="REVS">REVS</option>
-                  <option value="WIRELESS">WIRELESS</option>
-                  <option value="USD">USD</option>
-                </select>
-              </div>
-            </div>
-            <div class="col-sm-4" style="text-align: center">
-              <button type="button" class="btn btn-primary mdl_addcoin_done_btn-login" data-toggle="modal" data-dismiss="modal" id="mdl_addcoin_done_btn-login" data-lang="INDEX.ACTIVATE_COIN"></button>
-            </div>
-            <div class="col-sm-12 text-center">
-              <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl-login">
-                <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl-login" data-plugin="labelauty" id="addcoin_mdl_full_mode_login" data-labelauty="Full Mode|Full Mode" value="1" checked>
-              </div>
-              <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-6 style-addcoin-lbl-mdl-login">
-                <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl-login" data-plugin="labelauty" id="addcoin_mdl_basilisk_mode_login" value="0" data-labelauty="Basilisk Mode|Basilisk Mode">
-              </div>
-              <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 style-addcoin-lbl-mdl-login">
-                <input type="radio" class="to-labelauty labelauty" name="addcoin_select_mode_mdl-login" data-plugin="labelauty" id="addcoin_mdl_native_mode_login" value="-1" data-labelauty="Native Mode|Native Mode">
-              </div>
-            </div>
-            <div class="col-sm-12" style="color: #333">
-            	<p>
-                <strong><span data-lang="INDEX.FULL_MODE"></span>:</strong> <span data-lang="INDEX.FULL_MODE_DESC"></span>
-              </p>
-              <p>
-                <strong><span data-lang="INDEX.BASILISK_MODE"></span>:</strong> <span data-lang="INDEX.BASILISK_MODE_DESC"></span>
-              </p>
-              <p>
-                <strong><span data-lang="INDEX.NATIVE_MODE"></span>:</strong> <span data-lang="INDEX.NATIVE_MODE_DESC1"></span> <strong>Komodo Daemon</strong> <span data-lang="INDEX.NATIVE_MODE_DESC2"></span> <i>Iguana Daemon</i> <span data-lang="INDEX.NATIVE_MODE_DESC3"></span>.
-              </p>
-              <div class="alert alert-icon alert-primary" role="alert">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
-                <i class="icon md-info-outline" aria-hidden="true"></i> <strong data-lang="INDEX.NATIVE_MODE"></strong> <span data-lang="INDEX.NATIVE_MODE_DESC4"></span> <strong data-lang="INDEX.NATIVE_MODE_DESC5"></strong>, <i data-lang="INDEX.NATIVE_MODE_DESC5"></i>.
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- End Modal -->
+    <script>
+      document.write(templates.loginPage);
+      document.write(templates.addCoinLoginModal);
+    </script>
     </div>
     <!--^ extra div ? -->
     <!-- START ADD COIN DIV -->
@@ -2639,7 +2269,6 @@
     <!-- End Iguana API Scripts -->
 
     <script src="assets/scripts/login.js"></script>
-
     <!-- Dashboard Scripts -->
     <script src="assets/scripts/dashboard.js"></script>
     <script src="assets/scripts/dashboard/DashboardEDEX.js"></script>