<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QDL</title>
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/widgets.css" />
<link rel="stylesheet" type="text/css" href="css/desktop.css" />
<script src="js/qdl.js"></script>
<script src="js/utils.js"></script>
<script src="js/desktop.js"></script>
</head>
<body onload="init()">
<div id="toolBar" class="ToolBar">
<input type="button" id="addUrlsButton" class="ToolButton" title="Add URLs" value="Add" />
<input type="button" id="importUrlsButton" class="ToolButton" title="Import URLs" value="Import" />
<input type="button" id="retrieveUrlsButton" class="ToolButton" title="Retrieve URLs" value="Retrieve" />
<div class="Spacer"></div>
<input type="button" id="startButton" class="ToolButton" title="Start all downloads" value="Start" />
<input type="button" id="pauseButton" class="ToolButton" title="Pause all downloads" value="Pause" />
<div class="Spacer"></div>
<label for="actionSelector">After current download(s):</label>
<select id="actionSelector" class="Selector">
<option value="0">Continue</option>
<option value="1">Stop</option>
<option value="2">Quit</option>
</select>
<div id="settingsButtonGroup">
<input type="button" id="settingsButton" class="ToolButton" title="Preferences" value="Preferences" />
<div class="Spacer"></div>
<input type="button" id="quitButton" class="ToolButton" title="Quit QDL" value="Quit" />
</div>
</div>
<table id="transfersTable" class="TableView">
<tr class="TableRow">
<th class="TransferIconColumn"></th>
<th class="TransferNameColumn">Name</th>
<th class="TransferPriorityColumn">Priority</th>
<th class="TransferProgressColumn">Progress</th>
<th class="TransferSpeedColumn">Speed</th>
<th class="TransferStatusColumn">Status</th>
</tr>
</table>
<div id="statusBar" class="StatusBar">
<div id="activeLabel">0DLs</div>
<div id="speedLabel">0kB/s</div>
</div>
<div id="popupBackground" class="PopupBackground"></div>
<div id="addUrlsDialog" class="Dialog">
<div id="addUrlsDialogTitle" class="DialogTitle">Add URLs</div>
<div id="addUrlsDialogContent" class="DialogContent">
<div class="HBox">
<textarea id="addUrlsEdit" class="TextEdit" rows="5"></textarea>
</div>
<div class="HBox">
<input type="checkbox" id="addUrlsCheckBox" class="CheckBox" />
<label for="addUrlsCheckBox">Check URLs</label>
</div>
<div class="HBox">
<label for="addUrlsServiceSelector">Service:</label>
<select id="addUrlsServiceSelector" class="Selector">
<option value="">Any</option>
</select>
</div>
<div class="HBox">
<label for="addUrlsCategorySelector">Category:</label>
<select id="addUrlsCategorySelector" class="Selector">
<option value="">Default</option>
</select>
</div>
</div>
<div id="addUrlsButtonBox" class="DialogButtonBox">
<input type="button" id="addUrlsCancelButton" class="Button" value="Cancel" />
<input type="submit" id="addUrlsOkButton" class="Button" value="Ok" />
</div>
</div>
<div id="retrieveUrlsDialog" class="Dialog">
<div id="retrieveUrlsDialogTitle" class="DialogTitle">Retrieve URLs</div>
<div id="retrieveUrlsDialogContent" class="DialogContent">
<div class="HBox">
<textarea id="retrieveUrlsEdit" class="TextEdit" rows="5"></textarea>
</div>
<div class="HBox">
<label for="retrieveUrlsServiceSelector">Service:</label>
<select id="retrieveUrlsServiceSelector" class="Selector">
<option value="">Any</option>
</select>
</div>
<div class="HBox">
<input type="button" id="retrieveUrlsAddButton" class="Button" value="Add" />
</div>
<div class="HBox">
<div id="retrieveUrlsProgressBar" class="ProgressBar">
<div id="retrieveUrlsProgressBarLabel" class="ProgressBarLabel">0%</div>
<div id="retrieveUrlsProgressBarFill" class="ProgressBarFill"></div>
</div>
</div>
<div class="HBox">
<div id="retrieveUrlsStatusLabel"></div>
</div>
</div>
<div id="retrieveUrlsButtonBox" class="DialogButtonBox">
<input type="button" id="retrieveUrlsCancelButton" class="Button" value="Cancel" />
<input type="button" id="retrieveUrlsOkButton" class="Button" value="Ok" />
</div>
</div>
<div id="urlCheckDialog" class="Dialog">
<div id="urlCheckDialogTitle" class="DialogTitle">Check URLs</div>
<div id="urlCheckDialogContent" class="DialogContent">
<div class="HBox">
<table id="urlCheckTable" class="TableView">
<tr class="TableRow">
<th class="UrlCheckUrlColumn">URL</th>
<th class="UrlCheckOkColumn">Ok</th>
</tr>
</table>
</div>
<div class="HBox">
<div id="urlCheckProgressBar" class="ProgressBar">
<div id="urlCheckProgressBarLabel" class="ProgressBarLabel">0%</div>
<div id="urlCheckProgressBarFill" class="ProgressBarFill"></div>
</div>
</div>
<div class="HBox">
<div id="urlCheckStatusLabel"></div>
</div>
</div>
<div id="urlCheckButtonBox" class="DialogButtonBox">
<input type="button" id="urlCheckCancelButton" class="Button" value="Cancel" />
<input type="button" id="urlCheckOkButton" class="Button" value="Ok" />
</div>
</div>
<div id="settingsDialog" class="Dialog">
<div id="settingsDialogTitle" class="DialogTitle">Preferences</div>
<div id="settingsDialogContent" class="DialogContent">
<div id="settingsTabBar" class="TabBar">
<a id="generalSettingsButton" class="TabButton" href="#" data-current="true">General</a>
<a id="networkSettingsButton" class="TabButton" href="#">Network</a>
<a id="categorySettingsButton" class="TabButton" href="#">Categories</a>
<a id="serviceSettingsButton" class="TabButton" href="#">Services</a>
<a id="recaptchaSettingsButton" class="TabButton" href="#">Recaptcha</a>
<a id="decaptchaSettingsButton" class="TabButton" href="#">Decaptcha</a>
</div>
<div id="generalSettingsTab" class="Tab" data-current="true">
<div class="HBox">
<label for="downloadPathField">Download path:</label>
<input type="text" id="downloadPathField" class="TextField" />
</div>
<div class="HBox">
<label for="concurrentDownloadsSelector">Maximum concurrent downloads:</label>
<select id="concurrentDownloadsSelector" class="Selector">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div class="HBox">
<input type="checkbox" id="automaticDownloadsCheckBox" class="CheckBox" />
<label for="automaticDownloadsCheckBox">Start downloads automatically</label>
</div>
<div class="HBox">
<input type="checkbox" id="subfoldersCheckBox" class="CheckBox" />
<label for="subfoldersCheckBox">Create subfolders for downloads</label>
</div>
<div class="HBox">
<input type="checkbox" id="extractArchivesCheckBox" class="CheckBox" />
<label for="extractArchivesCheckBox">Extract archives</label>
</div>
<div class="HBox">
<input type="checkbox" id="deleteArchivesCheckBox" class="CheckBox" />
<label for="deleteArchivesCheckBox">Delete extracted archives</label>
</div>
</div>
<div id="networkSettingsTab" class="Tab">
<div class="HBox">
<input type="checkbox" id="networkProxyCheckBox" class="CheckBox" />
<label for="networkProxyCheckBox">Use network proxy</label>
</div>
<div class="HBox">
<label for="networkProxyTypeSelector">Type:</label>
<select id="networkProxyTypeSelector" class="Selector">
<option value="3">HTTP</option>
<option value="4">HTTP caching</option>
<option value="1">SOCKS5</option>
</select>
</div>
<div class="HBox">
<label for="networkProxyHostField">Host:</label>
<input type="text" id="networkProxyHostField" class="TextField" />
</div>
<div class="HBox">
<label for="networkProxyPortField">Port:</label>
<input type="text" id="networkProxyPortField" class="TextField" />
</div>
<div class="HBox">
<label for="networkProxyUsernameField">Username:</label>
<input type="text" id="networkProxyUsernameField" class="TextField" />
</div>
<div class="HBox">
<label for="networkProxyPasswordField">Password:</label>
<input type="text" id="networkProxyPasswordField" class="TextField" />
</div>
</div>
<div id="categorySettingsTab" class="Tab">
<div class="HBox">
<table id="categoriesTable" class="TableView">
<tr class="TableRow">
<th class="CategoryNameColumn">Name</th>
<th class="CategoryPathColumn">Path</th>
</tr>
</table>
</div>
<div class="HBox">
<label for="categoryNameField">Name:</label>
<input type="text" id="categoryNameField" class="TextField" />
</div>
<div class="HBox">
<label for="categoryPathField">Path:</label>
<input type="text" id="categoryPathField" class="TextField" />
</div>
</div>
<div id="serviceSettingsTab" class="Tab">
<div class="HBox">
<table id="serviceTable" class="TableView"></table>
<div id="serviceSettings"></div>
</div>
</div>
<div id="recaptchaSettingsTab" class="Tab">
<div class="HBox">
<table id="recaptchaTable" class="TableView"></table>
<div id="recaptchaSettings"></div>
</div>
</div>
<div id="decaptchaSettingsTab" class="Tab">
<div class="HBox">
<table id="decaptchaTable" class="TableView"></table>
<div id="decaptchaSettings">
<div class="HBox">
<input type="checkbox" id="decaptchaCheckBox" class="CheckBox" />
<label for="decaptchaCheckBox">Use this decaptcha plugin</label>
</div>
</div>
</div>
</div>
</div>
<div id="settingsButtonBox" class="DialogButtonBox">
<input type="button" id="settingsCancelButton"  class="Button" value="Cancel" />
<input type="button" id="settingsSaveButton" class="Button" value="Save" />
</div>
</div>
</body>
</html>
