buy.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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 class="buy">
  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>
  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. <section id="loader"></section>
  41. <section class="xit-act">
  42. <textarea id="xit-act" readonly></textarea>
  43. <input type="button" value="copy" id="copy-xit-act">
  44. </section>
  45. </main>
  46. <div id="popover" popover="hint"></div>
  47. <script src="buy.js"></script>
  48. </body>
  49. </html>