<!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="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>
<div id="transfersHeader" class="TableHeader">
<div class="TransferIndicatorColumn"><br></div>
<div class="TransferNameColumn">Name</div>
<div class="TransferPriorityColumn">Priority</div>
<div class="TransferProgressColumn">Progress</div>
<div class="TransferSpeedColumn">Speed</div>
<div class="TransferStatusColumn">Status</div>
</div>
<ul id="transfersTable" class="TableView"></ul>
<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="packageMenu" class="Menu">
<div id="packageReloadItem" class="MenuItem">Reload</div>
<div id="packageStartItem" class="MenuItem">Start</div>
<div id="packagePauseItem" class="MenuItem">Pause</div>
<div id="packageCancelItem" class="MenuItem">Remove</div>
<div id="packageCancelDeleteItem" class="MenuItem">Remove and delete files</div>
</div>
<div id="transferMenu" class="Menu">
<div id="transferReloadItem" class="MenuItem">Reload</div>
<div id="transferStartItem" class="MenuItem">Start</div>
<div id="transferPauseItem" class="MenuItem">Pause</div>
<div id="transferCancelItem" class="MenuItem">Remove</div>
<div id="transferCancelDeleteItem" class="MenuItem">Remove and delete files</div>
</div>
<div id="captchaDialog" class="Dialog">
<div id="captchaDialogTitle" class="DialogTitle">Enter captcha</div>
<div id="captchadialogContent" class="DialogContent">
<div class="HBox">
<img id="captchaImage"></img>
</div>
<div class="HBox">
<label id="captchaLabel" for="captchaResponseEdit"></label>
</div>
<div class="HBox">
<input type="text" id="captchaResponseEdit" class="TextField" />
</div>
</div>
<div id="captchaButtonBox" class="DialogButtonBox">
<input type="button" id="captchaCancelButton" class="Button" value="Cancel" />
<input type="button" id="captchaOkButton" class="Button" value="Ok" />
</div>
</div>
<div id="settingsRequestDialog" class="Dialog">
<div id="settingsRequestDialogTitle" class="DialogTitle">Enter settings</div>
<div id="settingsRequestDialogContent" class="DialogContent"></div>
<div id="captchaButtonBox" class="DialogButtonBox">
<input type="button" id="settingsRequestCancelButton" class="Button" value="Cancel" />
<input type="button" id="settingsRequestOkButton" class="Button" value="Ok" />
</div>
</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">
<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="button" 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" />
</div>
</div>
<div id="urlCheckDialog" class="Dialog">
<div id="urlCheckDialogTitle" class="DialogTitle">Check URLs</div>
<div id="urlCheckDialogContent" class="DialogContent">
<div id="urlCheckBox" class="HBox">
<div id="urlCheckHeader" class="TableHeader">
<div class="UrlCheckUrlColumn">URL</div>
<div class="UrlCheckOkColumn">Ok</div>
</div>
<ul id="urlCheckTable" class="TableView"></ul>
</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="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="concurrentTransfersSelector">Maximum concurrent downloads:</label>
<select id="concurrentTransfersSelector" 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="automaticCheckBox" class="CheckBox" />
<label for="automaticCheckBox">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="serviceSettingsTab" class="Tab">
<div id="serviceBox" class="HBox">
<ul id="serviceTable" class="TableView"></ul>
<div id="serviceSettings"></div>
</div>
</div>
<div id="recaptchaSettingsTab" class="Tab">
<div id="recaptchaBox" class="HBox">
<ul id="recaptchaTable" class="TableView"></ul>
<div id="recaptchaSettings"></div>
</div>
</div>
<div id="decaptchaSettingsTab" class="Tab">
<div id="decaptchaBox" class="HBox">
<ul id="decaptchaTable" class="TableView"></ul>
<div id="decaptchaSettings">
<input type="checkbox" id="decaptchaCheckBox" class="CheckBox" />
<label for="decaptchaCheckBox">Use this decaptcha plugin</label>
</div>
</div>
</div>
</div>
<div id="settingsButtonBox" class="DialogButtonBox">
<input type="button" id="settingsOkButton" class="Button" value="Ok" />
</div>
</div>
</body>
</html>
