4
0

index.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>OliveTin</title>
  6. <link rel = "stylesheet" type = "text/css" href = "style.css" />
  7. <link rel = "shortcut icon" type = "image/png" href = "OliveTinLogo.png" />
  8. </head>
  9. <body>
  10. <main title = "main content">
  11. <fieldset id = "switcher">
  12. <button id = "showActions">Actions</button>
  13. <button id = "showLogs">Logs</button>
  14. </fieldset>
  15. <section id = "contentLogs" title = "Logs" hidden>
  16. <table>
  17. <thead>
  18. <tr>
  19. <th>Timestamp</th>
  20. <th>Log</th>
  21. <th>Exit Code</th>
  22. </tr>
  23. </thead>
  24. <tbody id = "logTableBody" />
  25. </table>
  26. </section>
  27. <section id = "contentActions" title = "Actions" hidden >
  28. <fieldset id = "rootGroup">
  29. </fieldset>
  30. </section>
  31. </main>
  32. <footer title = "footer">
  33. <p><img title = "application icon" src = "OliveTinLogo.png" height = "1em" class = "logo" /> OliveTin</p>
  34. <p>
  35. <a href = "https://docs.olivetin.app" target = "_new">Documentation</a> |
  36. <a href = "https://github.com/OliveTin/OliveTin/issues/new/choose" target = "_new">Raise an issue on GitHub</a> |
  37. <span id = "currentVersion">Version: ?</p>
  38. <a id = "availableVersion" href = "http://olivetin.app" target = "_blank" hidden>?</a>
  39. </p>
  40. </footer>
  41. <template id = "tplArgumentForm">
  42. <div class = "wrapper">
  43. <div>
  44. <span class = "icon" role = "icon"></span>
  45. <h2>Argument form</h2>
  46. </div>
  47. <div class = "arguments"></div>
  48. <div class = "buttons">
  49. <input name = "start" type = "submit" value = "Start">
  50. <button name = "cancel">Cancel</button>
  51. </div>
  52. </div>
  53. </template>
  54. <template id = "tplActionButton">
  55. <span role = "icon" title = "button icon" class = "icon">&#x1f4a9;</span>
  56. <p role = "title" class = "title">Untitled Button</p>
  57. </template>
  58. <template id = "tplLogRow">
  59. <tr class = "logRow">
  60. <td class = "timestamp">?</td>
  61. <td>
  62. <span class = "icon" role = "icon"></span>
  63. <span class = "content">?</span>
  64. <details>
  65. <summary>stdout</summary>
  66. <pre class = "stdout">
  67. ?
  68. </pre>
  69. </details>
  70. <details>
  71. <summary>stderr</summary>
  72. <pre class = "stderr">
  73. ?
  74. </pre>
  75. </details>
  76. </td>
  77. <td class = "exitCode">?</td>
  78. </tr>
  79. </template>
  80. <script type = "module" src = "main.js"></script>
  81. </body>
  82. </html>