Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:mf="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="UTF-8">
- <title>Dashboard - Dreambox</title>
- <!--Connecting adaptivity-->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Bootstrap Reboot CSS -->
- <link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="assets/css/bootstrap.min.css">
- <!-- Font -->
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
- <!-- Main CSS -->
- <link rel="stylesheet" href="assets/css/main.css">
- <meta id="_csrf" name="_csrf" th:content="${_csrf.token}"/>
- <meta id="_csrf_header" name="_csrf_header" th:content="${_csrf.headerName}"/>
- <link rel="stylesheet" href="assets/dashboard/css/sweet-alert.css" type="text/css" />
- <style>
- .money__box {
- width: 616px;
- background: #1D2025;
- padding: 10px 15px;
- }
- .money__box {
- width: 560px;
- background: #1D2025;
- padding: 10px 15px;
- }
- .purse__one {
- display: -webkit-flex;
- display: -moz-flex;
- display: -ms-flex;
- display: -o-flex;
- display: flex;
- width: 100%;
- }
- .money {
- margin-bottom: 30px;
- margin-top: 30px;
- width: 50%;
- }
- .table td, .table th {
- padding: .3rem;
- vertical-align: top;
- border-top: 1px solid #dee2e6;
- }
- .pouch__text {
- font-size: 11px;
- display: block;
- margin-bottom: 5px;
- padding-left: 20px;
- }
- .pouch__wrap {
- padding-left: 20px;
- }
- .table thead th {
- color: #fff;
- }
- .copy_address{
- position: absolute;
- right: 0;top: 8px
- }
- article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
- display: block;
- width: 1300px;
- margin: 0 auto;
- }
- .pouch__adr {
- margin-right: 10px;
- background: #2A2B30;
- padding: 10px 10px;
- display: block;
- margin-left: 7px;
- width: 70%;
- }
- .fs-08 {
- width: 100%;
- }
- .pouch__num {
- font-size: 14px;
- background: #2A2B30;
- padding: 3px 10px;
- display: block;
- width: 210px;
- text-align: center;
- margin-right: 10px;
- }
- input#BITCOINamount, input#ETHEREUMamount {
- background-color: #2A2B31;
- border: none;
- font-size: 18px;
- color: #fff;
- padding: 2px 0px;
- }
- .pouch__num {
- font-size: 16px;
- background: #2A2B30;
- padding: 3px 10px;
- display: block;
- width: 135px;
- text-align: center;
- margin-right: 10px;
- color: #fff;
- }
- input.form-control.fs-08 {
- background-color: #2A2B31;
- border: none;
- padding: 0px;
- color: #fff;
- }
- .btn-danger {
- color: #fff;
- background-color: #1D2024;
- border-color: #fff;
- border-radius: 54px;
- font-size: 12px;
- }
- .pouch__block {
- position: relative;
- }
- a.pouch__btn.but {
- position: absolute;
- right: 0px;
- top: 8px;
- }
- .purse__block {
- display: none;
- }
- .purse__name {
- display: none;
- }
- a.pirse__user {
- display: none;
- }
- .logo {
- background: #18191D;
- padding: 30.5px 25px;
- padding-right: 30px;
- }
- input#BITCOIN_copy_clip, input#ETHEREUM_copy_clip {
- border: none;
- /*color: #43425D;*/
- color: #fff;
- font-size: 14px;
- }
- button, input {
- overflow: visible;
- }
- button, input, optgroup, select, textarea {
- margin: 0;
- font-family: inherit;
- }
- button.btn.btn-danger.deposit-btn {
- margin-left: 50px;
- }
- input.form-control.fs-08::placeholder {
- color: #c3c3c3;
- opacity: 1;
- font-weight: 500;
- font-size: 15px;
- }
- input.form-control.fs-08:-ms-input-placeholder {
- color: #c3c3c3;
- }
- input.form-control.fs-08::-ms-input-placeholder {
- color: #c3c3c3;
- }
- input.amount-ph::placeholder {
- color: #c3c3c3 !important;
- opacity: 1;
- font-weight: 500;
- font-size: 18px;
- }
- input.amount-ph:-ms-input-placeholder {
- color: #c3c3c3 !important;
- }
- input.amount-ph::-ms-input-placeholder {
- color: #c3c3c3 !important;
- }
- tr.odd {
- font-size: 12px;
- }
- div#withdrawal-nav-content-ETHEREUM .pouch__text:after {
- visibility: visible;
- position: absolute;
- top: 0px;
- left: 4%;
- content: "Send ETH";
- }
- div#withdrawal-nav-content-ETHEREUM .pouch__text {
- visibility: hidden;
- position: relative;
- }
- .money__top.static-text {
- position: relative;
- }
- span.btc-text {
- color: #fff;
- position: absolute;
- top: 131px;
- left: 10%;
- }
- span.etc-text {
- color: #fff;
- position: absolute;
- top: 169px;
- left: 10%;
- }
- @media only screen
- and (max-width: 800px)
- and (min-width: 320px){
- article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
- display: block;
- width: auto;
- margin: 0 auto;
- }
- .money__box {
- position: relative;
- left: -25%;
- }
- .mb-0, .my-0 {
- position: relative;
- left: -40%;
- }
- .money__top {
- position: relative;
- left: -25%;
- background-color: #18191D !important;
- }
- }
- .dropdown {
- position: relative;
- }
- div#myDropdown {
- display: none;
- position: absolute;
- z-index: 999;
- }
- div#myDropdown.show {
- display: block !important;
- }
- div#myDropdown ul {
- margin-left: 3px;
- padding: 0px;
- background-color: #3E3E48;
- }
- div#myDropdown ul li {
- list-style: none;
- }
- div#myDropdown ul li a{
- padding: 5px 10px 5px 5px;
- display: block;
- }
- div#myDropdown ul li:hover a{
- background-color: #2B2A30;
- }
- .dropdown button {
- border: none;
- padding: 8px 13px;
- border-radius: 5px;
- color: #fff;
- background-color: #2B2A30;
- cursor: pointer;
- width: 100px
- }
- div#myDropdown ul li a img {
- width: 20px;
- margin-right: 7px;
- }
- .purse__sup {
- display: -webkit-flex;
- display: -moz-flex;
- display: -ms-flex;
- display: -o-flex;
- display: flex;
- align-items: center;
- background: #2B2A30;
- padding: 10px 10px;
- width: 115px;
- border-radius: 5px;
- }
- .purse__box {
- display: -webkit-flex;
- display: -moz-flex;
- display: -ms-flex;
- display: -o-flex;
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 590px;
- margin-left: auto;
- }
- .but {
- width: 105px;
- }
- </style>
- </head>
- <body>
- <section class="purse" id="purse">
- <div class="container-fluid container-fluid_plain">
- <div class="row no-gutters">
- <div class="col-lg-12">
- <!-- top start -->
- <div class="purse__dom">
- <div class="logo">
- <img src="assets/img/logo.png" alt="" class="logo__img">
- </div>
- <div class="purse__top">
- <h1 class="purse__title">
- Dream Box
- </h1>
- <div class="purse__box">
- <form action="#" class="form-scan">
- <input type="search" class="form-scan__inpt" th:placeholder="#{dashboard.deposit_manage.deposit.search}">
- <button data-submit="" class="form-scan__btn">
- <i class="fas fa-search"></i>
- </button>
- </form>
- <div class="purse__sup">
- <p class="purse__att">
- !
- </p>
- <p class="purse__word">
- <a href="mailto:support@dreambox-ws.com"><th th:utext="#{dashboard.deposit_manage.deposit.support}"></th></a>
- </p>
- </div>
- <div class="dropdown">
- <button onclick="lanBtnFunction()" class="dropbtn"><th th:utext="#{dashboard.deposit_manage.deposit.language}"></th></button>
- <div id="myDropdown" class="dropdown-content">
- <ul>
- <li><a href="https://www.dreambox-ws.com/deposit_manage?language=en_US"><img src="assets/img/United_States_of_America.png">US</a></li>
- <li><a href="https://www.dreambox-ws.com/deposit_manage?language=ja_JP"><img src="assets/img/Japan.png">Japan</a></li>
- <li><a href="https://www.dreambox-ws.com/deposit_manage?language=ko_KR"><img src="assets/img/South_Korea.png">Korean</a></li>
- <li><a href="https://www.dreambox-ws.com/deposit_manage?language=zh_CN"><img src="assets/img/China.png">China</a></li>
- </ul>
- </div>
- </div>
- <div class="purse__sup">
- <p class="purse__word">
- <a style="margin-left: 20px" href="https://www.dreambox-ws.com/logout" ><th th:utext="#{dashboard.deposit_manage.deposit.logout}"></th></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <!-- top end -->
- </div>
- <div class="col-lg-12">
- <div class="purse__case">
- <!-- all start-->
- <div class="purse__block">
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-box"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-outdent"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-signal"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-calendar-alt"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-clock"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-calculator"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-fax"></i>
- </a>
- <a href="#" class="purse__connect">
- <i class="purse__ico fas fa-cog"></i>
- </a>
- <a href="#" class="purse__connect comments">
- <i class="purse__ico fas fa-comments"></i>
- </a>
- </div>
- <input id="selectionCoin" type="hidden" th:value="${selectionCoin}">
- <!-- left end-->
- <!-- right start-->
- <div class="purse__right">
- <div class="purse__one">
- <!-- ballance start -->
- <div class="money" style="margin: 38px 5%;background-color: #1D2025;
- height: 341px;">
- <div class="money__top" style="background-color: #18191D;">
- <h2 class="money__title static-text">
- <th th:utext="#{dashboard.deposit_manage.deposit.balance}"></th>
- </h2>
- <i class="fas fa-ellipsis-v money__ico"></i>
- <span class="btc-text">Bitcoin</span>
- <span class="etc-text">Ethereum</span>
- </div>
- <table class="table mb-0 coin-list-table money__box">
- <thead>
- <tr>
- <th scope="col" th:utext="#{dashboard.deposit_manage.deposit.coin_name}" style="color:#fff;border-top:none;"></th>
- <th scope="col" colspan="2" th:utext="#{dashboard.deposit_manage.deposit.coin_balance} " style="color:#fff;border-top:none;"></th>
- </tr>
- </thead>
- <tbody>
- <tr class="" th:each="info : ${walletInfos.infos}">
- <td class="fs-08 text-vl-center">
- <img style="width:30px" th:src="@{'assets/img/'+${info.coin.name}+'.png'}"/>
- </td>
- <td class="fs-08 text-vl-center"><a href="#" th:onclick="'onDepositTabChange(\'' + ${info.coin.name} + '\')'">
- <span class="text-white text-bold" th:text="${info.coin.unit}" style="color:#fff"></span></a></td>
- <td class="fs-08 text-white text-vl-center">
- <div th:if="${info.wallet != null && info.wallet.availableBalance > 0}">
- <span class="text-white text-bold" th:text="${#numbers.formatDecimal(info.wallet.availableBalance, 3, 'COMMA', 5, 'POINT')}"></span>
- <!--span class="text-white text-bold" mf:decimal="${info.wallet.availableBalance}" style="color:#fff"></span-->
- </div>
- <div th:unless="${info.wallet != null && info.wallet.availableBalance >0} ">
- <span class="text-white text-bold">0</span>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <!-- ballance end -->
- <!-- Deposit Manage -->
- <div class="money">
- <div class="money__top">
- <h2 class="money__title">
- <th th:utext="#{dashboard.deposit_manage.deposit.deposit}"></th>
- </h2>
- <i class="fas fa-ellipsis-v money__ico"></i>
- </div>
- <div class="money__box money__box_dep">
- <div class="pouch">
- <div class="tab-pane" th:each="info : ${walletInfos.infos}" th:id="'deposit-nav-content-' + ${info.coin.name}">
- <div class="pouch__box">
- <p class="pouch__text">
- </p>
- <div class="pouch__block">
- <td class="fs-08 text-vl-center">
- <img style="width:40px" th:src="@{'assets/img/'+${info.coin.name}+'.png'}"/>
- </td>
- <!--p class="pouch__adr pouch__adr_eth" th:if="${info.wallet != null && info.wallet.address != null}" th:id="${info.coin.name} + '_copy_clip'" th:text="${info.wallet.address} + ${info.wallet.bankName == null ? '' : ' * ' + info.wallet.bankName} + ${info.wallet.bankName == null ? '' : ' * ' + info.wallet.recvCorpNm}"></p-->
- <input type="text" class="pouch__adr pouch__adr_eth" readonly="readonly"
- th:if="${info.wallet != null && info.wallet.address != null}" th:id="${info.coin.name} + '_copy_clip'"th:value="${info.wallet.address} + ${info.wallet.bankName == null ? '' : ' * ' + info.wallet.bankName} + ${info.wallet.bankName == null ? '' : ' * ' + info.wallet.recvCorpNm}"
- >
- <p class="pouch__adr pouch__adr_eth" th:if="${info.wallet == null}">
- Please create wallet first
- </p>
- <a href="javascript:void(0);" th:if="${info.wallet != null && info.wallet.address != null}" th:onclick="'CopyToClipboard(' + '\'' + ${info.coin.name} + '_copy_clip\')'" class="pouch__btn but"><th th:utext="#{dashboard.deposit_manage.deposit.copy_address}"></th></a>
- </div>
- </div>
- <div class="row" >
- <div class="col-md-12 fs-08">
- <!--<p th:utext="#{dashboard.deposit_manage.deposit.desc1(${info.coin.unit})}"></p>-->
- <br>
- <!--<p> <span th:utext="#{dashboard.deposit_manage.deposit.desc2(${info.coin.unit})}"/></p>-->
- <!--<h2 style="color:orange" th:if="${info.wallet.address} == null">-->
- <!--</h2>-->
- <button class="btn btn-danger deposit-btn"
- th:if="${info.wallet == null}"
- th:onclick="'createWallet(' + '\'' + ${info.coin.name} + '\')'"
- th:utext="#{dashboard.deposit_manage.deposit.desc3(${info.coin.unit})}">
- </button>
- <p></p>
- <br>
- <!--<p><span th:utext="#{dashboard.deposit_manage.deposit.desc4(${info.coin.unit})}"/></p>-->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Deposit end -->
- </div>
- <div class="purse__two">
- <!-- Transactions start -->
- <div class="money" style="margin: 38px 5%;background-color: #1D2025;height: 310px;width: 690px; ">
- <div class="money__top" style="background-color: #18191D;">
- <h2 class="money__title">
- <th th:utext="#{dashboard.deposit_manage.deposit.transactions}"></th>
- </h2>
- <i class="fas fa-ellipsis-v money__ico"></i>
- </div>
- <table style="color: #fff;" class="table mb-0">
- <thead>
- <tr>
- <th scope="col" th:utext="#{dashboard.deposit_manage.deposit.history.column7}" style=""></th>
- <th scope="col" th:utext="#{dashboard.deposit_manage.deposit.history.column3}" style=""></th>
- <th scope="col" th:utext="#{dashboard.deposit_manage.deposit.history.column1}" style=""></th>
- </tr>
- </thead>
- <tbody id="depositTransactionBodyId">
- </tbody>
- </table>
- </div>
- <!-- Transactions end -->
- <!-- Withdraw start -->
- <div class="money">
- <div class="money__top">
- <h2 class="money__title">
- <th th:utext="#{dashboard.deposit_manage.deposit.withdraw}"></th>
- </h2>
- <i class="fas fa-ellipsis-v money__ico"></i>
- </div>
- <div class="money__box money__box_transactions">
- <div class="pouch">
- <div class="pouch__box">
- <div class="tab-pane" th:each="info : ${walletInfos.infos}" th:id="'withdrawal-nav-content-' + ${info.coin.name}">
- <div class="row">
- <div class="col-lg-12 fs-08">
- <!--<p th:utext="#{dashboard.withdrawal_manage.withdrawal.desc1(${info.coin.unit})}"></p>-->
- </h2>
- </div>
- <div class="fs-08">
- <form th:if="${info.wallet != null && info.level != null}" th:id="'withdrawal' + ${info.coin.name} + 'FormId'" class="form-horizontal" role="form">
- <input type="hidden" name="coinName" class="form-control" th:value="${info.coin.name}">
- <input type="hidden" name="coinUnit" class="form-control" th:value="${info.coin.unit}">
- <input type="hidden" name="onceAmount" class="form-control" th:value="${info.level.onceAmount}">
- <input type="hidden" name="onedayAmount" class="form-control" th:value="${info.level.onedayAmount}">
- <input type="hidden" name="myLimitAmount" class="form-control" th:value="${info.level.onedayAmount - info.wallet.todayWithdrawalTotalBalance > 0 ? info.level.onedayAmount - info.wallet.todayWithdrawalTotalBalance: 0}">
- <input type="hidden" name="availableBalance" class="form-control" th:value="${#numbers.formatDecimal(info.wallet.availableBalance,1,8,'POINT')}">
- <input type="hidden" name="minWithdrawalAmount" class="form-control" th:value="${#numbers.formatDecimal(info.wallet.coin.withdrawalMinAmount,1,8,'POINT')}">
- <input type="hidden" name="realWithdrawalAmount" class="form-control" th:value="${#numbers.formatDecimal(info.realWithdrawalAmount,1,8,'POINT')}">
- <input type="hidden" name="withdrawalFee" class="form-control" th:value="${#numbers.formatDecimal(info.withdrawalFee,1,8,'POINT')}">
- <p class="pouch__text">
- Send BTC:
- </p>
- <div class="pouch__wrap">
- <div class="pouch__block">
- <img style="width:40px" th:src="@{'assets/img/'+${info.coin.name}+'.png'}"/>
- <p class="pouch__adr pouch__adr_bit">
- <input class="form-control fs-08" type="text" name="address" th:placeholder="#{dashboard.withdrawal_manage.withdrawal.desc9}">
- </p>
- <button type="button" class="btn btn-danger fs-1" th:onclick="'doWithdrawal(\'' + ${info.coin.name} + '\')'" ><th th:utext="#{dashboard.deposit_manage.deposit.withdraw}"></th></button>
- </div>
- <div class="pouch__inner">
- <div class="pouch__bon">
- <p class="pouch__word">
- <th th:utext="#{dashboard.deposit_manage.deposit.amount}"></th>
- </p>
- <p class="pouch__num pouch__num_btc">
- <input class="form-control fs-08" type="number" th:id="${info.coin.name} + 'amount'" name="amount">
- </p>
- </div>
- <div class="pouch__bon">
- <p class="pouch__word">
- <th th:utext="#{dashboard.deposit_manage.deposit.fee}"></th>
- </p>
- <p class="pouch__num pouch__num_btc-fee">
- <span mf:decimal="${info.withdrawalFee}"></span><span th:text="' ' + ${info.coin.unit}"></span>
- </p>
- <!--<p class="pouch__ico">-->
- <!--BTC-->
- <!--</p>-->
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Withdraw end -->
- </div>
- </div>
- <!-- right end-->
- </div>
- <!-- all end-->
- </div>
- </div>
- </div>
- </section>
- <!-- Footer -->
- <div th:include="./dashboard/footer :: footer"></div>
- <!-- End Footer -->
- <script th:src="'js/common/utils.js?dummy=' + ${version}"></script>
- <script th:src="'assets/dashboard/js/chartist.min.js?dummy=' + ${version}"></script>
- <script th:src="'js/provider/SimpleBaseProvider.js?dummy=' + ${version}"></script>
- <script th:src="'js/provider/WalletProvider.js?dummy=' + ${version}"></script>
- <script th:src="'js/provider/TransactionProvider.js?dummy=' + ${version}"></script>
- <script th:src="'js/service/WalletService.js?dummy=' + ${version}"></script>
- <script type="text/javascript">
- function copy_link(name) {
- var copyText = document.getElementById(name);
- copyText.select();
- document.execCommand("copy");
- }
- utils.locale_init('[[${localeName}]]');
- var walletService;
- walletService = new WalletService();
- walletService.rendererDepositTransactions($("#selectionCoin").val(), 0);
- function onDepositTabChange(coin) {
- $("#selectionCoin").val(coin);
- walletService.rendererDepositTransactions(coin, 0);
- }
- function createWallet(coin) {
- walletService.createWallet(coin);
- }
- function doWithdrawal(coin) {
- walletService.doWithdrawal(coin);
- }
- function cancelWithdrawal(coin, transaction_id) {
- walletService.onCancelWithdrawal(coin, transaction_id);
- }
- function CopyToClipboard(containerid) {
- var copyText = document.getElementById(containerid);
- copyText.select();
- document.execCommand("copy");
- }
- function lanBtnFunction() {
- document.getElementById("myDropdown").classList.toggle("show");
- }
- // Close the dropdown if the user clicks outside of it
- window.onclick = function(event) {
- if (!event.target.matches('.dropbtn')) {
- var dropdowns = document.getElementsByClassName("dropdown-content");
- var i;
- for (i = 0; i < dropdowns.length; i++) {
- var openDropdown = dropdowns[i];
- if (openDropdown.classList.contains('show')) {
- openDropdown.classList.remove('show');
- }
- }
- }
- }
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment