mirror of
https://github.com/qbittorrent/qBittorrent.git
synced 2026-01-05 07:02:31 -06:00
Prepare WebUI resources.
Html/Css/JavaScript files displacement. Also add new icon.
This commit is contained in:
Vladimir Golovnev (Glassez)
113
src/webui/www/private/index.html
Normal file
113
src/webui/www/private/index.html
Normal file
@@ -0,0 +1,113 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8" />
|
||||
<title>qBittorrent web User Interface</title>
|
||||
<link rel="stylesheet" href="css/dynamicTable.css" type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
||||
<!--<link rel="stylesheet" type="text/css" href="css/Content.css" />-->
|
||||
<link rel="stylesheet" type="text/css" href="css/Core.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/Layout.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/Window.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/Tabs.css" />
|
||||
<script type="text/javascript" src="scripts/mootools-1.2-core-yc.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="scripts/mootools-1.2-more.js" charset="utf-8"></script>
|
||||
<!--[if IE]>
|
||||
<script type="text/javascript" src="scripts/excanvas-compressed.js"></script>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="scripts/mocha-yc.js"></script>
|
||||
<script type="text/javascript" src="scripts/mocha-init.js"></script>
|
||||
<script type="text/javascript" src="scripts/progressbar.js"></script>
|
||||
<script type="text/javascript" src="scripts/dynamicTable.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="scripts/client.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="scripts/contextmenu.js" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="desktop">
|
||||
<div id="desktopHeader">
|
||||
<!--<div id="desktopTitlebar">
|
||||
<h1 class="applicationTitle">qBittorrent Web User Interface <span class="version">version 2.0.0</span></h1>
|
||||
</div>-->
|
||||
<div id="desktopNavbar">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="returnFalse">_(File)</a>
|
||||
<ul>
|
||||
<li><a id="uploadLink"><img class="MyMenuIcon" src="theme/list-add" width="16" height="16" onload="fixPNG(this)"/>_(&Add torrent file...)</a></li>
|
||||
<li><a id="downloadLink"><img class="MyMenuIcon" src="theme/insert-link" width="16" height="16" onload="fixPNG(this)"/>_(Add &link to torrent...)</a></li>
|
||||
<li class="divider"><a id="logoutLink"><img class="MyMenuIcon" src="theme/system-log-out" width="16" height="16" onload="fixPNG(this)"/>_(Logout)</a></li>
|
||||
<li><a id="shutdownLink"><img class="MyMenuIcon" src="theme/application-exit" width="16" height="16" onload="fixPNG(this)"/>_(Exit qBittorrent)</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="returnFalse">_(Edit)</a>
|
||||
<ul>
|
||||
<li><a id="resumeAllLink"><img class="MyMenuIcon" src="theme/media-playback-start" width="16" height="16" onload="fixPNG(this)"/>_(R&esume All)</a></li>
|
||||
<li><a id="pauseAllLink"><img class="MyMenuIcon" src="theme/media-playback-pause" width="16" height="16" onload="fixPNG(this)"/>_(P&ause All)</a></li>
|
||||
<li class="divider"><a id="resumeLink"><img class="MyMenuIcon" src="theme/media-playback-start" width="16" height="16" onload="fixPNG(this)"/>_(&Resume)</a></li>
|
||||
<li><a id="pauseLink"><img class="MyMenuIcon" src="theme/media-playback-pause" width="16" height="16" onload="fixPNG(this)"/>_(&Pause)</a></li>
|
||||
<li><a id="recheckLink"><img class="MyMenuIcon" src="theme/document-edit-verify" width="16" height="16" onload="fixPNG(this)"/>_(Force recheck)</a></li>
|
||||
<li class="divider"><a id="deleteLink"><img class="MyMenuIcon" src="theme/list-remove" width="16" height="16" onload="fixPNG(this)"/>_(&Delete)</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="returnFalse">_(&Tools)</a>
|
||||
<ul>
|
||||
<li><a id="preferencesLink"><img class="MyMenuIcon" src="theme/preferences-system" width="16" height="16" onload="fixPNG(this)"/>_(&Options...)</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="returnFalse">_(&Help)</a>
|
||||
<ul>
|
||||
<li><a id="bugLink" target="_blank" href="http://bugs.qbittorrent.org/"><img class="MyMenuIcon" src="theme/tools-report-bug" width="16" height="16" onload="fixPNG(this)"/>_(Report a &bug)</a></li>
|
||||
<li><a id="siteLink" target="_blank" href="http://www.qbittorrent.org/"><img class="MyMenuIcon" src="images/skin/qbittorrent16.png" width="16" height="16" onload="fixPNG(this)"/>_(Visit &Website)</a></li>
|
||||
<li><a id="docsLink" target="_blank" href="http://wiki.qbittorrent.org/"><img class="MyMenuIcon" src="theme/help-contents" width="16" height="16" onload="fixPNG(this)"/>_(&Documentation)</a></li>
|
||||
<li><a id="aboutLink"><img class="MyMenuIcon" src="theme/help-about" width="16" height="16" onload="fixPNG(this)"/>_(&About)</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="mochaToolbar">
|
||||
|
||||
<a id="uploadButton"><img class="mochaToolButton" title="_(&Add torrent file...)" src="theme/list-add" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
<a id="downloadButton"><img class="mochaToolButton" title="_(Add &link to torrent...)" src="theme/insert-link" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
<a id="deleteButton" class="divider"><img class="mochaToolButton" title="_(Delete)" src="theme/list-remove" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
<a id="resumeButton" class="divider"><img class="mochaToolButton" title="_(Resume)" src="theme/media-playback-start" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
<a id="pauseButton"><img class="mochaToolButton" title="_(Pause)" src="theme/media-playback-pause" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
<span id="queueingButtons">
|
||||
<a id="decreasePrioButton" class="divider"><img class="mochaToolButton" title="_(Decrease priority)" src="theme/go-down" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
<a id="increasePrioButton"><img class="mochaToolButton" title="_(Increase priority)" src="theme/go-up" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
</span>
|
||||
<a id="preferencesButton" class="divider"><img class="mochaToolButton" title="_(Options)" src="theme/preferences-system" width="24" height="24" onload="fixPNG(this)"/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pageWrapper"><span id="error_div"></span>
|
||||
</div>
|
||||
</div>
|
||||
<ul id="contextmenu">
|
||||
<li><a href="#Start"><img src="theme/media-playback-start"/> _(Resume)</a></li>
|
||||
<li><a href="#Pause"><img src="theme/media-playback-pause"/> _(Pause)</a></li>
|
||||
<li class="separator"><a href="#Delete""><img src="theme/list-remove"/> _(Delete)</a></li>
|
||||
<li class="separator"><a href="#priority" class="arrow-right">_(Priority)</a>
|
||||
<ul>
|
||||
<li><a href="#prioTop""><img src="theme/go-top"/> _(Move to top)</a></li>
|
||||
<li><a href="#prioUp"><img src="theme/go-up"/> _(Move up)</a></li>
|
||||
<li><a href="#prioDown"><img src="theme/go-down"/> _(Move down)</a></li>
|
||||
<li><a href="#prioBottom"><img src="theme/go-bottom"/> _(Move to bottom)</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="separator"><a href="#DownloadLimit"><img src="images/skin/download.png"/> _(Limit download rate...)</a></li>
|
||||
<li><a href="#UploadLimit"><img src="images/skin/seeding.png"/> _(Limit upload rate...)</a></li>
|
||||
<li class="separator"><a href="#ForceRecheck"><img src="theme/document-edit-verify"/> _(Force recheck)</a></li>
|
||||
</ul>
|
||||
<div id="desktopFooterWrapper">
|
||||
<div id="desktopFooter">
|
||||
<table style="position: absolute; right: 5px;">
|
||||
<tr><td id="DlInfos" style="cursor:pointer;"></td><td style="width: 2px;margin:0;"><img src="images/skin/toolbox-divider.gif" style="height: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: -2px;"/></td><td id="UpInfos" style="cursor:pointer;"></td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
76
src/webui/www/private/login.html
Normal file
76
src/webui/www/private/login.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8" />
|
||||
<title>qBittorrent web User Interface</title>
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css" />
|
||||
<script type="text/javascript" src="scripts/mootools-1.2-core-yc.js" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
window.addEvent('domready', function() {
|
||||
$('loginform').addEvent('submit', function(e) {
|
||||
new Event(e).stop();
|
||||
submitLoginForm();
|
||||
});
|
||||
});
|
||||
|
||||
function submitLoginForm() {
|
||||
new Request({
|
||||
url: '/login',
|
||||
method: 'post',
|
||||
data: $('loginform').toQueryString(),
|
||||
onFailure: function() {
|
||||
alert("_(Unable to log in, qBittorrent is probably unreachable.)");
|
||||
},
|
||||
onSuccess: function(text) {
|
||||
if (text == "Ok.") {
|
||||
// Session started. Simply reload page.
|
||||
window.location.reload();
|
||||
} else {
|
||||
$('error_msg').set('html', '_(Invalid Username or Password.)');
|
||||
}
|
||||
}
|
||||
}).send();
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.col {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.row {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#main {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding-top: 5em;
|
||||
}
|
||||
#formplace {
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
}
|
||||
#error_msg {
|
||||
color: #f00;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<h1>_(qBittorrent web User Interface)</h1>
|
||||
<div id="logo" class="col">
|
||||
<img src="images/skin/mascot.png" />
|
||||
</div>
|
||||
<div id="formplace" class="col">
|
||||
<form id="loginform" action="">
|
||||
<div class="row"><label for="username">_(Name)</label><br /><input type="text" id="username" name="username" /></div>
|
||||
<div class="row"><label for="password">_(Password)</label><br /><input type="password" id="password" name="password" /></div>
|
||||
<div class="row"><input type="submit" id="login" value="_(Login)" /></div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="error_msg"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user