mirror of
https://github.com/qbittorrent/qBittorrent.git
synced 2024-12-18 06:01:52 +03:00
d055613125
Each column has a fixed width that allows to read its content. The column for the name of the torrents has a variable width with an upper and a lower constraint. If the width of the page is not sufficient to fit the table, a scrollbar will appear.
74 lines
3.2 KiB
HTML
74 lines
3.2 KiB
HTML
<table class="torrentTable" cellpadding="0" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 16px"></th>
|
|
<th onClick="setSortedColumn('name');" style="min-width: 200px; cursor: pointer">_(Name)</th>
|
|
<th id='prioHeader' onClick="setSortedColumn('priority');" style="width: 90px; cursor: pointer">#</th>
|
|
<th onClick="setSortedColumn('size');" style="width: 100px; cursor: pointer">_(Size)</th>
|
|
<th onClick="setSortedColumn('progress');" style="width: 80px; cursor: pointer">_(Done)</th>
|
|
<th onClick="setSortedColumn('num_seeds');" style="width: 100px; cursor: pointer">_(Seeds)</th>
|
|
<th onClick="setSortedColumn('num_leechs');" style="width: 100px; cursor: pointer">_(Peers)</th>
|
|
<th onClick="setSortedColumn('dlspeed');" style="width: 100px; cursor: pointer">_(Down Speed)</th>
|
|
<th onClick="setSortedColumn('upspeed');" style="width: 100px; cursor: pointer">_(Up Speed)</th>
|
|
<th onClick="setSortedColumn('eta');" style="width: 100px; cursor: pointer">_(ETA)</th>
|
|
<th onClick="setSortedColumn('ratio');" style="width: 100px; cursor: pointer">_(Ratio)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="myTable"></tbody>
|
|
</table>
|
|
|
|
<script type="text/javascript">
|
|
|
|
//create a context menu
|
|
var context_menu = new ContextMenu({
|
|
targets : '.menu-target',
|
|
menu : 'contextmenu',
|
|
actions : {
|
|
Delete : function (element, ref) {
|
|
deleteFN();
|
|
},
|
|
DeleteHD : function (element, ref) {
|
|
deleteHDFN();
|
|
},
|
|
Start : function (element, ref) {
|
|
startFN();
|
|
},
|
|
Pause : function (element, ref) {
|
|
pauseFN();
|
|
},
|
|
prioTop : function (element, ref) {
|
|
setPriorityFN('topPrio');
|
|
},
|
|
prioUp : function (element, ref) {
|
|
setPriorityFN('increasePrio');
|
|
},
|
|
prioDown : function (element, ref) {
|
|
setPriorityFN('decreasePrio');
|
|
},
|
|
prioBottom : function (element, ref) {
|
|
setPriorityFN('bottomPrio');
|
|
},
|
|
ForceRecheck : function (element, ref) {
|
|
recheckFN();
|
|
},
|
|
UploadLimit : function (element, ref) {
|
|
uploadLimitFN();
|
|
},
|
|
DownloadLimit : function (element, ref) {
|
|
downloadLimitFN();
|
|
},
|
|
SequentialDownload : function (element, ref) {
|
|
toggleSequentialDownloadFN();
|
|
},
|
|
FirstLastPiecePrio : function (element, ref) {
|
|
toggleFirstLastPiecePrioFN();
|
|
}
|
|
},
|
|
offsets : {
|
|
x : -15,
|
|
y : 2
|
|
}
|
|
});
|
|
|
|
myTable.setup('myTable', 4, context_menu);
|
|
</script>
|