buy.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>PrUn buy</title>
  6. <link rel="stylesheet" type="text/css" href="style.css">
  7. <link rel="icon" href="https://www.raylu.net/hammer-man.svg" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="theme-color" content="#222">
  10. </head>
  11. <body>
  12. <a href="/">← back</a>
  13. <main>
  14. <form>
  15. <label>FIO username: <input type="text" id="username"></label>
  16. <label>FIO API key: <input type="password" size="30" id="api-key"></label>
  17. <label>supply for <input type="number" size="2" value="7" id="days"> days</label>
  18. <label>CX <select id="cx">
  19. <option value="AI1">AI1/ANT</option>
  20. <option value="CI1">CI1/BEN</option>
  21. <option value="IC1" selected>IC1/HRT</option>
  22. <option value="NC1">NC1/MOR</option>
  23. </select></label>
  24. <input type="button" value="fetch" id="fetch">
  25. </form>
  26. <table class="buy">
  27. <thead>
  28. <tr>
  29. <th>mat</th>
  30. <th data-tooltip="needed to supply all planets">want</th>
  31. <th>bids</th>
  32. <th data-tooltip="in warehouse">have</th>
  33. <th data-tooltip="want - bids - have">buy</th>
  34. <th data-tooltip="ask - bid">spread</th>
  35. <th data-tooltip="buy × spread">savings</th>
  36. </tr>
  37. </thead>
  38. <tbody></tbody>
  39. </table>
  40. </main>
  41. <div id="popover" popover="hint"></div>
  42. <script src="buy.js"></script>
  43. </body>
  44. </html>