tretrauit/explorers
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(webui): add footer

Browse Source 
Also make it automatically open the web when you launch the app.
This commit is contained in:
tretrauit 2024-03-23 00:48:49 +07:00
parent c2203943e2
commit 620587e79b
4 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
explorers/webui.py
View File

@ -1,10 +1,13 @@
from shutil import which
import time
from ffmpeg_progress_yield import FfmpegProgress
from explorers import constants
from explorers.api import API
from flask import Flask, send_from_directory, request
from urllib.parse import unquote
from webbrowser import open as open_browser
from werkzeug.utils import secure_filename
from threading import Thread
api = API()
app = Flask(__name__)
@ -75,4 +78,10 @@ def root():
def main():
app.run(host="0.0.0.0", port=8080)
port = 28015
def open_browser_on_startup():
time.sleep(1)
open_browser("http://127.0.0.1:" + str(port))
Thread(target=open_browser_on_startup, daemon=True).start()
app.run(host="127.0.0.1", port=port)

2
web/assets/index.js
View File

@ -80,6 +80,8 @@ getLessonButton.addEventListener('click', async () => {
for (const [id, video] of Object.entries(ids)) {
promises.push(async () => {
const checkbox = document.querySelector(`#${id}`);
// Disable the checkbox since the user can't download the same video twice
checkbox.disabled = true;
if (!checkbox.checked) {
return;
}

14
web/assets/style.css
View File

@ -15,6 +15,20 @@ header {
background-color: #ffffff50;
}
footer {
padding: 20px 0px;
bottom: 0;
display: flex;
justify-content: center;
position: absolute;
width: 100%;
background-color: #222;
}
footer a {
color: #fff;
}
.block {
width: fit-content;
border: 1px solid #fff;

4
web/index.html
View File

@ -1,3 +1,4 @@
<!-- Bro I wish I could use React or other things instead of document.createElement and element.innerHTML += all the times -->
<!DOCTYPE html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
@ -48,5 +49,8 @@
</div>
</div> -->
</div>
<footer>
<span>Developed by <a href="https://git.tretrauit.me/tretrauit" target="_blank">@tretrauit</a></span>
</footer>
<script src="assets/index.js"></script>
</body>