buy.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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="text" size="30" id="api-key"></label>
  17. <label>supply for <input type="number" size="2" value="7" id="days"> days</label>
  18. <label>CX <input type="text" id="cx" value="IC1" size="3" disabled></label>
  19. <input type="button" value="fetch" id="fetch">
  20. </form>
  21. <table class="buy">
  22. <thead>
  23. <tr>
  24. <th>mat</th>
  25. <th data-tooltip="needed to supply all planets">want</th>
  26. <th>bids</th>
  27. <th data-tooltip="in warehouse">have</th>
  28. <th data-tooltip="want - bids - have">buy</th>
  29. <th data-tooltip="ask - bid">spread</th>
  30. <th data-tooltip="buy × spread">savings</th>
  31. </tr>
  32. </thead>
  33. <tbody></tbody>
  34. </table>
  35. </main>
  36. <div id="popover" popover="hint"></div>
  37. <script src="buy.js"></script>
  38. </body>
  39. </html>