feat(webui): add footer
Also make it automatically open the web when you launch the app.
This commit is contained in:
parent
c2203943e2
commit
620587e79b
@ -1,10 +1,13 @@
|
|||||||
from shutil import which
|
from shutil import which
|
||||||
|
import time
|
||||||
from ffmpeg_progress_yield import FfmpegProgress
|
from ffmpeg_progress_yield import FfmpegProgress
|
||||||
from explorers import constants
|
from explorers import constants
|
||||||
from explorers.api import API
|
from explorers.api import API
|
||||||
from flask import Flask, send_from_directory, request
|
from flask import Flask, send_from_directory, request
|
||||||
from urllib.parse import unquote
|
from urllib.parse import unquote
|
||||||
|
from webbrowser import open as open_browser
|
||||||
from werkzeug.utils import secure_filename
|
from werkzeug.utils import secure_filename
|
||||||
|
from threading import Thread
|
||||||
|
|
||||||
api = API()
|
api = API()
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
@ -75,4 +78,10 @@ def root():
|
|||||||
|
|
||||||
|
|
||||||
def main():
|
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)
|
||||||
|
|
||||||
|
@ -80,6 +80,8 @@ getLessonButton.addEventListener('click', async () => {
|
|||||||
for (const [id, video] of Object.entries(ids)) {
|
for (const [id, video] of Object.entries(ids)) {
|
||||||
promises.push(async () => {
|
promises.push(async () => {
|
||||||
const checkbox = document.querySelector(`#${id}`);
|
const checkbox = document.querySelector(`#${id}`);
|
||||||
|
// Disable the checkbox since the user can't download the same video twice
|
||||||
|
checkbox.disabled = true;
|
||||||
if (!checkbox.checked) {
|
if (!checkbox.checked) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -15,6 +15,20 @@ header {
|
|||||||
background-color: #ffffff50;
|
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 {
|
.block {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
@ -48,5 +49,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div> -->
|
</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>
|
<script src="assets/index.js"></script>
|
||||||
</body>
|
</body>
|
Loading…
Reference in New Issue
Block a user