API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 18th, 2018
6,404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 173.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bittrex.com - TenX Pay Token (BTC-PAY)</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="description" content="Bittrex">
  8. <meta name="fragment" content="!">
  9. <meta name="format-detection" content="telephone=no" />
  10. <!-- Apple META -->
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13.  
  14. <script>
  15. if (window.location.pathname.toLowerCase() == '/market/index') {
  16. if (document.referrer == '' || document.referrer == null) {
  17. if (document.__defineGetter__) {
  18. window.document.__defineGetter__('referrer', function () { return window.location.href; });
  19. } else {
  20. window.location = window.location.href;
  21. }
  22.  
  23. }
  24. }
  25. </script>
  26.  
  27. <link rel="stylesheet" type="text/css" href="/bundler/css/1.5.60.2060/thirdparty.bundle.min.css" />
  28.  
  29. <link rel="stylesheet" type="text/css" href="/bundler/css/1.5.60.2060/datatables.bundle.min.css" />
  30. <link rel="stylesheet" type="text/css" href="/bundler/css/1.5.60.2060/layout.bundle.min.css" />
  31.  
  32.  
  33. <link rel="stylesheet" type="text/css" href="/bundler/css/1.5.60.2060/market.bundle.min.css" />
  34.  
  35.  
  36. <link rel="stylesheet" type="text/css" href="/bundler/css/1.5.60.2060/bittrexcore.bundle.min.css" />
  37. </head>
  38.  
  39. <body id="main_body" class="dark-theme">
  40.  
  41. <nav class="navbar common-navbar header-nav navbar-fixed-top" id="navbar_content">
  42. <div class="navbar-header">
  43. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  44. data-target="#common_navbar_collapse" aria-expanded="false">
  45. <span class="icon-bar"></span>
  46. <span class="icon-bar"></span>
  47. <span class="icon-bar"></span>
  48. </button>
  49. <h1 class="logo">
  50. <a href="/home/markets">
  51. <span class="bittrex-logo-mark"></span>
  52. <span class="bittrex-word-mark"></span>
  53. </a>
  54. </h1>
  55. <div class="copy visible-sm-inline-block" data-bind="with: socket">
  56. <span data-bind="css: {
  57. 'icon-socket-status-connected': connectionStatus() == 'Connected',
  58. 'socket-status-warning': connectionStatus() == 'Slow' || connectionStatus() == 'Reconnecting',
  59. 'icon-socket-status-disconnected': connectionStatus() == 'Disconnected' }"></span>
  60. <span data-bind="text: displayStatus"></span>
  61. </div>
  62. <button type="button" class="sm-nav-expand visible-sm">
  63. <span class="icon-bar"></span>
  64. <span class="icon-bar"></span>
  65. <span class="icon-bar"></span>
  66. </button>
  67. </div>
  68.  
  69. <!-- Shown in XS, MD, LG -->
  70. <div class="nav-list hidden-sm">
  71. <div class="collapse navbar-collapse header-right clearfix" id="common_navbar_collapse">
  72. <div class="nav-collapse-box">
  73. <div class="copy pull-left hidden-sm" data-bind="with: socket" id="socket-status-indicator">
  74. <span data-bind="css: {
  75. 'icon-socket-status-connected': connectionStatus() == 'Connected',
  76. 'socket-status-warning': connectionStatus() == 'Slow' || connectionStatus() == 'Reconnecting',
  77. 'icon-socket-status-disconnected': connectionStatus() == 'Disconnected' }"></span>
  78. <span data-bind="text: displayStatus"></span>
  79. </div>
  80. <div class="btn-group pull-right btn-group-right " role="group">
  81. <button type="button" class="btn" onclick="window.location = '/home/markets'">Markets</button>
  82.  
  83. <button type="button" class="btn" onclick="window.location = '/history'">
  84. orders
  85. </button>
  86. <button type="button" class="btn" onclick="window.location = '/balance'">
  87. wallets
  88. </button>
  89. <button type="button" class="btn hidden-xs hidden-sm" onclick="window.location = '/manage'">settings</button>
  90. <div class="btn-group nav-help hidden-lg hidden-md">
  91. <button type="button" class="btn" data-toggle="collapse"
  92. data-target="#nav_setting_collapse"
  93. aria-expanded="false" aria-controls="nav_setting_collapse">
  94. settings
  95. <span class="dropdown-arrow-white"></span>
  96. </button>
  97. <ul class="collapse help-collapse-list" id="nav_setting_collapse">
  98. <li><a href="/manage?view=myactivity">My Activity</a></li>
  99. <li><a href="/manage?view=myprofile">My Profile</a></li>
  100. <li><a href="/manage?view=verification">Identity Verification</a></li>
  101. <li><a href="/manage?view=password">Change Password</a></li>
  102. <li><a href="/manage?view=2fa">Two-Factor Authentication</a></li>
  103. <li><a href="/manage?view=api">API Keys</a></li>
  104. <li><a href="/manage?view=ipaddresswhitelist">IP Whitelist</a></li>
  105. <li><a href="/manage?view=withdrawaddresswhitelist">Withdrawal Whitelist</a></li>
  106. <li><a href="/manage?view=ui">UI Settings</a></li>
  107. <li><a href="/manage?view=notifications">Notifications</a></li>
  108. <li><a href="/manage?view=autosell">Auto-Sell</a></li>
  109. <li><a href="/manage?view=enableaccount">Enable Account</a></li>
  110. </ul>
  111. </div>
  112.  
  113. <button type="button" class="btn nav-log-out" onclick="this.nextElementSibling.submit()">
  114. Logout
  115. </button>
  116. <form action="/Account/LogOff" class="navbar-right" method="post"><input name="__RequestVerificationToken" type="hidden" value="I-3a82wBIRE62Lqng0RbRgQGPQfuCmAXXr9pz12FfIUmRYgrTJdx3zuo4ztP-vzIMjb1zf0OtV13BtsCHQIf1CDEyTSXVwcn4dnMi1ORffVvj_ha4mScjpkRkPsWRq22n8VuHg2" /></form>
  117.  
  118. <button type="button" class="btn theme-option">
  119. <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
  120. </button>
  121.  
  122. <button type="button" class="btn theme-option dark-theme-option dark-theme-icon" title="Switch to dark theme" onclick="switchTheme('dark-theme');" />
  123.  
  124. <button type="button" class="btn theme-option light-theme-option light-theme-icon" title="Switch to light theme" onclick="switchTheme('light-theme');" />
  125. </div>
  126.  
  127. </div>
  128. </div>
  129. </div>
  130.  
  131. <!-- Shown in SM -->
  132. <div class="nav-list sm-nav-list hidden-lg hidden-md hidden-xs">
  133. <div class="sm-nav-header clearfix">
  134. <div class="nav-close-icon">
  135. <span class="icon-menu-close-blue" id="close_sm_nav"></span>
  136. </div>
  137. </div>
  138. <div class="sm-nav-body">
  139. <div class="sm-nav-box">
  140. <ul class="sm-nav-items">
  141. <li type="button">
  142. <span class="theme-option light-theme-option light-theme-icon" onclick="switchTheme('light-theme');"></span>
  143.  
  144. <span class="theme-option dark-theme-option dark-theme-icon" onclick="switchTheme('dark-theme');"></span>
  145. </li>
  146. <li class="sm-nav-item"><a href="/home/markets">markets</a></li>
  147. </ul>
  148. <ul class="sm-nav-items">
  149. <li class="sm-nav-item"><a href="/history">orders</a></li>
  150. <li class="sm-nav-item"><a href="/balance">wallets</a></li>
  151. <li class="sm-nav-item">
  152. <a data-toggle="collapse"
  153. data-target="#sm_setting_collapse"
  154. aria-expanded="false" aria-controls="sm_setting_collapse">
  155. settings
  156. <span class="dropdown-arrow-white"></span>
  157. </a>
  158. <ul class="collapse help-collapse-list" id="sm_setting_collapse">
  159. <li><a href="/manage?view=myactivity">My Activity</a></li>
  160. <li><a href="/manage?view=myprofile">My Profile</a></li>
  161. <li><a href="/manage?view=verification">Identity Verification</a></li>
  162. <li><a href="/manage?view=password">Change Password</a></li>
  163. <li><a href="/manage?view=2fa">Two-Factor Authentication</a></li>
  164. <li><a href="/manage?view=api">API Keys</a></li>
  165. <li><a href="/manage?view=ipaddresswhitelist">IP Whitelist</a></li>
  166. <li><a href="/manage?view=withdrawaddresswhitelist">Withdrawal Whitelist</a></li>
  167. <li><a href="/manage?view=ui">UI Settings</a></li>
  168. <li><a href="/manage?view=notifications">Notifications</a></li>
  169. <li><a href="/manage?view=autosell">Auto-Sell</a></li>
  170. <li><a href="/manage?view=enableaccount">Enable Account</a></li>
  171. </ul>
  172. </li>
  173. <li class="sm-nav-item">
  174. <a data-toggle="collapse"
  175. data-target="#sm_nav_help"
  176. aria-expanded="false" aria-controls="sm_nav_help">
  177. help
  178. <span class="dropdown-arrow-white"></span>
  179. </a>
  180. <ul class="collapse help-collapse-list" id="sm_nav_help">
  181. <li><a href="/Status">Website Status</a></li>
  182. <li role="separator" class="divider"></li>
  183. <li><a href="/Home/About" target="_blank">About</a></li>
  184. <li><a href="/Privacy" target="_blank">Your Privacy and Security</a></li>
  185. <li><a href="/Home/Cookies" target="_blank">Cookie Policy</a></li>
  186. <li><a href="/Home/Terms" target="_blank">Terms and Conditions</a></li>
  187. <li><a href="/Home/Api" target="_blank">API Documentation</a></li>
  188. <li><a href="/Fees" target="_blank">Fees</a></li>
  189. <li><a href="/Home/Support" target="_blank">Support</a></li>
  190. </ul>
  191. </li>
  192.  
  193. <li class="sm-nav-item"> <a href="javascript:null" onclick="this.nextElementSibling.submit()">Logout</a>
  194. <form action="/Account/LogOff" class="navbar-right" method="post"><input name="__RequestVerificationToken" type="hidden" value="6UTMJEysbv-C1dHY5xsiI93YD3Vlf-sSb3AaSPQGdMq39IOoUHwGi1gVj9bU1a2XgUFNfKTXE9rvh5nevwvmOcIe0s5bjq5CLxYprI-4O6p13sHLwSLjd6yYqAeBvAHvTl-Fuw2" /></form></li>
  195. </ul>
  196. </div>
  197. </div>
  198. </div>
  199. </nav>
  200.  
  201. <div class="site-banner-container">
  202. <div id="beta-banner" class="alert alert-info alert-override bittrex-banner beta-banner">
  203. <div style="width: 95%; display: inline-block;">
  204. <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
  205.  
  206. <strong>Disclaimer</strong>: This is a beta version of <a href="https://bittrex.com">bittrex.com</a>, which is in the process of being tested before official release.
  207. To learn about the inherent risks in using pre-release software, click <a href="https://support.bittrex.com/hc/en-us/articles/360000275251" target="_blank">here</a>.
  208. </div>
  209. <span class="banner-close">
  210. <i class="fa fa-times" aria-hidden="true"></i>
  211. </span>
  212. </div>
  213.  
  214. <div id="alert-news" class="alert alert-info alert-override bittrex-banner">
  215. <span id="alert-news-text"></span>
  216.  
  217. For more information, refer to our <a href="/News">news page <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  218.  
  219. <span class="banner-close">
  220. <i class="fa fa-times" aria-hidden="true"></i>
  221. </span>
  222. </div>
  223. </div>
  224.  
  225. <div id="media-width-detection-element" class="clearfix"></div>
  226.  
  227. <div id="header_navigation" class="main-dashboard hidden-scrollbar container-fluid clearfix">
  228. <div id="event-store"></div>
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235. <div class="main-nav" id="main_nav" style="width: 200px;">
  236. <!-- Market menus -->
  237. <div class="menus">
  238.  
  239. <!-- Market selection header -->
  240. <div class="nav-title clearfix">
  241. <div class="hidden-sm hidden-md hidden-lg col-xs-2 no-padding">
  242. <span class="bittrex-logo-mark"></span>
  243. </div>
  244. <span class="nav-name hidden-xs"><translate original="markets">markets</translate></span>
  245. <div class="nav-name col-xs-8 hidden-sm hidden-md hidden-lg no-padding" style="display: block;">
  246. <span><translate original="markets">markets</translate></span>
  247. </div>
  248. <span class="hidden-xs" id="nav_collapse" style="float: right; cursor: pointer;">
  249. <i class="fa fa-angle-left" aria-hidden="true"></i>
  250. </span>
  251. <span class="hidden-xs" id="nav_expand" style="display: none;">
  252. <i class="fa fa-angle-right" aria-hidden="true"></i>
  253. </span>
  254. </div>
  255.  
  256. <!-- Market selection dropdown -->
  257. <ul class="markets-dropdown">
  258. <li class="dropdown market-select">
  259. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  260. <span class="orderType-select" data-bind="html:tables.selectedMarket"></span>
  261. <i class="fa fa-caret-down"></i>
  262. </a>
  263. <ul class="dropdown-menu order-type-ul order-type-dropdown" data-bind="foreach:tables.getMarketMetaDetailEntries()">
  264. <li><a href="#" data-bind="text:$data.baseCurrency, click:function() { $parent.tables.selectMarket($data.baseCurrency) }"></a></li>
  265. </ul>
  266. </li>
  267. </ul>
  268.  
  269. <!-- Market sorting and filtering -->
  270. <div class="markets-selector clearfix">
  271. <form class="search-box">
  272. <div class="input-group">
  273. <input type="text" autocomplete="OFF" class="form-control" id="Search" spellcheck="false" placeholder="Find..." maxlength="8" data-bind="value: tables.storedFilter, valueUpdate: 'afterkeydown'"/>
  274. </div>
  275. </form>
  276. <div class="markets-navbar dropdown" id="markets_navbar_dropdown">
  277. <span class="" id="nav_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;">
  278. <i class="fa fa-sort" aria-hidden="true"></i>
  279. </span>
  280. <div class="dropdown-menu">
  281. <select id="marketsFilter" style="border:none;overflow:hidden;width:100%;"
  282. data-bind="options: tables.availableSort, optionsText: 'header', value: tables.storedSortField, click: tables.sortClick"
  283. size="5">
  284.  
  285. </select>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290.  
  291. <!-- Market lists container -->
  292. <div id="marketLists" class="list scroll-wrapper">
  293. <div id="btcMarketList"
  294. class="mCustomScrollBox mCS-my-theme mCSB_vertical mCSB_inside market-list"
  295. style="max-height: none;"
  296. tabindex="0"
  297. data-bind="with: tables.btcTable">
  298. <div class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr" data-bind="foreach: filteredSummaries">
  299. <ul class="list-data">
  300. <li data-bind="click: function(){window.location=urlPath}, css: {'active': isSelected()}">
  301. <div class="list-item-up clearfix">
  302. <div class="market-currency">
  303. <span class="market-name" data-bind="text:marketName.split('-')[1]"></span>
  304. </div>
  305. <div class="market-change">
  306. <span data-bind="text: change().toFixed(1) +'%', css: { 'color-green': change() > 0, 'color-red': change() < 0, 'color-gray': change() == 0 }"></span>
  307. <span data-bind="css: { 'icon-arrow': change() > 0, 'icon-arrow-down': change() < 0, '': change() == 0 }"></span>
  308. </div>
  309. </div>
  310. <div class="list-item-down clearfix">
  311. <div class="market-volume">
  312. <span>
  313. <i class="cc BTC-alt"></i>
  314. <span class="text-overflow" data-bind="text:formatLargeNumber(baseVolume(), 2)"></span>
  315. </span>
  316. </div>
  317. <div class="market-last-price">
  318. <i class="cc BTC-alt"></i>
  319. <span data-bind="text: last().toFixed(8)"></span>
  320. </div>
  321. </div>
  322. </li>
  323. </ul>
  324. </div>
  325. <div class="mCSB_scrollTools mCSB_1_scrollbar mCS-my-theme mCSB_scrollTools_vertical" style="display: block;">
  326. <div class="mCSB_draggerContainer">
  327. <div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; height: 48px; top: 0px; display: block; max-height: 712px;">
  328. <div class="mCSB_dragger_bar" style="line-height: 30px;">
  329. </div>
  330. </div>
  331. <div class="mCSB_draggerRail">
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. <div id="ethMarketList"
  337. class="mCustomScrollBox mCS-my-theme mCSB_vertical mCSB_inside market-list"
  338. style="max-height: none; display:none;"
  339. tabindex="0"
  340. data-bind="with: tables.ethTable">
  341. <div class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr" data-bind="foreach: filteredSummaries">
  342. <ul class="list-data">
  343. <li data-bind="click: function(){window.location=urlPath}, css: {'active': isSelected()}">
  344. <div class="list-item-up clearfix">
  345. <div class="market-currency">
  346. <span class="market-name" data-bind="text:marketName.split('-')[1]"></span>
  347. </div>
  348. <div class="market-change">
  349. <span data-bind="text: change().toFixed(1) +'%', css: { 'color-green': change() > 0, 'color-red': change() < 0, 'color-gray': change() == 0 }"></span>
  350. <span data-bind="css: { 'icon-arrow': change() > 0, 'icon-arrow-down': change() < 0, '': change() == 0 }"></span>
  351. </div>
  352. </div>
  353. <div class="list-item-down clearfix">
  354. <div class="market-volume">
  355. <span>
  356. <i class="cc BTC-alt"></i>
  357. <span class="text-overflow" data-bind="text:formatLargeNumber(baseVolume(), 2)"></span>
  358. </span>
  359. </div>
  360. <div class="market-last-price">
  361. <i class="cc BTC-alt"></i>
  362. <span data-bind="text: last().toFixed(8)"></span>
  363. </div>
  364. </div>
  365. </li>
  366. </ul>
  367. </div>
  368. <div class="mCSB_scrollTools mCSB_1_scrollbar mCS-my-theme mCSB_scrollTools_vertical" style="display: block;">
  369. <div class="mCSB_draggerContainer">
  370. <div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; height: 48px; top: 0px; display: block; max-height: 712px;">
  371. <div class="mCSB_dragger_bar" style="line-height: 30px;">
  372. </div>
  373. </div>
  374. <div class="mCSB_draggerRail">
  375. </div>
  376. </div>
  377. </div>
  378. </div>
  379. <div id="usdtMarketList"
  380. class="mCustomScrollBox mCS-my-theme mCSB_vertical mCSB_inside market-list"
  381. style="max-height: none; display:none;"
  382. tabindex="0"
  383. data-bind="with: tables.usdtTable">
  384. <div class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr" data-bind="foreach: filteredSummaries">
  385. <ul class="list-data">
  386. <li data-bind="click: function(){window.location=urlPath}, css: {'active': isSelected()}">
  387. <div class="list-item-up clearfix">
  388. <div class="market-currency">
  389. <span class="market-name" data-bind="text:marketName.split('-')[1]"></span>
  390. </div>
  391. <div class="market-change">
  392. <span data-bind="text: change().toFixed(1) +'%', css: { 'color-green': change() > 0, 'color-red': change() < 0, 'color-gray': change() == 0 }"></span>
  393. <span data-bind="css: { 'icon-arrow': change() > 0, 'icon-arrow-down': change() < 0, '': change() == 0 }"></span>
  394. </div>
  395. </div>
  396. <div class="list-item-down clearfix">
  397. <div class="market-volume">
  398. <span>
  399. <i class="cc BTC-alt"></i>
  400. <span class="text-overflow" data-bind="text:formatLargeNumber(baseVolume(), 2)"></span>
  401. </span>
  402. </div>
  403. <div class="market-last-price">
  404. <i class="cc BTC-alt"></i>
  405. <span data-bind="text: last().toFixed(8)"></span>
  406. </div>
  407. </div>
  408. </li>
  409. </ul>
  410. </div>
  411. <div class="mCSB_scrollTools mCSB_1_scrollbar mCS-my-theme mCSB_scrollTools_vertical" style="display: block;">
  412. <div class="mCSB_draggerContainer">
  413. <div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; height: 48px; top: 0px; display: block; max-height: 712px;">
  414. <div class="mCSB_dragger_bar" style="line-height: 30px;">
  415. </div>
  416. </div>
  417. <div class="mCSB_draggerRail">
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422.  
  423. <div id="usdMarketList"
  424. class="mCustomScrollBox mCS-my-theme mCSB_vertical mCSB_inside market-list"
  425. style="max-height: none; display:none;"
  426. tabindex="0"
  427. data-bind="with: tables.usdTable">
  428. <div class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr" data-bind="foreach: filteredSummaries">
  429. <ul class="list-data">
  430. <li data-bind="click: function(){window.location=urlPath}, css: {'active': isSelected()}">
  431. <div class="list-item-up clearfix">
  432. <div class="market-currency">
  433. <span class="market-name" data-bind="text:marketName.split('-')[1]"></span>
  434. </div>
  435. <div class="market-change">
  436. <span data-bind="text: change().toFixed(1) +'%', css: { 'color-green': change() > 0, 'color-red': change() < 0, 'color-gray': change() == 0 }"></span>
  437. <span data-bind="css: { 'icon-arrow': change() > 0, 'icon-arrow-down': change() < 0, '': change() == 0 }"></span>
  438. </div>
  439. </div>
  440. <div class="list-item-down clearfix">
  441. <div class="market-volume">
  442. <span>
  443. <i class="cc BTC-alt"></i>
  444. <span class="text-overflow" data-bind="text:formatLargeNumber(baseVolume(), 2)"></span>
  445. </span>
  446. </div>
  447. <div class="market-last-price">
  448. <i class="cc BTC-alt"></i>
  449. <span data-bind="text: last().toFixed(8)"></span>
  450. </div>
  451. </div>
  452. </li>
  453. </ul>
  454. </div>
  455. <div class="mCSB_scrollTools mCSB_1_scrollbar mCS-my-theme mCSB_scrollTools_vertical" style="display: block;">
  456. <div class="mCSB_draggerContainer">
  457. <div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; height: 48px; top: 0px; display: block; max-height: 712px;">
  458. <div class="mCSB_dragger_bar" style="line-height: 30px;">
  459. </div>
  460. </div>
  461. <div class="mCSB_draggerRail">
  462. </div>
  463. </div>
  464. </div>
  465. </div>
  466.  
  467. </div>
  468. </div>
  469.  
  470.  
  471. <div class="scroll-wrapper">
  472. <div class="main-content market-page-content" id="main_content">
  473.  
  474.  
  475. <script>
  476. function setMarketFallbackImage(element, src) {
  477. console.log(element.src, src);
  478. if (element.src != null
  479. && src != null
  480. && (element.src.length < src.length || element.src.substr(element.src.length - src.length) != src)) {
  481. element.src = src;
  482. }
  483. }
  484. </script>
  485.  
  486. <nav class="market-info-header">
  487. <div class="no-padding current-market-info col-md-2 col-lg-2 col-sm-12">
  488. <div class="info-name col-xs-4 col-sm-6 col-lg-12">
  489. <!-- Name -->
  490. <img class="market-logo" src='https://bittrexblobstorage.blob.core.windows.net/public/c39a72fc-848e-4302-80c8-836a35c6ef99.png' onerror="setMarketFallbackImage(this, '/Content/img/symbols/BTC.png')" />
  491. <div>
  492. <span class="short-name hidden-xs hidden-sm">
  493. BTC-PAY
  494. </span>
  495. <span class="short-name hidden-md hidden-lg">
  496. PAY
  497. </span>
  498. <span class="full-name">TenX Pay Token</span>
  499. </div>
  500. </div><!-- /Name -->
  501. <div class="info-button visible-xs visible-sm col-xs-8 col-sm-6">
  502. <!-- Deposit / Withdraw options -->
  503. <div class="deposit-withdraw">
  504. <button class="btn btn-block" data-bind="click: displayDepositModal" >
  505. <i class='icon-deposit-green'></i>
  506. <span>Deposit</span>
  507. </button>
  508. </div>
  509. <div class="deposit-withdraw">
  510. <button class="btn btn-block" data-bind="click: displayWithdrawalModal" >
  511. <i class='icon-withdraw-red'></i>
  512. <span>Withdraw</span>
  513. </button>
  514. </div>
  515. </div>
  516. </div>
  517. <div class="items-group col-lg-8 col-md-8 col-sm-12 col-xs-12" data-bind="visible: !summary.isLoaded">
  518. <i class="fa fa-spinner fa-spin" style="margin: 0 auto; font-size: 2em; line-height: 2em;" ></i>
  519. </div>
  520. <div class="items-group col-lg-8 col-md-8 col-sm-12 col-xs-12" style="display: none" data-bind="visible: summary.isLoaded">
  521. <div class="info-item primary-item">
  522. <!-- Last -->
  523. <div class="type-usd-conversion" data-bind="visible: summary.isBtc">
  524. <span data-bind="text: summary.lastUsd()"></span>
  525. </div>
  526. <div class="type-volume">
  527. <i class="fa " data-bind="css: { 'fa-btc': summary.isBtc, 'fa-usd': summary.isUsd, 'fa-cny' : summary.isCny }"></i>
  528. <span data-bind="text: summary.displayLast(), css: { 'color-green': summary.last.absoluteChange() > 0, 'color-red': summary.last.absoluteChange() < 0, '': summary.last.absoluteChange() == 0 }"></span>
  529. </div>
  530. <span class="type-name"><translate original="last">last</translate></span>
  531. </div><!-- /Last -->
  532. <div class="info-item primary-item">
  533. <!-- Bid -->
  534. <div class="type-usd-conversion" data-bind="visible: summary.isBtc">
  535. <span data-bind="text: summary.bidUsd()"></span>
  536. </div>
  537. <div class="type-volume">
  538. <i class="fa " data-bind="css: { 'fa-btc': summary.isBtc, 'fa-usd': summary.isUsd, 'fa-cny' : summary.isCny }"></i>
  539. <span data-bind="text: summary.displayBid(), css: { 'color-green': summary.bid.absoluteChange() > 0, 'color-red': summary.bid.absoluteChange() < 0, '': summary.bid.absoluteChange() == 0 }" class="color-red"></span>
  540. </div>
  541. <span class="type-name"><translate original="bid">bid</translate></span>
  542. </div> <!-- /Bid -->
  543. <div class="info-item primary-item">
  544. <!-- Ask -->
  545. <div class="type-usd-conversion" data-bind="visible: summary.isBtc">
  546. <span data-bind="text: summary.askUsd()"></span>
  547. </div>
  548. <div class="type-volume">
  549. <i class="fa " data-bind="css: { 'fa-btc': summary.isBtc, 'fa-usd': summary.isUsd, 'fa-cny' : summary.isCny }"></i>
  550. <span data-bind="text: summary.displayAsk(), css: { 'color-green': summary.ask.absoluteChange() > 0, 'color-red': summary.ask.absoluteChange() < 0, '': summary.ask.absoluteChange() == 0 }" class="color-red"></span>
  551. </div>
  552. <span class="type-name"><translate original="ask">ask</translate></span>
  553. </div> <!-- /Ask -->
  554. <div class="info-item secondary-item">
  555. <!-- Volume-->
  556. <div class="type-usd-conversion" data-bind="visible: summary.isBtc">
  557. <span data-bind="text: summary.baseVolumeUsd()"></span>
  558. </div>
  559. <div class="type-volume">
  560. <i class="fa " data-bind="css: { 'fa-btc': summary.isBtc, 'fa-usd': summary.isUsd, 'fa-cny' : summary.isCny }"></i>
  561. <span data-bind="text: summary.displayBaseVolume(), css: { 'color-green': summary.baseVolume.absoluteChange() > 0, 'color-red': summary.baseVolume.absoluteChange() < 0, '': summary.baseVolume.absoluteChange() == 0 }" class="color-red"></span>
  562. </div>
  563. <span class="type-name"><translate original="volume">volume</translate></span>
  564. </div> <!-- /Volume-->
  565. <div class="info-item secondary-item">
  566. <!-- 24Hr High -->
  567. <div class="type-usd-conversion" data-bind="visible: summary.isBtc">
  568. <span data-bind="text: summary.highUsd()"></span>
  569. </div>
  570. <div class="type-volume">
  571. <i class="fa " data-bind="css: { 'fa-btc': summary.isBtc, 'fa-usd': summary.isUsd, 'fa-cny' : summary.isCny }"></i>
  572. <span data-bind="text: summary.displayHigh(), css: { 'color-green': summary.high.absoluteChange() > 0, 'color-red': summary.high.absoluteChange() < 0, '': summary.high.absoluteChange() == 0 }" class="color-red"></span>
  573. </div>
  574. <span class="type-name"><translate original="24h high">24h high</translate></span>
  575. </div> <!-- /24Hr High -->
  576. <div class="info-item secondary-item">
  577. <!-- 24Hr Low -->
  578. <div class="type-usd-conversion" data-bind="visible: summary.isBtc">
  579. <span data-bind="text: summary.lowUsd()"></span>
  580. </div>
  581. <div class="type-volume">
  582. <i class="fa " data-bind="css: { 'fa-btc': summary.isBtc, 'fa-usd': summary.isUsd, 'fa-cny' : summary.isCny }"></i>
  583. <span data-bind="text: summary.displayLow(), css: { 'color-green': summary.low.absoluteChange() > 0, 'color-red': summary.low.absoluteChange() < 0, '': summary.low.absoluteChange() == 0 }" class="color-red"></span>
  584. </div>
  585. <span class="type-name"><translate original="24h low">24h low</translate></span>
  586. </div> <!-- /24Hr Low -->
  587. </div>
  588. <div class="info-button visible-lg visible-md col-lg-2 col-md-2">
  589. <!-- Deposit / Withdraw options -->
  590. <div class="deposit-withdraw">
  591. <button class="btn btn-block" data-bind="click: displayDepositModal" >
  592. <i class='icon-deposit-green'></i>
  593. <span>Deposit</span>
  594. </button>
  595. </div>
  596. <div class="deposit-withdraw">
  597. <button class="btn btn-block" data-bind="click: displayWithdrawalModal">
  598. <i class='icon-withdraw-red'></i>
  599. <span>Withdraw</span>
  600. </button>
  601. </div>
  602. </div>
  603. </nav>
  604.  
  605.  
  606.  
  607. <div id="market_status_content" class="alert alert-warning alert-override" data-bind="css: { 'market-status-alert' : (!bittrex.market.isActive || bittrex.market.notice != '')}">
  608. <!-- Market Alert Info -->
  609. <div>
  610. <i class="fa fa-exclamation-triangle"></i>
  611. </div>
  612. <div>
  613. <div class="market-status" data-bind="visible: !bittrex.market.isActive">
  614. <span data-bind="text: bittrex.market.marketName + ' is currently offline'"></span>
  615. </div>
  616. <div class="notice" data-bind="visible: bittrex.market.notice != ''">
  617. <span data-bind="text: bittrex.market.notice"></span>
  618. </div>
  619. </div>
  620. </div>
  621.  
  622. <!-- end upper main stats -->
  623.  
  624. <div id="market_info_content" class="market-info-content clearfix">
  625. <!-- TODO: Update chart view -->
  626. <div class="chart-trade clearfix" id="pad-wrapper">
  627. <div class="chart col-md-12 col-xs-12 no-padding stx-wrapper">
  628. <div class="chart-content-setting">
  629. <div class="clearfix" cq-context id="cq_context">
  630. <div class="ciq-nav">
  631.  
  632. <div id="chartIQ_menu" class="ciq-menu-section no-padding">
  633. <!-- Nav -->
  634. <div class="ciq-dropdowns">
  635. <div id="periodBtn" class="stx-btn stx-menu-btn stxMenu no-padding-left">
  636. 30 Min
  637. &nbsp;<i class="dropdown-arrow"></i>
  638. <ul id="periodicity" class="periodicity menuSelect menuOutline"
  639. style="display:none">
  640. <li stxToggle="changePeriodicity('1 Min')">1 Min</li>
  641. <li stxToggle="changePeriodicity('5 Min')">5 Min</li>
  642. <li stxToggle="changePeriodicity('15 Min')">15 Min</li>
  643. <li stxToggle="changePeriodicity('30 Min')">30 Min</li>
  644. <li stxToggle="changePeriodicity('1 Hour')">1 Hour</li>
  645. <li stxToggle="changePeriodicity('1 Day')">1 Days</li>
  646. <li stxToggle="changePeriodicity('3 Days')">3 Days</li>
  647. <li stxToggle="changePeriodicity('1 Week')">1 Week</li>
  648. <li stxToggle="changePeriodicity('1 Month')">1 Month</li>
  649. </ul>
  650. </div>
  651. <div id="menuWrapperChart" class="stx-btn stx-menu-btn stxMenu stx-collapsible">
  652. <span>Chart</span> &nbsp;<i class="dropdown-arrow"></i>
  653. <ul id="chart-display" class="chart-display menuSelect menuOutline"
  654. style="display:none">
  655. <li class="stx-heading">Chart Style</li>
  656. <li stxToggle="stxx.setChartType('candle')">Candle</li>
  657. <li stxToggle="stxx.setChartType('bar')">Bar</li>
  658. <li stxToggle="stxx.setChartType('colored_bar')">Colored Bar</li>
  659. <li stxToggle="stxx.setChartType('line')">Line</li>
  660. <li stxToggle="stxx.setChartType('colored_line')">Colored Line</li>
  661. <li stxToggle="stxx.setChartType('hollow_candle')">Hollow Candle</li>
  662. <li stxToggle="stxx.setChartType('volume_candle')">Volume Candle</li>
  663. <li stxToggle="stxx.setChartType('mountain')">Mountain</li>
  664. <li stxToggle="stxx.setChartType('colored_mountain')">Colored Mountain</li>
  665. <li stxToggle="stxx.setChartType('baseline_delta')">Baseline Delta</li>
  666. <li stxToggle="stxx.setChartType('baseline_delta_mountain')">
  667. Baseline
  668. Mountain
  669. </li>
  670. <li stxToggle="stxx.setChartType('wave')">Wave</li>
  671. <li stxToggle="stxx.setChartType('scatterplot')">Scatterplot</li>
  672. <li class="stx-menu-divider"></li>
  673. <li class="stx-heading">Chart Type</li>
  674. <li class="stx-option" stxToggle="toggleChartType('heikinashi')">
  675. Heikin-Ashi<span class="stxHeikinashi stx-checkbox"></span>
  676. </li>
  677. <li class="stx-option" stxToggle="toggleChartType('kagi')">
  678. Kagi<span class="stxKagi stx-checkbox"></span>
  679. </li>
  680. <li class="stx-option" stxToggle="toggleChartType('linebreak')">
  681. Line
  682. Break<span class="stxLinebreak stx-checkbox"></span>
  683. </li>
  684. <li class="stx-option" stxToggle="toggleChartType('pandf')">
  685. Point &
  686. Figure<span class="stxPandf stx-checkbox"></span>
  687. </li>
  688. <li class="stx-option" stxToggle="toggleChartType('rangebars')">
  689. Range
  690. Bars<span class="stxRangebars stx-checkbox"></span>
  691. </li>
  692. <li class="stx-option" stxToggle="toggleChartType('renko')">
  693. Renko<span class="stxRenko stx-checkbox"></span>
  694. </li>
  695. <li class="stx-menu-divider"></li>
  696. <li class="stx-heading">Chart Scale</li>
  697. <li class="stx-option" stxToggle="toggleLog()">
  698. Log Scale<span class="stxLog stx-checkbox"></span>
  699. </li>
  700. <li class="stx-option" stxToggle="toggleExtHours('pre')">
  701. Pre-market<span class="stxExtHours-pre stx-checkbox"></span>
  702. </li>
  703. <li class="stx-option" stxToggle="toggleExtHours('post')">
  704. After hours<span class="stxExtHours-post stx-checkbox"></span>
  705. </li>
  706. </ul>
  707. </div>
  708. <div id="menuWrapperStudies"
  709. class="stx-btn stx-menu-btn stxMenu stx-collapsible hidden-xs">
  710. <span>Studies</span> &nbsp;<i class="dropdown-arrow"></i>
  711. <div id="studies" class="studies menuSelect menuOutline" style="display:none">
  712. <input type="text" id="studySearch" autocapitalize="off" autocorrect="off"
  713. spellcheck="off"
  714. placeholder='Find study...'
  715. class="stx-input-field"></input>
  716. <div id="studySearchAll" class="stx-btn">Show All</div>
  717. <div id="studyClearAll" class="stx-btn">Clear Studies</div>
  718. <ul class="col">
  719. <li stxToggle="studyDialog(this, 'ADX');">ADX/DMS</li>
  720. <li stxToggle="studyDialog(this, 'Alligator');">Alligator</li>
  721. <li stxToggle="studyDialog(this, 'Awesome');">Awesome Oscillator</li>
  722. <li stxToggle="studyDialog(this, 'Bollinger Bands');">
  723. Bollinger Bands
  724. </li>
  725. <li stxToggle="studyDialog(this, 'Boll BW');">Bollinger Bandwidth</li>
  726. <li stxToggle="studyDialog(this, 'CCI');">Commodity Channel Index</li>
  727. <li stxToggle="studyDialog(this, 'Darvas');">
  728. Darvas Box
  729. </li>
  730. <li stxToggle="studyDialog(this, 'Elder Impulse');">
  731. Elder Impulse System
  732. </li>
  733. <li stxToggle="studyDialog(this, 'Fractal Chaos Bands');">
  734. Fractal Chaos
  735. Bands
  736. </li>
  737. <li stxToggle="studyDialog(this, 'Ichimoku Clouds');">
  738. Ichimoku Clouds
  739. </li>
  740. <li stxToggle="studyDialog(this, 'Keltner');">Keltner Channel</li>
  741. <li stxToggle="studyDialog(this, 'macd');">MACD</li>
  742. <li stxToggle="studyDialog(this, 'Momentum');">Momentum Indicator</li>
  743. </ul>
  744. <ul class="col">
  745. <li stxToggle="studyDialog(this, 'M Flow');">Money Flow Index</li>
  746. <li stxToggle="studyDialog(this, 'ma');">Moving Average</li>
  747. <li stxToggle="studyDialog(this, 'MA Env');">
  748. Moving Average Envelope
  749. </li>
  750. <li stxToggle="studyDialog(this, 'On Bal Vol');">On Balance Volume</li>
  751. <li stxToggle="studyDialog(this, 'PSAR');">Parabolic SAR</li>
  752. <li stxToggle="studyDialog(this, 'Pivot Points');">Pivot Points</li>
  753. <li stxToggle="studyDialog(this, 'rsi');">RSI</li>
  754. <li stxToggle="studyDialog(this, 'stochastics');">Stochastics</li>
  755. <li stxToggle="studyDialog(this, 'Stch Mtm');">
  756. Stochastic Momentum
  757. Index
  758. </li>
  759. <li stxToggle="studyDialog(this, 'vol profile');">
  760. Volume Profile
  761. </li>
  762. <li stxToggle="studyDialog(this, 'vol undr');">
  763. Volume Underlay
  764. </li>
  765. <li stxToggle="studyDialog(this, 'vchart');">Volume</li>
  766. <li stxToggle="studyDialog(this, 'Williams %R');">Williams %R</li>
  767. </ul>
  768. </div>
  769. </div>
  770. <div class="stx-toolbar" id="stx-toolbar">
  771. <!-- Toolbar -->
  772. <div class="drawOptions hidden-xs">
  773. <button id="UndoBtn" class="drawBtn stx-btn" onClick="stxx.undoLast()"
  774. style="display:none">
  775. Undo
  776. </button>
  777. <div class="drawBtn stx-btn stx-menu-btn stxMenu selection-menu">
  778. <span id="toolSelection">Select Tool</span> &nbsp;<i class="dropdown-arrow"></i>
  779. <div id="toolbarDraw" class="draw menuSelect menuOutline"
  780. style="display:none">
  781. <ul class="col">
  782. <li stxtoggle="STX.DrawingToolbar.setDrawingType('',this);STX.DrawingToolbar.setCrosshairs(false, this);">
  783. None
  784. </li>
  785. <li stxtoggle="STX.DrawingToolbar.setDrawingType('',this);STX.DrawingToolbar.setCrosshairs(true, this);">
  786. Crosshairs
  787. </li>
  788. <li class="stx-menu-divider"></li>
  789. <li stxtoggle="setDrawingType('segment',this);">Segment</li>
  790. <li stxtoggle="setDrawingType('continuous',this);">
  791. Continuous
  792. </li>
  793. <li stxtoggle="setDrawingType('ray',this);">Ray</li>
  794. <li stxtoggle="setDrawingType('line', this);">Line</li>
  795. <li stxtoggle="setDrawingType('horizontal',this);">
  796. Horizontal
  797. </li>
  798. <li stxtoggle="setDrawingType('vertical',this);">Vertical</li>
  799. <li class="stx-menu-divider"></li>
  800. <li stxtoggle="setDrawingType('rectangle',this);">Rectangle</li>
  801. <li stxtoggle="setDrawingType('ellipse',this);">Ellipse</li>
  802. <li stxtoggle="setDrawingType('shape',this,'arrow');">Shape</li>
  803. </ul>
  804. <ul class="col">
  805. <li stxtoggle="stxx.clearDrawings()">Clear Drawings</li>
  806. <li>&nbsp;</li>
  807. <li class="stx-menu-divider"></li>
  808. <li stxtoggle="setDrawingType('measure',this);">Measure</li>
  809. <li stxtoggle="setDrawingType('channel',this);">Channel</li>
  810. <li stxtoggle="setDrawingType('freeform',this);">Doodle</li>
  811. <li stxtoggle="setDrawingType('fibonacci',this,'retracement');">
  812. Fibonacci
  813. </li>
  814. <li stxtoggle="setDrawingType('gartley',this);">Gartley</li>
  815. <li stxtoggle="setDrawingType('pitchfork',this);">Pitchfork</li>
  816. <li class="stx-menu-divider"></li>
  817. <li stxtoggle="setDrawingType('annotation',this);">
  818. Annotation
  819. </li>
  820. <li stxtoggle="setDrawingType('callout',this);">Callout</li>
  821. <li>&nbsp;</li>
  822. </ul>
  823. </div>
  824. </div>
  825. <div class="stx-drawing" id="drawing-options">
  826. <div class="stx-draw-settings stxToolbarStylePicker"
  827. style="display:none">
  828. <div class="stx-btn stx-menu-btn stxMenu drawing-options" style="display:none;">
  829. <span id="styleSelection">Arrow</span><em></em>
  830. <ul class="stx-drawing-style-menu shape-style-list menuSelect menuOutline"
  831. style="display:none;">
  832. <li stxToggle="setDrawingStyle(this,'arrow')">Arrow</li>
  833. <li stxToggle="setDrawingStyle(this,'check')">Check</li>
  834. <li stxToggle="setDrawingStyle(this,'xcross','Cross')">
  835. Cross
  836. </li>
  837. <li stxToggle="setDrawingStyle(this,'focusarrow','Focus Arrow')">
  838. Focus Arrow
  839. </li>
  840. <li stxToggle="setDrawingStyle(this,'heart')">Heart</li>
  841. <li stxToggle="setDrawingStyle(this,'star')">Star</li>
  842. </ul>
  843. </div>
  844. <div class="stx-btn stx-menu-btn stxMenu" style="display:none;">
  845. <span id="styleSelection">Retracement</span><em></em>
  846. <ul class="stx-drawing-style-menu fibonacci-style-list menuSelect menuOutline"
  847. style="display:none;">
  848. <li stxToggle="setDrawingStyle(this,'retracement')">
  849. Retracement
  850. </li>
  851. <li stxToggle="setDrawingStyle(this,'fibarc','Arc')">
  852. Arc
  853. </li>
  854. <li stxToggle="setDrawingStyle(this,'fibfan','Fan')">
  855. Fan
  856. </li>
  857. <li stxToggle="setDrawingStyle(this,'fibtimezone','Time Zone')">
  858. Time Zone
  859. </li>
  860. </ul>
  861. </div>
  862. </div>
  863. <div class="stx-draw-settings stxToolbarFill" style="display:none">
  864. <div class="stx-heading"><span>Fill</span>:</div>
  865. <div class="stx-color stxFillColorPicker"
  866. style="background-color: #7DA6F5;"><span></span></div>
  867. </div>
  868. <div class="stx-draw-settings stxToolbarLine" style="display:none">
  869. <div class="stx-heading"><span>Line</span>:</div>
  870. <div class="stx-color stxLineColorPicker"
  871. style="background-color: transparent;"><span></span></div>
  872. <div class="stx-line-style stx-btn stx-menu-btn stxMenu stxToolbarLinePicker">
  873. <span class="stx-line style1 weight1 stxLineDisplay"></span><em></em>
  874. <ul id="stx-line-style-menu"
  875. class="stx-line-style-menu menuSelect menuOutline"
  876. style="display:none;">
  877. <li stxToggle="STX.DrawingToolbar.setLine(1,'solid', this)">
  878. <span class="stx-line style1 weight1"></span>
  879. </li>
  880. <li stxToggle="STX.DrawingToolbar.setLine(3,'solid', this)">
  881. <span class="stx-line style1 weight3"></span>
  882. </li>
  883. <li stxToggle="STX.DrawingToolbar.setLine(5,'solid', this)">
  884. <span class="stx-line style1 weight5"></span>
  885. </li>
  886. <li class="stxToolbarDotted stx-menu-divider"></li>
  887. <li class="stxToolbarDotted"
  888. stxToggle="STX.DrawingToolbar.setLine(1,'dotted', this)">
  889. <span class="stx-line style2 weight1"></span>
  890. </li>
  891. <li class="stxToolbarDotted"
  892. stxToggle="STX.DrawingToolbar.setLine(3,'dotted', this)">
  893. <span class="stx-line style2 weight3"></span>
  894. </li>
  895. <li class="stxToolbarDotted"
  896. stxToggle="STX.DrawingToolbar.setLine(5,'dotted', this)">
  897. <span class="stx-line style2 weight5"></span>
  898. </li>
  899. <li class="stxToolbarDashed stx-menu-divider"></li>
  900. <li class="stxToolbarDashed"
  901. stxToggle="STX.DrawingToolbar.setLine(1,'dashed', this)">
  902. <span class="stx-line style3 weight1"></span>
  903. </li>
  904. <li class="stxToolbarDashed"
  905. stxToggle="STX.DrawingToolbar.setLine(3,'dashed', this)">
  906. <span class="stx-line style3 weight3"></span>
  907. </li>
  908. <li class="stxToolbarDashed"
  909. stxToggle="STX.DrawingToolbar.setLine(5,'dashed', this)">
  910. <span class="stx-line style3 weight5"></span>
  911. </li>
  912. <li class="stxToolbarNone stx-menu-divider"></li>
  913. <li class="stxToolbarNone"
  914. stxToggle="STX.DrawingToolbar.setLine(0,'none', this)">
  915. None
  916. </li>
  917. </ul>
  918. </div>
  919. </div>
  920. <div class="stx-draw-settings stxToolbarAxisLabel" style="display:none">
  921. <div class="stx-heading">Axis Label:</div>
  922. <span class="stx-checkbox stxAxisLabel"
  923. onclick="STX.DrawingToolbar.toggleAxisLabel(this);"></span>
  924. </div>
  925. <div class="stx-draw-settings stxToolbarAnnotation"
  926. style="display:none">
  927. <div class="stx-btn stx-annotation-italic"
  928. onclick="STX.DrawingToolbar.setFont(this, 'italic');">
  929. I
  930. </div>
  931. <div class="stx-btn stx-annotation-bold"
  932. onclick="STX.DrawingToolbar.setFont(this, 'bold');">
  933. B
  934. </div>
  935. <div class="stx-btn stx-menu-btn stxMenu stx-annotation-size">
  936. <span>12px</span><em></em>
  937. <ul class="stx-annotation-size-menu menuSelect menuOutline"
  938. style="display:none;">
  939. <li stxToggle="STX.DrawingToolbar.setFont(this,'8px')">
  940. 8
  941. </li>
  942. <li stxToggle="STX.DrawingToolbar.setFont(this,'10px')">
  943. 10
  944. </li>
  945. <li stxToggle="STX.DrawingToolbar.setFont(this,'12px')">
  946. 12
  947. </li>
  948. <li stxToggle="STX.DrawingToolbar.setFont(this,'14px')">
  949. 14
  950. </li>
  951. <li stxToggle="STX.DrawingToolbar.setFont(this,'16px')">
  952. 16
  953. </li>
  954. <li stxToggle="STX.DrawingToolbar.setFont(this,'20px')">
  955. 20
  956. </li>
  957. <li stxToggle="STX.DrawingToolbar.setFont(this,'28px')">
  958. 28
  959. </li>
  960. <li stxToggle="STX.DrawingToolbar.setFont(this,'36px')">
  961. 36
  962. </li>
  963. <li stxToggle="STX.DrawingToolbar.setFont(this,'48px')">
  964. 48
  965. </li>
  966. <li stxToggle="STX.DrawingToolbar.setFont(this,'64px')">
  967. 64
  968. </li>
  969. </ul>
  970. </div>
  971. <div class="stx-btn stx-menu-btn stxMenu stx-annotation-family">
  972. <span>Default</span><em></em>
  973. <ul class="stx-annotation-family-menu menuSelect menuOutline"
  974. style="display:none;">
  975. <li stxToggle="STX.DrawingToolbar.setFont(this,'Default')">
  976. Default
  977. </li>
  978. <li class="stx-menu-divider"></li>
  979. <li stxToggle="STX.DrawingToolbar.setFont(this,'Arial,Helvetica')">
  980. Arial/Helvetica
  981. </li>
  982. <li stxToggle="STX.DrawingToolbar.setFont(this,'Courier')">
  983. Courier
  984. </li>
  985. <li stxToggle="STX.DrawingToolbar.setFont(this,'Garamond')">
  986. Garamond
  987. </li>
  988. <li stxToggle="STX.DrawingToolbar.setFont(this,'Palatino')">
  989. Palatino
  990. </li>
  991. <li stxToggle="STX.DrawingToolbar.setFont(this,'Times New Roman')">
  992. Times New Roman
  993. </li>
  994. </ul>
  995. </div>
  996. </div>
  997. </div>
  998. <div class="stx-draw-settings">
  999. <div id="stx-toolbar-settings" style="display:none">
  1000. <span class="stx-btn"
  1001. onClick="STX.DrawingToolbar.settingsDialog(this)">Settings</span>
  1002. </div>
  1003. </div>
  1004. <div class="currentMeasure">
  1005. <span id="mMeasure" class="measureUnlit"></span>
  1006. </div>
  1007. </div>
  1008. <!-- End Toolbar -->
  1009. </div>
  1010. <div style="position:absolute; right: 10px;">
  1011. <div id="shareBtn" class="stx-btn share" style="display:none;">
  1012. Share &nbsp;<i class="icon-share"></i>
  1013. </div>
  1014. <div id="cogBtn"
  1015. class="stx-btn stx-menu-btn stxMenu stx-collapsible stx-setting hidden-xs">
  1016. <span class="icon-chart menu-titile"></span>
  1017. <ul id="cog" class="cog menuSelect menuOutline" style="display:none">
  1018. <li class="stx-heading">Timezone</li>
  1019. <li stxToggle="STX.DialogManager.displayDialog('timezoneDialog');displayCurrentZone();STX.TimeZoneWidget.populateDialog('timezoneDialog', true);" style="margin-left: 10px;">
  1020. Change Timezone
  1021. </li>
  1022. <li class="stx-menu-divider">&nbsp;</li>
  1023.  
  1024. <li class="stx-menu-content" style="display: none;">
  1025. <ul class="menuSelect" id="builtInThemeSelector">
  1026. <li>White</li>
  1027. <li>Black</li>
  1028. </ul>
  1029. </li>
  1030. <li class="stx-menu-content" style="display: none;">
  1031. <ul class="injected" id="customThemeSelector">
  1032. <li class="stx-heading">Custom Themes</li>
  1033. <li class="themeSelectorTemplate" style="display:none">
  1034. <a class="stxItem"></a>
  1035. <div class="stx-btn stx-ico">
  1036. <span class="stx-ico-close stxClose">x</span>
  1037. </div>
  1038. </li>
  1039. </ul>
  1040. </li>
  1041. <li class="stx-menu-content" style="display: none;">
  1042. <div class="stx-btn theme"
  1043. stxToggle="STX.DialogManager.displayDialog('themeDialog');STX.ThemeManager.populateDialog('themeDialog', stxx);">
  1044. New Custom Theme
  1045. </div>
  1046. </li>
  1047. </ul>
  1048. </div>
  1049. </div>
  1050. </div>
  1051. <div class="stx-nav hidden">
  1052. <div class="stx-search hidden">
  1053. <input type="text" id="symbol" name="symbol" autocapitalize="off"
  1054. autocorrect="off" autocomplete="off" spellcheck="off"
  1055. class="stx-input-field">
  1056. </div>
  1057.  
  1058. <div class="stx-toggles">
  1059. <div class="stx-btn stx-menu.btn toggle" id="btnToggleStocktwits"
  1060. style="display:none"></div>
  1061. <div class="stx-btn stx-menu.btn toggle" id="btnToggleNews"
  1062. style="display:none"></div>
  1063. <div class="stx-btn stx-menu.btn toggle" id="btnToggleAutochartist"
  1064. style="display:none">
  1065. <div></div>
  1066. </div>
  1067. <div class="stx-btn stx-menu.btn toggle" id="btnTogglePTS" style="display:none">
  1068. <div></div>
  1069. </div>
  1070. </div>
  1071. <!-- These are very basic sample menus. You may replace these with another menuing system. Just follow the same onClick convention
  1072. or provide proxy functions that call the same code-->
  1073. <div class="stx-menus">
  1074. <div class="stx-btn stx-menu-btn toggle stx-collapsible" id="menuEvents"
  1075. onclick="toggleEvents()"><span>Events</span></div>
  1076. <div class="stx-btn stx-menu-btn stxMenu stx-collapsible"
  1077. id="menuWrapperCompare">
  1078. <span>Compare</span><em></em>
  1079. <div id="menuCompare" class="compare menuSelect menuOutline"
  1080. style="display:none">
  1081. <ul>
  1082. <li class="stx-menu-content add">
  1083. <input type="text" id="compareSymbol" name="compareSymbol"
  1084. autocapitalize="off" autocorrect="off" spellcheck="off"
  1085. placeholder="Symbol" class="stx-input-field">
  1086. <div class="stx-color"
  1087. style="background-color: rgb(253, 104, 100);"></div>
  1088. <div class="stx-btn"
  1089. stxToggle="STX.Comparison.addComparison();">
  1090. Add
  1091. </div>
  1092. </li>
  1093. <li class="stx-menu-divider"></li>
  1094. <li class="stx-heading">Current Symbols</li>
  1095. <li id="compareNone" class="stx-menu-content">None available</li>
  1096. </ul>
  1097. <ul id="symComparison" class="injected">
  1098. <li class="stx-menu-content symComparisonTemplate"
  1099. style="display:none">
  1100. <a class="stxItem"></a>
  1101. <div class="stx-btn stx-ico">
  1102. <span class="stx-ico-close"></span>
  1103. </div>
  1104. </li>
  1105. </ul>
  1106. </div>
  1107. </div>
  1108. </div>
  1109. </div>
  1110. <!-- End Nav -->
  1111. </div>
  1112. </div>
  1113. <div id="chart_section" >
  1114. <div id="chartIQ_section">
  1115. <div class="chart-area ciq-chart-area">
  1116. <!-- Chart -->
  1117. <div class="chartContainer">
  1118. <!--[if IE 8]>
  1119. <canvas id="ie8canvas" width="0" height="0" style="display:none"></canvas>
  1120. <![endif]-->
  1121. <!--[if IE 8]>
  1122. <canvas id="ie8canvasTemp" width="0" height="0" style="display:none"></canvas>
  1123. <![endif]-->
  1124. <!--[if IE 8]>
  1125. <canvas id="ie8canvasFloat" width="0" height="0" style="display:none"></canvas>
  1126. <![endif]-->
  1127. <img class="stx-loader" src="/NonBowerPackages/chartIQ/img/stx-loading.gif" style="display:none; z-index:100" />
  1128. </div>
  1129. <!-- End Chart -->
  1130. </div>
  1131. <!-- Side Panels -->
  1132. <div class="stx-panel-selector hidden closed">
  1133. <div id="btnToggleWatch" class="stx-panel-toggle false"></div>
  1134. <div id="btnToggleTrade" class="stx-panel-toggle false"></div>
  1135. </div>
  1136. <div class="stx-panel-watch stx-panel-side hidden closed">
  1137. <div id="stxWatch">
  1138. <h4>My Lists</h4>
  1139. <a id="stxNewWatchList" class="stx-btn" onClick="switchToNewList()">+</a>
  1140. <div class="watchListScroller">
  1141. <div id="stxWatchLists">
  1142. <ul id="stxWLWrapper">
  1143. <li></li>
  1144. </ul>
  1145. </div>
  1146. </div>
  1147. <div id="action">
  1148. <div class="active-list">
  1149. <div id="controls">
  1150. <a id="stxWatchPrev" class="stx-btn"><i class="arrow"></i></a>
  1151. <h6 id="stxWatchSymbol">&nbsp;</h6>
  1152. <a id="stxWatchNext" class="stx-btn"><i class="arrow"></i></a>
  1153. </div>
  1154. </div>
  1155. </div>
  1156. <a id="stxWatchUp"><i class="arrow"></i></a>
  1157. <div id="symbolScroller">
  1158. <div id="stxWatch-symbols">
  1159. <ul id="stxWatch-inner">
  1160. <li></li>
  1161. </ul>
  1162. </div>
  1163. </div>
  1164. <a id="stxWatchDown"><i class="arrow"></i></a>
  1165. </div>
  1166. </div>
  1167. <!-- End Side Panels -->
  1168. <!-- Dialog Container -->
  1169. <div class="stx-dialog-container">
  1170. <!-- Watchlist Dialogs -->
  1171. <div id="stxWatchEditDialog" style="display:none" class="stx-dialog">
  1172. <h4>Watch List Name:</h4>
  1173. <input id="stxWatchEditName" class="stx-input-field" spellcheck="false"
  1174. autocapitalize="off" autocorrect="off" autocomplete="off" maxlength="40"
  1175. placeholder="Enter Watch Name" type="text">
  1176. <div class="textarea">
  1177. <textarea id="stxWatchEditTA" class="stx-textarea" spellcheck="false"
  1178. autocapitalize="off" autocorrect="off" autocomplete="off"
  1179. placeholder="Enter symbols separated by spaces"></textarea>
  1180. </div>
  1181. <span id="stxWatchCancelEdit" class="stx-btn">Cancel</span> <span id="stxWatchSaveEdit" class="stx-btn">Save</span>
  1182. </div>
  1183. <div id="stxViewSaveDialog" style="display:none" class="stx-dialog">
  1184. <h4>View Name:</h4>
  1185. <input id="stxViewEditName" class="stx-input-field" spellcheck="false"
  1186. autocapitalize="off" autocorrect="off" autocomplete="off" maxlength="40"
  1187. placeholder="Enter View Name" type="text">
  1188. <span id="stxViewCancelEdit" class="stx-btn">Cancel</span> <span id="stxViewSaveEdit" class="stx-btn">Save</span>
  1189. </div>
  1190. <div id="contextMenu" style="display:none" class="stx-dialog">
  1191. <div onClick="STX.DialogManager.dismissDialog()" class="stx-btn stx-ico">
  1192. <span class="stx-ico-close"></span>
  1193. </div>
  1194. <div style="text-align:center;margin: 0px auto;">
  1195. <h4 class="title" style="margin: 0px auto;"></h4>
  1196. <p>
  1197. <div class="stx-btn stx-edit" style="width:100px;">Edit</div>
  1198. <p>
  1199. <div class="stx-btn stx-delete" style="width:100px;">Delete</div>
  1200. </div>
  1201. </div>
  1202. <!-- The studyDialog is a general purpose dialog for entering the parameters for studies. It may be customized so long
  1203. as the id an class names remain the same. Note that it contains templates which are replicated dynamically -->
  1204. <div id="studyDialog" style="display:none;" class="stx-dialog">
  1205. <h4 class="title"></h4>
  1206. <div onClick="STX.DialogManager.dismissDialog()" class="stx-btn stx-ico">
  1207. <span class="stx-ico-close"></span>
  1208. </div>
  1209. <div id="inputs">
  1210. <div class="inputTemplate" style="display:none">
  1211. <div class="stx-heading"></div>
  1212. <div class="stx-data"></div>
  1213. </div>
  1214. </div>
  1215. <div id="outputs">
  1216. <hr />
  1217. <div class="outputTemplate" style="display:none">
  1218. <div class="stx-heading"></div>
  1219. <div class="stx-color"><span></span></div>
  1220. </div>
  1221. </div>
  1222. <div id="parameters"></div>
  1223. <div onClick="createStudy();STX.DialogManager.dismissDialog()" class="stx-btn">
  1224. Create
  1225. </div>
  1226. </div>
  1227. <div id="studyOverZones" style="display:none">
  1228. Show Zones<input id="studyOverZonesEnabled" type="checkbox">
  1229. <div class="outputTemplate">
  1230. <div class="stx-heading">OverBought</div>
  1231. <div class="stx-data">
  1232. <input id="studyOverBoughtValue" type="text" class="stx-input-field">
  1233. <div class="stx-color" id="studyOverBoughtColor"><span></span></div>
  1234. </div>
  1235. </div>
  1236. <div class="outputTemplate">
  1237. <div class="stx-heading">OverSold</div>
  1238. <div class="stx-data">
  1239. <input id="studyOverSoldValue" type="text" class="stx-input-field">
  1240. <div class="stx-color" id="studyOverSoldColor"><span></span></div>
  1241. </div>
  1242. </div>
  1243. </div>
  1244. <!-- Drawing Dialog -->
  1245. <div id="drawDialogContainer">
  1246. <div id="fibDialog" class="stx-dialog" style="display:none">
  1247. <h4 class="title">Fib Settings</h4>
  1248. <div onClick="STX.DialogManager.dismissDialog()"
  1249. class="stx-btn stx-ico stx-ico-close">
  1250. <span class="stx-ico-close"></span>
  1251. </div>
  1252. <div id="drawParams">
  1253. <ul>
  1254. <!--<li>
  1255. <div class="check" style="visibility:hidden"><input type="checkbox"></div>
  1256. <div class="stx-fib-level">Trend</div>
  1257. <div class="stx-color"></div>
  1258. <div class="click select-UI stx-dropdown">
  1259. <span class="stx-line style1 weight1 stxLineDisplay" style="z-index: 1"></span><em></em>
  1260. <ul id="stx-line-style-menu" class="stx-line-style-menu menu menuSelect menuOutline" style="display:none;">
  1261. <li onClick="STX.FibDialog.setLine(1,'solid', this)"><span class="stx-line style1 weight1"></span></li>
  1262. <li onClick="STX.FibDialog.setLine(3,'solid', this)"><span class="stx-line style1 weight3"></span></li>
  1263. <li onClick="STX.FibDialog.setLine(5,'solid', this)"><span class="stx-line style1 weight5"></span></li>
  1264. <li class="stxToolbarDotted divider"></li>
  1265. <li class="stxToolbarDotted" onClick="STX.FibDialog.setLine(1,'dotted', this)"><span class="stx-line style2 weight1"></span></li>
  1266. <li class="stxToolbarDotted" onClick="STX.FibDialog.setLine(3,'dotted', this)"><span class="stx-line style2 weight3"></span></li>
  1267. <li class="stxToolbarDotted" onClick="STX.FibDialog.setLine(5,'dotted', this)"><span class="stx-line style2 weight5"></span></li>
  1268. <li class="stxToolbarDashed divider"></li>
  1269. <li class="stxToolbarDashed" onClick="STX.FibDialog.setLine(1,'dashed', this)"><span class="stx-line style3 weight1"></span></li>
  1270. <li class="stxToolbarDashed" onClick="STX.FibDialog.setLine(3,'dashed', this)"><span class="stx-line style3 weight3"></span></li>
  1271. <li class="stxToolbarDashed" onClick="STX.FibDialog.setLine(5,'dashed', this)"><span class="stx-line style3 weight5"></span></li>
  1272. </ul>
  1273. </div>
  1274. </li>-->
  1275. <li class="fib-template" style="display:none">
  1276. <div class="check"><input type="checkbox"></div>
  1277. <div class="stx-fib-level">-.618</div>
  1278. <!--<div class="stx-color"></div>
  1279. <div class="click select-UI stx-dropdown">
  1280. <span class="stx-line style1 weight1 stxLineDisplay" style="z-index: 1"></span><em></em>
  1281. <ul id="stx-line-style-menu" class="stx-line-style-menu menu menuSelect menuOutline" style="display:none;">
  1282. <li onClick="STX.FibDialog.setLine(1,'solid', this)"><span class="stx-line style1 weight1"></span></li>
  1283. <li onClick="STX.FibDialog.setLine(3,'solid', this)"><span class="stx-line style1 weight3"></span></li>
  1284. <li onClick="STX.FibDialog.setLine(5,'solid', this)"><span class="stx-line style1 weight5"></span></li>
  1285. <li class="stxToolbarDotted divider"></li>
  1286. <li class="stxToolbarDotted" onClick="STX.FibDialog.setLine(1,'dotted', this)"><span class="stx-line style2 weight1"></span></li>
  1287. <li class="stxToolbarDotted" onClick="STX.FibDialog.setLine(3,'dotted', this)"><span class="stx-line style2 weight3"></span></li>
  1288. <li class="stxToolbarDotted" onClick="STX.FibDialog.setLine(5,'dotted', this)"><span class="stx-line style2 weight5"></span></li>
  1289. <li class="stxToolbarDashed divider"></li>
  1290. <li class="stxToolbarDashed" onClick="STX.FibDialog.setLine(1,'dashed', this)"><span class="stx-line style3 weight1"></span></li>
  1291. <li class="stxToolbarDashed" onClick="STX.FibDialog.setLine(3,'dashed', this)"><span class="stx-line style3 weight3"></span></li>
  1292. <li class="stxToolbarDashed" onClick="STX.FibDialog.setLine(5,'dashed', this)"><span class="stx-line style3 weight5"></span></li>
  1293. </ul>
  1294. </div>-->
  1295. </li>
  1296. </ul>
  1297. <!--<hr/>
  1298. <ul>
  1299. <li>
  1300. <div class="check">
  1301. <input id="extendFibLines" type="checkbox">
  1302. </div>
  1303. <div>Extend lines to left of chart</div>
  1304. </li>
  1305. <li>
  1306. <div class="check">
  1307. <input id="fibBackground" type="checkbox">
  1308. </div>
  1309. <div>Fill background between levels</div>
  1310. </li>
  1311. <li>
  1312. <div class="check">
  1313. <input id="fibLevels" type="checkbox">
  1314. </div>
  1315. <div>Print level labels</div>
  1316. </li>
  1317. <li>
  1318. <div class="check">
  1319. <input id="fibValues" type="checkbox">
  1320. </div>
  1321. <div>Print level values</div>
  1322. </li>
  1323. </ul>-->
  1324. </div>
  1325. <div onClick="STX.FibDialog.save();STX.DialogManager.dismissDialog()"
  1326. class="stx-btn">
  1327. Save Settings
  1328. </div>
  1329. </div>
  1330. </div>
  1331. <!-- Timezone Dialogs -->
  1332. <div id="timezoneDialog" style="display:none;" class="stx-dialog">
  1333. <h4 class="title">Choose Timezone</h4>
  1334. <div onClick="STX.DialogManager.dismissDialog()" class="stx-btn stx-ico">
  1335. <span class="stx-ico-close">Close</span>
  1336. </div>
  1337. <p>
  1338. To set your timezone use the location button below or scroll through the
  1339. following list
  1340. </p>
  1341. <p id="currentUserTimeZone"></p>
  1342. <div class="detect">
  1343. <div id="currentLocationButton" class="stx-btn"
  1344. onClick="STX.TimeZoneWidget.removeTimeZone();STX.DialogManager.dismissDialog();">
  1345. Use My Current Location
  1346. </div>
  1347. </div>
  1348. <div id="timezoneDialogWrapper" style="max-height:360px;">
  1349. <ul>
  1350. <li id="timezoneTemplate" style="display:none;cursor:pointer;"></li>
  1351. </ul>
  1352. </div>
  1353. <div class="instruct">(Scroll for more options)</div>
  1354. </div>
  1355. <!-- Sharing Dialogs -->
  1356. <div id="sharedLinkDialog" style="display:none;" class="stx-dialog">
  1357. <h4 class="title">Chart Shared Successfully!</h4>
  1358. <div onClick="STX.DialogManager.dismissDialog()" class="stx-btn stx-ico">
  1359. <span class="stx-ico-close">Close</span>
  1360. </div>
  1361. <p>Use the following link to share your chart:</p>
  1362. <div id="shareCopyPaste"></div>
  1363. <p class="or">or...</p>
  1364. <p>
  1365. <a id="shareLink" target="_blank" href="">Open shared chart in new window</a>
  1366. </p>
  1367. </div>
  1368. <!-- Theme Dialog -->
  1369. <div id="themeDialog" style="display:none" class="stx-dialog">
  1370. <h4>Create a New Custom Theme</h4>
  1371. <div onClick="STX.DialogManager.dismissDialog()" class="stx-btn stx-ico">
  1372. <span class="stx-ico-close"></span>
  1373. </div>
  1374. <div class="settings">
  1375. <ul>
  1376. <li class="stx-heading">Chart Style</li>
  1377. <li>
  1378. <div class="stx-heading">
  1379. <span>Candle</span>/<span>Bar</span>/<span>Line</span>
  1380. </div>
  1381. <div class="stx-data">
  1382. <div class="stx-color stx_candle_up"><span></span></div>
  1383. <div class="stx-color stx_candle_down"><span></span></div>
  1384. </div>
  1385. <div class="stx-heading"><span>Wick</span></div>
  1386. <div class="stx-data">
  1387. <div class="stx-color stx_candle_shadow_up"><span></span></div>
  1388. <div class="stx-color stx_candle_shadow_down">
  1389. <span></span>
  1390. </div>
  1391. </div>
  1392. <div class="stx-heading">
  1393. <input id="candleBordersOn" type="checkbox"
  1394. class="stx-input-check" checked>
  1395. <span>Candle Borders</span>
  1396. </div>
  1397. <div class="stx-data">
  1398. <div class="stx-border-color stx_candle_up"><span></span></div>
  1399. <div class="stx-border-color stx_candle_down">
  1400. <span></span>
  1401. </div>
  1402. </div>
  1403. </li>
  1404. <li>
  1405. <div class="stx-heading">
  1406. <span>Monotone</span>
  1407. <span>Bar</span>/<span>Line</span>
  1408. </div>
  1409. <div class="stx-data">
  1410. <div class="stx-color stx_candle_shadow"><span></span></div>
  1411. </div>
  1412. </li>
  1413. <li>
  1414. <div class="stx-heading">
  1415. <div><span>Mountain Charts</span></div>
  1416. <input id="mountainGradientOn" type="checkbox"
  1417. class="stx-input-check" style="margin-left:5px" checked>
  1418. <span>Gradient</span>
  1419. </div>
  1420. <div class="stx-data">
  1421. <div class="stx-border-color stx_mountain"><span></span></div>
  1422. </div>
  1423. </li>
  1424. </ul>
  1425. <ul>
  1426. <li class="stx-heading">Background</li>
  1427. <li>
  1428. <div class="stx-heading">Background</div>
  1429. <div class="stx-data">
  1430. <div class="stx-color backgroundColor"><span></span></div>
  1431. </div>
  1432. </li>
  1433. <li>
  1434. <div class="stx-heading">Grid Lines</div>
  1435. <div class="stx-data">
  1436. <div class="stx-color stx_grid"><span></span></div>
  1437. </div>
  1438. </li>
  1439. <li>
  1440. <div class="stx-heading">Date Dividers</div>
  1441. <div class="stx-data">
  1442. <div class="stx-color stx_grid_dark"><span></span></div>
  1443. </div>
  1444. </li>
  1445. <li>
  1446. <div class="stx-heading">Axis Text</div>
  1447. <div class="stx-data">
  1448. <div class="stx-color stx_xaxis_dark"><span></span></div>
  1449. </div>
  1450. </li>
  1451. </ul>
  1452. </div>
  1453. <label class="themeName" for="themeName">New Theme Name:</label>
  1454. <input type="text" id="themeName" name="themeName" autocapitalize="off"
  1455. autocorrect="off" spellcheck="off" value="My Theme"
  1456. class="stx-input-field">
  1457. <div onClick="STX.ThemeManager.saveTheme($$('themeName').value, stxx);STX.DialogManager.dismissDialog()"
  1458. class="stx-btn">
  1459. Save Theme
  1460. </div>
  1461. </div>
  1462. </div>
  1463. <!-- End Dialog Container -->
  1464. <!-- Attribution -->
  1465. <p class="attribution hidden">
  1466. <span class="xignite">
  1467. <a target="_blank"
  1468. href="http://www.xignite.com">Market Data</a> by Xignite.
  1469. </span>
  1470. <span class="real-time">Quote is real-time.</span>
  1471. <span class="delayed">Data delayed 15 min.</span>
  1472. <span class="bats">BATS BZX real-time.</span>
  1473. <span class="eod">End of day quote.</span>
  1474. <!--<span class="random">This is not real data. Quotes are randomized.</span>-->
  1475. </p>
  1476. <div class="stx-footer hidden">
  1477. <div id="stxViews">
  1478. <h4>Views</h4>
  1479. <div id="stxNewView">
  1480. <a id="stxNewViewBtn" class="stx-btn">+</a>
  1481. </div>
  1482. <div class="viewsScroller">
  1483. <div id="stxSavedViews">
  1484. <ul id="stxViewWrapper">
  1485. <li></li>
  1486. </ul>
  1487. </div>
  1488. </div>
  1489. </div>
  1490. </div>
  1491. <div id="stxEventPrototype" class="myEvents hidden"></div>
  1492. </div>
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500. </div>
  1501. </div>
  1502.  
  1503. <ul class="hu clearfix" id="OHCLVB_data">
  1504. <li><span class="huLabel">O: </span><span id="huOpen" class="huField"></span></li>
  1505. <li><span class="huLabel">H: </span><span id="huHigh" class="huField"></span></li>
  1506. <li><span class="huLabel">C: </span><span id="huClose" class="huField"></span></li>
  1507. <li><span class="huLabel">L: </span><span id="huLow" class="huField"></span></li>
  1508. <li><span class="huLabel">V: </span><span id="huVolume" class="huField"></span></li>
  1509. <li><span class="huLabel">D: </span><span id="huDate" class="huField"></span></li>
  1510. </ul>
  1511.  
  1512. </div>
  1513. </div>
  1514. </div>
  1515.  
  1516. <div id="orderBook_section">
  1517.  
  1518. <div id="chartdiv" ></div>
  1519. </div>
  1520. <!-- order book -->
  1521.  
  1522. <div class="common-table-container buy-sell-container clearfix">
  1523. <div class="table-heading clearfix">
  1524. <h2 class="no-padding">Order Book</h2>
  1525.  
  1526. <ul class="row-count-selector">
  1527. <li class="title"><span>Display Rows</span></li>
  1528. <!-- ko foreach: orderBook.availableLength -->
  1529. <li class="row-count" data-bind="attr: {class: 'row-count ' + ($parent.orderBook.selectedValue() == $data.value ? 'active' : 'inactive')}">
  1530. <span data-bind="text: $data.value, click: function () { $parent.orderBook.setSelectedLength($data) }, attr: {class: 'height-animation ' + ($parent.orderBook.selectedValue() == $data.value ? 'active' : 'inactive')}" />
  1531. </li>
  1532. <!-- /ko -->
  1533. </ul>
  1534. </div>
  1535.  
  1536.  
  1537. <div class="buy-table-container col-sm-12 col-xs-12 col-md-4 col-lg-5">
  1538. <div class="common-table">
  1539. <table id="buyOrdersTable">
  1540. <colgroup>
  1541. <col class="buy-sell-col-own-order">
  1542. <col class="buy-sell-col-sum">
  1543. <col class="buy-sell-col-total">
  1544. <col class="buy-sell-col-size-auth">
  1545. <col class="buy-sell-col-bid-ask">
  1546. <col class="buy-sell-col-trade-action">
  1547. </colgroup>
  1548. <thead>
  1549. <tr>
  1550. <th><span class="icon-open-order" ></span></th>
  1551. <th>sum</th>
  1552. <th class="total">total</th>
  1553. <th>size (PAY)</th>
  1554. <th class="bid-type">
  1555. <span class="font-bold"><translate original="bid">bid</translate></span>
  1556. <span><translate original="(BTC)"> (BTC)</translate></span>
  1557. </th>
  1558. <!-- Add a column to allow trading when authenticated -->
  1559. <th ></th>
  1560. </tr>
  1561. </thead>
  1562. <tbody data-bind="foreach: { data: orderBook.visibleBuys, afterAdd: orderBook.showRow }">
  1563. <tr>
  1564. <td>
  1565. <span data-bind="css: orderSize() > 0 ? 'icon-open-order' : ''"></span>
  1566. </td>
  1567. <td data-bind="text: displaySumBase, visible:$parent.orderBook.showColumns"></td>
  1568. <td class="total" data-bind="text: displayTotal, visible:$parent.orderBook.showColumns"></td>
  1569. <td class="size-type" data-bind="text: displaySize, click: clickSize"></td>
  1570. <td class="size-type bid-type" data-bind="text: displayRate, click: clickRate"></td>
  1571. <td class="buy-sell" data-bind="click:sellToDepth">
  1572. <translate original="SELL">SELL</translate>
  1573. </td>
  1574. </tr>
  1575. </tbody>
  1576. </table>
  1577. </div>
  1578.  
  1579. <div class="col-12 table-sum">
  1580. <div class="col-6 no-padding" style="float: left; display: inline-block; width: 50%;">
  1581. <span data-bind="text: orderBook.sumBuysMarket().toFixed(3)"></span>
  1582. <span><translate original="PAY">PAY</translate></span>
  1583. </div>
  1584. <div class="col-6 no-padding text-right">
  1585. <span data-bind="text: orderBook.sumBuysBase().toFixed(3)"></span>
  1586. <span><translate original="BTC">BTC</translate></span>
  1587. </div>
  1588. </div>
  1589.  
  1590. <nav class="common-pager clearfix" aria-label="...">
  1591. <ul class="pager col-xs-12 col-sm-12">
  1592. <li data-bind="css: { disabled: orderBook.buyPageIndex() === 0 }"><a href="#" data-bind="click: orderBook.buyFirstPage">First</a></li>
  1593. <li data-bind="css: { disabled: orderBook.buyPageIndex() === 0 }"><a href="#" data-bind="click: orderBook.buyPreviousPage">Prev</a></li>
  1594. <li class="nav-pagination">
  1595. <ul class="pagination" data-bind="foreach: orderBook.buyAllPages">
  1596. <li data-bind="css: { active: $data.pageNumber === ($root.orderBook.buyPageIndex() + 1), disabled: $data.pageNumber > $root.orderBook.buyMaxPageIndex() + 1}">
  1597. <a href="#" data-bind="text: $data.pageNumber, click: function() { $root.orderBook.buyMoveToPage($data.pageNumber - 1); }"></a>
  1598. </li>
  1599. </ul>
  1600. </li>
  1601. <li class="next-last" data-bind="css: { disabled: orderBook.buyPageIndex() === orderBook.buyMaxPageIndex() }">
  1602. <a href="#" data-bind="click: orderBook.buyNextPage"><translate original="Next">Next</translate></a>
  1603. </li>
  1604. <li class="next-last" data-bind="css: { disabled: orderBook.buyPageIndex() === orderBook.buyMaxPageIndex() }">
  1605. <a href="#" data-bind="click: orderBook.buyLastPage"><translate original="Last">Last</translate></a>
  1606. </li>
  1607. </ul>
  1608. </nav>
  1609. </div>
  1610. <div id="trade-container" class="clearfix col-xs-12 col-sm-12 col-md-4 col-lg-2">
  1611. <!--trade ui-->
  1612. <div class="trade clearfix col-12" id="trade_buy">
  1613. <div class="trade-content">
  1614. <form role='form' class="clearfix" id='form_Buy' name="transactionForm" novalidate>
  1615. <!--button-->
  1616. <div class="col-12 btn-group">
  1617. <div class="col-6 no-padding text-left">
  1618. <button type="button" class="btn btn-buy"><translate original="buy">buy</translate></button>
  1619. </div>
  1620. <div class="col-6 no-padding text-right">
  1621. <button type="button" class="btn btn-gray">
  1622. <translate original="sell">sell</translate>
  1623. </button>
  1624. </div>
  1625. </div>
  1626.  
  1627. <div class="col-12 down-amount form-group">
  1628. <label class="input-units">
  1629. <span>order Type</span>
  1630. </label>
  1631.  
  1632. <!-- order type dropdown -->
  1633. <ul class="nav">
  1634. <li class="dropdown">
  1635. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1636. <span class="orderType-select" data-bind="html:trade.selectedBuyType().label"></span>
  1637. <span class="icon-expand-triangle-blue"></span>
  1638. </a>
  1639. <ul class="dropdown-menu order-type-ul order-type-dropdown" data-bind="foreach:trade.availableOrderType">
  1640. <li><a href="#" data-bind="text:label, click:$parent.trade.setBuyOrderType"></a></li>
  1641. </ul>
  1642. </li>
  1643. </ul>
  1644. </div>
  1645.  
  1646. <!--quantity-->
  1647. <div class="col-12 down-amount form-group clearfix">
  1648. <label class="input-units">
  1649. <span><translate original="quantity">quantity</translate></span>
  1650. </label>
  1651. <div class="input-group units-amount">
  1652. <div class="full-width">
  1653. <input type="number" autocomplete="off" min="0" class="form-control input-amount" data-bind="value: trade.buyVolume, attr: { readonly: trade.buyMaxEnabled() }" value="0" name="quantity_Buy" />
  1654. </div>
  1655. <span class="input-group-addon trade-type">
  1656. <translate original="PAY">PAY</translate>
  1657. </span>
  1658. </div>
  1659. </div>
  1660.  
  1661. <!--bid-->
  1662. <div class="col-12 down-amount form-group form-input-units">
  1663. <label class="input-units">
  1664. <span>
  1665. <li class="dropdown price-type-dropdown">
  1666. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1667. <span class="price-type-select">Bid Price</span>
  1668. <span class="icon-expand-triangle-blue"></span>
  1669. </a>
  1670. <ul class="dropdown-menu order-type-ul" id="menu_PriceBuy">
  1671. <li><a href="#" data-bind="click: trade.buyLastPrice">Last</a></li>
  1672. <li><a href="#" data-bind="click: trade.buyBidPrice">Bid</a></li>
  1673. <li><a href="#" data-bind="click: trade.buyAskPrice">Ask</a></li>
  1674. </ul>
  1675. </li>
  1676. </span>
  1677. </label>
  1678. <div class="input-group">
  1679. <input type="number" autocomplete="off" min="0" class="form-control input-amount" data-bind="value: trade.buyPrice" name="price_Buy" value="0" />
  1680. <span class="input-group-addon trade-type ">
  1681. <translate original="BTC">BTC</translate>
  1682. </span>
  1683. </div>
  1684. </div>
  1685.  
  1686. <!-- conditional type details -->
  1687. <div class="col-12 no-padding" style="display: block;" data-bind="visible:trade.selectedBuyType().label == 'Conditional'">
  1688. <div class="col-12 down-amount form-group">
  1689. <label class="input-units ">
  1690. <span><translate original="Condition">condition</translate></span>
  1691. </label>
  1692. <ul class="nav">
  1693. <li class="dropdown">
  1694. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1695. <span class="condition-select" data-bind="text:trade.selectedBuyCondition().label"></span>
  1696. <span class="icon-expand-triangle-blue"></span>
  1697. </a>
  1698. <ul class="dropdown-menu condition-ul condition-dropdown" data-bind="foreach:trade.availableCondition">
  1699. <li><a href="#" data-bind="text:label, click:$parent.trade.setBuyCondition"></a></li>
  1700. </ul>
  1701. </li>
  1702. </ul>
  1703. </div>
  1704. <div class="col-12 no-padding-right down-amount form-group clearfix">
  1705. <label class="input-units" style="padding-left: 12px; padding-right: 0;"><translate original="Target Price">Target Price</translate></label>
  1706. <div class="input-group units-amount">
  1707. <input type="text" style="padding-left: 12px; padding-right: 0;" class="form-control input-amount" data-bind="value: trade.buyTarget" name="target_Buy" value="0">
  1708. <span class="input-group-addon trade-type ">
  1709. <translate original="BTC">BTC</translate>
  1710. </span>
  1711. </div>
  1712. </div>
  1713. </div>
  1714.  
  1715. <!--total-->
  1716. <div class="col-12 down-amount form-group">
  1717. <label for="totalInput" class="input-units" title="Total with .25% commission">
  1718. <span><translate original="Total">Total</translate></span>
  1719. <i class="cc-BTC-alt"></i>
  1720. </label>
  1721. <div class="input-group">
  1722. <input type="number" autocomplete="off" min="0" class="form-control input-amount" data-bind="value: trade.buyTotal, enable: !trade.buyMaxEnabled()" value="0" name="total_Buy">
  1723. <span class="input-group-addon trade-type">
  1724. <translate original="BTC">BTC</translate>
  1725. </span>
  1726. </div>
  1727. </div>
  1728.  
  1729. <!--time in force | Date -->
  1730. <div class="col-12 no-padding">
  1731. <div class="col-12 down-amount form-group">
  1732. <label class="input-units ">
  1733. <span>time In Force</span>
  1734. <span class="help-img">
  1735. <a href="https://bittrex.zendesk.com/hc/en-us/articles/202227464" target="_blank" rel="noreferrer"><i class="icon-help-circle-A"></i></a>
  1736. </span>
  1737. </label>
  1738. <ul class="nav">
  1739. <li class="dropdown">
  1740. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1741. <span class="time-in-force-select" data-bind="text:trade.selectedBuyTimeInForce().label"></span>
  1742. <span class="icon-expand-triangle-blue"></span>
  1743. </a>
  1744. <ul class="dropdown-menu time-in-force-ul time-in-force-dropdown" data-bind="foreach:trade.availableTimeInForce">
  1745. <li><a href="#" data-bind="text:label, click:$parent.trade.setBuyTimeInForce"></a></li>
  1746. </ul>
  1747. </li>
  1748. </ul>
  1749. </div>
  1750. <!--
  1751. <div class="col-md-5 col-xs-5 no-padding-right time-in-force-date down-amount form-group clearfix" id="date_picker_md">
  1752. <label class="input-units"><translate original="DATE">DATE</translate></label>
  1753. <div class="input-group units-amount">
  1754. <input type="text" class="form-control input-amount">
  1755. </div>
  1756. </div>
  1757. -->
  1758. </div>
  1759.  
  1760. <!-- Initiate trade -->
  1761. <div class="col-12 no-padding transaction-button">
  1762. <button type="submit" class="btn btn-block btn-buy">Buy TenX Pay Token</button>
  1763. </div>
  1764.  
  1765.  
  1766. <!-- Legacy Market Trade logic -->
  1767.  
  1768.  
  1769. </form><!--form_Buy-->
  1770.  
  1771. <div class="max-buy">
  1772. <p class="available-balance header">Available Balance</p>
  1773. <p class="balance-data active-data">
  1774. <span data-bind="text: formatLargeNumber(trade.baseCurrencyBalance(), trade.baseCurrencyPrecision)">Test Max Amount</span>
  1775. <span class="currency-symbol">BTC</span>
  1776. </p>
  1777. <p class="balance-data">
  1778. <span data-bind="text: formatLargeNumber(trade.marketCurrencyBalance(), 8)">Test Max Amount</span>
  1779. <span class="currency-symbol">PAY</span>
  1780. </p>
  1781. <p class="max-buy-btn">
  1782. <a id="max_buy" data-bind="click:trade.buyMaxCalc">MAX BUY</a>
  1783. </p>
  1784. </div>
  1785. </div>
  1786. </div>
  1787. <div class="trade clearfix col-12" style="display:none;" id="trade_sell" >
  1788. <div class="trade-content">
  1789. <form role='form' class="clearfix" id='form_Sell' name="transactionForm" novalidate>
  1790. <!--button-->
  1791. <div class="col-12 btn-group">
  1792. <div class="col-6 no-padding text-left">
  1793. <button type="button" class="btn btn-gray">
  1794. <translate original="buy">buy</translate>
  1795. </button>
  1796. </div>
  1797. <div class="col-6 no-padding text-right">
  1798. <button type="button" class="btn btn-sell">
  1799. <translate original="sell">sell</translate>
  1800. </button>
  1801. </div>
  1802. </div>
  1803. <div class="col-12 down-amount form-group">
  1804. <label class="input-units">
  1805. <span>order Type</span>
  1806. </label>
  1807.  
  1808. <!-- order type dropdown -->
  1809. <ul class="nav">
  1810. <li class="dropdown">
  1811. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1812. <span class="orderType-select" data-bind="html:trade.selectedSellType().label"></span>
  1813. <span class="icon-expand-triangle-blue"></span>
  1814. </a>
  1815. <ul class="dropdown-menu order-type-ul order-type-dropdown" data-bind="foreach:trade.availableOrderType">
  1816. <li><a href="#" data-bind="text:label, click:$parent.trade.setSellOrderType"></a></li>
  1817. </ul>
  1818. </li>
  1819. </ul>
  1820. </div>
  1821.  
  1822. <!--quantity-->
  1823. <div class="col-12 down-amount form-group clearfix">
  1824. <label class="input-units">
  1825. <span><translate original="quantity">quantity</translate></span>
  1826. </label>
  1827. <div class="input-group units-amount">
  1828. <div class="full-width">
  1829. <input type="number" autocomplete="off" min="0" class="form-control input-amount" data-bind="value: trade.sellVolume, attr: { readonly: trade.sellMaxEnabled() }" value="0" name="quantity_Sell" />
  1830. </div>
  1831. <span class="input-group-addon trade-type">
  1832. <translate original="PAY">PAY</translate>
  1833. </span>
  1834. </div>
  1835. </div>
  1836.  
  1837. <!--ask-->
  1838. <div class="col-12 down-amount form-group form-input-units">
  1839. <label class="input-units">
  1840. <span>
  1841. <li class="dropdown price-type-dropdown">
  1842. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1843. <span class="price-type-select">Ask Price</span>
  1844. <span class="icon-expand-triangle-blue"></span>
  1845. </a>
  1846. <ul class="dropdown-menu order-type-ul" id="menu_PriceBuy">
  1847. <li><a href="#" data-bind="click: trade.sellLastPrice">Last</a></li>
  1848. <li><a href="#" data-bind="click: trade.sellBidPrice">Bid</a></li>
  1849. <li><a href="#" data-bind="click: trade.sellAskPrice">Ask</a></li>
  1850. </ul>
  1851. </li>
  1852. </span>
  1853. </label>
  1854. <div class="input-group">
  1855. <input type="number" autocomplete="off" min="0" class="form-control input-amount" data-bind="value: trade.sellPrice" name="price_Sell" value="0" />
  1856. <span class="input-group-addon trade-type ">
  1857. <translate original="BTC">BTC</translate>
  1858. </span>
  1859. </div>
  1860. </div>
  1861.  
  1862. <!-- conditional type details -->
  1863. <div class="col-12 no-padding" style="display: block;" data-bind="visible:trade.selectedSellType().label == 'Conditional'">
  1864. <div class="col-12 down-amount form-group">
  1865. <label class="input-units ">
  1866. <span><translate original="Condition">condition</translate></span>
  1867. </label>
  1868. <ul class="nav">
  1869. <li class="dropdown">
  1870. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1871. <span class="condition-select" data-bind="text:trade.selectedSellCondition().label"></span>
  1872. <span class="icon-expand-triangle-blue"></span>
  1873. </a>
  1874. <ul class="dropdown-menu condition-ul condition-dropdown" data-bind="foreach:trade.availableCondition">
  1875. <li><a href="#" data-bind="text:label, click:$parent.trade.setSellCondition"></a></li>
  1876. </ul>
  1877. </li>
  1878. </ul>
  1879. </div>
  1880. <div class="col-12 no-padding-right down-amount form-group clearfix">
  1881. <label class="input-units" style="padding-left: 12px; padding-right: 0;"><translate original="Target Price">Target Price</translate></label>
  1882. <div class="input-group units-amount">
  1883. <input type="text" style="padding-left: 12px; padding-right: 0;" class="form-control input-amount" data-bind="value: trade.sellTarget" name="target_Sell" value="0">
  1884. <span class="input-group-addon trade-type ">
  1885. <translate original="BTC">BTC</translate>
  1886. </span>
  1887. </div>
  1888. </div>
  1889. </div>
  1890.  
  1891. <!--total-->
  1892. <div class="col-12 down-amount form-group">
  1893. <label for="totalInput" class="input-units" title="Total with .25% commission">
  1894. <span><translate original="Total">Total</translate></span>
  1895. <i class="cc-BTC-alt"></i>
  1896. </label>
  1897. <div class="input-group">
  1898. <input type="number" autocomplete="off" min="0" class="form-control input-amount" data-bind="value: trade.sellTotal" value="0" name="total_Sell">
  1899. <span class="input-group-addon trade-type">
  1900. <translate original="BTC">BTC</translate>
  1901. </span>
  1902. </div>
  1903. </div>
  1904.  
  1905. <!--time in force | Date -->
  1906. <div class="col-12 no-padding">
  1907. <div class="col-12 down-amount form-group">
  1908. <label class="input-units ">
  1909. <span>time In Force</span>
  1910. <span class="help-img">
  1911. <a href="https://bittrex.zendesk.com/hc/en-us/articles/202227464" target="_blank" rel="noreferrer"><i class="icon-help-circle-A"></i></a>
  1912. </span>
  1913. </label>
  1914. <ul class="nav">
  1915. <li class="dropdown">
  1916. <a href="#" class="color-blue dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  1917. <span class="time-in-force-select" data-bind="text:trade.selectedSellTimeInForce().label"></span>
  1918. <span class="icon-expand-triangle-blue"></span>
  1919. </a>
  1920. <ul class="dropdown-menu time-in-force-ul time-in-force-dropdown" data-bind="foreach:trade.availableTimeInForce">
  1921. <li><a href="#" data-bind="text:label, click:$parent.trade.setSellTimeInForce"></a></li>
  1922. </ul>
  1923. </li>
  1924. </ul>
  1925. </div>
  1926. <!--
  1927. <div class="col-md-5 col-xs-5 no-padding-right time-in-force-date down-amount form-group clearfix" id="date_picker_md">
  1928. <label class="input-units"><translate original="DATE">DATE</translate></label>
  1929. <div class="input-group units-amount">
  1930. <input type="text" class="form-control input-amount">
  1931. </div>
  1932. </div>
  1933. -->
  1934. </div>
  1935.  
  1936. <!-- Initiate trade -->
  1937. <div class="col-12 no-padding transaction-button">
  1938. <button type="submit" class="btn btn-block btn-sell">Sell TenX Pay Token</button>
  1939. </div>
  1940.  
  1941.  
  1942. <!-- Legacy Market Trade logic -->
  1943.  
  1944.  
  1945. </form><!--form_Buy-->
  1946.  
  1947. <div class="max-buy">
  1948. <p class="available-balance header">Available Balance</p>
  1949. <p class="balance-data">
  1950. <span data-bind="text: formatLargeNumber(trade.baseCurrencyBalance(), trade.baseCurrencyPrecision)">Test Max Amount</span>
  1951. <span class="currency-symbol">BTC</span>
  1952. </p>
  1953. <p class="balance-data active-data">
  1954. <span data-bind="text: formatLargeNumber(trade.marketCurrencyBalance(), 8)">Test Max Amount</span>
  1955. <span class="currency-symbol">PAY</span>
  1956. </p>
  1957. <p class="max-buy-btn">
  1958. <a id="max_sell" data-bind="click:trade.sellMaxCalc">MAX SELL</a>
  1959. </p>
  1960. </div>
  1961. </div>
  1962. </div>
  1963. </div>
  1964.  
  1965. <div class="sell-table-container col-sm-12 col-xs-12 col-md-4 col-lg-5">
  1966. <div class="common-table sell-table">
  1967. <table id="sellOrdersTable">
  1968. <colgroup>
  1969. <col class="buy-sell-col-trade-action">
  1970. <col class="buy-sell-col-bid-ask">
  1971. <col class="buy-sell-col-size-auth">
  1972. <col class="buy-sell-col-total">
  1973. <col class="buy-sell-col-sum">
  1974. <col class="buy-sell-col-own-order">
  1975. </colgroup>
  1976. <thead>
  1977. <tr>
  1978. <!-- Buy to level column -->
  1979. <th></th>
  1980. <th class="ask-type">
  1981. <span class="font-bold"><translate original="ask">ask</translate></span>
  1982. <span><translate original="(BTC)"> (BTC)</translate></span>
  1983. </th>
  1984. <th>
  1985. <translate original="size (PAY)">size (PAY)</translate>
  1986. </th>
  1987. <th class="total">
  1988. <translate original="total">total</translate>
  1989. </th>
  1990. <th>
  1991. <translate original="sum">sum</translate>
  1992. </th>
  1993. <th>
  1994. <span class="icon-open-order"></span>
  1995. </th>
  1996. </tr>
  1997. </thead>
  1998. <tbody data-bind="foreach: { data: orderBook.visibleSells, afterAdd: orderBook.showRow }">
  1999. <tr>
  2000. <td class="buy-sell" data-bind="click:buyToDepth">
  2001. <translate original="BUY">BUY</translate>
  2002. </td>
  2003. <td class="size-type ask-type" data-bind="text: displayRate, click: clickRate"></td>
  2004. <td class="size-type" data-bind="text: displaySize, click: clickSize"></td>
  2005. <td class="total" data-bind="text: displayTotal, visible:$parent.orderBook.showColumns"></td>
  2006. <td data-bind="text: displaySumBase, visible:$parent.orderBook.showColumns"></td>
  2007. <td>
  2008. <span data-bind="css: orderSize() > 0 ? 'icon-open-order' : ''"></span>
  2009. </td>
  2010. </tr>
  2011. </tbody>
  2012. </table>
  2013. </div>
  2014.  
  2015. <div class="col-12 table-sum">
  2016. <div class="col-6 no-padding" style="float: left; display: inline-block; width: 50%;">
  2017. <span data-bind="text: orderBook.sumSellsBase().toFixed(3)"></span>
  2018. <span><translate original="BTC">BTC</translate></span>
  2019. </div>
  2020. <div class="col-6 no-padding text-right">
  2021. <span data-bind="text: orderBook.sumSellsMarket().toFixed(3)"></span>
  2022. <span><translate original="PAY">PAY</translate></span>
  2023. </div>
  2024. </div>
  2025.  
  2026. <nav class="common-pager clearfix" aria-label="...">
  2027. <ul class="pager col-xs-12 col-sm-12">
  2028. <li data-bind="css: { disabled: orderBook.sellPageIndex() === 0 }"><a href="#" data-bind="click: orderBook.sellFirstPage">First</a></li>
  2029. <li data-bind="css: { disabled: orderBook.sellPageIndex() === 0 }"><a href="#" data-bind="click: orderBook.sellPreviousPage">Prev</a></li>
  2030. <li class="nav-pagination">
  2031. <ul class="pagination" data-bind="foreach: orderBook.sellAllPages">
  2032. <li data-bind="css: { active: $data.pageNumber === ($root.orderBook.sellPageIndex() + 1), disabled: $data.pageNumber > $root.orderBook.sellMaxPageIndex() + 1}">
  2033. <a href="#" data-bind="text: $data.pageNumber, click: function() { $root.orderBook.sellMoveToPage($data.pageNumber - 1); }"></a>
  2034. </li>
  2035. </ul>
  2036. </li>
  2037. <li class="next-last" data-bind="css: { disabled: orderBook.sellPageIndex() === orderBook.sellMaxPageIndex() }">
  2038. <a href="#" data-bind="click: orderBook.sellNextPage"><translate original="Next">Next</translate></a>
  2039. </li>
  2040. <li class="next-last" data-bind="css: { disabled: orderBook.sellPageIndex() === orderBook.sellMaxPageIndex() }">
  2041. <a href="#" data-bind="click: orderBook.sellLastPage"><translate original="Last">Last</translate></a>
  2042. </li>
  2043. </ul>
  2044. </nav>
  2045. </div>
  2046. </div><!-- order book -->
  2047. <!-- market history -->
  2048. <div class="common-table-container market-history-container clearfix" id="rowTable">
  2049. <div class="table-heading clearfix">
  2050. <h2 class="col-md-6 col-xs-12 col-sm-6 no-padding">Market History</h2>
  2051. <div class="col-xs-12 col-sm-6 text-right text-left-xs no-padding">
  2052. <div class="dropdown column-visibility column-visibility-row" id="market-toolbar-history">
  2053.  
  2054. <div class="display-row dropdown-toggle no-margin bittrex-disabled-feature" id="marketHistoryTable2_length2" style="float:right">
  2055. <div class="display-row dropdown-toggle no-margin" data-toggle="dropdown" aria-haspopup="true"
  2056. aria-expanded="false">
  2057. Display
  2058. <button style="border:none;margin:0px">
  2059. <select class="form-control select-value display-row-open-history" data-bind="options: history.availableLength, optionsText: 'value', value: history.selectedLength" style="padding:0px;"></select>
  2060. </button>
  2061. rows
  2062. </div>
  2063. </div>
  2064. </div>
  2065. </div>
  2066. </div>
  2067.  
  2068. <div class="common-table open-order-table">
  2069. <table id="marketHistoryTable2">
  2070. <thead>
  2071. <tr>
  2072. <th>date</th>
  2073. <th>buy/sell</th>
  2074. <th>bid/ask</th>
  2075. <th>total units (PAY)</th>
  2076. <th class="hidden-xs hidden-sm">total cost (BTC)</th>
  2077. </tr>
  2078. </thead>
  2079. <tbody data-bind="foreach: { data: history.summaryHistory, afterAdd: history.showRow }">
  2080. <tr>
  2081. <td data-bind="text: displayDate"></td>
  2082. <td class="sell" data-bind="css: { 'order-type no-padding color-green': orderType == 'BUY', 'order-type no-padding color-red': orderType == 'SELL' }, text: orderType"></td>
  2083. <td data-bind="text: displayPrice"></td>
  2084. <td data-bind="text: displayUnits"></td>
  2085. <td class="hidden-xs hidden-sm" data-bind="text: displayCost"></td>
  2086. </tr>
  2087. </tbody>
  2088. </table>
  2089.  
  2090. <nav class="common-pager clearfix" aria-label="...">
  2091. <ul class="pager col-xs-12 col-sm-12">
  2092. <li data-bind="css: { disabled: history.pageIndex() === 0 }"><a href="#" data-bind="click: history.firstPage">First</a></li>
  2093. <li data-bind="css: { disabled: history.pageIndex() === 0 }"><a href="#" data-bind="click: history.previousPage">Prev</a></li>
  2094. <li class="nav-pagination">
  2095. <ul class="pagination" data-bind="foreach: history.allPages">
  2096. <li data-bind="css: { active: $data.pageNumber === ($root.history.pageIndex() + 1) }">
  2097. <a href="#" data-bind="text: $data.pageNumber, click: function() { $root.history.moveToPage($data.pageNumber-1); }"></a>
  2098. </li>
  2099. </ul>
  2100. </li>
  2101. <li class="next-last" data-bind="css: { disabled: history.pageIndex() === history.maxPageIndex() }">
  2102. <a href="#" data-bind="click: history.nextPage"><translate original="Next">Next</a>
  2103. </li>
  2104. <li class="next-last" data-bind="css: { disabled: history.pageIndex() === history.maxPageIndex() }">
  2105. <a href="#" data-bind="click: history.lastPage"><translate original="Last">Last</a>
  2106. </li>
  2107. </ul>
  2108. </nav>
  2109. </div>
  2110.  
  2111.  
  2112. </div>
  2113.  
  2114. <!-- open orders -->
  2115. <div id="user_open_orders_parent" class="common-table-container open-order-container open-order-container-market clearfix expand-collapse-root collapsed">
  2116. <div class="table-heading">
  2117. <h2 class="section-header-in-row expand-collapse-control"><i class="expand-collapse-icon"></i> my open orders</h2>
  2118. </div>
  2119. <div class="open-table-container expand-collapse-container">
  2120. <div class="panel-body expand-collapse-control expand-collapse-placeholder">
  2121. Click to view open order details
  2122. </div>
  2123. <div class="common-table open-order-table expand-collapse-area"">
  2124. <table id="openMarketOrdersTable">
  2125. <thead>
  2126. <tr>
  2127. <th><!-- Expand --></th>
  2128. <th>order date</th>
  2129. <th>market</th>
  2130. <th>type</th>
  2131. <th>bid/ask</th>
  2132. <th>filled</th>
  2133. <th>units total</th>
  2134. <th>quantity remaining</th>
  2135. <th>actual rate</th>
  2136. <th>
  2137. <span class="hidden-xs hidden-sm">est. total (BTC)</span>
  2138. <span class="hidden-lg hidden-md">est. total</span>
  2139. </th>
  2140. <th>OrderUUID</th>
  2141. <th><!-- Cancel --></th>
  2142. </tr>
  2143. </thead>
  2144. <tbody></tbody>
  2145. </table>
  2146. </div>
  2147. </div>
  2148. </div> <!-- user history -->
  2149. <script src='https://www.google.com/recaptcha/api.js'></script>
  2150. <script>
  2151. function onRecaptchaSucceeded(token) {
  2152. $('#submitHistoryButton')
  2153. .prop('disabled', false)
  2154. .css('background', '#0094ff');
  2155. }
  2156.  
  2157. function onRecaptchaExpired() {
  2158. $('#submitHistoryButton')
  2159. .prop('disabled', true)
  2160. .css('background', '#aaa');
  2161. }
  2162. </script>
  2163.  
  2164. <div id="user_order_history_parent" class="common-table-container clearfix expand-collapse-root collapsed">
  2165. <div class="table-heading">
  2166. <h2 class="section-header-in-row expand-collapse-control"><i class="expand-collapse-icon"></i> my order history</h2>
  2167. </div>
  2168. <div class="expand-collapse-container">
  2169. <div class="panel-body expand-collapse-control expand-collapse-placeholder">
  2170. Click to view order history details
  2171. </div>
  2172. <div class="datatables-wrapper expand-collapse-area">
  2173. <table id="closedMarketOrdersTable">
  2174. <thead>
  2175. <tr>
  2176. <th><!-- Dropdown toggle --></th>
  2177. <th>CLOSED DATE</th>
  2178. <th>OPEN DATE</th>
  2179. <th class="hidden">MARKET</th> <!-- Won't be shown DataTable shared with Orders History page and col is hidden for this table -->
  2180. <th style="text-align:center !important;">TYPE</th> <!-- Won't be shown DataTable shared with Orders History page and col is hidden for this table -->
  2181. <th>BID/ASK</th>
  2182. <th>UNITS FILLED (PAY)</th>
  2183. <th>TOTAL UNITS (PAY)</th>
  2184. <th>ACTUAL RATE</th>
  2185. <th>
  2186. <span data-toggle="tooltip" data-placement="left" title="Cost or Proceeds of Trade including Fee">COST/PROCEEDS</span>
  2187. </th>
  2188. </tr>
  2189. </thead>
  2190. <tbody></tbody>
  2191. </table>
  2192.  
  2193. <div class="modal fade" id="modal_History" tabindex="-1" role="dialog" aria-labelledby="label_History" aria-hidden="true">
  2194. <div class="modal-dialog">
  2195. <div class="modal-content">
  2196. <div class="modal-header" style="background-color: #0094ff">
  2197. <button id="closeHistoryButton" type="button" class="close" aria-hidden="true">&times;</button>
  2198. <h4 class="modal-title" id="label_History">Market Order History</h4>
  2199. </div>
  2200. <div class="modal-body" style="color: #2B3441; padding: 24px;">
  2201. <div>
  2202. After completing the following verification, you will be able to download your market order history. Please note that this process
  2203. may take a moment depending on the number of orders placed on this market with your account.
  2204. </div><br />
  2205.  
  2206. <form id="captchaForm">
  2207. <div class="recaptcha-wrapper">
  2208. <script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script>
  2209.  
  2210. <div class="g-recaptcha" data-sitekey="6Lf3WSAUAAAAAOLCgtYTXztdPHtTuZxq9k5DHthK" data-callback="onRecaptchaSucceeded" data-expired-callback="onRecaptchaExpired"></div>
  2211.  
  2212. </div>
  2213. </form>
  2214. </div>
  2215. <div class="modal-footer">
  2216. <button id="cancelHistoryButton" type="button" class="btn form-btn btn-default" style="min-width: 150px; background: #0094ff">Cancel</button>
  2217. <button id="submitHistoryButton" style="min-width: 150px; background: #aaa;" disabled class="btn form-btn has-spinner"><i class="fa fa-download"></i> Download</button>
  2218. </div>
  2219. </div>
  2220. </div>
  2221. </div>
  2222. </div>
  2223. </div>
  2224. </div>
  2225. </div>
  2226.  
  2227. <footer class="market-info-footer clearfix">
  2228. <div class="container">
  2229. <div class="all-footer-item col-lg-5 col-md-5 col-xs-12 col-sm-5 first-footer-items no-padding">
  2230. <div class="footer-item col-lg-3 col-md-3 col-xs-3 col-sm-3 no-padding ">
  2231. <a href="/Home/About" target="_blank"><translate original="about">about</translate></a>
  2232. </div>
  2233. <div class="footer-item col-lg-5 col-md-5 col-xs-6 col-sm-6 no-padding">
  2234. <a href="/Status"><translate original="Website Status">Website Status</translate></a>
  2235. </div>
  2236. <div class="footer-item col-lg-4 col-md-4 col-xs-3 col-sm-3 no-padding">
  2237. <a href="/Home/Cookies" target="_blank"><translate original="cookies">cookies</translate></a>
  2238. </div>
  2239. <div class="footer-item col-lg-3 col-md-3 col-xs-3 col-sm-3 no-padding">
  2240. <a href="/Privacy" target="_blank"><translate original="privacy">privacy</translate></a>
  2241. </div>
  2242. <div class="footer-item col-lg-5 col-md-5 col-xs-6 col-sm-6 no-padding">
  2243. <a href="/Home/Api" target="_blank"><translate original="API Documentation">API Documentation</translate></a>
  2244. </div>
  2245. <div class="footer-item col-lg-4 col-md-4 col-xs-3 col-sm-3 no-padding">
  2246. <a href="/Home/Terms" target="_blank"><translate original="Terms">Terms</translate></a>
  2247. </div>
  2248. </div>
  2249. <div class="all-footer-item col-lg-5 col-md-5 col-xs-12 col-sm-4 first-footer-items">
  2250. <div class="footer-item col-lg-4 col-md-4 col-xs-3 col-sm-4 no-padding">
  2251. <a href="/Fees" target="_blank"><translate original="fees">fees</translate></a>
  2252. </div>
  2253. <div class="footer-item col-lg-5 col-md-5 col-xs-6 col-sm-5 no-padding">
  2254. <a href="/Home/Support" target="_blank"><translate original="support">support</translate></a>
  2255. </div>
  2256. <div class="footer-item col-lg-3 col-md-3 col-xs-3 col-sm-3 no-padding">
  2257. <a href="/Home/Contact" target="_blank"><translate original="Contact">Contact</translate></a>
  2258. </div>
  2259. <div class="footer-item col-lg-4 col-md-4 col-xs-3 col-sm-4 no-padding">
  2260. <a href="https://bittrex.breezy.hr/" target="_blank"><translate original="Careers">Careers</translate></a>
  2261. </div>
  2262. <div class="footer-item col-lg-5 col-md-5 col-xs-6 col-sm-5 no-padding">
  2263. <a href="/cdn-cgi/l/email-protection#2e4f4c5b5d4b6e4c475a5a5c4b56004d4143"><translate original="Report Abuse">Report Abuse</translate></a>
  2264. </div>
  2265. <div class="footer-item col-lg-3 col-md-3 col-xs-3 col-sm-3 no-padding">
  2266. <a href="https://support.bittrex.com/hc/en-us/categories/200236600-News-and-Announcements" target="_blank"><translate original="News">News</translate></a>
  2267. </div>
  2268. </div>
  2269. <div class="all-footer-item col-lg-2 col-md-2 col-xs-12 col-sm-3 footer-item-icon">
  2270. <div class="footer-item col-sm-12 col-xs-6 no-padding">
  2271. <a href="https://twitter.com/bittrexexchange" target="_blank">
  2272. <span class="icon-twitter-gray-10"></span>
  2273. <span><translate original="follow us on twitter">follow us on twitter</translate></span>
  2274. </a>
  2275. </div>
  2276. <div class="footer-item col-sm-12 col-xs-6 no-padding">
  2277. <a href="https://www.facebook.com/bittrex" target="_blank">
  2278. <span class="icon-facebook-gray-10"></span>
  2279. <span><translate original="like us on facebook">like us on facebook</translate></span>
  2280. </a>
  2281. </div>
  2282. </div>
  2283. </div>
  2284. <span class="copy-right col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding">&copy; 2018 Bittrex, Inc</span>
  2285. </footer>
  2286.  
  2287.  
  2288. <div data-bind="with: trade.confirm">
  2289.  
  2290. <div class="modal fade common-modal buy-sell-modal" id="modal_ConfirmOrder" tabindex="-1" role="dialog" data-bind="showModal: displayOrderModal">
  2291. <div class="modal-dialog" role="document">
  2292. <div class="modal-content">
  2293. <div class="modal-header clearfix">
  2294. <span class="col-xs-3 no-padding">BTC-PAY</span>
  2295. <span class="col-xs-6 no-padding text-center" id="buyModalLabel">
  2296. <span>Confirm Your <span class="modal-title" id="label_ConfirmOrder" data-bind="text: orderModalTitle"></span> Order</span>
  2297. </span>
  2298. <div class="cancel-icon col-sm-3 col-xs-2 text-right">
  2299. <span class="icon-menu-close-white-20px visible-xs-inline-block" data-dismiss="modal"></span>
  2300. <span class="icon-menu-close-20px hidden-xs" data-dismiss="modal" aria-label="Close" data-bind="click: cancelModal"></span>
  2301. </div>
  2302. </div>
  2303. <div class="modal-body clearfix">
  2304. <div class="modal-item col-md-12">
  2305. <div class="col-md-4 modal-item-tittle">quantity</div>
  2306. <div class="col-md-8 modal-item-info color-green">
  2307. <span data-bind="text: orderQuantity"></span>
  2308. <span class="modal-item-symbol">PAY</span>
  2309. </div>
  2310. </div>
  2311. <div class="modal-item col-md-12">
  2312. <div class="col-md-4 modal-item-tittle">price</div>
  2313. <div class="col-md-8 modal-item-info color-green">
  2314. <span data-bind="text: orderPrice"></span>
  2315. <span class="modal-item-symbol">BTC</span>
  2316. </div>
  2317. </div>
  2318. <div class="modal-item col-md-12">
  2319. <div class="col-md-4 modal-item-tittle">subtotal</div>
  2320. <div class="col-md-8 modal-item-info color-green">
  2321. <span data-bind="text: orderSubTotal"></span>
  2322. <span class="modal-item-symbol">BTC</span>
  2323. </div>
  2324. </div>
  2325. <div class="modal-item col-md-12">
  2326. <div class="col-md-4 modal-item-tittle">commission</div>
  2327. <div class="col-md-8 modal-item-info color-green">
  2328. <span data-bind="text: orderCommission"></span>
  2329. <span class="modal-item-symbol">BTC</span>
  2330. </div>
  2331. </div>
  2332. <div class="modal-item col-md-12 modal-item-total">
  2333. <div class="col-md-4 modal-item-tittle">total</div>
  2334. <div class="col-md-8 modal-item-info color-green">
  2335. <span data-bind="text: orderTotal"></span>
  2336. <span class="modal-item-symbol">BTC</span>
  2337. </div>
  2338. </div>
  2339. <div class="modal-transaction-type col-xs-12">
  2340. <div class="transaction-item">
  2341. <span class="item-name">MARKET</span>
  2342. <span class="item-value">BTC-PAY</span>
  2343. </div>
  2344. <div class="transaction-item">
  2345. <span class="item-name">TYPE</span>
  2346. <span class="item-value" data-bind="text: orderModalTitle"></span>
  2347. </div>
  2348. <div class="transaction-item">
  2349. <span class="item-name">TIME IN FORCE</span>
  2350. <span class="item-value" data-bind="text:orderTimeInForce().label"></span>
  2351. </div>
  2352. </div>
  2353. <div class="modal-condition col-xs-12" data-bind="visible: orderConditionMsg() != ''">
  2354. <div class="condition-title">Condition</div>
  2355. <p class="condition-content">
  2356. <span class="item-value" data-bind="text:orderConditionMsg"></span>
  2357. </p>
  2358. </div>
  2359. <div class="modal-disclaimer col-xs-12">
  2360. <h4 class="disclaimer-tittle">disclaimer</h4>
  2361. <p class="disclaimer-content">
  2362. Please verify this order before confirming. All orders are final once
  2363. submitted and we will be unable to issue you a refund.
  2364. </p>
  2365. </div>
  2366. <div class="modal-button col-md-12 col-xs-12">
  2367. <button type="button" class="col-xs-12 btn second-btn" data-bind="click: cancelModal">Cancel</button>
  2368. <button type="button" class="col-xs-12 btn form-btn"
  2369. data-bind="enable: enableOrderSubmit, click: orderSubmit">
  2370. Confirm
  2371. </button>
  2372. </div>
  2373.  
  2374. </div>
  2375. </div>
  2376. </div>
  2377. </div>
  2378. </div>
  2379. <div class="modal fade" id="cancelWithdrawalModal" tabindex="-1" role="dialog" aria-labelledby="cancelWithdrawalLabel" aria-hidden="true">
  2380. <div class="modal-dialog">
  2381. <div class="modal-content">
  2382. <div class="modal-header">
  2383. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  2384. <h4 class="modal-title" id="cancelOrderLabel">Confirm Order Cancellation</h4>
  2385. </div>
  2386. <div class="modal-body">
  2387. <form action="/Usr_Balanec/Usr_CancelWithdrawal" class="form-horizontal" id="cancelWithdrawalForm" method="post" role="form"> <input type="hidden" id="cancelWithdrawalGuid" />
  2388. <div id="cancelWithdrawalText"></div>
  2389. </form> </div>
  2390. <div class="modal-footer">
  2391. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2392. <button class="btn btn-primary has-spinner" id="cancelWithdrawalConfirm">
  2393. <span class="spinner"><i class="fa fa-spinner fa-pulse"></i></span>
  2394. Confirm
  2395. </button>
  2396.  
  2397. </div>
  2398. </div>
  2399. </div>
  2400. </div>
  2401. <div class="modal fade common-modal withdraw-deposit-modal in" id="withdrawalConfirmModal" data-bind="">
  2402. <div class="modal-dialog">
  2403. <div class="modal-content">
  2404. <div class="modal-header clearfix">
  2405. <h4 class="col-xs-offset-3 col-xs-6 text-center">
  2406. <span class="title-icon icon-withdraw-30 hidden-xs"></span>
  2407. <span class="title-icon icon-withdraw-20 visible-xs-inline-block"></span>
  2408. <span class="title-content" data-bind="text:'Confirm ' + wallet.withdrawalModalTitle()"></span>
  2409. </h4>
  2410. <div class="cancel-icon col-xs-3 text-right" data-bind="click: wallet.cancelWithdrawalModal">
  2411. <span class="icon-menu-close-white-20px" data-dismiss="modal"></span>
  2412. </div>
  2413. </div>
  2414. <form role='form' class="modal-body" id="withdrawalConfirmForm">
  2415. <div class="withdraw-amount">
  2416. <div class="clearfix amount-item" data-bind="visible: wallet.showBaseAddress">
  2417. <div class="col-sm-4 col-xs-4 amount-temp">
  2418. <span data-bind="text:wallet.labelWithdrawalAddress"></span>
  2419. </div>
  2420. <div class="col-sm-8 anount-price text-right">
  2421. <span data-bind="text: wallet.withdrawalPaymentId"></span>
  2422. </div>
  2423. </div>
  2424. <div class="clearfix amount-item">
  2425. <div class="col-sm-4 col-xs-4 amount-temp">
  2426. <span data-bind="text:wallet.labelWithdrawalBaseAddress"></span>
  2427. </div>
  2428. <div class="col-sm-8 anount-price text-right">
  2429. <span data-bind="text: wallet.withdrawalAddress"></span>
  2430. </div>
  2431. </div>
  2432. <div class="clearfix amount-item">
  2433. <div class="col-sm-4 col-xs-4 amount-temp"><span>transaction fee</span></div>
  2434. <div class="col-sm-8 text-right anount-price">
  2435. <span data-bind="text: wallet.withdrawalFeeText"></span>
  2436. <span class="amount-symbol" data-bind="text: wallet.currency()"></span>
  2437. </div>
  2438. </div>
  2439. <div class="clearfix amount-item">
  2440. <div class="col-sm-4 col-xs-4 amount-temp">
  2441. <span>total</span>
  2442. </div>
  2443. <div class="col-sm-8 text-right anount-price">
  2444. <span data-bind="text: wallet.withdrawalTotalText"></span>
  2445. <span class="amount-symbol" data-bind="text: wallet.currency()"></span>
  2446. </div>
  2447. </div>
  2448. <div class="modal-disclaimer scroll-wrapper" data-bind="visible:wallet.showWithdrawalCallOut">
  2449. <div class="disclaimer-content" data-bind="html: wallet.withdrawalModalAlert"></div>
  2450. <div class="disclaimer-content" data-bind="visible: !wallet.uses2FA()">
  2451. After clicking the withdrawal confirmation button, you will receive an email with instructions on how to verify your withdrawal.
  2452. </div>
  2453. <div class="disclaimer-content" data-bind="visible: wallet.uses2FA">
  2454. By inputting your two-factor authentication code, your withdrawal will process immediately.
  2455. </div>
  2456. </div>
  2457. <div class="row">
  2458. <div class="col-sm-offset-1 col-sm-10" style="margin-top:10px">
  2459. <input data-bind="visible: wallet.uses2FA, value: wallet.authenticationCode" type="text" name="withdrawalConfirmAuthenticationCode" class="form-control" placeholder="6-digit authentication code" />
  2460. </div>
  2461. </div>
  2462. <div class="modal-button">
  2463. <button type="button" class="btn second-btn hidden-xs" data-dismiss="modal">Cancel</button>
  2464. <button type="submit" class="btn form-btn" data-bind='enable: wallet.enableWithdrawalSubmit(), css: { active: wallet.isWithdrawing() }, text: "Withdraw " + wallet.currency()'>Withdraw ETC</button>
  2465. <button type="button" class="btn second-btn visible-xs-inline-block" data-dismiss="modal">Cancel</button>
  2466. </div>
  2467. </div>
  2468. </form>
  2469.  
  2470. </div><!-- /.modal-content -->
  2471.  
  2472. </div><!-- /.modal-dialog -->
  2473. </div><!-- /.modal -->
  2474. <div class="modal fade common-modal withdraw-deposit-modal deposit-modal in" id="walletDepositModal">
  2475. <div class="modal-dialog">
  2476. <div class="modal-content">
  2477. <div class="modal-header clearfix">
  2478. <h4 class="modal-title-section col-xs-offset-3 col-xs-6 text-center" id="sellModalLabel">
  2479. <span class="title-icon icon-deposit-30 hidden-xs"></span>
  2480. <span class="visible-xs-inline-block title-icon icon-deposit-20"></span>
  2481. <span class="title-content">Deposit</span>
  2482. </h4>
  2483. <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
  2484. <div class="cancel-icon col-xs-3 text-right">
  2485. <span class="icon-menu-close-white-20px" data-dismiss="modal"></span>
  2486. </div>
  2487. </div>
  2488.  
  2489. <div class="modal-body" data-bind="if: wallet.currencyInfo">
  2490. <div class="currency-block clearfix">
  2491. <div class="block-currency col-xs-6">Currency</div>
  2492. <div class="block-time col-xs-6 text-right" data-bind="html: wallet.blockTimeAlert"></div>
  2493. </div>
  2494. <div class="current-currency">
  2495. <div class="clearfix current-currency-header">
  2496. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">name</div>
  2497. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">symbol</div>
  2498. </div>
  2499. <div class="clearfix current-currency-body">
  2500. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-bind="text: wallet.coinName">Ripple</div>
  2501. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-bind="text: wallet.currency">BTC-XRP</div>
  2502. </div>
  2503. </div>
  2504. <div class="modal-disclaimer scroll-wrapper" data-bind="visible:wallet.showDepositCallOut">
  2505. <h3 class="disclaimer-tittle">Disclaimer</h3>
  2506. <div class="disclaimer-content" data-bind="html:wallet.displayDepositDisclaimer"></div>
  2507. </div>
  2508. <div class="withdraw-deposit-address">
  2509. <h3 class="address-header" data-bind="text:wallet.labelDepositAddress"></h3>
  2510. <div class="copy-form" style="display:table;width:100%;">
  2511. <div class="input-group" style="display:table-row">
  2512. <input id="copy_text" data-bind="value: wallet.depositAddress, attr: {placeholder: wallet.placeholderDepositAddress}" type='text' style="width:65%" readonly>
  2513. <button class="input-group-addon copyable"
  2514. data-clipboard-action="copy"
  2515. data-clipboard-target="#copy_text"
  2516. data-bind="visible: wallet.showCopy, enable: Clipboard.isSupported()" style="display:table-cell;width:35%;">Copy</button>
  2517. <button class="input-group-addon" style="display:table-cell;width:35%;" data-bind="click: wallet.generateDepositAddress, visible: wallet.showNewAddress">New Address</button>
  2518. <button class="input-group-addon" style="display:table-cell;width:35%;" data-bind="visible: (!wallet.showCopy() && !wallet.showNewAddress())" disabled>
  2519. <i class="fa fa-spinner fa-pulse"></i>
  2520. </button>
  2521. </div>
  2522. </div>
  2523. </div>
  2524. <div class="withdraw-deposit-address" data-bind="visible: wallet.currencyInfo().showBaseAddress">
  2525. <h3 class="address-header" data-bind="text:wallet.labelDepositBaseAddress">Bittrex account address</h3>
  2526. <p class="address-tip">
  2527. Use this address to transfer money from a blockchain to your Bittrex
  2528. account.
  2529. </p>
  2530. <div class="address-input deposit-address-input">
  2531. <input data-bind="value: wallet.baseAddress, attr: {placeholder: wallet.placeholderDepositAddress}" type='text' readonly>
  2532. </div>
  2533. </div>
  2534. <div class="modal-disclaimer scroll-wrapper">
  2535. <h3 class="disclaimer-tittle">Deposit Instructions</h3>
  2536. <div data-bind="html:wallet.displayDepositCallOut"></div>
  2537. </div>
  2538. <div class="modal-button deposit-button">
  2539. <button type="button" class="btn second-btn" data-dismiss="modal">Done</button>
  2540. </div>
  2541. </div>
  2542.  
  2543. </div><!-- /.modal-content -->
  2544. </div><!-- /.modal-dialog -->
  2545. </div><!-- /.modal --><div class="modal fade common-modal withdraw-deposit-modal in" id="walletWithdrawalModal">
  2546. <div class="modal-dialog">
  2547. <div class="modal-content">
  2548. <div class="modal-header clearfix">
  2549. <h4 class="col-xs-offset-3 col-xs-6 text-center">
  2550. <span class="title-icon icon-withdraw-30 hidden-xs"></span>
  2551. <span class="title-icon icon-withdraw-20 visible-xs-inline-block"></span>
  2552. <span class="title-content" data-bind="text: wallet.withdrawalModalTitle">Withdrawal</span>
  2553. </h4>
  2554. <div class="cancel-icon col-xs-3 text-right">
  2555. <span class="icon-menu-close-white-20px" data-dismiss="modal"></span>
  2556. </div>
  2557. </div>
  2558. <div data-bind="visible: !wallet.isFiatCoinType()"><form role='form' class="modal-body" id="walletWithdrawlForm" data-bind="if: wallet.currencyInfo">
  2559. <div class="currency-block clearfix">
  2560. <div class="block-currency col-sm-6 col-xs-6">Currency</div>
  2561. <div class="block-time col-sm-6 col-xs-6 text-right" data-bind="html: wallet.blockTimeAlert"></div>
  2562. </div>
  2563. <div class="current-currency">
  2564. <div class="clearfix current-currency-header">
  2565. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3">name</div>
  2566. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3">symbol</div>
  2567. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 text-right">available balance</div>
  2568. </div>
  2569. <div class="clearfix current-currency-body">
  2570. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3" data-bind="text: wallet.coinName">coinName</div>
  2571. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3" data-bind="text: wallet.currency()">BTC-XRP</div>
  2572. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 text-right" data-bind="text: wallet.available() ">0</div>
  2573. </div>
  2574. </div>
  2575. <div class="withdraw-amount">
  2576. <h3 class="amount-header">Withdrawal amount</h3>
  2577. <div class="clearfix amount-item">
  2578. <div class="col-sm-5 col-xs-3 amount-temp"><span>quantity</span></div>
  2579. <div class="col-sm-7 col-xs-9 text-right">
  2580. <input type="number" autocomplete="off" min="0" data-bind="value: wallet.withdrawalQuantity" class='quantity-input' id="withdrawalQuantity" name="withdrawalQuantity" placeholder="0.00000000">
  2581. <span class="amount-symbol" data-bind="text: wallet.currency()">ETC</span>
  2582. </div>
  2583.  
  2584. </div>
  2585. <div id="withdrawalQuantityError" class="wallet-withdrawal-error error-text">&nbsp;</div>
  2586.  
  2587. <div class="clearfix amount-item">
  2588. <div class="col-sm-6 col-xs-4 amount-temp"><span>transaction fee</span></div>
  2589. <div class="col-sm-6 col-xs-8 text-right anount-price">
  2590. <span data-bind="text: wallet.withdrawalFeeText">0.00000001</span>
  2591. <span class="amount-symbol" data-bind="text: wallet.currency()">ETC</span>
  2592. </div>
  2593.  
  2594. </div>
  2595. <div class="clearfix amount-item">
  2596. <div class="col-sm-6 col-xs-4 amount-temp"><span>total withdrawal</span></div>
  2597. <div class="col-sm-6 col-xs-8 text-right anount-price">
  2598. <span data-bind="text: wallet.withdrawalTotalText">0.00000001</span>
  2599. <span class="amount-symbol" data-bind="text: wallet.currency()">ETC</span>
  2600. </div>
  2601.  
  2602. </div>
  2603.  
  2604. <div class="withdraw-deposit-address" data-bind="visible: wallet.showBaseAddress">
  2605. <h3 class="address-header">Tag</h3>
  2606. <div class="address-input">
  2607. <input data-bind="value: wallet.withdrawalPaymentId, style: { 'font-size': wallet.isCryptoNote() ? '10px' : '13px' }" type='text' class='form-control text-right' id="withdrawalPaymentId" name="withdrawalPaymentId">
  2608. </div>
  2609. </div>
  2610. <div id="withdrawalPaymentIdError" class="wallet-withdrawal-error error-text">&nbsp;</div>
  2611.  
  2612. <div class="withdraw-deposit-address">
  2613. <h3 class="address-header">Address</h3>
  2614. <div class="address-input">
  2615. <input data-bind="value: wallet.withdrawalAddress, style: { 'font-size': wallet.isCryptoNote() ? '10px' : '13px' }" type="text" id="withdrawalAddress" name="withdrawalAddress" aria-invalid="false" autocomplete="off">
  2616. </div>
  2617. </div>
  2618. <div id="withdrawalAddressError" class="wallet-withdrawal-error error-text">&nbsp;</div>
  2619.  
  2620. <div class="modal-disclaimer scroll-wrapper" data-bind="visible:wallet.showWithdrawalCallOut">
  2621. <h4 class="disclaimer-tittle">disclaimer</h4>
  2622. <div class="disclaimer-content" data-bind="html:wallet.displayWithdrawalCallOut"></div>
  2623. </div>
  2624. <div class="modal-button">
  2625. <button type="button" class="btn second-btn hidden-xs" data-dismiss="modal">Cancel</button>
  2626. <button type="submit" class="btn form-btn" data-bind='text: "Withdraw " + wallet.currency()'>Withdraw ETC</button>
  2627. <button type="button" class="btn second-btn visible-xs-inline-block" data-dismiss="modal">Cancel</button>
  2628. </div>
  2629. </div>
  2630. </form></div>
  2631. <div data-bind="visible: wallet.isFiatCoinType()"><form role='form' class="modal-body" id="walletWithdrawalFormUsd" data-bind="if: wallet.currencyInfo">
  2632. <div class="currency-block clearfix">
  2633. <div class="block-currency col-sm-6 col-xs-6">Currency</div>
  2634. <div class="block-time col-sm-6 col-xs-6 text-right" data-bind="html: wallet.blockTimeAlert"></div>
  2635. </div>
  2636. <div class="current-currency">
  2637. <div class="clearfix current-currency-header">
  2638. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3">name</div>
  2639. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3">symbol</div>
  2640. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 text-right">available balance</div>
  2641. </div>
  2642. <div class="clearfix current-currency-body">
  2643. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3" data-bind="text: wallet.coinName"></div>
  2644. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3" data-bind="text: wallet.currency()"></div>
  2645. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 text-right" data-bind="text: wallet.available() "></div>
  2646. </div>
  2647. </div>
  2648.  
  2649. <script data-cfasync="false" src="/cdn-cgi/scripts/f2bf09f8/cloudflare-static/email-decode.min.js"></script><script>
  2650. function onAmountChanged(sender) {
  2651. var value = parseFloat(sender.value);
  2652. if(!isNaN(value)) {
  2653. sender.value = value.toFixed(2);
  2654. }
  2655. }
  2656. </script>
  2657.  
  2658. <div class="withdraw-amount" data-bind="if: wallet.fiatAddresses().length > 0">
  2659. <div class="col-12 usd-amount-value">
  2660. <label class="col-12">Amount</label>
  2661.  
  2662. <input type="number" autocomplete="off" min="0" data-bind="value: wallet.withdrawalQuantity" class='text-field col-12' id="withdrawalQuantity" name="withdrawalQuantity" placeholder="0.00" onchange="onAmountChanged(this, event)">
  2663.  
  2664.  
  2665. </div>
  2666. <div data-bind="if: wallet.withdrawalFee() > 0">
  2667. <div class="clearfix amount-item">
  2668. <div class="col-sm-6 col-xs-4 amount-temp"><span>transaction fee</span></div>
  2669. <div class="col-sm-6 col-xs-8 text-right anount-price">
  2670. <span data-bind="text: wallet.withdrawalFeeUsdText"></span>
  2671. <span class="amount-symbol" data-bind="text: wallet.currency()"></span>
  2672. </div>
  2673. </div>
  2674. <div class="clearfix amount-item">
  2675. <div class="col-sm-6 col-xs-4 amount-temp"><span>total withdrawal</span></div>
  2676. <div class="col-sm-6 col-xs-8 text-right anount-price">
  2677. <span data-bind="text: wallet.withdrawalTotalUsdText"></span>
  2678. <span class="amount-symbol" data-bind="text: wallet.currency()"></span>
  2679. </div>
  2680. </div>
  2681. </div>
  2682.  
  2683. <div>
  2684. <label class="withdrawal-account-header col-12">Withdrawal Account</label>
  2685. <!-- destination dropdown -->
  2686. <select id="destinationDropDown" data-bind="foreach: wallet.fiatAddresses, event: {change: wallet.onSelectedFiatAddressChanged}" class="col-12">
  2687. <option data-bind="text: generateObfuscatedName(), value: id"></option>
  2688. </select>
  2689. </div>
  2690.  
  2691. <div class="withdrawal-account-container">
  2692. <!-- Recipient Info -->
  2693. <div class="clearfix col-12 recipient-info" data-bind="with: wallet.selectedFiatAddress">
  2694. <div class="col-12 recipient-name">
  2695. <label style="width: 100%">Recipient Info</label>
  2696. <input readonly type="text" autocomplete="off" class="text-field col-12" data-bind="value: recipient.name">
  2697. <input readonly type="text" autocomplete="off" class="text-field col-12" data-bind="value: recipient.address1">
  2698. <input readonly type="text" autocomplete="off" class="text-field col-12" data-bind="value: recipient.address2">
  2699. </div>
  2700. </div>
  2701. <div id="usd-destinations" data-bind="with: wallet.selectedFiatAddress">
  2702. <div class="usd-destinations-header">
  2703. <div id="usd-destination-button-0" class="usd-destination-button col-lg-4 col-md-4 col-sm-4 col-xs-4" data-bind="click: function() { $parent.showUsdDestinationTab(0) }">Destination</div>
  2704. <!-- ko foreach: intermediaries -->
  2705. <div class="usd-destination-button col-lg-4 col-md-4 col-sm-4 col-xs-4"
  2706. data-bind="text: 'Intermediary ' + ($index() + 1), attr: {id: 'usd-destination-button-' + ($index() + 1)}, click: function() { $parents[1].showUsdDestinationTab($index() + 1) }"></div>
  2707. <!-- /ko -->
  2708. </div>
  2709.  
  2710. <div class="usd-destinations-body clearfix">
  2711. <div id="usd-destination-tab-0" class="usd-destination-tab" data-errorText="Destination" data-bind="with: destination">
  2712. <div class="col-12 usd-destination-content" style="display: flex">
  2713. <div class="col-6 usd-destination-name">
  2714. <label class="col-12">Name</label>
  2715. <input readonly type="text" data-bind="value: name" class="col-12 text-field" />
  2716. </div>
  2717. <div class="col-6 usd-destination-address">
  2718. <label class="col-12" style="text-align:left">Address, City, State</label>
  2719. <input readonly type="text" data-bind="value: address1" class="col-12 text-field" />
  2720. <input readonly type="text" data-bind="value: address2" class="col-12 text-field" />
  2721. </div>
  2722. </div>
  2723. <div class="col-12 usd-destination-content" style="display: flex;">
  2724. <div class="col-6">
  2725. <label class="col-12">Swift / ABA Number</label>
  2726. <input readonly type="text" data-bind="value: bankId" class="col-12 text-field"/>
  2727. </div>
  2728. <div class="col-6">
  2729. <label class="col-12">Account Number</label>
  2730. <input readonly type="text" data-bind="value: accountNumber" class="col-12 text-field" />
  2731. </div>
  2732. </div>
  2733. </div>
  2734. <!-- ko foreach: intermediaries -->
  2735. <div data-bind="attr: {id: 'usd-destination-tab-' + ($index() + 1)}" class="usd-destination-tab" data-errorText="Intermediary">
  2736. <div class="col-12 usd-destination-content" style="display: flex">
  2737. <div class="col-6 usd-destination-name">
  2738. <label class="col-12">Name</label>
  2739. <input readonly type="text" data-bind="value: name" class="col-12 text-field" />
  2740. </div>
  2741. <div class="col-6 usd-destination-address">
  2742. <label class="col-12" style="text-align:left">Address, City, State</label>
  2743. <input readonly type="text" data-bind="value: address1" class="col-12 text-field" />
  2744. <input readonly type="text" data-bind="value: address2" class="col-12 text-field" />
  2745. </div>
  2746. </div>
  2747. <div class="col-12 usd-destination-content" style="display: flex;">
  2748. <div class="col-6">
  2749. <label class="col-12">Swift / ABA Number</label>
  2750. <input readonly type="text" data-bind="value: bankId" class="col-12 text-field"/>
  2751. </div>
  2752. <div class="col-6">
  2753. <label class="col-12">Account Number</label>
  2754. <input readonly type="text" data-bind="value: accountNumber" class="col-12 text-field" />
  2755. </div>
  2756. </div>
  2757. </div>
  2758. <!-- /ko -->
  2759. </div>
  2760. </div>
  2761. </div>
  2762. </div>
  2763.  
  2764. <div class="withdraw-amount" data-bind="if: wallet.fiatAddresses() == null || wallet.fiatAddresses().length == 0" style="margin: 24px 0; font-size: 1.25em; text-align: center; color: goldenrod;">
  2765. <i class="fa fa-warning"></i> You have no withdrawal addresses configured for this currency.
  2766. </div>
  2767.  
  2768. <div class="modal-disclaimer scroll-wrapper" data-bind="visible:wallet.showWithdrawalCallOut">
  2769. <h4 class="disclaimer-tittle" style="display: block;">disclaimer</h4>
  2770. <div class="disclaimer-content" data-bind="visible: wallet.fiatAddresses().length > 0, html:wallet.displayWithdrawalCallOut"></div>
  2771. <div class="disclaimer-content" data-bind="visible: wallet.fiatAddresses().length <= 0">
  2772. If changes or additions are needed to the wire instructions here, please enter a support ticket at
  2773. <a href="https://support.bittrex.com/hc/en-us" target="_blank">https://support.bittrex.com/hc/en-us</a>.
  2774.  
  2775. </div>
  2776. </div>
  2777.  
  2778. <div class="modal-button">
  2779. <button type="button" class="btn second-btn hidden-xs" data-dismiss="modal">Cancel</button>
  2780. <button type="submit" class="btn form-btn" data-bind='disable: wallet.fiatAddresses().length <= 0, text: "Withdraw " + wallet.currency()'></button>
  2781. <button type="button" class="btn second-btn visible-xs-inline-block" data-dismiss="modal">Cancel</button>
  2782. </div>
  2783. </form></div>
  2784. </div><!-- /.modal-content -->
  2785. </div><!-- /.modal-dialog -->
  2786. </div><!-- /.modal --> </div>
  2787. </div>
  2788.  
  2789.  
  2790.  
  2791. </div> <!-- End body-container -->
  2792.  
  2793. <div class="modal fade common-modal withdraw-deposit-modal in" id="sharedModal">
  2794. <div class="modal-dialog">
  2795. <div class="modal-content">
  2796. <div class="modal-header clearfix" id="sharedModalHeader">
  2797. <h4 class="col-xs-offset-3 col-xs-6 text-center">
  2798. <span class="modal-icon hidden" id="sharedModalIcon"></span>
  2799. <span class="title-content" id="sharedModalTitle">(Title)</span>
  2800. </h4>
  2801. <div class="cancel-icon col-xs-3 text-right">
  2802. <span class="icon-menu-close-white-20px" data-dismiss="modal"></span>
  2803. </div>
  2804. </div>
  2805. <div class="modal-body">
  2806. <div id="sharedModalBody">
  2807. (Body)
  2808. </div>
  2809. <div class="modal-button">
  2810. <button id="sharedModalCancelButton" type="button" class="btn second-btn" style="visibility:hidden;" data-dismiss="modal">Cancel</button>
  2811. <button id="sharedModalButton" type="button" class="btn form-btn" data-dismiss="modal">Close</button>
  2812. </div>
  2813. </div>
  2814. </div><!-- /.modal-content -->
  2815. </div><!-- /.modal-dialog -->
  2816. </div><!-- /.modal -->
  2817.  
  2818. <div id="working_backdrop">
  2819. <i class="fa fa-spinner fa-spin"></i>
  2820. </div>
  2821.  
  2822. <script>
  2823. var bittrex = bittrex || {};
  2824. </script>
  2825.  
  2826. <script>
  2827. bittrex.isAuthenticated = true;
  2828. </script>
  2829.  
  2830. <!-- Core Packages -->
  2831. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/thirdparty.bundle.min.js"></script>
  2832. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/datatables.bundle.min.js"></script>
  2833.  
  2834. <!-- Utility Packages -->
  2835. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/bittrexutility.bundle.min.js"></script>
  2836.  
  2837. <!-- Layout DataProvider Packages -->
  2838. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/layoutdataprovider.bundle.min.js"></script>
  2839.  
  2840. <!-- Page DataProvider Packages -->
  2841.  
  2842. <script>
  2843. var bittrex = bittrex || {};
  2844. bittrex.market = {
  2845. marketName : 'BTC-PAY',
  2846. baseCurrencyName : 'BTC',
  2847. baseCurrencyLong : 'Bitcoin',
  2848. marketCurrencyName : 'PAY',
  2849. marketCurrencyLong : 'TenX Pay Token',
  2850. minTradeSize : '1.39136242',
  2851. notice : '',
  2852. marketEx: {},
  2853. isActive: 'True'.toLowerCase() == 'true',
  2854. isFiat: $.parseJSON('False'.toLowerCase()),
  2855. precision: 8,
  2856. precisionShort: 4,
  2857. theme: 'none',
  2858. fetchExchange: true
  2859. };
  2860.  
  2861. bittrex.fetchOrders = true;
  2862. bittrex.fetchBalances = true;
  2863. bittrex.fetchSummary = true;
  2864. </script>
  2865.  
  2866.  
  2867. <!-- Layout View Packages -->
  2868. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/bittrexviewmodel.bundle.min.js"></script>
  2869. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/layoutviewmodel.bundle.min.js"></script>
  2870.  
  2871. <!-- Page View Packages -->
  2872.  
  2873. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/amcharts.bundle.min.js"></script>
  2874.  
  2875. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/historydataprovider.bundle.min.js"></script><script type="text/javascript" src="/bundler/scripts/1.5.60.2060/usermarketviewmodel.bundle.min.js"></script> <!-- ChartIQ Package-->
  2876. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/chartiq.bundle.min.js"></script>
  2877.  
  2878. <script type="text/javascript" src="/bundler/scripts/1.5.60.2060/marketviewmodel.bundle.min.js"></script>
  2879.  
  2880.  
  2881. <!-- Hosted at [www.bittrex.com] -->
  2882.  
  2883.  
  2884.  
  2885. </body>
  2886. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!