An alternative web interface for Transmission
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!--
  2. index.html
  3. Copyright (C) 2016 L. Bradley LaBoon <me@bradleylaboon.com>
  4. This file is part of Overdrive.
  5. Overdrive is free software: you can redistribute it and/or modify it
  6. under the terms of the GNU General Public License as published by the
  7. Free Software Foundation, either version 3 of the License, or (at your
  8. option) any later version.
  9. This program is distributed in the hope that it will be useful, but
  10. WITHOUT ANY WARRANTY; without even the implied warranty of
  11. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  12. General Public License for more details.
  13. You should have received a copy of the GNU General Public License along
  14. with this program. If not, see <http://www.gnu.org/licenses/>.
  15. -->
  16. <!DOCTYPE HTML>
  17. <html>
  18. <head>
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20. <title>Overdrive Web Interface</title>
  21. <link rel="shortcut icon" type="image/x-icon" href="" />
  22. <link rel="stylesheet" type="text/css" href="overdrive.css" />
  23. <script type="text/javascript" src="overdrive.js"></script>
  24. </head>
  25. <body id="overdrive">
  26. <div id="overdrive-header">
  27. <div id="overdrive-header-buttons">
  28. <img id="overdrive-header-logo" src="img/logo.png" alt="Overdrive" />
  29. <img id="overdrive-add-button" class="overdrive-control" src="img/add.png" alt="Add Torrent" />
  30. <img id="overdrive-pause-button" class="overdrive-control" src="img/pause-disabled.png" alt="Pause" />
  31. <img id="overdrive-resume-button" class="overdrive-control" src="img/resume-disabled.png" alt="Resume" />
  32. <img id="overdrive-delete-button" class="overdrive-control" src="img/delete-disabled.png" alt="Delete" />
  33. <img id="overdrive-alt-button" class="overdrive-control" src="img/alt-disabled.png" alt="Alt Speed" />
  34. </div>
  35. <div id="overdrive-header-branding">
  36. <div id="overdrive-header-branding-name">Transmission</div>
  37. <div id="overdrive-header-branding-desc">Overdrive UI</div>
  38. </div>
  39. </div>
  40. <div id="overdrive-split">
  41. <div id="overdrive-split-side">
  42. <div class="overdrive-side-label">State</div>
  43. <div id="overdrive-state-list">
  44. <div id="overdrive-state-all" class="overdrive-state overdrive-state-active">All (0)</div>
  45. <div id="overdrive-state-downloading" class="overdrive-state">Downloading (0)</div>
  46. <div id="overdrive-state-seeding" class="overdrive-state">Seeding (0)</div>
  47. <div id="overdrive-state-active" class="overdrive-state">Active (0)</div>
  48. <div id="overdrive-state-paused" class="overdrive-state">Paused (0)</div>
  49. </div>
  50. </div>
  51. <div id="overdrive-split-separator"></div>
  52. <div id="overdrive-split-main">
  53. <div id="overdrive-torrent-list" class="overdrive-table">
  54. <div id="overdrive-torrent-list-header" class="overdrive-table-header"><div>Loading...</div></div>
  55. <div id="overdrive-torrent-list-body" class="overdrive-table-body"></div>
  56. </div>
  57. </div>
  58. </div>
  59. <div id="overdrive-vert-separator"></div>
  60. <div id="overdrive-torrent-detail">
  61. <div id="overdrive-tab-bar">
  62. <div id="overdrive-status-tab" class="overdrive-tab overdrive-tab-active">Status</div>
  63. <div id="overdrive-files-tab" class="overdrive-tab">Files</div>
  64. <div id="overdrive-peers-tab" class="overdrive-tab">Peers</div>
  65. <div id="overdrive-options-tab" class="overdrive-tab">Options</div>
  66. <div id="overdrive-graph-tab" class="overdrive-tab">Graph</div>
  67. </div>
  68. <div id="overdrive-tab-contents">
  69. <canvas id="overdrive-progress-detail"></canvas>
  70. <table id="overdrive-status-table"></table>
  71. </div>
  72. </div>
  73. <div id="overdrive-add-window" class="overdrive-window">
  74. <div class="overdrive-window-titlebar">
  75. <div class="overdrive-window-title">Add A Torrent</div>
  76. <img class="overdrive-window-close" src="img/close.png" alt="Close" />
  77. </div>
  78. <div id="overdrive-add-menu" class="overdrive-window-contents">
  79. <form id="overdrive-add-form">
  80. Please select a torrent file to upload:<br />
  81. <input id="overdrive-add-file" type="file" /><br />
  82. <br />
  83. Or enter a URL:<br />
  84. <input id="overdrive-add-url" type="text" /><br />
  85. <input id="overdrive-add-started" type="checkbox" checked />
  86. <label for="overdrive-add-started">Start when added</label><br />
  87. <input id="overdrive-add-cancel" type="button" value="Cancel" />
  88. <input id="overdrive-add-upload" type="button" value="Upload" />
  89. </form>
  90. </div>
  91. </div>
  92. <div id="overdrive-delete-window" class="overdrive-window">
  93. <div class="overdrive-window-titlebar">
  94. <div class="overdrive-window-title">Delete Torrent(s)</div>
  95. <img class="overdrive-window-close" src="img/close.png" alt="Close" />
  96. </div>
  97. <div id="overdrive-delete-menu" class="overdrive-window-contents">
  98. <form id="overdrive-delete-form">
  99. <input id="overdrive-delete-data" type="checkbox" checked />
  100. <label for="overdrive-delete-data">Delete Data</label><br />
  101. <input id="overdrive-delete-cancel" type="button" value="Cancel" />
  102. <input id="overdrive-delete-confirm" type="button" value="Delete" />
  103. </form>
  104. </div>
  105. </div>
  106. </body>
  107. </html>