Browse Source

split index.html into smaller files (wip)

master
Petr Balashov 8 years ago
parent
commit
1916f13985
  1. 6
      assets/scripts/kmd_wallet/KMDTransaction.js
  2. 73
      assets/scripts/templates/addCoinLoginModal.js
  3. 74
      assets/scripts/templates/addCoinModal.js
  4. 6
      assets/scripts/templates/ieFix.js
  5. 182
      assets/scripts/templates/loginPage.js
  6. 67
      assets/scripts/templates/refreshBasiliskConnectionsModal.js
  7. 411
      index.html

6
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 {

73
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 -->
`;

74
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>-->
`;

6
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]-->
`;

182
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>
`;

67
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 -->
`;

411
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>

Loading…
Cancel
Save