1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> @import "index.css"; </style> <title>Trading Maid</title> </head> <body class="theme-dark"> <div class="toolbar"> <div class="dropdown"> <button id="symbol-button" class="dropdown-button">Symbol</button> <div id="symbol-dropdown" class="dropdown-content"> </div> </div> <div class="divider"></div> <div class="dropdown"> <button id="level-button" class="dropdown-button">Level</button> <div id="level-dropdown" class="dropdown-content"></div> </div> <div class="divider"></div> <div class="dropdown"> <button id="theme-button" class="dropdown-button">Theme</button> <div id="theme-dropdown" class="dropdown-content"></div> </div> <div class="divider"></div> <div id="magnet-switch" class="dropdown-button switch active"> 🧲 </div> <div class="divider"></div> <div id="volume-switch" class="dropdown-button switch active"> 📊 </div> </div> <div class="ab"> <div id="chart-container"></div> <aside class="history-panel"> <div class="history-tabbar" id="history-tabbar"> <button class="history-tab active" data-tab="summary">Summary</button> <button class="history-tab" data-tab="history">History Position</button> <button class="history-tab" data-tab="order">History Order</button> </div> <div class="history-panel-body"> <div id="summary-container" class="history-view active"></div> <div id="history-position-container" class="history-view"></div> <div id="history-order-container" class="history-view"></div> </div> </aside> </div> </body> <!-- template --> <script type="module"> import "./index.js" </script>