CINXE.COM
Bitcoin Trading Australia, BTC to AUD - Bitcoin Price | CoinSpot
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:image" content="https://www.coinspot.com.au/public/img/coinspot-sml-white.png"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="480"> <meta property="og:image:height" content="480"> <meta name="description" content="Bitcoin (BTC) trading has never been easier with instant delivery & verification on CoinSpot - Australia鈥檚 most trusted cryptocurrency exchange since 2013."> <title>Bitcoin Trading Australia, BTC to AUD - Bitcoin Price | CoinSpot</title> <link rel="shortcut icon" href="/public/img/favicon.png?v=412"> <link rel="apple-touch-icon" sizes="57x57" href="/public/img/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/public/img/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/public/img/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/public/img/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/public/img/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/public/img/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/public/img/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/public/img/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/public/img/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/public/img/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/public/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/public/img/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/public/img/favicons/favicon-16x16.png"> <link rel="manifest" href="/public/img/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/public/img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/public/css/coinspot.min.css?v=412"> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/js/coinspot.min.js?v=412"></script> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/js/brhash.min.js?v=412"></script> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/js/bootstrap-sortable.js?v=412"></script> <link rel="stylesheet" type="text/css" href="/public/icons/flaticon.css?v=412"> <link rel="stylesheet" type="text/css" href="/public/css/font.css?v=412"> <link rel="stylesheet" href="/public/css/pages/main.css?v=412"> <link rel="stylesheet" href="/public/css/v2.css?v=412"> <style> </style> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/js/pages/main.js?v=412"></script> </head> <body> <header class="navbar navbar-default navbar-static-top bs-docs-nav" id="top" role="banner"> <div class='container page-content-body'> <style> .not-menu { width: 550px; padding: 20px; } .not-header { color: #75798A; font-size: 16px; font-family: "InterSmBd"; } .not-header a { font-size: 12px; } .not-tabs { margin-top: 20px; margin-bottom: 20px; font-family: "Inter"; } .not-tabs-2 { margin-top: 10px; } .not-tabs .nav { display: flex; margin-bottom: 20px; } .not-tabs .nav li { flex: 1; text-align: center; border: solid 1px #E2E3E9; border-right: 0; margin: 0; } .not-tabs .nav-pills>li.active>a { background-color: #CCDDFF !important; color: #0049DB !important; } .not-tabs .nav li:last-child { border: solid 1px #E2E3E9; border-radius: 0 5px 5px 0 !important; } .not-tabs .nav li:first-child { border: solid 1px #E2E3E9; border-radius: 5px 0 0 5px !important; border-right: 0; } .not-tabs .not-count { background-color: #CD4741; color: white; margin-left: 10px; border-radius: 4px !important; padding: 2px; padding-left: 5px; padding-right: 5px; float: right; font-family: "Circular Std Book"; font-size: 10px; min-width: 18px; text-align: center; } .not-content { overflow: auto; -webkit-overflow-scrolling: touch; height: 500px; } .not-content-row h5 { color: #181A20; font-size: 14px; margin-top: 5px; } .not-content-row { color: #6E7591; font-family: "Inter"; border-bottom: solid 1px #E2E3E9; padding: 10px 10px 10px 10px; cursor: pointer; background-color: #fbfbfb; } .not-content-row.not-unread { background-color: #fff; cursor: pointer; border-radius: 5px !important; } .not-content-row.not-unread[data-important=true] .not-close { display: none; } .not-content-row.not-unread .not-link { display: none; } .not-content-row .not-close { float: right; font-size: 12px; } .not-content-row h5 .not-alert { background: #CD4741; width: 12px; height: 12px; border-radius: 50% !important; display: inline-block; margin-right: 10px; } .not-content-row .not-time { font-size: 12px; padding-bottom: 5px; } .not-content-row .not-text-trunc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 15ch; } .not-no-notifications { color: #333; } .shorten { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 15ch; } .not-content-row .not-link { padding-top: 10px; font-size: 14px; } .navbar .container { background-color: #004FEE; } .navbar-default .navbar-nav>li>a.standard-menu { border-bottom: solid 2px #004FEE; } .nav.navbar-nav.navbar-right { border-bottom: solid 2px #004FEE; } .nav-menu li { display: inline-block; width: calc(50% - 2px); margin-bottom: 10px; xheight: 62px; } .nav-menu>li>a { line-height: 2em !important; font-weight: 800; font-family: "Mont"; font-size: 11.5px; text-transform: uppercase; } .nav-menu>li>a .dropdown-subtitle { color: #ACAEB9; font-weight: 400; text-transform: none; } .nav-menu>li>a:hover { } .nav-arrow { line-height: 60px; } .dropdown-menu li .nav-arrow i[class^="flaticon-"]:before, .dropdown-menu li .nav-arrow i[class*=" flaticon-"]:before { font-size: 16px !important; color: #ACAEB9; } .nav-menu li:first-child { width: 100%; } .dropdown-menu>li>a { line-height: 3em; } .dropdown-menu>li>a.dropdown-header { cursor:default; } .dropdown-menu>li>a.dropdown-header:hover { background-color: white; } .dropdown-menu>li>a>img { height: 24px; margin-right: 10px; } .dropdown-menu>li>a>svg { margin-right: 10px; } .notification-menu .notification-count { text-align: center; background: red; color: white; padding-left: 5px; padding-right: 5px; border-radius: 30% !important; font-size: 12px; display: none; float: right; height: 16px; line-height: 16px; margin-top: 0px; position: absolute; font-size: 10px; top: 5px; right: -5px; } .notification-menu .notification-count.notification-read { background: rgba(0, 0, 0, .45); } .not-text pre { border: none; background-color: transparent; font-family: Inter !important; color: #6E7591; font-size: 14px; padding: 0; margin: 0; white-space: pre-wrap; word-break: normal; } .notification-important { position: absolute; top: 2px; right: -5px; height: 20px; } @media (max-width: 991px) { .notification-menu .notification-count { top: 12px; right: 5px; } .notification-menu .notification-important { right: 5px; } .not-tabs { margin: 0; } } @media (max-width: 1000px) { .not-tabs .nav { display: block; } .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; margin-right: 0px; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } } .account-icon:before { top: 0 !important; font-size: 20px; } .account-arrow:before { top: -3px !important; font-size: 12px; } .open > .dropdown-menu { animation-name: slidenavAnimation; animation-duration:.3s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration:.3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration:.3s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } </style> <div class='innercontainer'> <div class="navbar-header"> <button class="pull-right navbar-toggle sidenav-toggle collapsed navbar-menu-button" style='margin-top:12px' type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style='background-color:#fff'></span> <span class="icon-bar" style='background-color:#fff'></span> <span class="icon-bar icon-bar-small" style='background-color:#fff'></span> </button> <a class="pull-right btn-header login-btn userlogin" style="color:#FFE; margin-top:12px" href="/login">LOGIN</a> <a class="col-md-push-1 navbar-brand" style='padding-top: 19px;' href="/"><img src='/public/img/coinspot-logo.svg?v=412' alt='CoinSpot' style='margin-top:-5px;margin-right:5px;height:30px;width:30px'/> CoinSpot</a> </div> <nav class="navbar-collapse bs-navbar-collapse collapse" role="navigation" style="height: 1px;"> <ul class="nav navbar-nav navbar-right" style='margin-right:0px'> <li><a href='/' class='home-menu'>Home</a></li> <li><a href="/multicoinwallets" class='wallets-menu'>Wallets</a></li> <li><a href='/tradecoins' class='buysell-menu'>Buy/Sell</a></li> <li><a href='/swap' class='swap-menu'>Swap</a></li> <li><a href='/bundles' class='bundles-menu'>Bundles</a></li> <li><a href='/nft' class='nft-menu'>NFT</a></li> <li><a href='/otc' class='otc-menu'>OTC</a></li> <li><a href='/markets' class='markets-menu'>Markets</a></li> <li class="register-link"><a href='/register' class="btn-header hidden-xs">Register</a></li> <li><a href='/register' class="hidden-sm hidden-md hidden-lg">Register</a></li> <li class="home-login-link"><a href='/login' class="btn-header hidden-xs">Login</a></li> <li><a href='/login' class="hidden-sm hidden-md hidden-lg">Login</a></li> </ul> </nav> </div> <div class='sidenav-overlay sidenav-overlay-1'></div> <nav id='notificationnav' class='hidden not-tabs' role='navigation'> <div class="not-header">Notifications <a href="/my/messagecenter" class="pull-right">View All</a> </div> <div class="not-tabs-2"></div> </nav> <div class='sidenav-overlay sidenav-overlay-2'></div> <nav id='sidenav' class='hidden' role='navigation'> <div class='sidenav-header'> <img src='/public/img/logo-horz-ondark.png?v=412' alt='CoinSpot' style='height:35px' /> </div> <ul class="list-unstyled"> <li><a href="/"><i class="flaticon-home"></i>HOME</a></li> <li><a href="/multicoinwallets"><span><i class="flaticon-money"></i>WALLETS</span></a></li> <li><a href="/tradecoins"><i class="flaticon-buy"></i>BUY / SELL</a></li> <li><a href="/swap"><i class="flaticon-exchange"></i>SWAP</a></li> <li><a href="/bundles"><i class="flaticon-bills"></i>BUNDLES</a></li> <li><a href="/nft"><i class="flaticon-buy"></i>NFT</a></li> <li><a href="/otc"><i class="flaticon-scales"></i>OTC</a></li> <li><a href="/markets"><i class="flaticon-bar-chart"></i>MARKETS</a></li> </ul> <ul class="list-unstyled pb-50"> <li><a href="/register"><i class="flaticon-rocket"></i>REGISTER</a></li> <li><a href="/login"><i class="flaticon-log-out"></i>LOGIN</a></li> <li><a href="https://coinspot.zendesk.com/hc/en-us" target="_blank" class='chat'><i class="flaticon-speech-bubble-1"></i>SUPPORT</a></li> </ul> </nav> <script nonce="2402f67f375d33a60e417311216ac7c1"> $('.sidenav-toggle, .sidenav-overlay-2').click(function (e) { $('#sidenav').toggleClass('hidden'); $('.sidenav-overlay-2').toggle(); $('body').toggleClass('vh-100'); e.stopPropagation(); }) $('#account-dropdown-menu').on('shown.bs.dropdown', function () { $('.nav-menu').width(550); //$('.dropdown-toggle.account-menu').width($('.navbar-nav>li>.dropdown-menu').width()-20); }) $('#account-dropdown-menu').on('hide.bs.dropdown', function () { $('.dropdown-toggle.account-menu').width(0); }) $(document).on('click', '.notification-toggle, .sidenav-overlay-1', function () { $('#notificationnav').toggleClass('hidden'); $('.sidenav-overlay-1').toggle(); $('body').toggleClass('vh-100'); getmessageslist_menu('not-tabs-2'); return false; }); $(document).on('click', '.dropdown-menu.not-menu a[data-toggle="tab"]', function (e) { e.stopPropagation() $(this).tab('show'); return false; }) $(document).on('click', '#notificationnav a[data-toggle="tab"]', function (e) { e.stopPropagation() $(this).tab('show'); return false; }) $(document).on('click', '.not-content-row a', function (e, y) { e.stopPropagation() return true; }) $(document).on('click', '.not-content-row', function (e, y) { var id = $(this).attr('data-id'); var tab = $(this).attr('data-tab'); markmessageasread_menu(id, tab); return false; }) $(document).on('click', '.not-close', function (e, y) { var id = $(this).attr('data-id'); var tab = $(this).attr('data-tab'); markmessageasclose_menu(id, tab); return false; }) function showalerts(count, important) { $('.notification-menu .notification-count').addClass('notification-read'); $('.notification-menu .notification-count').html(count); if (count > 0) $('.notification-menu .notification-count').removeClass('notification-read'); $('.notification-menu .notification-important').hide(); $('.notification-menu .notification-count').hide(); if (important) $('.notification-menu .notification-important').show(); else $('.notification-menu .notification-count').show(); if (count <= 0) $('.notification-menu .notification-count').hide(); } showalerts(('' || 0), '' == 'true'); function getmessages_menu() { $.get('/my/messagecenter/count', function (data) { // not availble on route if (typeof data == "string") return; if (data && data.ok && data.result) { showalerts(data.result.count, data.result.hasimportant) } setTimeout(getmessages_menu, 60000); }) } getmessages_menu(); var tabcounts = {}; function markmessageasread_menu(id, tab) { var alreadyread = !$('.not-content-row[data-id=' + id + ']').hasClass('not-unread'); $('.not-content-row[data-id=' + id + ']').removeClass('not-unread'); $('.not-content-row[data-id=' + id + ']').find('.not-text').removeClass('not-unread'); $('.not-content-row[data-id=' + id + ']').find('.not-text pre').toggleClass('not-text-trunc'); $('.not-content-row[data-id=' + id + ']').find('.not-link').toggleClass('hidden'); if (alreadyread) return; var unread = tabcounts[tab].ucount; if (unread > 0) tabcounts[tab].ucount = unread - 1; if (tabcounts[tab].ucount > 0) { var ucounttext = tabcounts[tab].ucount; if (ucounttext > 5) ucounttext = "5+"; $('li[data-tab="' + tab + '"] span').html(ucounttext); } else { $('li[data-tab="' + tab + '"] span').remove(); } $.post('/my/messagecenter/markread', { id: id }) } function markmessageasclose_menu(id, tab) { $('.not-content-row[data-id=' + id + ']').hide(300); if ($('.not-content-row.not-unread[data-id=' + id + ']').length) { var unread = tabcounts[tab].ucount; if (unread > 0) tabcounts[tab].ucount = unread - 1; if (tabcounts[tab].ucount > 0) { var ucounttext = tabcounts[tab].ucount; if (ucounttext > 5) ucounttext = "5+"; $('li[data-tab="' + tab + '"] span').html(ucounttext); } else { $('li[data-tab="' + tab + '"] span').remove(); } } $.post('/my/messagecenter/remove', { id: id }) } $('#notification-dropdown-menu').on('shown.bs.dropdown', function () { getmessageslist_menu('not-tabs-1'); }) function getmessageslist_menu(container) { $.get('/my/messagecenter/preview', function (data) { if (data && data.ok && data.result) { return showmessageslist_menu(data.result, container); } $('.' + container).html("Error retrieving notifications"); }) } function showmessageslist_menu(data, container) { var tabs = Object.keys(data); tabs.sort(function (a, b) { if (data[a].tab < data[b].tab) { return -1; } if (data[a].tab > data[b].tab) { return 1; } return 0; }); var tabsHtml = ``; $.each(tabs, function (i, item) { var count = ''; var plus = ''; tabcounts[item] = { rcount: data[item].rcount, ucount: data[item].ucount } if (data[item].hasmore) plus = '+'; if (data[item].msgs.length) count = `<span class='not-count'>${data[item].msgs.length}${plus}</span>`; if (i == 0) tabsHtml += `<li class="active" data-tab="${item}"><a data-toggle="tab" href="#tab_${i}_${container}">${item}${count}</a></li>`; else tabsHtml += `<li data-tab="${item}"><a data-toggle="tab" href="#tab_${i}_${container}">${item}${count}</a></li>`; }) var contentHtml = ''; $.each(tabs, function (i, item) { var items = data[item].msgs; var rowHtml = ''; $.each(items, function (x, row) { var link = ''; var important = ''; var unread = ''; if (row.hdomain) { var target = ''; if (row.newtab) target = ' target="_blank" '; link = `<div class="not-link hidden"><a ${target} href="https://${row.hdomain}${row.hpath}">${row.htext}</a></div>` } if (row.important) { important = '<img style="height:24px" src="/public/img/warning.svg" />'; } if (row.unread) { unread = 'not-unread'; } var closelink = `<a href='#' data-id='${row._id}' data-tab='${item}' class='not-close'><i class='flaticon flaticon-close'></i></a>`; rowHtml += ` <div class="not-content-row ${unread}" data-important="${row.important}" data-tab="${item}" data-id="${row._id}"> ${closelink} <h5>${important}${row.title}</h5> <div class="not-time">${row.activated}</div> <div class="not-text" data-id="${row._id}"><pre class="not-text-trunc">${row.body}</pre>${link}</div> </div>`; }) if (!rowHtml) rowHtml = '<div style="padding: 10px;" class="not-no-notifications">There are no unread notifications.</div>' if (i == 0) contentHtml += `<div id="tab_${i}_${container}" class="tab-pane in active">${rowHtml}</div>`; else contentHtml += `<div id="tab_${i}_${container}" class="tab-pane">${rowHtml}</div>`; }); $('.' + container).html(`<ul class="nav nav-pills">${tabsHtml}</ul><div class='tab-content'>${contentHtml}</div>`); } </script> </div> </header> <style> .buyaud, .sellaud {display:none;} .buycoin, .sellcoin {display:block;} #toast-container > div { width: 300px;} .toast-success { background-color: #3c763d;} .page-content { background: #fff; padding: 0px; padding: 0px 10px 0px 10px !important} .modal-footer > button { margin-bottom: 8px !important;} #container { height: 400px; margin: 0 auto; } .small-label { color: #75798A !important; font-size: 11px; display: block; font-weight: 500; } #tv_chart_container { padding: 0 5px; } #depth_chart_container { margin-bottom: 50px; } .coinstats-panel { border: solid 1px #E3E4E8; margin-bottom: 10px; } .coinstats { font-size: 16px; font-weight: bold; border-right: solid 1px #E3E4E8; padding: 15px; } .coinstats:last-child { border-right: 0; } #marketmenu { cursor: pointer; } .market-panel { border: solid 1px #E3E4E8; margin: 5px; padding: 8px !important; min-height: 260px; } .market-panel-noborder { margin: 5px; padding: 8px !important; min-height: 260px; } .maingrid-item-rightborder { border-right: solid 1px #E3E4E8; } .maingrid-item-leftborder { border-left: solid 1px #E3E4E8; } .maingrid-item-nopaddingleftright { padding-left: 0 !important; padding-right: 0 !important; } .maingrid-item-nopaddingleft { padding-left: 0 !important; padding-right: 4px !important; } .market-panel-noborder .panel-heading, .market-panel .panel-heading { border-bottom: solid 1px #E3E4E8; font-size: 14px; color: #333 !important; font-weight: bold; padding-top: 5px; } .market-panel-noborder .panel-heading, .market-panel .panel-body { padding-bottom: 10px; margin-top: -10px; } .buybutton { background-color: #16B68D; color: white; } .sellbutton { background-color: #B11B1B; color: white; } .btn-cancellink { color: #B11B1B !important; border: 0; background: transparent; line-height: 12px; } .tab-content { border: solid 1px #ddd; border-top: 0; padding: 10px; } .buysellfunds { font-size: 16px; } .buysellbuttons { bottom:10px; width: 100%; padding-top: 10px; } .table-responsive { margin-bottom: 0; } /* Table styles */ .table-tiny { font-size: 11px; margin-bottom: 10px; } .table-tiny > .table>thead>tr>th { text-transform: uppercase; } .table>thead>tr>th { text-transform: uppercase; border-bottom: 1px solid #F4F4F6; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { color: #75798A; border-top: 1px solid #F4F4F6; } .amounttype, .sellamounttype { padding: 0; min-width: 0; background-color: transparent; font-size: 16px; color: #fff !important; } .input-group-addon { font-size: 16px; } /* New tab styles */ .nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { background-color: #efefef; color: #555; text-align: center; margin-right: : 0px; } .nav-tabs>li>a { text-align: center; margin-right: : 0px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: #004FEE !important; text-align: center; color: #fff; margin-right: : 0px; } .amountshade { background: linear-gradient(to right, #FFF 40%, #D1FAEF 40%); } .opensellamount { color: red !important; } .openbuyamount { color: green !important; } .sellbuytab { margin-bottom: 20px; } .sellbuytab .btn { width: 50%; border-color: #E3E4E8; color: #666978 !important; } .sellbuytab .btn:first-child { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .sellbuytab .btn:last-child { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .sellbuytab .sellbtn.active { background-color: #FCEDED !important; color: #DF3030 !important; box-shadow: none; } .sellbuytab .buybtn.active { background-color: #D1FAEF !important; color: #16B68D !important; box-shadow: none; } .chartbuttons { margin-right: 10px; margin-bottom: 10px; } .chartbuttons-move { top: 40px; margin-top: -40px; } .chartbuttons .btn { border: 0; background-color: #eee !important; color: #004EA0 !important; } .chartbuttons .btn.active { background-color: #004FEE !important; color: white !important; box-shadow: none; } .chartbuttons .btn:first-child { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .chartbuttons .btn:last-child { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .form-panel .form-group { width: calc(100% - 40px); } .error { color: #d9534f; border-color: #d9534f !important; } @media (max-width: 1199px) and (min-width: 768px) { .displayflex { display: flex !important; } } @media (min-width: 2400px) { .display20p { max-width: 20% !important; } .display60p { min-width: 60% !important; } } @media (max-width: 575px) { #tv_chart_container { margin-bottom: 0; } #depth_chart_container { margin-bottom: 20px; } .coinstats { font-size: 14px; padding: 8px; } .coinstats:nth-child(-n+4) { border-bottom: solid 1px #E3E4E8; } .buy-panel { min-height: 535px !important; } .sell-panel { min-height: 450px !important; } .sell-panel { display: none; } .table-responsive { border: 0; } } .rangeselector { -webkit-appearance: none; width: calc(100% - (73px)); height: 2px; border-radius: 2px; background: #004FEE; outline: none; padding: 0; margin: 0; } .rangeselector::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #004FEE; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #004FEE; cursor: pointer; -webkit-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .rangeselector::-webkit-slider-thumb:hover { background: #004FEE; } .rangeselector:active::-webkit-slider-thumb { background: #004FEE; } .rangeselector::-moz-range-thumb { width: 12px; height: 12px; border: 0; border-radius: 50%; background: #004FEE; cursor: pointer; -moz-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #004FEE; } .rangeselector::-moz-range-thumb:hover { background: #004FEE; } .rangeselector:active::-moz-range-thumb { background: #004FEE; } .rangeselector:focus::-webkit-slider-thumb { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #004FEE; } .rangeselectorvalue { margin-top: 12px; position: relative; } .rangeselectorvalue span { color: #004FEE; position: absolute; width: 50px; text-align: center; } </style> <br> <div class='myaccount trade page-content-body'> <div class='row'> <div class='col-md-12'> <div class="alert s alert-success alert-dismissable" style='margin-top:10px'> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <strong>Success</strong> order created successfully.</a> </div> <div class="alert p alert-warning alert-dismissable" style='margin-top:10px'> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <strong>Error</strong> order process is not available at the moment, order not created. </div> <div class="alert f alert-danger alert-dismissable" style='margin-top:10px'> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <strong>Error</strong> order was not created. </div> <div class="alert b alert-danger alert-dismissable" style='margin-top:10px'> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <strong>Insufficient Funds</strong> order was not created. </div> </div> </div> <div class='dropdown visible-xs'> <div class="dropdown-toggle" type="button" id="marketmenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="font-size: 30px; font-weight: bold"> <img src='/public/img/coinmd/bitcoin.png?v=412' style='height:36px' /> BTC to AUD <i style="font-size:12px" class="account-arrow flaticon-down-arrow"></i> </div> <ul class="dropdown-menu" aria-labelledby="marketmenu"> <li><a href="/trade/BTC/AUD"><img src='/public/img/coinmd/bitcoin.png?v=412' style='height:24px' /> BTC to AUD</a></li> <li><a href="/trade/BTC/USDT"><img src='/public/img/coinmd/bitcoin.png?v=412' style='height:24px' /> BTC to USDT</a></li> <li><a href="/trade/USDT/AUD"><img src='/public/img/coinmd/tether usd.png?v=412' style='height:24px' /> USDT to AUD</a></li> <li><a href="/trade/ETH/AUD"><img src='/public/img/coinmd/ethereum.png?v=412' style='height:24px' /> ETH to AUD</a></li> <li><a href="/trade/ADA/AUD"><img src='/public/img/coinmd/cardano.png?v=412' style='height:24px' /> ADA to AUD</a></li> <li><a href="/trade/SOL/AUD"><img src='/public/img/coinmd/solana.png?v=412' style='height:24px' /> SOL to AUD</a></li> <li><a href="/trade/XRP/AUD"><img src='/public/img/coinmd/xrp (ripple).png?v=412' style='height:24px' /> XRP to AUD</a></li> <li><a href="/trade/DOGE/AUD"><img src='/public/img/coinmd/dogecoin.png?v=412' style='height:24px' /> DOGE to AUD</a></li> <li><a href="/trade/LTC/AUD"><img src='/public/img/coinmd/litecoin.png?v=412' style='height:24px' /> LTC to AUD</a></li> <li><a href="/trade/STR/AUD"><img src='/public/img/coinmd/stellar.png?v=412' style='height:24px' /> XLM to AUD</a></li> <li><a href="/trade/TRX/AUD"><img src='/public/img/coinmd/tron.png?v=412' style='height:24px' /> TRX to AUD</a></li> <li><a href="/trade/EOS/AUD"><img src='/public/img/coinmd/eos.png?v=412' style='height:24px' /> EOS to AUD</a></li> <li><a href="/trade/ANS/AUD"><img src='/public/img/coinmd/neo (antshares).png?v=412' style='height:24px' /> NEO to AUD</a></li> <li><a href="/trade/POWR/AUD"><img src='/public/img/coinmd/power ledger.png?v=412' style='height:24px' /> POWR to AUD</a></li> <li><a href="/trade/GAS/AUD"><img src='/public/img/coinmd/gas.png?v=412' style='height:24px' /> GAS to AUD</a></li> <li><a href="/trade/RHOC/AUD"><img src='/public/img/coinmd/rchain.png?v=412' style='height:24px' /> RHOC to AUD</a></li> </ul> </div> <div class='grid coinstats-panel no-gutter'> <div class='col-md-2 col-4 coinstats dropdown hidden-xs'> <div class="dropdown-toggle" type="button" id="marketmenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <div style="width: 30px; float:left;"> <img src='/public/img/coinmd/bitcoin.png?v=412' style='height:24px' /> </div> <div style="width: calc(100% - 30px); float:left;"> BTC to AUD <i style="font-size:12px" class="account-arrow flaticon-down-arrow"></i> <label class="small-label" style="display: inline-block; font-size: 12px; color: #004EA0 !important">Change Market</label> </div> <div class="clearfix"></div> </div> <ul class="dropdown-menu" aria-labelledby="marketmenu"> <li><a href="/trade/BTC/AUD"><img src='/public/img/coinmd/bitcoin.png?v=412' style='height:24px' /> BTC to AUD</a></li> <li><a href="/trade/BTC/USDT"><img src='/public/img/coinmd/bitcoin.png?v=412' style='height:24px' /> BTC to USDT</a></li> <li><a href="/trade/USDT/AUD"><img src='/public/img/coinmd/tether usd.png?v=412' style='height:24px' /> USDT to AUD</a></li> <li><a href="/trade/ETH/AUD"><img src='/public/img/coinmd/ethereum.png?v=412' style='height:24px' /> ETH to AUD</a></li> <li><a href="/trade/ADA/AUD"><img src='/public/img/coinmd/cardano.png?v=412' style='height:24px' /> ADA to AUD</a></li> <li><a href="/trade/SOL/AUD"><img src='/public/img/coinmd/solana.png?v=412' style='height:24px' /> SOL to AUD</a></li> <li><a href="/trade/XRP/AUD"><img src='/public/img/coinmd/xrp (ripple).png?v=412' style='height:24px' /> XRP to AUD</a></li> <li><a href="/trade/DOGE/AUD"><img src='/public/img/coinmd/dogecoin.png?v=412' style='height:24px' /> DOGE to AUD</a></li> <li><a href="/trade/LTC/AUD"><img src='/public/img/coinmd/litecoin.png?v=412' style='height:24px' /> LTC to AUD</a></li> <li><a href="/trade/STR/AUD"><img src='/public/img/coinmd/stellar.png?v=412' style='height:24px' /> XLM to AUD</a></li> <li><a href="/trade/TRX/AUD"><img src='/public/img/coinmd/tron.png?v=412' style='height:24px' /> TRX to AUD</a></li> <li><a href="/trade/EOS/AUD"><img src='/public/img/coinmd/eos.png?v=412' style='height:24px' /> EOS to AUD</a></li> <li><a href="/trade/ANS/AUD"><img src='/public/img/coinmd/neo (antshares).png?v=412' style='height:24px' /> NEO to AUD</a></li> <li><a href="/trade/POWR/AUD"><img src='/public/img/coinmd/power ledger.png?v=412' style='height:24px' /> POWR to AUD</a></li> <li><a href="/trade/GAS/AUD"><img src='/public/img/coinmd/gas.png?v=412' style='height:24px' /> GAS to AUD</a></li> <li><a href="/trade/RHOC/AUD"><img src='/public/img/coinmd/rchain.png?v=412' style='height:24px' /> RHOC to AUD</a></li> </ul> </div> <div class='col-md-2 col-4 coinstats'>$154722.45<label class="small-label">Today's Open</label></div> <div class='col-md-2 col-4 coinstats'>$155571.88<label class="small-label">24 Hour High</label></div> <div class='col-md-2 col-4 coinstats'>$152699.00<label class="small-label">Last</label></div> <div class='col-md-2 col-4 coinstats'>$152600.00<label class="small-label">Bid</label></div> <div class='col-md-2 col-4 coinstats'>$152692.93<label class="small-label">Ask</label></div> <div class='col-md-2 col-4 coinstats visible-xs'>19826634<label class="small-label">Supply</label></div> </div> <div class="grid widerscreen" style="border: solid 1px #e3e4e8;padding-top: 5px"> <div class='col-md-3 col-lg-3 hidden-xs display20p maingrid-item-rightborder maingrid-item-nopaddingleftright visible-lg'> <div class='col-md market-panel-noborder buy-panel'> <div class="panel-heading pophelp"> <i class="flaticon-credit-card-1" style="color: #004FEE"></i> Order Book </div> <div class='panel-body'> <div class="table-responsive"> <div class="sellorderscontainer"></div> <div class="text-center"> <a href='/trade/open/sell/btc'>All Sell Orders</a> </div> <br> <div class="buyorderscontainer"></div> <div class="text-center"> <a href='/trade/open/buy/btc'>All Buy Orders</a> </div> </div> </div> </div> </div> <div class="col-xs-12 col-md-6 col-lg-6 display60p maingrid-item-nopaddingleftright "> <div class="btn-group pull-right chartbuttons chartbuttons-move" data-toggle="buttons"> <button type="button" class="btn btn-sm btn-default active pricechartbtn">Price</button> <button type="button" class="btn btn-sm btn-default depthchartbtn">Depth</button> </div> <div class="clearfix"></div> <div id="tv_chart_container" style="width: 100%; min-height: 490px"></div> <div id="depth_chart_container" style="width: 100%; height: 450px; display:none"></div> <div class="market-panel-noborder hidden-xs" style="padding-left:10px; padding-right:10px;font-size: 12px"> <div class="panel-heading"> Recent Completed BTC / AUD Orders </div> <div class='panel-body'> <div class="table-responsive hidden-xs" style="max-height:300px; overflow:scroll"> <table class='table table-condensed'> <thead> <tr> <th>Sale Date</th> <th>Amount (BTC)</th> <th>Rate (AUD)</th> <th>Total (AUD)</th> </tr> </thead> <tr> <td>20/02/2025 06:57 PM</td> <td>0.00032744</td> <td>$152699.00</td> <td>$50.00</td> </tr> <tr> <td>20/02/2025 06:56 PM</td> <td>0.00065488</td> <td>$152699.00</td> <td>$100.00</td> </tr> <tr> <td>20/02/2025 06:55 PM</td> <td>0.00216042</td> <td>$152748.00</td> <td>$330.00</td> </tr> <tr> <td>20/02/2025 06:52 PM</td> <td>0.00052425</td> <td>$152600.00</td> <td>$80.00</td> </tr> <tr> <td>20/02/2025 06:49 PM</td> <td>0.00324228</td> <td>$152500.00</td> <td>$494.45</td> </tr> <tr> <td>20/02/2025 06:45 PM</td> <td>0.00996723</td> <td>$152500.00</td> <td>$1520.00</td> </tr> <tr> <td>20/02/2025 06:41 PM</td> <td>0.00655737</td> <td>$152500.00</td> <td>$1000.00</td> </tr> <tr> <td>20/02/2025 06:25 PM</td> <td>0.00262295</td> <td>$152500.00</td> <td>$400.00</td> </tr> <tr> <td>20/02/2025 06:21 PM</td> <td>0.00065573</td> <td>$152500.00</td> <td>$100.00</td> </tr> <tr> <td>20/02/2025 06:21 PM</td> <td>0.00019672</td> <td>$152500.00</td> <td>$30.00</td> </tr> <tr> <td>20/02/2025 06:17 PM</td> <td>0.00013106</td> <td>$152600.00</td> <td>$20.00</td> </tr> <tr> <td>20/02/2025 06:04 PM</td> <td>0.00065469</td> <td>$152741.91</td> <td>$100.00</td> </tr> <tr> <td>20/02/2025 05:48 PM</td> <td>0.00130941</td> <td>$152739.88</td> <td>$200.00</td> </tr> <tr> <td>20/02/2025 05:46 PM</td> <td>0.00006548</td> <td>$152700.00</td> <td>$10.00</td> </tr> <tr> <td>20/02/2025 05:46 PM</td> <td>0.00050425</td> <td>$152700.00</td> <td>$77.00</td> </tr> <tr> <td>20/02/2025 05:46 PM</td> <td>0.00008645</td> <td>$152700.00</td> <td>$13.20</td> </tr> <tr> <td>20/02/2025 05:45 PM</td> <td>0.00280979</td> <td>$152739.90</td> <td>$429.17</td> </tr> <tr> <td>20/02/2025 05:08 PM</td> <td>0.001</td> <td>$152700.00</td> <td>$152.70</td> </tr> <tr> <td>20/02/2025 05:06 PM</td> <td>0.00275518</td> <td>$152734.73</td> <td>$420.81</td> </tr> <tr> <td>20/02/2025 05:05 PM</td> <td>0.00182053</td> <td>$152750.00</td> <td>$278.09</td> </tr> </table> </div> </div> </div> </div> <div class='col-md-6 col-lg-6 col-xl-3 display20p hidden-xs maingrid-item-leftborder maingrid-item-nopaddingleft'> <ul class="nav nav-tabs bstabs"> <li class="active" style="width:50%;"> <a data-toggle="tab" href="#tab_buy">Buy</a> </li> <li class="hidden-xs" style="width:50%;"> <a data-toggle="tab" href="#tab_sell">Sell</a> </li> </ul> <div class='tab-content' style="border:0; padding: 10px 0 0 0"> <div id="tab_buy" class="tab-pane active"> <div class='market-panel-noborder buy-panel '> <div class="panel-heading"> <i class="flaticon-credit-card-1" style="color: #004FEE"></i> Buy BTC / AUD </div> <div class="buypanel panel-body"> <form id='buyform' class='buyform-validate buyform' action='/my/buy' method='POST' role="form"> <input type='hidden' name='_csrf' value='5eCxXoBp-s0Vo4Vy95lZ6TavSO4zxw1llNb4' /> <input type='hidden' name='cointype' value='BTC' /> <input type='hidden' name='currency' value='AUD' /> <input type="hidden" name="buytype" id="coin" value="coin" /> <div class="form-panel buycoin"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-deposit"></i> </div> <div class="form-group"> <label class="small-label">I would like to buy:</label> <div class="input-group"> <input type='number' step='0.00000001' autocomplete='off' class="buy buyinputtrade form-control buyamount" name="amount" id="buyamount" required value='0.00000000'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn amounttype" data-amounttype="aud">BTC <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel buyaud"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-dollar-symbol-1"></i> </div> <div class="form-group"> <label class="small-label">I would like to buy (AUD worth):</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy buyinputtrade form-control buyaudamount" name="buyaudamount" id="buyaudamount" required value='0.00'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn amounttype" data-amounttype="coin">AUD <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel"> <div class="form-panel-icon form-panel-icon-narrow"> <i class="flaticon-credit-card-1"></i> </div> <div class="form-group"> <label class="small-label">At the rate of:</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy buyinputtrade form-control buyratetrade" name="rate" id="buyratetrade" required value='152692.93'> <span class="input-group-addon">AUD</span> </div> <p class="help-block">≈ <span class='calcbuyprice'>$0</span> AUD</p> </div> <div class="clearfix"></div> </div> <div class="text-center"> <a class='btn btn-link' href="/pegorder/btc">Create Pegged Order</a> </div> </form> <div class="buysellbuttons"> <button class='btn buybutton btn-block' data-toggle="modal" data-type='buy' data-target="#confirmBuy">Buy BTC</button> </div> </div> </div> </div> <div id="tab_sell" class="tab-pane"> <div class='col-md market-panel-noborder sell-panel'> <div class="panel-heading"> <i class="flaticon-dollar-symbol-1" style="color: #004FEE"></i> Sell BTC / AUD </div> <div class="sellpanel panel-body"> <form id='sellform' class='sellform-validate sellform' action='/my/sell' method='POST' role="form"> <input type='hidden' name='_csrf' value='5eCxXoBp-s0Vo4Vy95lZ6TavSO4zxw1llNb4' /> <input type='hidden' name='cointype' value='BTC' /> <input type='hidden' name='currency' value='AUD' /> <input type="hidden" name="selltype" id="sellcoin" value="coin" /> <div class="form-panel sellcoin"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-deposit"></i> </div> <div class="form-group"> <label class="small-label">I would like to sell:</label> <div class="input-group"> <input type='number' step='0.00000001' autocomplete='off' class="buy sellinputtrade form-control sellamounttrade" name="amount" id="sellamounttrade" required value='0.00000000'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn sellamounttype" data-amounttype="aud">BTC <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel sellaud"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-dollar-symbol-1"></i> </div> <div class="form-group"> <label class="small-label">I would like to sell (AUD worth):</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy sellinputtrade form-control sellaudamount" name="sellaudamount" id="sellaudamount" required value='0.00'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn sellamounttype" data-amounttype="coin">AUD <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel"> <div class="form-panel-icon form-panel-icon-narrow"> <i class="flaticon-dollar-symbol-1"></i> </div> <div class="form-group"> <label class="small-label">At the rate of:</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy sellinputtrade form-control sellratetrade" name="rate" id="sellratetrade" required value='152600.00'> <span class="input-group-addon">AUD</span> </div> <p class="help-block">≈ <span class='calcsellprice'>$0</span> AUD</p> </div> <div class="clearfix"></div> </div> </form> <div class="buysellbuttons"> <button class='btn btn-block sellbutton' data-toggle="modal" data-type='sell' data-target="#confirmSell">Sell BTC</button> </div> </div> </div> </div> </div> </div> </div> <div class="grid displayflex maingrid-item-nopaddingleftright visible-sm visible-md" style="margin-top:10px"> <div class='col-md-6 market-panel buy-panel' style="margin:0"> <div class="panel-heading pophelp"> <i class="flaticon-credit-card-1" style="color: #004FEE"></i> Open Buy Orders </div> <div class='panel-body'> <div class="table-responsive"> <div class="buyorderscontainer"></div> <div class="text-center"> <a href='/trade/open/buy/btc'>See all</a> </div> </div> </div> </div> <div class='col-md-6 market-panel sell-panel' style="margin:0"> <div class="panel-heading"> <i class="flaticon-dollar-symbol-1" style="color: #004FEE"></i> Open Sell Orders </div> <div class='panel-body'> <div class="table-responsive"> <div class="sellorderscontainer"></div> <div class="text-center"> <a href='/trade/open/sell/btc'>See all</a> </div> </div> </div> </div> </div> <div class="grid visibleonmob"> <div class="col btn-group sellbuytab visible-xs" data-toggle="buttons"> <button type="button" class="btn btn-sm btn-default active buybtn">BUY</button> <button type="button" class="btn btn-sm btn-default sellbtn">SELL</button> </div> </div> <div class='grid no-gutters visible-xs smallscreen'> <div class='col-md market-panel buy-panel'> <div class="panel-heading"> <i class="flaticon-credit-card-1" style="color: #004FEE"></i> Buy BTC / AUD </div> <div class="buypanel panel-body"> <form id='buyform' class='buyform-validate buyform' action='/my/buy' method='POST' role="form"> <input type='hidden' name='_csrf' value='5eCxXoBp-s0Vo4Vy95lZ6TavSO4zxw1llNb4' /> <input type='hidden' name='cointype' value='BTC' /> <input type='hidden' name='currency' value='AUD' /> <input type="hidden" name="buytype" id="coin" value="coin" /> <div class="form-panel buycoin"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-deposit"></i> </div> <div class="form-group"> <label class="small-label">I would like to buy:</label> <div class="input-group"> <input type='number' step='0.00000001' autocomplete='off' class="buy buyinputtrade form-control buyamount" name="amount" id="buyamount" required value='0.00000000'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn amounttype" data-amounttype="aud">BTC <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel buyaud"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-dollar-symbol-1"></i> </div> <div class="form-group"> <label class="small-label">I would like to buy (AUD worth):</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy buyinputtrade form-control buyaudamount" name="buyaudamount" id="buyaudamount" required value='0.00'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn amounttype" data-amounttype="coin">AUD <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel"> <div class="form-panel-icon form-panel-icon-narrow"> <i class="flaticon-credit-card-1"></i> </div> <div class="form-group"> <label class="small-label">At the rate of:</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy buyinputtrade form-control buyratetrade" name="rate" id="buyratetrade" required value='152692.93'> <span class="input-group-addon">AUD</span> </div> <p class="help-block">≈ <span class='calcbuyprice'>$0</span> AUD</p> </div> <div class="clearfix"></div> </div> <div class="text-center"> <a class='btn btn-link' href="/pegorder/btc">Create Pegged Order</a> </div> </form> <div class="buysellbuttons"> <button class='btn buybutton btn-block' data-toggle="modal" data-type='buy' data-target="#confirmBuy">Buy BTC</button> </div> </div> </div> <div class='col-md market-panel buy-panel'> <div class="panel-heading pophelp"> <i class="flaticon-credit-card-1" style="color: #004FEE"></i> Open Buy Orders </div> <div class='panel-body'> <div class="table-responsive"> <div class="buyorderscontainer"></div> <div class="text-center"> <a href='/trade/open/buy/btc'>See all</a> </div> </div> </div> </div> <div class='col-md market-panel sell-panel'> <div class="panel-heading"> <i class="flaticon-dollar-symbol-1" style="color: #004FEE"></i> Sell BTC / AUD </div> <div class="sellpanel panel-body"> <form id='sellform' class='sellform-validate sellform' action='/my/sell' method='POST' role="form"> <input type='hidden' name='_csrf' value='5eCxXoBp-s0Vo4Vy95lZ6TavSO4zxw1llNb4' /> <input type='hidden' name='cointype' value='BTC' /> <input type='hidden' name='currency' value='AUD' /> <input type="hidden" name="selltype" id="sellcoin" value="coin" /> <div class="form-panel sellcoin"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-deposit"></i> </div> <div class="form-group"> <label class="small-label">I would like to sell:</label> <div class="input-group"> <input type='number' step='0.00000001' autocomplete='off' class="buy sellinputtrade form-control sellamounttrade" name="amount" id="sellamounttrade" required value='0.00000000'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn sellamounttype" data-amounttype="aud">BTC <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel sellaud"> <div class="form-panel-icon form-panel-icon-narrow form-panel-line"> <i class="flaticon-dollar-symbol-1"></i> </div> <div class="form-group"> <label class="small-label">I would like to sell (AUD worth):</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy sellinputtrade form-control sellaudamount" name="sellaudamount" id="sellaudamount" required value='0.00'> <span class="input-group-addon" style="background-color: #004FEE"> <button type="button" class="btn sellamounttype" data-amounttype="coin">AUD <i style="font-size: 10px" class="flaticon-down-arrow"></i></button> </span> </div> </div> <div class="clearfix"></div> </div> <div class="form-panel"> <div class="form-panel-icon form-panel-icon-narrow"> <i class="flaticon-dollar-symbol-1"></i> </div> <div class="form-group"> <label class="small-label">At the rate of:</label> <div class="input-group"> <input type='number' step='0.01' autocomplete='off' class="buy sellinputtrade form-control sellratetrade" name="rate" id="sellratetrade" required value='152600.00'> <span class="input-group-addon">AUD</span> </div> <p class="help-block">≈ <span class='calcsellprice'>$0</span> AUD</p> </div> <div class="clearfix"></div> </div> </form> <div class="buysellbuttons"> <button class='btn btn-block sellbutton' data-toggle="modal" data-type='sell' data-target="#confirmSell">Sell BTC</button> </div> </div> </div> <div class='col-md market-panel sell-panel'> <div class="panel-heading"> <i class="flaticon-dollar-symbol-1" style="color: #004FEE"></i> Open Sell Orders </div> <div class='panel-body'> <div class="table-responsive"> <div class="sellorderscontainer"></div> <div class="text-center"> <a href='/trade/open/sell/btc'>See all</a> </div> </div> </div> </div> </div> <br> <br> <br> <div class="panel visible-xs"> <div class="panel-heading"> Recent Completed BTC / AUD Orders </div> <div class='panel-body'> <div class="table-responsive hidden-xs"> <table class='table table-condensed'> <thead> <tr> <th>Sale Date</th> <th>Amount (BTC)</th> <th>Rate (AUD)</th> <th>Total (AUD)</th> </tr> </thead> <tr> <td>20/02/2025 06:57 PM</td> <td>0.00032744</td> <td>$152699.00</td> <td>$50.00</td> </tr> <tr> <td>20/02/2025 06:56 PM</td> <td>0.00065488</td> <td>$152699.00</td> <td>$100.00</td> </tr> <tr> <td>20/02/2025 06:55 PM</td> <td>0.00216042</td> <td>$152748.00</td> <td>$330.00</td> </tr> <tr> <td>20/02/2025 06:52 PM</td> <td>0.00052425</td> <td>$152600.00</td> <td>$80.00</td> </tr> <tr> <td>20/02/2025 06:49 PM</td> <td>0.00324228</td> <td>$152500.00</td> <td>$494.45</td> </tr> <tr> <td>20/02/2025 06:45 PM</td> <td>0.00996723</td> <td>$152500.00</td> <td>$1520.00</td> </tr> <tr> <td>20/02/2025 06:41 PM</td> <td>0.00655737</td> <td>$152500.00</td> <td>$1000.00</td> </tr> <tr> <td>20/02/2025 06:25 PM</td> <td>0.00262295</td> <td>$152500.00</td> <td>$400.00</td> </tr> <tr> <td>20/02/2025 06:21 PM</td> <td>0.00065573</td> <td>$152500.00</td> <td>$100.00</td> </tr> <tr> <td>20/02/2025 06:21 PM</td> <td>0.00019672</td> <td>$152500.00</td> <td>$30.00</td> </tr> <tr> <td>20/02/2025 06:17 PM</td> <td>0.00013106</td> <td>$152600.00</td> <td>$20.00</td> </tr> <tr> <td>20/02/2025 06:04 PM</td> <td>0.00065469</td> <td>$152741.91</td> <td>$100.00</td> </tr> <tr> <td>20/02/2025 05:48 PM</td> <td>0.00130941</td> <td>$152739.88</td> <td>$200.00</td> </tr> <tr> <td>20/02/2025 05:46 PM</td> <td>0.00006548</td> <td>$152700.00</td> <td>$10.00</td> </tr> <tr> <td>20/02/2025 05:46 PM</td> <td>0.00050425</td> <td>$152700.00</td> <td>$77.00</td> </tr> <tr> <td>20/02/2025 05:46 PM</td> <td>0.00008645</td> <td>$152700.00</td> <td>$13.20</td> </tr> <tr> <td>20/02/2025 05:45 PM</td> <td>0.00280979</td> <td>$152739.90</td> <td>$429.17</td> </tr> <tr> <td>20/02/2025 05:08 PM</td> <td>0.001</td> <td>$152700.00</td> <td>$152.70</td> </tr> <tr> <td>20/02/2025 05:06 PM</td> <td>0.00275518</td> <td>$152734.73</td> <td>$420.81</td> </tr> <tr> <td>20/02/2025 05:05 PM</td> <td>0.00182053</td> <td>$152750.00</td> <td>$278.09</td> </tr> </table> </div> <div class="table-responsive visible-xs"> <table class='table table-condensed'> <thead> <tr> <th>Date</th> <th>Type</th> <th>Amount/Rate</th> </tr> </thead> <tr> <td>20/02/2025<br>06:57 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$50.00 AUD</b> <br> 0.00032744 $ @ 152699.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:56 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$100.00 AUD</b> <br> 0.00065488 $ @ 152699.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:55 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$330.00 AUD</b> <br> 0.00216042 $ @ 152748.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:52 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$80.00 AUD</b> <br> 0.00052425 $ @ 152600.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:45 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$494.45 AUD</b> <br> 0.00324228 $ @ 152500.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:45 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$1520.00 AUD</b> <br> 0.00996723 $ @ 152500.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:41 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$1000.00 AUD</b> <br> 0.00655737 $ @ 152500.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:25 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$400.00 AUD</b> <br> 0.00262295 $ @ 152500.00 AUD </td> </tr> <tr> <td>20/02/2025<br>05:08 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$100.00 AUD</b> <br> 0.00065573 $ @ 152500.00 AUD </td> </tr> <tr> <td>20/02/2025<br>03:11 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$30.00 AUD</b> <br> 0.00019672 $ @ 152500.00 AUD </td> </tr> <tr> <td>20/02/2025<br>03:12 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$20.00 AUD</b> <br> 0.00013106 $ @ 152600.00 AUD </td> </tr> <tr> <td>20/02/2025<br>06:04 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$100.00 AUD</b> <br> 0.00065469 $ @ 152741.91 AUD </td> </tr> <tr> <td>20/02/2025<br>05:48 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$200.00 AUD</b> <br> 0.00130941 $ @ 152739.88 AUD </td> </tr> <tr> <td>20/02/2025<br>05:28 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$10.00 AUD</b> <br> 0.00006548 $ @ 152700.00 AUD </td> </tr> <tr> <td>20/02/2025<br>04:53 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$77.00 AUD</b> <br> 0.00050425 $ @ 152700.00 AUD </td> </tr> <tr> <td>20/02/2025<br>04:48 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$13.20 AUD</b> <br> 0.00008645 $ @ 152700.00 AUD </td> </tr> <tr> <td>20/02/2025<br>05:45 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$429.17 AUD</b> <br> 0.00280979 $ @ 152739.90 AUD </td> </tr> <tr> <td>20/02/2025<br>04:48 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$152.70 AUD</b> <br> 0.001 $ @ 152700.00 AUD </td> </tr> <tr> <td>20/02/2025<br>05:06 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$420.81 AUD</b> <br> 0.00275518 $ @ 152734.73 AUD </td> </tr> <tr> <td>20/02/2025<br>05:05 PM</td> <td><br>BTC/AUD</td> <td style='text-transform: capitalize;'><b>$278.09 AUD</b> <br> 0.00182053 $ @ 152750.00 AUD </td> </tr> </table> </div> </div> </div> <br> <br> <br> <div class="modal fade" id="confirmBuy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Buy/Sell Bitcoin (BTC)</h4> </div> <div class="modal-body"> Start buying Bitcoin by registering for a free CoinSpot account. </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <a href='/register' type="button" class="btn btn-primary">Register an account</a> </div> </div> </div> </div> <div class="modal fade" id="confirmSell" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Buy/Sell Bitcoin (BTC)</h4> </div> <div class="modal-body"> Start selling Bitcoin today by registering for a free CoinSpot account. Registration is super simple and only takes a few seconds to complete. </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <a href='/register' type="button" class="btn btn-primary">Register an account</a> </div> </div> </div> </div> <link rel="stylesheet" href="/public/css/toastr.min.css"> <script nonce="2402f67f375d33a60e417311216ac7c1" src='/public/js/toastr.min.js'></script> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/charting_library/charting_library.min.js"></script> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/charting_datafeeds/polyfills.js"></script> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/charting_datafeeds/bundle.js"></script> <script nonce="2402f67f375d33a60e417311216ac7c1" src="/public/js/highstock.js"></script> <script nonce="2402f67f375d33a60e417311216ac7c1"> var coin = 'BTC'; var ticker = '' || coin; var user_id = '' || false; var chart_height = 450; function updateChartSettings() { removeArr(disabled_features, 'volume_force_overlay'); disabled_features.push('header_saveload'); } </script> <script nonce="2402f67f375d33a60e417311216ac7c1"> var widget; var time_frames_option = [ {"text": "2y" , "resolution": "W" , "description": "2 years"}, {"text": "1y" , "resolution": "D" , "description": "1 year"}, {"text": "6m" , "resolution": "D" , "description": "6 months"}, {"text": "3m" , "resolution": "D" , "description": "3 months"}, {"text": "1m" , "resolution": "240" , "description": "1 month"}, {"text": "1w" , "resolution": "30" , "description": "1 week"}, {"text": "1d" , "resolution": "5" , "description": "1 day"} ]; var studies_overrides = { "volume.volume.color.0": "#FD7474", "volume.volume.color.1": "#21CE99", "volume.volume.transparency": 70, "volume.volume ma.color": "#58B7E6", "volume.volume ma.transparency": 10, "volume.volume ma.linewidth": 2, "volume.show ma": true, } var disabled_features = [ "save_chart_properties_to_local_storage", "volume_force_overlay", "study_templates", "header_undo_redo", "header_settings", "header_symbol_search", "symbol_search_hot_key", "show_hide_button_in_legend", "header_interval_dialog_button", "go_to_date", "header_compare", "use_localstorage_for_settings", "header_screenshot" ]; var custom_overrides = { "volumePaneSize": "small", "scalesProperties.showLeftScale": false, "scalesProperties.showRightScale": true, "mainSeriesProperties.areaStyle.color1": "rgba(88,183,230, 0.2)", "mainSeriesProperties.areaStyle.color2": "rgba(88,183,230, 0.2)", "mainSeriesProperties.areaStyle.linecolor": "#58B7E6", "mainSeriesProperties.areaStyle.linewidth": 2, "mainSeriesProperties.areaStyle.transparency": 100, "mainSeriesProperties.candleStyle.upColor": "#21CE99", "mainSeriesProperties.candleStyle.downColor": "#FD7474", "mainSeriesProperties.candleStyle.drawWick": true, "mainSeriesProperties.candleStyle.drawBorder": true, "mainSeriesProperties.candleStyle.borderUpColor": "#21CE99", "mainSeriesProperties.candleStyle.borderDownColor": "#FD7474", "mainSeriesProperties.candleStyle.wickUpColor": "#21CE99", "mainSeriesProperties.candleStyle.wickDownColor": "#FD7474", "mainSeriesProperties.candleStyle.barColorsOnPrevClose": false, "mainSeriesProperties.barStyle.upColor": "#21CE99", "mainSeriesProperties.barStyle.downColor": "#FD7474", "mainSeriesProperties.barStyle.barColorsOnPrevClose": false, "mainSeriesProperties.barStyle.dontDrawOpen": false, "mainSeriesProperties.lineStyle.color": "#58B7E6", "mainSeriesProperties.lineStyle.linewidth": 2, }; Datafeeds.UDFCompatibleDatafeed.prototype.calculateHistoryDepth = function(resolution, resolutionBack, intervalBack) { var min = 1000*60; var hr = 1000*60*60; var day = 1000*60*60*24; var resolutionMap = {'5': 5*min, '15': 15*min, '30': 30*min, '60': 1*hr, '120': 2*hr, '240': 4*hr, 'D': 1*day, '3D': 3*day, 'W': 7*day, 'M': 30*day} var res = resolutionMap[resolution]; var resBack = resolutionMap[resolutionBack]; if (res && resBack && (intervalBack * resBack / res) > 1000) { intervalBack = Math.floor((res * 1000) / resBack) return { resolution: resolution, resolutionBack: resolutionBack, intervalBack: intervalBack } } } var refreshTime = 1000 * 10; var chartParams = { width: "100%", height: chart_height, debug: false, type: "3", symbol: ticker, interval: '60', timeframe: '7D', timezone: 'Australia/Sydney', container_id: "tv_chart_container", datafeed: new Datafeeds.UDFCompatibleDatafeed('/charts', refreshTime), library_path: "/public/charting_library/", locale: "en", drawings_access: { type: 'black', tools: [ { name: "Regression Trend" } ] }, disabled_features: disabled_features, enabled_features: [""], charts_storage_url: '/my/charts', charts_storage_api_version: "1.1", client_id: 'cs', user_id: user_id, toolbar_bg: '#fff', time_frames: time_frames_option, toolbar_bg: "fff", custom_css_url: '/public/css/tradingview.css?v=412', overrides: custom_overrides, studies_overrides: studies_overrides, favorites: { intervals: ["1H", "1D"], chartTypes: ["Candles", "Area"] }, }; TradingView.onready(function() { if (typeof updateChartSettings == 'function') { updateChartSettings(); } widget = window.tvWidget = new TradingView.widget(chartParams); widget.onChartReady(function() { if (typeof chartReady == 'function') { chartReady(); widget.activeChart().setResolution('W', function() { }); } }); }); function removeArr(arr, item) { for (var i = arr.length; i--;) { if (arr[i] === item) { arr.splice(i, 1); } } } </script> <script nonce="2402f67f375d33a60e417311216ac7c1"> $('.markets-menu').addClass('selected'); var msg = window.location.hash.substr(1); if (msg) { msg = msg.replace(/[^0-9a-z]/gi, ''); $('.' + msg).show(); window.location.hash = ''; } var spotprice = parseFloat('156026.7145705'|| 0).toFixed(2); $('.showhelp').show(); function getVisiblePanel() { return $(".widerscreen .buy-panel").is(":visible") || $(".widerscreen .sell-panel").is(":visible") ? ".widerscreen" : ".smallscreen"; } function drawNob(parent) { var visiblepanel = getVisiblePanel(); var amount = parseInt($(parent).val()) / 100; $(parent).next(visiblepanel + ' .rangeselectorvalue').html("<span>" + $(parent).val() + "%</span>"); var width = $(parent).next(visiblepanel + ' .rangeselectorvalue').find('span').width(); var containerwidth = $(parent).next(visiblepanel + ' .rangeselectorvalue').width(); var left = (containerwidth * amount) - (width / 2); $(parent).next(visiblepanel + ' .rangeselectorvalue').find('span').css('left', left + 'px'); } $('.buy-range-aud').change(function() { var visiblepanel = getVisiblePanel(); var available = 0; var amount = parseInt($(this).val()) / 100; var total = (Math.ceil(available * amount * 100 ) / 100).toFixed(2); $(visiblepanel + ' .buyaudamount').val(total); drawNob(this); }); $('.buy-range-coin').change(function() { var visiblepanel = getVisiblePanel(); var available = 0; var currentprice = 152600; var amount = parseInt($(this).val()) / 100; var total = (Math.ceil(available * amount * 100 ) / 100).toFixed(2); total = (Math.ceil((total / currentprice) * 100000000 ) / 100000000).toFixed(8); $(visiblepanel + ' .buyamount').val(total); drawNob(this); }); $('.sell-range-coin').change(function() { var visiblepanel = getVisiblePanel(); var available = 0; var amount = parseInt($(this).val()) / 100; var total = (Math.ceil(available * amount * 100000000 ) / 100000000).toFixed(8); $(visiblepanel + ' .sellamounttrade').val(total); drawNob(this); }); $('.sell-range-aud').change(function() { var visiblepanel = getVisiblePanel(); var available = 0; var rate = $(visiblepanel + ' .sellratetrade').val(); rate = Math.round(rate * rateround) / rateround; var amount = parseInt($(this).val()) / 100; var total = (Math.ceil(available * amount * 100000000 ) / 100000000).toFixed(8); total = (Math.ceil((rate * total) * 100000000 ) / 100000000).toFixed(2); $(visiblepanel + ' .sellaudamount').val(total); drawNob(this); }); $('.amounttype').click(function() { var visiblepanel = getVisiblePanel(); var type = $(this).attr('data-amounttype'); $(visiblepanel + ' #coin').val(type); if (type == 'coin') { $('.buyaud').hide(); $('.buycoin').show(); } else { $('.buyaud').show(); $('.buycoin').hide(); } }); $('.sellamounttype').click(function() { var visiblepanel = getVisiblePanel(); var type = $(this).attr('data-amounttype'); $(visiblepanel + ' #sellcoin').val(type); if (type == 'coin') { $('.sellaud').hide(); $('.sellcoin').show(); } else { $('.sellaud').show(); $('.sellcoin').hide(); } }); var coinname = 'BTC'; var coinfullname = 'Bitcoin'; var processing = false; $.marketbuyprice = (parseFloat("152692.93") || 0).toFixed(2); $.marketbuyprice = parseFloat($.marketbuyprice) $.marketsellprice = (parseFloat("152600") || 0).toFixed(2); $.marketsellprice = parseFloat($.marketsellprice) $.coinhistoryurl = '/coinhistory'; $.coinshortname = 'BTC'; var marketround = Math.pow(10, 2); var rateround = Math.pow(10, 2); var amountround = Math.pow(10, 8); toastr.options = { positionClass: 'toast-bottom-left', toastClass: 'success' }; setInterval(function() { $.get('/my/orders/new', function(orders) { if (orders.buyorders) { $.each(orders.buyorders, function(idx, item) { toastr.success('You bought ' + item.amount + ' ' + item.coin + ' for $' + parseFloat(item.total).toFixed(2), 'Order Completed'); uaevent('orders', 'buy', item.coin, Math.round(item.total)); }); } if (orders.sellorders) { $.each(orders.sellorders, function(idx, item) { toastr.success('You sold ' + item.amount + ' ' + item.coin + ' for $' + parseFloat(item.total).toFixed(2), 'Order Completed'); uaevent('orders', 'sell', item.coin, Math.round(item.total)); }); } }); }, 16000); $('.confirmbuy').click(function() { if (processing) return; processing = true; $(this).addClass('disabled').text('Processing...'); var visiblepanel = getVisiblePanel(); $(visiblepanel + ' .buyform').submit(); }); function updateRunning(){ var amount; var rate; var visiblepanel = getVisiblePanel(); rate = $(visiblepanel + ' .buyratetrade').val() || 0; rate = Math.round(rate * rateround) / rateround; if ($(visiblepanel + " input[name='buytype']").val() == 'aud') { amount = $(visiblepanel + ' .buyaudamount').val() || 0; amount = Math.round(amount * marketround) /marketround; $(visiblepanel + ' .calcbuyprice').html('$' + parseFloat(amount).toFixed(2)); } else { amount = $(visiblepanel + ' .buyamount').val() || 0; amount = Math.round(amount * amountround) / amountround; var totalprice = Math.round((rate * amount) * marketround ) / marketround; $(visiblepanel + ' .calcbuyprice').html('$' + parseFloat(totalprice).toFixed(2)); } }; function updateSellRunning(){ var amount; var visiblepanel = getVisiblePanel(); var rate = $(visiblepanel + ' .sellratetrade').val(); rate = Math.round(rate * rateround) / rateround; if ($(visiblepanel + " input[name='selltype']").val() == 'aud') { var amount = $(visiblepanel + ' .sellaudamount').val() || 0; amount = Math.round(amount * amountround) /amountround; $(visiblepanel + ' .calcsellprice').html('$' + parseFloat(amount).toFixed(2)); } else { amount = $(visiblepanel + ' .sellamounttrade').val() || 0; amount = Math.round(amount * amountround) / amountround; var totalprice = Math.round((rate * amount) * marketround ) / marketround; $(visiblepanel + ' .calcsellprice').html('$' + parseFloat(totalprice).toFixed(2)); } } $('.confirmsell').click(function() { if (processing) return; processing = true; $(this).addClass('disabled').text('Processing...'); var visiblepanel = getVisiblePanel(); $(visiblepanel + ' .sellform').submit(); }); $('#confirmBuy').on('show.bs.modal', function (e) { var amount; var rate; var visiblepanel = getVisiblePanel(); $(visiblepanel + ' .buyamount, ' + visiblepanel +' .buyaudamount').removeClass('error'); rate = parseFloat($(visiblepanel + ' .buyratetrade').val()) || spotprice ; rate = Math.round(rate * rateround) / rateround; $(visiblepanel + ' .buyratetrade').val(rate); if ($(visiblepanel + " input[name='buytype']").val() == 'aud') { amount = $(visiblepanel + ' .buyaudamount').val() || 0; amount = Math.round(amount * marketround) / marketround; $(visiblepanel + ' .buyaudamount').val(amount); amount = Math.floor((amount / rate) * amountround ) / amountround; $(visiblepanel + ' .buyamount').val(amount); if (amount <= 0) { $(visiblepanel + ' .buyaudamount').addClass('error'); return false; } } else { amount = $(visiblepanel + ' .buyamount').val() || 0; amount = Math.round(amount * amountround) /amountround; $(visiblepanel + ' .buyamount').val(amount); if (amount <= 0) { $(visiblepanel + ' .buyamount').addClass('error'); return false; } } var totalprice = Math.round((rate * amount) * marketround ) / marketround; var fee = Math.round(totalprice * 0.001 * 1e8) / 1e8; if ($.marketbuyprice && $.marketbuyprice < rate) { $('.pricewarning').show(); $('.okprice').hide(); } else { $('.pricewarning').hide(); $('.okprice').show(); } amount = parseFloat(amount).toFixed(8); rate = parseFloat(rate).toFixed(2); totalprice = parseFloat(totalprice).toFixed(2); var showfee = parseFloat(fee).toFixed(2); //force to 4dp if fee not showing at 2dp (for less than 4dp markets) if (fee != 0 && parseFloat(showfee) == 0 && 2 < 4 ){ showfee = parseFloat(fee).toFixed(4); //don't bother if it's still zero if (parseFloat(showfee) == 0) showfee = parseFloat(fee).toFixed(2); } $('.confirmamount').html(amount); $('.confirmfee').html(showfee); $('.confirmrate').html(rate); $('.confirmprice').html(totalprice); $(visiblepanel + ' .calcbuyprice').html('$' + parseFloat(totalprice).toFixed(2)); }); $('#confirmSell').on('show.bs.modal', function (e) { var amount; var rate; var visiblepanel = getVisiblePanel(); $(visiblepanel + ' .sellaudamount, ' + visiblepanel + ' .sellamounttrade').removeClass('error'); var rate = parseFloat($(visiblepanel + ' .sellratetrade').val()) || spotprice ; rate = Math.round(rate * rateround) / rateround; $(visiblepanel + ' .sellratetrade').val(rate); if ($(visiblepanel + " input[name='selltype']").val() == 'aud') { amount = $(visiblepanel + ' .sellaudamount').val() || 0; amount = Math.round(amount * marketround) / marketround; $(visiblepanel + ' .sellaudamount').val(amount); amount = Math.floor((amount / rate) * amountround ) / amountround; $(visiblepanel + ' .sellamounttrade').val(amount); if (amount <= 0) { $(visiblepanel + ' .sellaudamount').addClass('error'); return false; } } else { amount = $(visiblepanel + ' .sellamounttrade').val() || 0; amount = Math.round(amount * amountround) /amountround; $(visiblepanel + ' .sellamounttrade').val(amount); if (amount <= 0) { $(visiblepanel + ' .sellamounttrade').addClass('error'); return false; } } var totalprice = Math.round((rate * amount) * marketround ) / marketround; var fee = Math.round(totalprice * 0.001 * 1e8) / 1e8; if ($.marketsellprice && $.marketsellprice > rate) { $('.pricewarning').show(); $('.okprice').hide(); } else { $('.pricewarning').hide(); $('.okprice').show(); } amount = parseFloat(amount).toFixed(8); rate = parseFloat(rate).toFixed(2); totalprice = parseFloat(totalprice).toFixed(2); var showfee = parseFloat(fee).toFixed(2); //force to 4dp if fee not showing at 2dp (for less than 4dp markets) if (fee != 0 && parseFloat(showfee) == 0 && 2 < 4 ){ showfee = parseFloat(fee).toFixed(4); //don't bother if it's still zero if (parseFloat(showfee) == 0) showfee = parseFloat(fee).toFixed(2); } $('.confirmamount').html(amount); $('.confirmrate').html(rate); $('.confirmfee').html(showfee); $('.confirmprice').html(totalprice); }); $('.buyinputtrade').change(function() { updateRunning(); }); $('.buyinputtrade').keyup(function() { updateRunning(); }); $('.sellinputtrade').change(function() { updateSellRunning() }); $('.sellinputtrade').keyup(function() { updateSellRunning() }); $('.sellbtn').click(function() { $('.visibleonmob .buybtn, .visibleonmob .sellbtn').removeClass('active'); $('.smallscreen .buy-panel').hide(); $('.smallscreen .sell-panel').show(); }); $('.buybtn').click(function() { $('.visibleonmob .buybtn, .visibleonmob .sellbtn').removeClass('active'); $('.smallscreen .sell-panel').hide(); $('.smallscreen .buy-panel').show(); }); $('.pricechartbtn').click(function() { $('.depthchartbtn').removeClass('active'); $('#depth_chart_container').hide(); $('#tv_chart_container').show(); $('.chartbuttons').addClass('chartbuttons-move'); }); $('.depthchartbtn').click(function() { $('.pricechartbtn').removeClass('active'); $('#depth_chart_container').show(); $('#tv_chart_container').hide(); $('.chartbuttons').removeClass('chartbuttons-move'); }); var $depthchart; function requestDepthData() { $depthchart = this; loadDepthData(); } function loadDepthData() { $.getJSON('/trade/depth/BTC/AUD') .done(function(data) { if (!data || !data.bids || !data.asks || !data.asks.length || !data.bids.length) { return setTimeout(loadDepthData, 10000); } var bids = []; var asks = []; var biddepth = 0; var askdepth = 0; for (var i = 0; i < data.asks.length; i++) { var ask = data.asks[i]; if (ask) { askdepth += ask.amount; asks.push([ask.rate, askdepth]); } } for (var i = 0; i < data.bids.length; i++) { var bid = data.bids[i]; if (bid) { biddepth += bid.amount; bids.push([bid.rate, biddepth]); } } bids = bids.sort((a, b) => { return a[0] - b[0]; }); $depthchart.series[0].setData(bids); $depthchart.series[1].setData(asks); setTimeout(loadDepthData, 10000); }) .fail(function() { setTimeout(loadDepthData, 10000); }) } function loadDepth() { Highcharts.chart('depth_chart_container', { chart: { type: 'area', zoomType: 'xy', events: { load: requestDepthData } }, title: { text: null }, xAxis: { minPadding: 0, maxPadding: 0, plotLines: [{ color: '#888', value: 0.1523, }], title: { text: 'Price' } }, yAxis: [{ lineWidth: 1, gridLineWidth: 1, title: null, tickWidth: 1, tickLength: 5, tickPosition: 'inside', labels: { align: 'left', x: 8 } }, { opposite: true, linkedTo: 0, lineWidth: 1, gridLineWidth: 0, title: null, tickWidth: 1, tickLength: 5, tickPosition: 'inside', labels: { align: 'right', x: -8 } }], legend: { enabled: false }, plotOptions: { area: { fillOpacity: 0.2, lineWidth: 1, step: 'center' } }, tooltip: { headerFormat: '<span style="font-size=10px;">Price: {point.key}</span><br/>', valueDecimals: 2 }, series: [{ name: 'Bids', data: [], color: '#03a7a8' }, { name: 'Asks', data: [], color: '#fc5857' }] }); } $(document).ready(function() { marketUpdater(); loadDepth(); }); function marketUpdater() { $.getJSON('/tradedata/BTC/AUD', function(data) { updateDisplay(data); setTimeout(marketUpdater, 2000); }); } function updateDisplay(data) { function formatAud(price) { if (isNaN(price)) { return parseFloat(0).toFixed(data.precision); } return parseFloat(price).toFixed(data.precision); } function format(price, precision) { if (isNaN(price)) { return parseFloat(0).toFixed(precision); } return parseFloat(price).toFixed(precision); } function numberDP(number, mindp, maxdp) { if (!number) number = 0; mindp = parseInt(mindp) || 0; maxdp = parseInt(maxdp) || 8; return number.toLocaleString('en-US', { minimumFractionDigits: mindp, maximumFractionDigits: maxdp }); } function coins(number) { if (isNaN(number)) { return '0'; } var c = Math.round(number * 100000000) / 100000000; if (("" + c).indexOf('-') > -1) { var nonSciNum = Number("" + c).toFixed(8) return nonSciNum; } return c; } var precision = 2; var buyorders = ''; for(var i in data.openbuy) { buyorders += `<tr class="openbuyrows"> <td style="padding-right: 0; position: relative"> <div class="ordersize" style="opacity: 0.15; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #006400 ${data.openbuy[i].size}%, rgba(255,0,0,0) ${data.openbuy[i].size}%); z-index: 1;"></div> ${formatDot(data.openbuy[i].myorder, '#16B68D')} </td> <td style="padding-left:3;" class="openbuyamount">${coins(data.openbuy[i].amount)}</td> <td class="buyorder">$${formatAud(data.openbuy[i].rate)}</td> <td>$${format(data.openbuy[i].total,2)}</td> </tr>`; } if (!buyorders) buyorders = ''; buyorders = `<table class="openbuytable table table-condensed table-tiny"> <thead> <tr> <th></th> <th>Amount (BTC)</th> <th>Rate (AUD)</th> <th>Total (AUD)</th> </tr> </thead> ${buyorders} </tbody></table>`; $('.buyorderscontainer').html(buyorders); var sellorders = ''; for(var i in data.opensell) { sellorders += `<tr class="opensellrows"> <td style="padding-right: 0; position: relative"> <div class="ordersize" style="opacity: 0.25; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #FF0000 ${data.opensell[i].size}%, rgba(255,0,0,0) ${data.opensell[i].size}%); z-index: 1;"></div> ${formatDot(data.opensell[i].myorder, '#B11B1B')} </td> <td style="padding-left:3; background-color: transparent;" class="opensellamount">${coins(data.opensell[i].amount)}</td> <td style="background-color: transparent;" class="sellorder">$${formatAud(data.opensell[i].rate)}</td> <td style="background-color: transparent;">$${format(data.opensell[i].total,2)}</td> </tr>`; } if (!sellorders) sellorders = ''; sellorders = `<table class="openselltable table table-condensed table-tiny"> <thead> <tr> <th></th> <th>Amount (BTC)</th> <th>Rate (AUD)</th> <th>Total (AUD)</th> </tr> </thead> ${sellorders} </tbody></table>`; $('.sellorderscontainer').html(sellorders); $('.ordersize').width($('.openbuyrows').width()); var orders = ''; for(var i in data.completed) { orders += `<tr> <td>${data.completed[i].dateText}</td> <td style="text-align: right">${data.completed[i].amount} BTC</td> <td style="text-align: right" class="${data.completed[i].type}order">$${formatAud(data.completed[i].rate)}</td> <td style="text-align: right">$${format(data.completed[i].total,2)}</td> </tr>`; } orders = `<table class='table table-striped'> <thead> <tr> <th>Sale Date</th> <th style="text-align: right">Amount (BTC)</th> <th style="text-align: right">Rate (AUD)</th> <th style="text-align: right">Total (AUD)</th> </tr> </thead> ${orders} </tbody></table>`; $('.orderscontainer').html(orders); } function formatDot(display, color) { if (display) return "<span style='color: " + color +"'>•</span>"; return ""; } var sheet = document.createElement('style'), $rangeInput = $('.range input'), prefs = ['webkit-slider-runnable-track', 'moz-range-track', 'ms-track']; document.body.appendChild(sheet); var getTrackStyle = function (el) { var curVal = el.value, val = (curVal - 1) * 16.666666667, style = ''; // Set active label $('.range-labels li').removeClass('active selected'); var curLabel = $('.range-labels').find('li:nth-child(' + curVal + ')'); curLabel.addClass('active selected'); curLabel.prevAll().addClass('selected'); // Change background gradient for (var i = 0; i < prefs.length; i++) { style += '.range {background: linear-gradient(to right, #004FEE 0%, #004FEE ' + val + '%, #fff ' + val + '%, #fff 100%)}'; style += '.range input::-' + prefs[i] + '{background: linear-gradient(to right, #004FEE 0%, #004FEE ' + val + '%, #b2b2b2 ' + val + '%, #b2b2b2 100%)}'; } return style; } $rangeInput.on('input', function () { sheet.textContent = getTrackStyle(this); }); // Change input value on label click $('.range-labels li').on('click', function () { var index = $(this).index(); $rangeInput.val(index + 1).trigger('input'); }); </script> </div> <footer class='v2 py-50 ' role="contentinfo"> <div class='container'> <div class='grid'> <div class='d-none d-lg-block col-lg-2'> <div class='mt-20' style='white-space: nowrap'> <a class='footer-logo' href="/"><img src='/public/img/coinspot-logo.svg?v=412' alt='CoinSpot' />CoinSpot</a> </div> <div class='footer-adcca mt-20'> <a href='https://blockchainaustralia.org/member/member-profile-coinspot/' target='_blank' rel='nofollow'> <img src="/public/img/deca-partner.png?v=412" alt="DECA Partner" style="max-width:155px"> <div class='footer-text'>Member since: 02.02.2014</div> </a> </div> <div class='footer-iso mt-30'> <a href='https://coinspot.zendesk.com/hc/en-us/articles/360001428615' target='_blank' rel='nofollow'> <div> <img style="width:100%" src="/public/img/iso27001.png?v=412"> </div> <div class='footer-text text-center'> Certified since: 13.02.2020 </div> </a> </div> </div> <div class='col-6 col-md-4 col-lg-2'> <ul class='footer-group'> <li class='footer-group-title'>PRODUCTS</li> <li><a href='/buy/btc'>Buy Bitcoin</a></li> <li><a href='/trade/btc'>Bitcoin Trading</a></li> <li><a href='/tradecoins'>Instant Buy/Sell</a></li> <li><a href='/swap'>Instant Swap</a></li> <li><a href='/markets'>CoinSpot Markets</li> <li><a href='/bundles'>CoinSpot Bundles</a></li> <li><a href='/card'>CoinSpot Mastercard</a></li> <li><a href='/nft'>Buy NFTs</a></li> <li><a href='/defi'>Buy & Sell DeFi Projects</a></li> <li><a href='/nfts'>Buy & Sell NFT Projects</a></li> <li><a href='/multicoinwallets'>Multicoin Wallets</a></li> <li><a href='/otc'>Over the Counter (OTC)</a></li> <li><a href='/smsf'>Self Managed Super (SMSF)</a></li> <li><a href='/v2/api'>API</a></li> <li><a href='/mobile'>CoinSpot App</a></li> <li> <a href='' class="setnightmodebtn btn btn-default toggle"> <i class="flaticon-moon-1"></i> Night </a> </li> </ul> </div> <div class='col-6 col-md-4 col-lg-2'> <ul class='footer-group'> <li class='footer-group-title'>ABOUT</li> <li><a href='/security'>Security</a></li> <li><a href='/tradesafely'>Trade Safely With CoinSpot</li> <li><a href='/press'>Press Enquiries</a></li> <li><a href='/fees'>Fees</a></li> <li><a href='/terms'>Terms of Use</a></li> <li><a href='/privacy'>Privacy Policy</a></li> <li><a href='/aml'>AML</a></li> </ul> </div> <div class='col-6 col-md-4 col-lg-2'> <ul class='footer-group mb-30'> <li class='footer-group-title'>EARN</li> <li><a href='/affiliate'>Affiliate Program</a></li> <li><a href='/referrals'>Referral Program</a></li> </ul> <ul class='footer-group d-none d-lg-block'> <li class='footer-group-title'>COMMUNITY</li> <li><a href='https://www.facebook.com/coinspotau/' target='_blank' rel='nofollow'>Facebook</a></li> <li><a href='https://twitter.com/coinspotau/' target="_blank" rel='nofollow'>Twitter</a></li> <li><a href='https://www.instagram.com/coinspot/' target="_blank" rel='nofollow'>Instagram</a></li> <li><a href='https://www.reddit.com/r/coinspotau/' target="_blank" rel='nofollow'>Reddit</a></li> </ul> </div> <div class='col-6 col-md-4 col-lg-2'> <ul class='footer-group'> <li class='footer-group-title'>LEARN</li> <li><a href='/learn'>Learn with CoinSpot</a></li> <li><a href='/bitcoinhalving'>Bitcoin Halving</a></li> <li><a href='/how-to-buy-bitcoin'>How to buy Bitcoin</a></li> <li><a href='/how-to-buy-ethereum-in-australia'>How to buy Ethereum</a></li> <li><a href='/cryptotax'>Cryptocurrency & Tax</a></li> </ul> </div> <div class='d-lg-none col-6 col-md-4 col-lg-2'> <ul class='footer-group'> <li class='footer-group-title'>COMMUNITY</li> <li><a href='https://www.facebook.com/coinspotau/' target='_blank' rel='nofollow'>Facebook</a></li> <li><a href='https://twitter.com/coinspotau/' target="_blank" rel='nofollow'>Twitter</a></li> <li><a href='https://www.instagram.com/coinspot/' target="_blank" rel='nofollow'>Instagram</a></li> <li><a href='https://www.reddit.com/r/coinspotau/' target="_blank" rel='nofollow'>Reddit</a></li> </ul> </div> <div class='col-6 col-md-4 col-lg-2'> <ul class='footer-group'> <li class='footer-group-title'>SUPPORT</li> <li><a target="_blank" href='https://coinspot.zendesk.com/hc/en-us'>Help Centre</a></li> <li><a href='/contact'>Contact Support</a></li> <li><a href='/accountrecovery/email'>Account Recovery</a></li> <li><a target='_blank' href='https://coinspot.zendesk.com/hc/en-us/articles/115001019874'>Complaints & Disputes</a></li> <li><a target="_blank" href='https://coinspot.zendesk.com/hc/en-us/articles/333757066344'>Protect Yourself Online</a></li> <li><a href='/requestacoin'>Request a Coin</a></li> <li><a href='/feedback'>Feedback</a></li> </ul> </div> </div> <div class='d-lg-none'> <div class='mt-20' style='white-space: nowrap'> <a class='footer-logo' href="/"><img src='/public/img/coinspot-logo.svg?v=412' alt='CoinSpot' />CoinSpot</a> </div> <div class='d-flex mt-10'> <div> <a href='https://blockchainaustralia.org/member/member-profile-coinspot/' target='_blank' rel='nofollow'> <img src="/public/img/deca-partner.png?v=412" alt="DECA Partner" style="max-width:155px"><br> <span class='footer-text'>Member since: 02.02.2014</span> </a> </div> <div class='footer-iso ml-10 ml-sm-30'> <a href='https://coinspot.zendesk.com/hc/en-us/articles/360001428615' target='_blank' rel='nofollow'> <div> <img style="max-width:150px" src="/public/img/iso27001.png?v=412"> </div> <div class='footer-text text-center'> Certified since: 13.02.2020 </div> </a> </div> </div> </div> </div> <style> .toggle { border-radius: 5px !important; border-width: 2px; background-color: transparent; margin-top: 10px; padding: 3px 6px; min-width: auto; } .toggle:hover { min-width: auto; } </style> <script nonce="2402f67f375d33a60e417311216ac7c1"> $(function() { var now = new Date(new Date().getTime() - (1000 * 60 * 60)); function getAffiliate() { var regex = new RegExp("[\\?&]affiliate=([^&#]*)"), results = regex.exec(location.search); return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } var affiliate = getAffiliate(); if (!affiliate) return; if (typeof affiliate != "string") return; var regex = new RegExp("^(?=.*[0-9])[A-Za-z0-9]+$") if (!regex.test(affiliate)) return; if (affiliate.length > 10) affiliate = affiliate.slice(0, 10).trim(); var date = new Date(); date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); document.cookie = "affiliate=" + affiliate + '; expires=' + date.toUTCString(); + '; path=/'; //remove referral cookie document.cookie = 'referralcode=;expires=Thu, 01 Jan 1970 00:00:01 GMT;'; }) $('.setdaymodebtn').click(function() { setCookie('nightmode', 'false', 10000); }) $('.setnightmodebtn').click(function() { setCookie('nightmode', 'true', 10000); location.reload(); }) </script> </footer> <img style='position:absolute; bottom:0;' src='https://d.adroll.com/ipixel/N4TJSFRVCFGKRDAMHEW4HL/H2ZYWXYBNJBYTDMNOZTAXU?name=4bb0f946' width='1px' height='1px' /> </body> </html>