Cool_Tools/qbittorrent-webui-cjratliff.com
1
0
Fork 0
mirror of https://github.com/Carve/qbittorrent-webui-cjratliff.com.git synced 2024-11-14 18:57:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'stable' into dev

Browse Source
This commit is contained in:
CJ Ratliff 2023-07-18 12:02:12 -04:00 committed by GitHub
commit 005deeb932
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
33 changed files with 224 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
private/addpeers.html
View File

@ -63,8 +63,8 @@
<p>List of peers to add (one IP per line):</p>
<textarea id="peers" rows="10" style="width: 100%;" placeholder="Format: IPv4:port / [IPv6]:port"></textarea>
<div style="margin-top: 10px; text-align: center;">
<button onclick="parent.closeWindows();">Cancel</button>
<button id="addPeersOk">Ok</button>
<button class="button" onclick="parent.closeWindows();">Cancel</button>
<button class="button" id="addPeersOk">Ok</button>
</div>
</div>
</body>

2
private/addtrackers.html
View File

@ -52,7 +52,7 @@
<h2 class="vcenter">List of trackers to add (one per line):</h2>
<textarea name="list" id="trackersUrls" rows="10" cols="1"></textarea>
<br />
<input type="button" value="Add" id="addTrackersButton" />
<input class="button" type="button" value="Add" id="addTrackersButton" />
</div>
</body>

2
private/confirmdeletion.html
View File

@ -48,7 +48,7 @@
<p>&nbsp;&nbsp;Are you sure you want to remove the selected torrents from the transfer list?</p>
&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="deleteFromDiskCB" /> <label for="deleteFromDiskCB"><i>Also permanently delete the files</i></label><br /><br />
<div style="text-align: right;">
<input type="button" id="cancelBtn" value="Cancel" />&nbsp;&nbsp;<input type="button" id="confirmBtn" value="Remove" />&nbsp;&nbsp;
<input class="button" type="button" id="cancelBtn" value="Cancel" />&nbsp;&nbsp;<input class="button" type="button" id="confirmBtn" value="Remove" />&nbsp;&nbsp;
</div>
</body>

6
private/confirmfeeddeletion.html
View File

@ -44,11 +44,11 @@
</head>
<body>
<div style="padding: 10px 10px 0px 10px;">
<div style="padding: 1px 10px 0px 1px;">
<p>Are you sure you want to delete the selected RSS feeds?</p>
<div style="text-align: right;">
<input type="button" id="cancelBtn" value="No" />
<input type="button" id="confirmBtn" value="Yes" />
<input style="padding: 2px 2px;" class="button" type="button" id="cancelBtn" value="No" />
<input style="padding: 2px 2px;" class="button" type="button" id="confirmBtn" value="Yes" />
</div>
</div>
</body>

6
private/confirmruleclear.html
View File

@ -37,11 +37,11 @@
</head>
<body>
<div style="padding: 10px 10px 0px 10px;">
<div style="padding: 1px 10px 0px 1px;">
<p>Are you sure you want to clear the list of downloaded episodes for the selected rule?</p>
<div style="text-align: right;">
<input type="button" id="cancelBtn" value="No" />
<input type="button" id="confirmBtn" value="Yes" />
<input style="padding: 2px 2px;" class="button" type="button" id="cancelBtn" value="No" />
<input style="padding: 2px 2px;" class="button" type="button" id="confirmBtn" value="Yes" />
</div>
</div>
</body>

4
private/confirmruledeletion.html
View File

@ -48,8 +48,8 @@
<div style="padding: 10px 10px 0px 10px;">
<p>Are you sure you want to remove the selected download rules?</p>
<div style="text-align: right;">
<input type="button" id="cancelBtn" value="No" />
<input type="button" id="confirmBtn" value="Yes" />
<input class="button" type="button" id="cancelBtn" value="No" />
<input class="button" type="button" id="confirmBtn" value="Yes" />
</div>
</div>
</body>

8
private/css/Layout.css
View File

@ -210,14 +210,16 @@ body {
}
li.divider {
border-top: 1px solid #ebebeb;
/*border-top: 1px solid #ebebeb;
margin-top: 2px;
padding-top: 3px;
padding-top: 3px;*/
border-top: 1px solid var(--darkmode-line-color);
border-bottom: 1px solid var(--darkmode-line-color);
}
#pageWrapper {
border-bottom: 1px solid var(--darkmode-line-color);
border-top: 1px solid var(--darkmode-line-color);
border-top: 1px solid var(--darkmode-line-color);
overflow: hidden; /* This can be set to hidden or auto */
position: relative;
/*height: 100%;*/

4
private/css/Tabs.css
View File

@ -54,6 +54,8 @@ Required by:
margin-left: 8px;
padding: 6px 15px 5px 9px;
text-align: center;
border: 1px groove var(--darkmode-line-color);
border-radius: 6%;
}
.tab-menu li.selected a {
@ -61,4 +63,6 @@ Required by:
background-position: right 0;
color: #e0e0e0;
font-weight: bold;
border: 1px solid var(--darkmode-background-alt2);
border-radius: 6%;
}

99
private/css/style.css
View File

@ -32,6 +32,99 @@ body {
display: none;
}
/* Buttons */
.download {
--button-bg: #353434;
--button-hover-bg: #464646;
--button-text-color: #CCCCCC;
--button-hover-text-color: #8bb9fe;
--button-border-radius: 10px;
--button-diameter: 36px;
--button-outline-width: 1px;
--button-outline-color: rgb(141, 141, 141);
}
.download {
box-sizing: border-box;
width: var(--button-diameter);
height: var(--button-diameter);
border-radius: var(--button-border-radius);
background-color: var(--button-bg);
color: var(--button-text-color);
border: none;
cursor: pointer;
position: relative;
outline: none;
background-image: url("../images/download.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 1.25em;
display:inline-block;
bottom: 8px;
}
.download:hover,
.download:focus:not(:focus-visible) .tooltip {
opacity: 1;
visibility: visible;
top: calc((100% + var(--tooltip-offset)) * -1);
}
.download:hover,
.download:focus {
background-color: var(--button-hover-bg);
}
.download:active {
outline: var(--button-outline-width) solid var(--button-outline-color);
}
.button {
padding: 4px 4px;
background-color: #333;
border-radius:2px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color: #FFF;
font-family:Apple Color Emoji;
font-size:14px;
}
.button:hover {
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
background-color:#6c7c7c;
}
.button:active {
position:relative;
top:1px;
}
input[type="file"] {
display: none;
}
.custom-file-upload {
padding: 10px 5px;
width: 140px;
background-color: #333;
color: #FFF;
text-transform: uppercase;
text-align: center;
display: inline-block;
cursor: pointer;
}
.custom-file-upload:hover {
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
background-color:#6c7c7c;
}
.custom-file-upload:active {
position:relative;
top:1px;
}
/* Typography */
h2,
@ -614,9 +707,9 @@ td.statusBarSeparator {
}
#searchResultsTableContainer {
-moz-height: calc(100% - 140px);
-webkit-height: calc(100% - 140px);
height: calc(100% - 140px);
-moz-height: calc(100% - 150px);
-webkit-height: calc(100% - 150px);
height: calc(100% - 150px);
overflow: auto;
}

10
private/download.html
View File

@ -19,9 +19,9 @@
<div style="text-align: center;">
<br />
<h2 class="vcenter">Download Torrents from their URLs or Magnet links</h2>
<textarea id="urls" rows="10" name="urls"></textarea>
<p>Only one link per line</p>
<fieldset class="settings" style="border: 0; text-align: left; margin-top: 6px;">
<textarea id="urls" rows="8" name="urls"></textarea>
<p style="font-size: 90%;">Only one link per line</p>
<fieldset class="settings" style="border: 0; text-align: left; margin-top: 4px;">
<table style="margin: auto;">
<tr>
<td>
@ -147,8 +147,8 @@
</td>
</tr>
</table>
<div id="submitbutton" style="margin-top: 12px; text-align: center;">
<button type="submit" id="submitButton">Download</button>
<div id="submitbutton" style="margin-top: 25px; text-align: center;">
<button class="download" type="submit" id="submitButton"></button>
</div>
</fieldset>
</div>

2
private/downloadlimit.html
View File

@ -56,7 +56,7 @@
}
};
</script>
<input type="button" id="applyButton" value="Apply" onclick="setDlLimit()" />
<input class="button" type="button" id="applyButton" value="Apply" onclick="setDlLimit()" />
</div>
<script>

2
private/edittracker.html
View File

@ -65,7 +65,7 @@
<input id="trackerUrl" style="width: 90%;" />
</div>
<br />
<input type="button" value="Edit" id="editTrackerButton" />
<input class="button" type="button" value="Edit" id="editTrackerButton" />
</div>
</body>

36
private/index.html
View File

@ -48,24 +48,24 @@
<li>
<a class="returnFalse">File</a>
<ul>
<li><a id="uploadLink"><img class="MyMenuIcon" alt="Add Torrent File..." src="images/list-add.svg" width="16" height="16" />Add Torrent File...</a></li>
<li><a id="downloadLink"><img class="MyMenuIcon" alt="Add Torrent Link..." src="images/insert-link.svg" width="16" height="16" />Add Torrent Link...</a></li>
<li class="divider"><a id="logoutLink"><img class="MyMenuIcon" alt="Logout" src="images/system-log-out.svg" width="16" height="16" />Logout</a></li>
<li><a id="shutdownLink"><img class="MyMenuIcon" alt="Exit qBittorrent" src="images/application-exit.svg" width="16" height="16" />Exit qBittorrent</a></li>
<li style="background-color: var(--darkmode-background);"><a id="uploadLink"><img class="MyMenuIcon" alt="Add Torrent File..." src="images/list-add.svg" width="16" height="16" />Add Torrent File...</a></li>
<li style="background-color: var(--darkmode-background);"><a id="downloadLink"><img class="MyMenuIcon" alt="Add Torrent Link..." src="images/insert-link.svg" width="16" height="16" />Add Torrent Link...</a></li>
<li style="background-color: var(--darkmode-background);" class="divider"><a id="logoutLink"><img class="MyMenuIcon" alt="Logout" src="images/system-log-out.svg" width="16" height="16" />Logout</a></li>
<li style="background-color: var(--darkmode-background);"><a id="shutdownLink"><img class="MyMenuIcon" alt="Exit qBittorrent" src="images/application-exit.svg" width="16" height="16" />Exit qBittorrent</a></li>
</ul>
</li>
<li>
<a class="returnFalse">Edit</a>
<ul>
<li><a id="resumeLink"><img class="MyMenuIcon" alt="Resume" src="images/torrent-start.svg" width="16" height="16" />Resume</a></li>
<li><a id="pauseLink"><img class="MyMenuIcon" src="images/torrent-stop.svg" alt="Pause" width="16" height="16" />Pause</a></li>
<li><a id="resumeAllLink"><img class="MyMenuIcon" alt="Resume All" src="images/torrent-start.svg" width="16" height="16" />Resume All</a></li>
<li><a id="pauseAllLink"><img class="MyMenuIcon" alt="Pause All" src="images/torrent-stop.svg" width="16" height="16" />Pause All</a></li>
<li class="divider"><a id="deleteLink"><img class="MyMenuIcon" src="images/list-remove.svg" alt="Remove" width="16" height="16" />Remove</a></li>
<li id="topQueuePosItem" class="divider"><a id="topPrioLink"><img class="MyMenuIcon" src="images/go-top.svg" alt="Top of Queue" width="16" height="16" />Top of Queue</a></li>
<li id="increaseQueuePosItem"><a id="increasePrioLink"><img class="MyMenuIcon" src="images/go-up.svg" alt="Move Up Queue" width="16" height="16" />Move Up Queue</a></li>
<li id="decreaseQueuePosItem"><a id="decreasePrioLink"><img class="MyMenuIcon" src="images/go-down.svg" alt="Move Down Queue" width="16" height="16" />Move Down Queue</a></li>
<li id="bottomQueuePosItem"><a id="bottomPrioLink"><img class="MyMenuIcon" src="images/go-bottom.svg" alt="Bottom of Queue" width="16" height="16" />Bottom of Queue</a></li>
<li style="background-color: var(--darkmode-background);"><a id="resumeLink"><img class="MyMenuIcon" alt="Resume" src="images/torrent-start.svg" width="16" height="16" />Resume</a></li>
<li style="background-color: var(--darkmode-background);"><a id="pauseLink"><img class="MyMenuIcon" src="images/torrent-stop.svg" alt="Pause" width="16" height="16" />Pause</a></li>
<li style="background-color: var(--darkmode-background);"><a id="resumeAllLink"><img class="MyMenuIcon" alt="Resume All" src="images/torrent-start.svg" width="16" height="16" />Resume All</a></li>
<li style="background-color: var(--darkmode-background);"><a id="pauseAllLink"><img class="MyMenuIcon" alt="Pause All" src="images/torrent-stop.svg" width="16" height="16" />Pause All</a></li>
<li style="background-color: var(--darkmode-background);" class="divider"><a id="deleteLink"><img class="MyMenuIcon" src="images/list-remove.svg" alt="Remove" width="16" height="16" />Remove</a></li>
<li style="background-color: var(--darkmode-background);" id="topQueuePosItem" class="divider"><a id="topPrioLink"><img class="MyMenuIcon" src="images/go-top.svg" alt="Top of Queue" width="16" height="16" />Top of Queue</a></li>
<li style="background-color: var(--darkmode-background);" id="increaseQueuePosItem"><a id="increasePrioLink"><img class="MyMenuIcon" src="images/go-up.svg" alt="Move Up Queue" width="16" height="16" />Move Up Queue</a></li>
<li style="background-color: var(--darkmode-background);" id="decreaseQueuePosItem"><a id="decreasePrioLink"><img class="MyMenuIcon" src="images/go-down.svg" alt="Move Down Queue" width="16" height="16" />Move Down Queue</a></li>
<li style="background-color: var(--darkmode-background);" id="bottomQueuePosItem"><a id="bottomPrioLink"><img class="MyMenuIcon" src="images/go-bottom.svg" alt="Bottom of Queue" width="16" height="16" />Bottom of Queue</a></li>
</ul>
</li>
<li>
@ -84,16 +84,16 @@
<li>
<a class="returnFalse">Tools</a>
<ul>
<li><a id="preferencesLink"><img class="MyMenuIcon" src="images/configure.svg" alt="Options..." width="16" height="16" />Options...</a></li>
<li><a id="registerMagnetHandlerLink"><img class="MyMenuIcon" src="images/torrent-magnet.svg" alt="Register to handle magnet links..." width="16" height="16" />Register to handle magnet links...</a></li>
<li style="background-color: var(--darkmode-background);"><a id="preferencesLink"><img class="MyMenuIcon" src="images/configure.svg" alt="Options..." width="16" height="16" />Options...</a></li>
<li style="background-color: var(--darkmode-background);"><a id="registerMagnetHandlerLink"><img class="MyMenuIcon" src="images/torrent-magnet.svg" alt="Register to handle magnet links..." width="16" height="16" />Register to handle magnet links...</a></li>
</ul>
</li>
<li>
<a class="returnFalse">Help</a>
<ul>
<li><a id="docsLink" target="_blank" href="http://wiki.qbittorrent.org/"><img class="MyMenuIcon" src="images/help-contents.svg" alt="Documentation" width="16" height="16" />Documentation</a></li>
<li class="divider"><a id="bugLink" target="_blank" href="https://www.qbittorrent.org/donate"><img class="MyMenuIcon" src="images/wallet-open.svg" alt="Donate!" width="16" height="16" />Donate!</a></li>
<li><a id="aboutLink"><img class="MyMenuIcon" src="images/help-about.svg" alt="About" width="16" height="16" />About</a></li>
<li style="background-color: var(--darkmode-background);"><a id="docsLink" target="_blank" href="http://wiki.qbittorrent.org/"><img class="MyMenuIcon" src="images/help-contents.svg" alt="Documentation" width="16" height="16" />Documentation</a></li>
<li style="background-color: var(--darkmode-background);" class="divider"><a id="bugLink" target="_blank" href="https://www.qbittorrent.org/donate"><img class="MyMenuIcon" src="images/wallet-open.svg" alt="Donate!" width="16" height="16" />Donate!</a></li>
<li style="background-color: var(--darkmode-background);"><a id="aboutLink"><img class="MyMenuIcon" src="images/help-about.svg" alt="About" width="16" height="16" />About</a></li>
</ul>
</li>
</ul>

2
private/newcategory.html
View File

@ -137,7 +137,7 @@
<p style="font-weight: bold;">Save path:</p>
<input type="text" id="savePath" style="width: 99%;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Add" id="categoryNameButton" />
<input class="button" type="button" value="Add" id="categoryNameButton" />
</div>
</div>
</body>

2
private/newfeed.html
View File

@ -71,7 +71,7 @@
<p style="font-weight: bold;">Feed URL:</p>
<input type="text" id="feedURL" style="width: 320px;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="OK" id="submitButton" />
<input class="button" type="button" value="OK" id="submitButton" />
</div>
</div>
</body>

2
private/newfolder.html
View File

@ -70,7 +70,7 @@
<p style="font-weight: bold;">Folder name:</p>
<input type="text" id="folderName" style="width: 320px;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="OK" id="submitButton" />
<input class="button" type="button" value="OK" id="submitButton" />
</div>
</div>
</body>

2
private/newrule.html
View File

@ -63,7 +63,7 @@
<p>Please type the name of the new download rule.</p>
<input type="text" id="name" style="width: 320px;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="OK" id="submitButton" />
<input class="button" type="button" value="OK" id="submitButton" />
</div>
</div>
</body>

2
private/newtag.html
View File

@ -98,7 +98,7 @@
<p id="legendText" style="font-weight: bold;">Comma-separated tags:</p>
<input type="text" id="tagName" style="width: 99%;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Add" id="tagNameButton" />
<input class="button" type="button" value="Add" id="tagNameButton" />
</div>
</div>
</body>

2
private/rename.html
View File

@ -68,7 +68,7 @@
<p style="font-weight: bold;">New name:</p>
<input type="text" id="rename" style="width: 99%;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="renameButton" />
<input class="button" type="button" value="Save" id="renameButton" />
</div>
</div>
</body>

2
private/rename_feed.html
View File

@ -81,7 +81,7 @@
<p style="font-weight: bold;">New feed name:</p>
<input type="text" id="rename" style="width: 320px;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="renameButton" />
<input class="button" type="button" value="Save" id="renameButton" />
</div>
</div>
</body>

2
private/rename_file.html
View File

@ -88,7 +88,7 @@
<p style="font-weight: bold;">New name:</p>
<input type="text" id="rename" style="width: 220px;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="renameButton" />
<input class="button" type="button" value="Save" id="renameButton" />
</div>
</div>
</body>

2
private/rename_rule.html
View File

@ -74,7 +74,7 @@
<p>Please type the new rule name</p>
<input type="text" id="rename" style="width: 320px;" />
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="renameButton" />
<input class="button" type="button" value="Save" id="renameButton" />
</div>
</div>
</body>

2
private/setlocation.html
View File

@ -73,7 +73,7 @@
<input type="text" id="setLocation" autocorrect="off" autocapitalize="none" style="width: 99%;" />
<div style="float: none; width: 99%;" id="error_div">&nbsp;</div>
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="setLocationButton" />
<input class="button" type="button" value="Save" id="setLocationButton" />
</div>
</div>
</body>

2
private/shareratio.html
View File

@ -169,7 +169,7 @@
<input type="number" id="minutes" value="0" step="1" min="0" max="525600" class="shareLimitInput" />
</div>
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="save" />
<input class="button" type="button" value="Save" id="save" />
</div>
</div>
</body>

7
private/upload.html
View File

@ -15,7 +15,10 @@
<iframe id="upload_frame" name="upload_frame" class="invisible" src="about:blank"></iframe>
<form action="api/v2/torrents/add" enctype="multipart/form-data" method="post" id="uploadForm" style="text-align: center;" target="upload_frame" autocorrect="off" autocapitalize="none">
<div style="margin-top: 25px; display: inline-block; border: 1px solid lightgrey; border-radius: 4px;">
<input type="file" id="fileselect" accept="application/x-bittorrent, .torrent" name="fileselect[]" multiple />
<label class="custom-file-upload">
<input type="file" class="fileselect" id="fileselect" accept="application/x-bittorrent, .torrent" name="fileselect[]" multiple />
Upload Files
</label>
</div>
<fieldset class="settings" style="border: 0; text-align: left; margin-top: 12px;">
<table style="margin: auto;">
@ -136,7 +139,7 @@
</tr>
</table>
<div id="submitbutton" style="margin-top: 30px; text-align: center;">
<button type="submit" style="font-size: 1em;">Upload Torrents</button>
<button class="download" id="button" type="submit"</button>
</div>
</fieldset>
</form>

2
private/uploadlimit.html
View File

@ -56,7 +56,7 @@
}
};
</script>
<input type="button" id="applyButton" value="Apply" onclick="setUpLimit()" />
<input class="button" type="button" id="applyButton" value="Apply" onclick="setUpLimit()" />
</div>
<script>

4
private/views/installsearchplugin.html
View File

@ -20,8 +20,8 @@
<div>
<input type="text" id="newPluginPath" placeholder="URL or local directory" autocorrect="off" autocapitalize="none" />
<div style="margin-top: 10px; text-align: center;">
<button id="newPluginCancel" onclick="qBittorrent.SearchPlugins.closeSearchWindow('installSearchPlugin');">Cancel</button>
<button id="newPluginOk" onclick="qBittorrent.InstallSearchPlugin.newPluginOk();">Ok</button>
<button class="button" id="newPluginCancel" onclick="qBittorrent.SearchPlugins.closeSearchWindow('installSearchPlugin');">Cancel</button>
<button class="button" id="newPluginOk" onclick="qBittorrent.InstallSearchPlugin.newPluginOk();">Ok</button>
</div>
</div>
</div>

8
private/views/preferences.html
View File

@ -254,7 +254,7 @@
<div class="formRow">
<label for="port_value">Port used for incoming connections:</label>
<input type="text" id="port_value" style="width: 4em;" title="Set to 0 to let your system pick an unused port" />
<button style="margin-left: 1em;" onclick="qBittorrent.Preferences.generateRandomPort();">Random</button>
<button class="button" style="margin-left: 1em;" onclick="qBittorrent.Preferences.generateRandomPort();">Random</button>
</div>
<div class="formRow">
<input type="checkbox" id="upnp_checkbox" />
@ -646,7 +646,7 @@
<input type="checkbox" id="enable_auto_downloading_rss_torrents_checkbox" />
<label for="enable_auto_downloading_rss_torrents_checkbox">Enable auto downloading of RSS torrents</label>
</div>
<button style="margin: 0 1em; width: calc(100% - 2.2em)" onclick="window.qBittorrent.Rss.openRssDownloader();">Edit auto downloading rules...</button>
<button class="button" style="margin: 0 1em; width: calc(100% - 2.2em)" onclick="window.qBittorrent.Rss.openRssDownloader();">Edit auto downloading rules...</button>
</fieldset>
<fieldset class="settings">
@ -900,7 +900,7 @@ Use ';' to split multiple entries. Can use wildcard '*'."></textarea>
<option value="0">DynDNS</option>
<option value="1">NO-IP</option>
</select>
<input type="button" value="Register" onclick="qBittorrent.Preferences.registerDynDns();" />
<input class="button" type="button" value="Register" onclick="qBittorrent.Preferences.registerDynDns();" />
<table style="margin-top: 10px;">
<tr>
<td>
@ -1366,7 +1366,7 @@ Use ';' to split multiple entries. Can use wildcard '*'."></textarea>
</fieldset>
</div>
<div style="text-align: center; margin-top: 1em;"><input type="button" value="Save" onclick="qBittorrent.Preferences.applyPreferences();" /></div>
<div style="text-align: center; margin-top: 1em;"><input class="button" type="button" value="Save" onclick="qBittorrent.Preferences.applyPreferences();" /></div>
<script>
'use strict';

16
private/views/rss.html
View File

@ -1,13 +1,13 @@
<style>
#rssView {
padding: 20px 20px 0 20px;
padding: 16px 16px 0 16px;
height: calc(100% - 20px);
}
#rssContentView {
display: table;
width: 100%;
height: calc(100% - 30px);
height: calc(100% - 20px);
vertical-align: top;
}
@ -89,11 +89,11 @@
Fetching of RSS feeds is disabled now! You can enable it in application settings.
</div>
<div id="rssButtonBar">
<button id="newSubscriptionButton" onclick="qBittorrent.Rss.addRSSFeed()">New subscription</button>
<button id="markReadButton" onclick="qBittorrent.Rss.markSelectedAsRead()">Mark items read</button>
<button id="updateAllButton" onclick="qBittorrent.Rss.refreshAllFeeds()">Update all</button>
<button class="button" id="newSubscriptionButton" onclick="qBittorrent.Rss.addRSSFeed()">New subscription</button>
<button class="button" id="markReadButton" onclick="qBittorrent.Rss.markSelectedAsRead()">Mark items read</button>
<button class="button" id="updateAllButton" onclick="qBittorrent.Rss.refreshAllFeeds()">Update all</button>
<button id="rssDownloaderButton" class="alignRight" onclick="qBittorrent.Rss.openRssDownloader()">RSS Downloader...</button>
<button class="button" id="rssDownloaderButton" class="alignRight" onclick="qBittorrent.Rss.openRssDownloader()">RSS Downloader...</button>
</div>
</div>
<div id="rssContentView">
@ -335,8 +335,8 @@
scrollbars: false,
resizable: false,
maximizable: false,
width: 350,
height: 100
width: 360,
height: 110
});
};

6
private/views/rssDownloader.html
View File

@ -136,8 +136,8 @@
<div id="leftRssDownloaderColumn">
<div id="topMenuBar">
<b id="rulesTableDesc">Download Rules</b>
<button id="newRuleButton" class="imageButton" onclick="qBittorrent.RssDownloader.addRule()"></button>
<button id="deleteRuleButton" class="imageButton" onclick="qBittorrent.RssDownloader.removeSelectedRule()"></button>
<button class="button" id="newRuleButton" class="imageButton" onclick="qBittorrent.RssDownloader.addRule()"></button>
<button class="button" id="deleteRuleButton" class="imageButton" onclick="qBittorrent.RssDownloader.removeSelectedRule()"></button>
</div>
<div id="rulesTable">
<div id="rulesSelectionCheckBoxList">
@ -285,7 +285,7 @@ Supports the formats: S01E01, 1x1, 2017.12.31 and 31.12.2017 (Date formats also
</div>
</div>
</fieldset>
<button disabled id="saveButton" onclick="qBittorrent.RssDownloader.saveSettings()">
<button class="button" disabled id="saveButton" onclick="qBittorrent.RssDownloader.saveSettings()">
Save
</button>
</div>

8
private/views/search.html
View File

@ -22,7 +22,7 @@
}
#searchResultsNoPlugins {
height: calc(100% - 110px);
height: calc(100% - 180px);
}
#searchResultsNoPlugins table {
@ -83,7 +83,7 @@
<input type="text" id="searchPattern" class="searchInputField" placeholder="Search" autocorrect="off" autocapitalize="none" />
<select id="categorySelect" class="searchInputField" onchange="qBittorrent.Search.categorySelected()"></select>
<select id="pluginsSelect" class="searchInputField" onchange="qBittorrent.Search.pluginSelected()"></select>
<button id="startSearchButton" class="searchInputField" onclick="qBittorrent.Search.startStopSearch()">Search</button>
<button class="button" id="startSearchButton" class="searchInputField" onclick="qBittorrent.Search.startStopSearch()">Search</button>
</div>
</div>
@ -166,8 +166,8 @@
</div>
</div>
<div style="height: 30px; padding-top: 10px;">
<button id="manageSearchPlugins" onclick="qBittorrent.Search.manageSearchPlugins()">Search plugins...</button>
<div style="height: 30px; padding-top: 6px; padding-bottom: 6px;">
<button class="button" id="manageSearchPlugins" onclick="qBittorrent.Search.manageSearchPlugins()">Search plugins...</button>
</div>
</div>

6
private/views/searchplugins.html
View File

@ -65,9 +65,9 @@
<span>Warning: Be sure to comply with your country's copyright laws when downloading torrents from any of these search engines.</span>
<span style="font-style: italic;">You can get new search engine plugins here: <a href="http://plugins.qbittorrent.org" target="_blank">http://plugins.qbittorrent.org</a></span>
<div style="width: 100%; margin-top: 10px;">
<button style="width: 33%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.installPlugin();">Install new plugin</button>
<button style="width: 33%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.checkForUpdates();">Check for updates</button>
<button style="width: 32%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.closeSearchWindow('searchPlugins');">Close</button>
<button class="button" style="width: 33%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.installPlugin();">Install new plugin</button>
<button class="button" style="width: 33%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.checkForUpdates();">Check for updates</button>
<button class="button" style="width: 32%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.closeSearchWindow('searchPlugins');">Close</button>
</div>
</div>

41
public/css/login.css
View File

@ -66,3 +66,44 @@ body {
#logo img {
height: 11em;
}
#login {
background: transparent;
color: #fff;
padding:8px 14px;
font-size: 15px;
border-radius: 3px;
cursor: pointer;
border: 2px solid rgba(255, 255, 255, 0.5);
backdrop-filter: blur(5px);
transition: background-color 0.3s ease-in-out;
position: relative;
overflow: hidden;
float: right;
}
#login:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
transform: translateX(-100%);
transition: transform 0.3s ease-in-out;
pointer-events: none;
}
#login:hover {
background-color: rgba(255, 255, 255, 0.2);
}
#login:hover:before {
transform: translateX(0);
}
#login:active {
position:relative;
top:1px;
}