WebUI: provide semantic information of table body
[qBittorrent.git] / src / webui / www / private / views / properties.html
blobbadda7f09ed343b1e26b852c0ca35cfa402d196c
1 <div id="prop_general" class="propertiesTabContent">
2 <table style="width: 100%; padding: 0 3px">
3 <tbody>
4 <tr>
5 <td style="text-align: right; white-space: nowrap">QBT_TR(Progress:)QBT_TR[CONTEXT=PropertiesWidget]</td>
6 <td id="progress" style="width: 100%"></td>
7 </tr>
8 </tbody>
9 </table>
10 <hr>
11 <fieldset>
12 <legend><b>QBT_TR(Transfer)QBT_TR[CONTEXT=PropertiesWidget]</b></legend>
13 <table style="width: 100%">
14 <tbody>
15 <tr>
16 <td class="generalLabel">QBT_TR(Time Active:)QBT_TR[CONTEXT=PropertiesWidget]</td>
17 <td id="time_elapsed"></td>
18 <td class="generalLabel">QBT_TR(ETA:)QBT_TR[CONTEXT=PropertiesWidget]</td>
19 <td id="eta"></td>
20 <td class="generalLabel">QBT_TR(Connections:)QBT_TR[CONTEXT=PropertiesWidget]</td>
21 <td id="nb_connections"></td>
22 </tr>
23 <tr>
24 <td class="generalLabel">QBT_TR(Downloaded:)QBT_TR[CONTEXT=PropertiesWidget]</td>
25 <td id="total_downloaded"></td>
26 <td class="generalLabel">QBT_TR(Uploaded:)QBT_TR[CONTEXT=PropertiesWidget]</td>
27 <td id="total_uploaded"></td>
28 <td class="generalLabel">QBT_TR(Seeds:)QBT_TR[CONTEXT=PropertiesWidget]</td>
29 <td id="seeds"></td>
30 </tr>
31 <tr>
32 <td class="generalLabel">QBT_TR(Download Speed:)QBT_TR[CONTEXT=PropertiesWidget]</td>
33 <td id="dl_speed"></td>
34 <td class="generalLabel">QBT_TR(Upload Speed:)QBT_TR[CONTEXT=PropertiesWidget]</td>
35 <td id="up_speed"></td>
36 <td class="generalLabel">QBT_TR(Peers:)QBT_TR[CONTEXT=PropertiesWidget]</td>
37 <td id="peers"></td>
38 </tr>
39 <tr>
40 <td class="generalLabel">QBT_TR(Download Limit:)QBT_TR[CONTEXT=PropertiesWidget]</td>
41 <td id="dl_limit"></td>
42 <td class="generalLabel">QBT_TR(Upload Limit:)QBT_TR[CONTEXT=PropertiesWidget]</td>
43 <td id="up_limit"></td>
44 <td class="generalLabel">QBT_TR(Wasted:)QBT_TR[CONTEXT=PropertiesWidget]</td>
45 <td id="total_wasted"></td>
46 </tr>
47 <tr>
48 <td class="generalLabel">QBT_TR(Share Ratio:)QBT_TR[CONTEXT=PropertiesWidget]</td>
49 <td id="share_ratio"></td>
50 <td class="generalLabel">QBT_TR(Reannounce In:)QBT_TR[CONTEXT=PropertiesWidget]</td>
51 <td id="reannounce"></td>
52 <td class="generalLabel">QBT_TR(Last Seen Complete:)QBT_TR[CONTEXT=PropertiesWidget]</td>
53 <td id="last_seen"></td>
54 </tr>
55 <tr>
56 <td class="generalLabel" title="QBT_TR(Ratio / Time Active (in months), indicates how popular the torrent is)QBT_TR[CONTEXT=PropertiesWidget]">QBT_TR(Popularity:)QBT_TR[CONTEXT=PropertiesWidget]</td>
57 <td id="popularity" title="QBT_TR(Ratio / Time Active (in months), indicates how popular the torrent is)QBT_TR[CONTEXT=PropertiesWidget]"></td>
58 </tr>
59 </tbody>
60 </table>
61 </fieldset>
62 <fieldset>
63 <legend><b>QBT_TR(Information)QBT_TR[CONTEXT=PropertiesWidget]</b></legend>
64 <table style="width: 100%">
65 <tbody>
66 <tr>
67 <td class="generalLabel">QBT_TR(Total Size:)QBT_TR[CONTEXT=PropertiesWidget]</td>
68 <td id="total_size"></td>
69 <td class="generalLabel">QBT_TR(Pieces:)QBT_TR[CONTEXT=PropertiesWidget]</td>
70 <td id="pieces"></td>
71 <td class="generalLabel">QBT_TR(Created By:)QBT_TR[CONTEXT=PropertiesWidget]</td>
72 <td id="created_by"></td>
73 </tr>
74 <tr>
75 <td class="generalLabel">QBT_TR(Added On:)QBT_TR[CONTEXT=PropertiesWidget]</td>
76 <td id="addition_date"></td>
77 <td class="generalLabel">QBT_TR(Completed On:)QBT_TR[CONTEXT=PropertiesWidget]</td>
78 <td id="completion_date"></td>
79 <td class="generalLabel">QBT_TR(Created On:)QBT_TR[CONTEXT=PropertiesWidget]</td>
80 <td id="creation_date"></td>
81 </tr>
82 <tr>
83 <td class="generalLabel">QBT_TR(Private:)QBT_TR[CONTEXT=PropertiesWidget]</td>
84 <td id="private"></td>
85 </tr>
86 <tr>
87 <td class="generalLabel">QBT_TR(Info Hash v1:)QBT_TR[CONTEXT=PropertiesWidget]</td>
88 <td colspan="5" id="torrent_hash_v1"></td>
89 </tr>
90 <tr>
91 <td class="generalLabel">QBT_TR(Info Hash v2:)QBT_TR[CONTEXT=PropertiesWidget]</td>
92 <td colspan="5" id="torrent_hash_v2"></td>
93 </tr>
94 <tr>
95 <td class="generalLabel">QBT_TR(Save Path:)QBT_TR[CONTEXT=PropertiesWidget]</td>
96 <td colspan="5" id="save_path"></td>
97 </tr>
98 <tr>
99 <td class="generalLabel">QBT_TR(Comment:)QBT_TR[CONTEXT=PropertiesWidget]</td>
100 <td colspan="5" style="white-space: pre-wrap;" id="comment"></td>
101 </tr>
102 </tbody>
103 </table>
104 </fieldset>
105 </div>
107 <div id="prop_trackers" class="propertiesTabContent invisible unselectable">
108 <div id="trackers">
109 <div id="torrentTrackersTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv">
110 <table class="dynamicTable" style="position:relative;">
111 <thead>
112 <tr class="dynamicTableHeader"></tr>
113 </thead>
114 </table>
115 </div>
116 <div id="torrentTrackersTableDiv" class="dynamicTableDiv">
117 <table class="dynamicTable">
118 <thead>
119 <tr class="dynamicTableHeader"></tr>
120 </thead>
121 <tbody></tbody>
122 </table>
123 </div>
124 </div>
125 </div>
127 <div id="prop_peers" class="propertiesTabContent invisible unselectable">
128 <div>
129 <div id="torrentPeersTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv">
130 <table class="dynamicTable" style="position:relative;">
131 <thead>
132 <tr class="dynamicTableHeader"></tr>
133 </thead>
134 </table>
135 </div>
136 <div id="torrentPeersTableDiv" class="dynamicTableDiv">
137 <table class="dynamicTable">
138 <thead>
139 <tr class="dynamicTableHeader"></tr>
140 </thead>
141 <tbody></tbody>
142 </table>
143 </div>
144 </div>
145 </div>
147 <div id="prop_webseeds" class="propertiesTabContent invisible unselectable">
148 <div id="webseeds">
149 <table class="dynamicTable" style="width: 100%">
150 <thead>
151 <tr>
152 <th>QBT_TR(URL)QBT_TR[CONTEXT=TrackerListWidget]</th>
153 </tr>
154 </thead>
155 <tbody id="webseedsTable"></tbody>
156 </table>
157 </div>
158 </div>
160 <div id="prop_files" class="propertiesTabContent invisible unselectable">
161 <div id="torrentFiles">
162 <div id="torrentFilesTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv">
163 <table class="dynamicTable" style="position:relative;">
164 <thead>
165 <tr class="dynamicTableHeader"></tr>
166 </thead>
167 </table>
168 </div>
169 <div id="torrentFilesTableDiv" class="dynamicTableDiv">
170 <table class="dynamicTable">
171 <thead>
172 <tr class="dynamicTableHeader"></tr>
173 </thead>
174 <tbody></tbody>
175 </table>
176 </div>
177 </div>
178 </div>
180 <script>
181 "use strict";
183 (function() {
184 const selectedTab = $(LocalPreferences.get("selected_tab", "PropGeneralLink"));
185 if (selectedTab)
186 selectedTab.click();
187 })();
188 </script>