tytd-chrome-extension/popup.html

48 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TYTD</title>
<link rel="stylesheet" href="material.min.css">
</head>
<body>
<div class="container">
<div id="p2" class="mdl-progress mdl-js-progress mdl-progress__indeterminate" style="opacity: 0%;"></div>
<h1>TYTD</h1>
<p>Server is at: <a id="server" target="_blank" href="https://tytd.site.tesses.net/">https://tytd.site.tesses.net/</a> <a href="settings.html" target="_blank" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
Edit
</a></p>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="url_path">
<label class="mdl-textfield__label" for="url_path">YouTube Video Or Url</label>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="list">
<label class="mdl-textfield__label" for="list">Personal List (leave empty to add to downloader)</label>
</div>
<div class="mdl-textfield mdl-js-textfield">
<select class="mdl-textfield__input" id="res">
<option value="1" selected>PreMuxed</option>
<option value="0">Mux</option>
<option value="2">Audio Only</option>
<option value="3">Video Only</option>
</select>
<label class="mdl-textfield__label" for="res">Resolution</label>
</div>
<br>
<button id="adddl" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
Add To Downloader
</button>
<button id="dllocal" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">
Download Local
</button>
</div>
<script src="/js/material.min.js" defer></script>
<script src="/js/popup.js" type="module"></script>
</body>
</html>