CWB Full V3
How do I make an cwb full v3?
What is a cwb full v3? How do you make a cwb full v3? This script and codes were developed by Nathan Gregg on 25 December 2022, Sunday.
CWB Full V3 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CWB Full V3</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.css"> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>
<div id="wrapper">
<div class="logo_row"> <!-- C --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> </div> <!-- O --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- I --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> </div> <!-- N --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- W --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- O --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- R --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> <div></div> </div> </div> <!-- K --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> </div> <!-- B --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> </div> </div> <!-- E --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> </div> </div> <!-- N --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- C --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> </div> <!-- H --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div>
</div>
<nav class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-bars" aria-hidden="true"></i> </button> <a class="navbar-brand" href=""> <div class="logo_row_sm"> <!-- C --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> </div> <!-- W --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- B --> <div class="logo_letter"> <div class="logo_column"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="logo_column"> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> </div> <div class="logo_column"> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> <div></div> <div class="logo_blank"></div> </div> </div>
</div> </a> </div> <div id="navbar3" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#overview">Overview</a></li> <li><a href="#coins">Coins</a></li> <li><a href="#tools">Tools</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Help <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="#">FAQs</a></li> <li><a href="#">Bug Reports</a></li> <li><a href="#">Guide</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="nav_icon no_user" title="Settings"> <a class="nav-link" href="#settings"><i class="fa fa-cog" id="main_settings" aria-hidden="true"></i></a> </li> <li class="nav_icon no_user" title="User"> <a class="nav-link" href="#user"><i class="fa fa-user" aria-hidden="true"></i></a> </li> <li class="nav_icon has_user" title="Log In / Sign Up"> <a class="nav-link" href="#index"><i class="fa fa-sign-in fa-lg" aria-hidden="true"></i></a> </li> </ul> </div> </nav>
<div id="main_page"> <!-- ERROR MODAL <div id="error_dialog" title="You fucked up"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>The only way out of this is to delete everything off your computer</p> </div> --> <!-- OVERVIEW --> <div class="data_row"> <div class="inner_data_column" id="overview"> <div class="data_title"> <div class="row_title"><i class="fa fa-caret-down fa-lg" aria-hidden="true"></i> Overview</div> <form><fieldset> <label for="select_api">Select Account (API)</label> <select name="select_api" id="select_api" class="yellow_inputs"> <option selected="selected">Main Acc - vAVnvew8w3yu8yfo2i3h</option> <option>Dollar Acc - aAjfAvRmvarEAMSdkf</option> <option>High Risk - aFnvnRRx6hhfFbDyi8wSp</option> </select> </fieldset></form> <div id="date_picker"> <label for="from" class="green_text">Period From </label> <input class="yellow_inputs" type="text" id="from" name="from"> <label for="to" class="red_text">to</label> <input class="yellow_inputs" type="text" id="to" name="to"> </div> <div>Total Increase: 0 - 100</div> </div> <div class="data_main_bit data_main_bit_row"> <div id="overview_data_dots"> <div class="graph_container"> <div class="circle green"><div>1.56</div></div> <div class="graph_title">Total Profit</div> </div> <div class="graph_container"> <div class="circle green"><div>56%</div></div> <div class="graph_title">Profit Increase</div> </div> <div class="graph_container"> <div class="circle red"><div>0.32</div></div> <div class="graph_title">Profit Factor</div> </div> <div class="graph_container" id="graph_3"> <div class="circle red"><div>0.11</div></div> <div class="graph_title">Gross Profit/Loss</div> </div> <div class="graph_container"> <div class="circle green"><div>4.34%</div></div> <div class="graph_title">24hr Average</div> </div> </div> </div> <div class="data_main_bit_column" id="overview_graph"><img src="https://c5.staticflickr.com/1/645/31765060380_ba929fde47_b.jpg" width="1024" height="241" alt="A graph"></div> </div> </div> <!-- END OVERVIEW ROW--> <!-- COINS TRADED --> <div class="data_row"> <div class="inner_data_column" id="traded"> <div class="data_title"> <div class="row_title"><i class="fa fa-caret-down fa-lg" aria-hidden="true"></i> Coins Traded During Period</div> </div> <div class="data_main_bit data_main_bit_row"> <div class="table_container"> <!--Table --> <table id="coins_traded_table" data-search="true" data-show-refresh="true" data-show-toggle="true" data-classes="table table-no-bordered"> <thead> <tr> <th data-field="coin" data-switchable="false">Coin</th> <th data-field="long" data-formatter="LongShortButton">Long?</th> <th data-field="bal">Current Bal.</th> <th data-field="bal_fiat" data-formatter="currencyFormat">in Fiat</th> <th data-field="profit_fct">Profit Factor</th> <th data-field="gross_profit" data-formatter="currencyFormat">Gross Profit</th> <th data-field="gross_profit_perc" data-formatter="percentageFormat">as %</th> <th data-field="gross_loss" data-formatter="currencyFormat">Gross Loss</th> <th data-field="gross_loss_perc" data-formatter="percentageFormat">as %</th> <th data-field="max_neg" data-formatter="currencyFormat">Max -ve Bal</th> <th data-field="max_neg_perc" data-formatter="percentageFormat">as %</th> <th data-field="biggest_win" data-formatter="currencyFormat">Biggest Win</th> <th data-field="biggest_loss" data-formatter="currencyFormat">Biggest Loss</th> <th data-field="num_winners">Num Winners</th> <th data-field="num_losers">Num Losers</th> </tr> </thead> </table> </div> </div> </div> </div> <!-- END TRADED ROW --> <!-- ALERTS AND STOPS --> <div class="data_row" id="alerts_stops"> <!-- ALERTS --> <div class="inner_data_column" id="alerts"> <div class="data_title" id="alerts_title"> <div class="row_title"><i class="fa fa-caret-down fa-lg" aria-hidden="true"></i> ALERTS</div> </div> <div class="data_main_bit data_main_bit_row" id="alerts_data"> </div> </div> <!-- END ALERTS --> <!-- STOPS --> <div class="inner_data_column" id="stops"> <div class="data_title" id="stops_title"> <div class="row_title"><i class="fa fa-caret-down fa-lg" aria-hidden="true"></i> STOPS</div> </div> <div class="data_main_bit data_main_bit_row" id="stops_data"> <div class="table_container"> <table id="stops_table" data-search="true" data-show-refresh="true" data-show-toggle="true" data-classes="table table-no-bordered"> <thead> <tr> <th data-field="coin" data-switchable="false">Coin</th> <th data-field="type">Type</th> <th data-field="stop_at">Stop @</th> <th data-field="current">Current</th> <th data-field="change_24hrs">Change 24hrs</th> <!-- Red / Green--> <th data-field="balance">Balance</th> <th data-field="sell">Sell</th> <th data-field="start_at">Start @</th> </tr> </thead> </table> </div> </div> </div> <!-- END STOPS --> </div> <!-- END ALERTS/STOPS ROW--> <!-- RISK CALC --> <div class="data_row"> <div class="inner_data_column" id="risk_calc"> <div class="data_title" id="risk_calc_title"> <div class="row_title"><i class="fa fa-caret-down fa-lg" aria-hidden="true"></i> Risk Calculator</div> </div> <div class="data_main_bit" id="risk_calc_inputs"> <input type="text" id="total_bal"/>Total Account Balance <input type="text" id="risk_perc"/>Risk Percentage <input type="text" id="stop_perc"/>Stoploss Percentage <hr> <div id="risk_summary"> Amount to Buy: <span id="buy_amt">0</span> BTC worth. <!-- Could put an approx amount of intended currency --> <br> This means you are risking about <span id="risk_amt">0</span> BTC per trade <br> And you can take <span id="kill_amt">∞</span> losses at this value until you kill your account </div> </div> </div> <div class="inner_data_column"> <div class="data_title"> <div class="row_title"><i class="fa fa-caret-down fa-lg" aria-hidden="true"></i> Coin Journal</div> </div> </div> </div><!-- END RISK CALC ROW-->
</div> <!-- END MAIN PAGE -->
<div id="footer" class="data_row"> <div id="footer_links"> <div>Contact: Mark and Nathan at <a href="#" title="Contact">[email protected]</a> </div> </div> <div id="footer_blurb"> <div>Coin Workbench has been supplied for free by Mark and Nathan. </div> <div>donate <span>ETH: 0x9fE6591D285A3F18f019A6D12537D12A176C0a9f</span> <span> BTC: 174tNAWzJRovxwakVHscncq4t1vrzZPq92</span></div> <div>or any shapeshift supported coin</div> </div>
</div> <!-- END FOOTER -->
</div> <!-- END WRAPPER -->
</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
CWB Full V3 - Script Codes CSS Codes
/*
dark grey (background and text on coloured BG): #333333
white/yellow (main text/thick line for inputs): #FFF6CF
white/yellow shaded (input boxes): #B2AC93
light grey (sections): #4D4D4D
light grey shaded (thick lines under sections): #434343
blue (blue icons - not text): #65D9C1
red (all red): #FF6063
pink (seperator line) #EA9BE1
blue text: #9CFFE5
*/
/* GENERAL */
* { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; box-sizing: border-box; font-family: "Source Sans Pro",sans-serif; border-radius: none;
}
html, body { height: 100%; background-color: #2d2d2d;
}
#wrapper { min-height: 100%; position: relative; color: #FFF6CF;
}
/**/
hr { border-top: 1px solid #4D4D4D; width: 80%;
}
i { transition: 0.2s;
}
/* logo */
/*
alt colour schemes:
$color1: #a9a8a8;
$color2: #90bd98;
$color3: #629869;
$color4: #48746a;
$color5: #4c6281;
*/
.logo_row { display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: flex-end; align-items: flex-end; position: absolute; left: -130px; top: -130px; transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(18.5deg, 18.5deg); padding-top: 300px; z-index: 10000; background-color: #2d2d2d;
}
.logo_row::before { content: ""; position: absolute; z-index: -100; width: 200%; height: 100%; left: -100px; top: 20px; border-bottom: 3px solid #434343; background-color: #2d2d2d;
}
.logo_row_sm { display: flex; flex-flow: row nowrap;
}
.logo_letter { display: flex; flex-flow: row nowrap; margin: 5px;
}
.logo_column { display: flex; flex-flow: column nowrap;
}
.logo_column > div { width: 7px; height: 7px; margin: 0px; padding: 0px;
}
.logo_column div:nth-of-type(1) { background-color: green; box-shadow: -1px 1px 0px green, -2px 2px 0px green, -3px 3px 0px green, -4px 4px 0px green, -5px 5px 0px green, -6px 6px 0px green, -7px 7px 0px green, -8px 8px 0px green, -9px 9px 0px green, -10px 10px 0px green;
}
.logo_column div:nth-of-type(2) { background-color: lightgreen; box-shadow: -1px 1px 0px lightgreen, -2px 2px 0px lightgreen, -3px 3px 0px lightgreen, -4px 4px 0px lightgreen, -5px 5px 0px lightgreen, -6px 6px 0px lightgreen, -7px 7px 0px lightgreen, -8px 8px 0px lightgreen, -9px 9px 0px lightgreen, -10px 10px 0px lightgreen;
}
.logo_column div:nth-of-type(3) { background-color: yellow; box-shadow: -1px 1px 0px yellow, -2px 2px 0px yellow, -3px 3px 0px yellow, -4px 4px 0px yellow, -5px 5px 0px yellow, -6px 6px 0px yellow, -7px 7px 0px yellow, -8px 8px 0px yellow, -9px 9px 0px yellow, -10px 10px 0px yellow;
}
.logo_column div:nth-of-type(4) { background-color: orange; box-shadow: -1px 1px 0px orange, -2px 2px 0px orange, -3px 3px 0px orange, -4px 4px 0px orange, -5px 5px 0px orange, -6px 6px 0px orange, -7px 7px 0px orange, -8px 8px 0px orange, -9px 9px 0px orange, -10px 10px 0px orange;
}
.logo_column div:nth-of-type(5) { background-color: red; box-shadow: -1px 1px 0px red, -2px 2px 0px red, -3px 3px 0px red, -4px 4px 0px red, -5px 5px 0px red, -6px 6px 0px red, -7px 7px 0px red, -8px 8px 0px red, -9px 9px 0px red, -10px 10px 0px red;
}
.logo_blank { opacity: 0;
}
/* NAV */
.navbar { font-size: 1.4em; border-bottom: 3px solid #434343; padding-right: 15px; color: #FFF6CF;
}
.navbar-brand { font-size: 1.6em; font-weight: bold;
}
.navbar ul li a { padding: 30px 30px;
}
.no_user { /* Remove class when user is logged in */ /* display: none; */
}
/* MAIN PAGE */
#main_page { padding-top: 230px; width: 90%; margin: 0 auto; display: flex; flex-flow: column nowrap; align-items: center; padding-bottom: 180px; color: #FFF6CF;
}
.main_page_alt { position: absolute; padding-top: 60px; padding-bottom: 180px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center;
}
/* DATA ROW */
.rotator { transform: rotate(180deg);
}
.data_row { display: flex; flex-flow: row nowrap; width: 100%;
}
.inner_data_column { background-color: #4D4D4D; border-bottom: 3px solid #434343; display: flex; flex-flow: column nowrap; width: 100%; margin: 10px; margin-bottom: 50px;
}
.data_title { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 3px solid #EA9BE1;
}
.row_title { font-size: 1.6em; font-weight: 600;
}
.data_main_bit_row { display: flex; flex-flow: row nowrap; width: 100%; justify-content: space-around;
}
.data_main_bit_column { display: flex; flex-flow: column nowrap; width: 100%; justify-content: space-around; align-items: center;
}
/* OVERVIEW */
.yellow_inputs { margin: 0px 5px; padding: 5px; background-color: #B2AC93; border: none; border-radius: 0px; -webkit-appearance: none; border-bottom: 3px solid #FFF6CF; color: black;
}
#overview_data_dots { margin: 2%; background-color: #333333; display: flex; flex-flow: row wrap; width: 100%; justify-content: space-around; border-top: 3px solid #434343;
}
.graph_container { display: flex; flex-flow: column nowrap; align-items: center; margin: 2%; flex: 1;
}
.graph_container img { width: 100%;
}
.graph_title { text-align: center; text-transform: uppercase; font-size: 1em; font-weight: 800;
}
.circle { height: 150px; width: 150px; border-radius: 50%; display: flex; flex-flow: ; justify-content: center; align-items: center; font-size: 4em;
}
/* Data dots background colour*/
.green { background-color: #65D9C1;
}
.red { background-color: #FF6063;
}
#overview_graph img{ width: 90%;
}
/* TABLE */
.table_container { width: 100%;
}
.fixed-table-container { background-color: #4d4d4d; border-radius: none;
}
table th,
table tr,
table td { border-bottom: 2px solid grey;
}
table td:nth-child(2) { color: #FFF6CF;
}
table tr:hover { background-color: #434343;
}
.detail-view { width: 100%; border: 3px solid #FFF6CF; border-top: none;
}
/* for green data add class .positive*/
.positive, .green_text { color: #9CFFE5;
}
/* for red data add class .negative*/
table tr:nth-child(5) .negative, .red_text { color: #FF6063;
}
/* ALERTS */
#alerts_title { background-color: #E2AB38;
}
#stops_title { background-color: #C24745;
}
/* RISK CALC */
#risk_calc_title { background-color: #68C0EA;
}
#risk_calc .data_main_bit { display: flex; flex-flow: row wrap; width: 100%; justify-content: flex-start; align-items: center;
}
#risk_calc_inputs input { margin: 10px; flex-basis: 50%;
}
#risk_summary { margin: 0 10px;
}
#risk_summary span{ font-weight: 600; font-size: 1.2em; padding: 5px;
}
/* FOOTER */
#footer { height: 150px; background-color: #1a283d; color: #babec4; font-size: 1em; justify-content: space-around; align-items: center; position: absolute; bottom: 0; width: 100%; z-index: 900;
}
@media screen and (max-width: 960px) { #main_page { width: 100%; padding-top: 65px; } .data_row { flex-flow: column nowrap; } .data_title { flex-flow: row wrap; } .inner_data_column { margin: 0px; margin-bottom: 10px; }
}
@media only screen and ( max-width: 640px ) { html, body { font-size: 85%; } .data_title { flex-flow: column nowrap; align-items: flex-start; } .data_title > * { padding: 5px 0; } .data_main_bit { display: flex; flex-flow: row wrap; }
}
CWB Full V3 - Script Codes JS Codes
var trade_data = [ { "coin": "XCP", "bal": "15.2322", "bal_fiat": "98.23", "profit_fct": "2.1", "gross_profit": "1,000,000.00", "gross_profit_perc": "1000", "gross_loss": "0.00", "gross_loss_perc": "-1000", "max_neg": "0.00", "max_neg_perc": "0", "biggest_win": "139,323.00", "biggest_loss": "0.00", "num_winners": "143", "num_losers": "0" }, { "coin": "DGB", "bal": "872411.489", "bal_fiat": "45.99", "profit_fct": "-0.5", "gross_profit": "135.01", "gross_profit_perc": "2.409", "gross_loss": "190.00", "gross_loss_perc": "34.2", "max_neg": "1202.00", "max_neg_perc": "140", "biggest_win": "2.00", "biggest_loss": "134.00", "num_winners": "4", "num_losers": "59" }, { "coin": "OMNI", "bal": "12.2", "bal_fiat": "210.34", "profit_fct": "1.2", "gross_profit": "122.30", "gross_profit_perc": "12.7", "gross_loss": "19.00", "gross_loss_perc": "34.2", "max_neg": "90.00", "max_neg_perc": "6.823", "biggest_win": "94.26", "biggest_loss": "12.00", "num_winners": "7", "num_losers": "2" },
]
var stops_data = [ { "coin": "XCP", "type": "Trailing Stop", "stop_at": "0.00389000", "current": "0.00736248 ", "change_24hrs": "3.98", "balance": "143.5", "sell": "143.5", "start_at": "0.00806248" }, { "coin": "XCP", "type": "Trailing Stop", "stop_at": "0.00389000", "current": "0.00736248 ", "change_24hrs": "3.98", "balance": "143.5", "sell": "143.5", "start_at": "0.00806248" }, { "coin": "XCP", "type": "Trailing Stop", "stop_at": "0.00389000", "current": "0.00736248 ", "change_24hrs": "3.98", "balance": "143.5", "sell": "143.5", "start_at": "0.00806248" }
]
$.extend($.fn.bootstrapTable.columnDefaults, { sortable: true
});
$('#coins_traded_table').bootstrapTable({ // url: 'data1.json', data: trade_data, showColumns: true, cardView: false, // change on media queries undefinedText: "na", // 'not applicable', if there is no data detailView: true
});
$('#stops_table').bootstrapTable({ // url: 'data1.json', data: stops_data, showColumns: true, cardView: false, // change on media queries undefinedText: "na", // 'not applicable', if there is no data detailView: true,
});
// adds a '£' to currencies. Set html data-formatter="currencyFormat"
function currencyFormat(value) { return '£' + value;
}
// adds '%'
function percentageFormat(value) { return value + '%';
}
function LongShortButton(value, row, index){ return '<a class="like" href="javascript:void(0)" title="Like">L/S</a>';
};
window.actionEvents = { 'click .like': function (e, value, row, index) { alert(value, row, index); },
};
/*
<button class="long_short">L/S</button>
<div class="long_short">L/S</div>
function priceFormatter(value) {
// 16777215 == ffffff in decimal
var color = '#'+Math.floor(Math.random() * 6777215).toString(16);
return '<div style="color: ' + color + '">' + '<i class="glyphicon glyphicon-usd"></i>' + value.substring(1) + '</div>';
}*/
// Function to call AJAX and generate graph
$('#coins_traded_table').on('expand-row.bs.table', function (e, index, row, $detail) { $detail.html('Loading data...');
});
/*-----------------*/
/* GENERAL HELPERS */
/*-----------------*/
// jQuery UI datepicker
var dateFormat = "dd/mm/yy",
from = $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, dateFormat: "dd-mm-yy" }).on( "change", function() {to.datepicker( "option", "minDate", getDate( this ) );}),to = $( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1 }).on( "change", function() {from.datepicker( "option", "maxDate", getDate( this ) );});
function getDate( element ) { var date; try { date = $.datepicker.parseDate( dateFormat, element.value ); } catch( error ) { date = null; } return date;
}
// Title Cheveron click slides up content
$('.row_title').click(function(){ $(this).find('i').toggleClass('rotator'); $(this).parents('.inner_data_column').find('.data_main_bit').slideToggle();
});
//NAV SLIDE TO #
// JqueryUI tooltips
// $('#wrapper').tooltip();
// ERROR dialog
$( "#error_dialog" ).dialog({ resizable: false, height: "auto", width: 400, modal: true, buttons: { "Delete everything": function() { $( this ).dialog( "close" ); }, }
});
$("#tab_unit").tabs();
/*-----------------*/
/* RISK CALC STUFF */
/*-----------------*/
var total_bal, risk_perc, stop_perc, buy_amt, risk_amt, kill_amt;
$("#risk_calc input").keyup(function(){ var $val = $(this).val(), $id = $(this).attr('id'); if ($id == "total_bal") { total_bal = $val; } else if ($id == "risk_perc") { risk_perc = $val; } else if ($id == "stop_perc") { stop_perc = $val; } risk_amt = total_bal*(risk_perc/100); buy_amt = risk_amt/(stop_perc/100); kill_amt = 100/risk_perc; $('#buy_amt').html(buy_amt); $('#risk_amt').html(risk_amt); $('#kill_amt').html(kill_amt);
});
Developer | Nathan Gregg |
Username | nathansonic |
Uploaded | December 25, 2022 |
Rating | 3 |
Size | 8,474 Kb |
Views | 4,048 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Pure CSS popup graph | 3,156 Kb |
Matching 2 Arrays | 2,101 Kb |
Crappy Fly To Cart - CSS | 2,213 Kb |
CWB logo | 3,375 Kb |
CWB Risk Calc | 3,516 Kb |
Magic Template | 2,992 Kb |
CWB logo js, time | 3,531 Kb |
Scroll Horizontal, div to center V2 | 2,026 Kb |
CWB Trad Journal html | 13,903 Kb |
Sort Isotope | 6,238 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Prism | Pyrografix | 2,843 Kb |
Custom Select Element | Agrayson | 3,616 Kb |
A Pen by Dalton Liu | Liudalton | 12,437 Kb |
Cartoon Bomb | Tcmulder | 4,929 Kb |
Mini Profile | Frytyler | 3,828 Kb |
Loading... | Adamjacob | 2,384 Kb |
Transitioning application screens with semantically named classes | Djgrant | 3,697 Kb |
GLSL Hills | Ykob | 6,991 Kb |
Matrix | Stathisnikolaidis | 1,922 Kb |
A Pen by Anoop | Anoopjohn | 330,760 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!