d4708/qBittorrent
1
0
Fork 0
mirror of https://github.com/d47081/qBittorrent.git synced 2025-02-03 02:14:16 +00:00
Code Issues Projects Releases Wiki Activity

- Use new icons in Web UI also

Browse Source
This commit is contained in:
Christophe Dumez 2009-11-23 16:43:51 +00:00
parent 0c09183f89
commit 31ca3c1334
4 changed files with 64 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/search.qrc
View File

@ -6,6 +6,7 @@
<file>search_engine/nova2.py</file> <file>search_engine/nova2.py</file>
<file>search_engine/engines/isohunt.py</file> <file>search_engine/engines/isohunt.py</file>
<file>search_engine/engines/isohunt.png</file> <file>search_engine/engines/isohunt.png</file>
<file>search_engine/engines/torrentule.py</file>
<file>search_engine/engines/piratebay.py</file> <file>search_engine/engines/piratebay.py</file>
<file>search_engine/engines/torrentreactor.py</file> <file>search_engine/engines/torrentreactor.py</file>
<file>search_engine/engines/piratebay.png</file> <file>search_engine/engines/piratebay.png</file>
@ -13,6 +14,7 @@
<file>search_engine/engines/btjunkie.py</file> <file>search_engine/engines/btjunkie.py</file>
<file>search_engine/engines/torrentreactor.png</file> <file>search_engine/engines/torrentreactor.png</file>
<file>search_engine/engines/mininova.png</file> <file>search_engine/engines/mininova.png</file>
<file>search_engine/engines/sharetv.py</file>
<file>search_engine/engines/mininova.py</file> <file>search_engine/engines/mininova.py</file>
</qresource> </qresource>
</RCC> </RCC>

29
src/webui/css/style.css
View File

@ -124,6 +124,7 @@ hr {
width: 120px; width: 120px;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
color: #000; color: #000;
vertical-align: top;
} }
#Filters ul { #Filters ul {
@ -142,9 +143,37 @@ hr {
#Transfers { #Transfers {
vertical-align: top; vertical-align: top;
height: 100%;
}
#transferListContainer {
height: 50%;
border-bottom: 1px solid #ccc;
overflow: auto;
} }
.selectedFilter { .selectedFilter {
background-color: #354158; background-color: #354158;
color: #000; color: #000;
} }
div #PropDiv {
height: 50%;
}
div.PropPanel {
background-color: #e5e5e5;
overflow: auto;
}
a.propButton {
border: 1px solid rgb(85, 81, 91);
/*border-radius: 3px;*/
padding: 2px;
margin-left: 3px;
margin-right: 3px;
}
a.propButton img {
margin-bottom: -4px;
}

32
src/webui/index.html
View File

@ -20,9 +20,9 @@
<body> <body>
<div id="desktop"> <div id="desktop">
<div id="desktopHeader"> <div id="desktopHeader">
<div id="desktopTitlebar"> <!--<div id="desktopTitlebar">
<h1 class="applicationTitle">qBittorrent Web User Interface <span class="version">version 2.0.0</span></h1> <h1 class="applicationTitle">qBittorrent Web User Interface <span class="version">version 2.0.0</span></h1>
</div> </div>-->
<div id="desktopNavbar"> <div id="desktopNavbar">
<ul> <ul>
<li> <li>
@ -71,18 +71,19 @@
</span> </span>
</div> </div>
</div> </div>
<div id="pageWrapper"> <span id="error_div"></span> <div id="pageWrapper" style="height: 100%"> <span id="error_div"></span>
<table> <table style="height: 100%">
<tr><td id="Filters"> <tr><td id="Filters">
<ul> <ul>
<li class="selectedFilter" id="all_filter"><a href="#" onclick="setFilter('all');"><img src="images/oxygen/folder.png"/>_(All)</li> <li class="selectedFilter" id="all_filter"><a href="#" onclick="setFilter('all');"><img src="images/skin/filterall.png"/>_(All)</li>
<li id="downloading_filter"><a href="#" onclick="setFilter('downloading');"><img src="images/skin/downloading.png"/>_(Downloading)</li> <li id="downloading_filter"><a href="#" onclick="setFilter('downloading');"><img src="images/skin/downloading.png"/>_(Downloading)</li>
<li id="completed_filter"><a href="#" onclick="setFilter('completed');"><img src="images/skin/seeding.png"/>_(Completed)</li> <li id="completed_filter"><a href="#" onclick="setFilter('completed');"><img src="images/skin/uploading.png"/>_(Completed)</li>
<li id="active_filter"><a href="#" onclick="setFilter('active');"><img src="images/oxygen/draw-triangle2.png"/>_(Active)</li> <li id="active_filter"><a href="#" onclick="setFilter('active');"><img src="images/skin/filteractive.png"/>_(Active)</li>
<li id="inactive_filter"><a href="#" onclick="setFilter('inactive');"><img src="images/oxygen/draw-rectangle.png"/>_(Inactive)</li> <li id="inactive_filter"><a href="#" onclick="setFilter('inactive');"><img src="images/skin/filterinactive.png"/>_(Inactive)</li>
</ul> </ul>
</td> </td>
<td id="Transfers"> <td id="Transfers">
<div id="transferListContainer">
<table class="torrentTable" cellpadding="0" cellspacing="0"> <table class="torrentTable" cellpadding="0" cellspacing="0">
<thead> <thead>
<tr> <tr>
@ -102,7 +103,20 @@
</thead> </thead>
<tbody id="myTable"></tbody> <tbody id="myTable"></tbody>
</table> </table>
</td><tr> </div>
<div id="PropDiv">
<div class="PropPanel">
</div>
<a href="#" class="propButton">
<img src="images/oxygen/help-about.png"/>
_(General)
</a>
<a href="#" class="propButton">
<img src="images/oxygen/folder.png"/>
_(Files)
</a>
</div>
</td></tr></table>
</div><!-- tab1 --> </div><!-- tab1 -->
</div> </div>
</div> </div>

16
src/webui/scripts/client.js
View File

@ -39,23 +39,27 @@ window.addEvent('domready', function(){
switch (state) switch (state)
{ {
case 'pausedUP': case 'pausedUP':
return '<img src="images/skin/pausedUP.png"/>';
case 'pausedDL': case 'pausedDL':
return '<img src="images/skin/paused.png"/>'; return '<img src="images/skin/pausedDL.png"/>';
case 'seeding': case 'seeding':
return '<img src="images/skin/uploading.png"/>';
case 'stalledUP': case 'stalledUP':
return '<img src="images/skin/seeding.png"/>'; return '<img src="images/skin/stalledUP.png"/>';
case 'checkingUP': case 'checkingUP':
return '<img src="images/skin/checkingUP.png"/>';
case 'checkingDL': case 'checkingDL':
return '<img src="images/oxygen/run-build.png"/>'; return '<img src="images/skin/checkingDL.png"/>';
case 'downloading': case 'downloading':
return '<img src="images/skin/downloading.png"/>'; return '<img src="images/skin/downloading.png"/>';
case 'stalledDL': case 'stalledDL':
return '<img src="images/skin/stalled.png"/>'; return '<img src="images/skin/stalledDL.png"/>';
case 'queuedUP': case 'queuedUP':
return '<img src="images/skin/queuedUP.png"/>';
case 'queuedDL': case 'queuedDL':
return '<img src="images/oxygen/mail-queue.png"/>'; return '<img src="images/skin/queuedDL.png"/>';
default: default:
return '<img src="images/skin/stalled.png"/>'; return '';
} }
return ''; return '';
}; };