Compare commits
2 Commits
6630a4f300
...
6b8f27ad19
| Author | SHA1 | Date | |
|---|---|---|---|
| 6b8f27ad19 | |||
| 4abf9c14b1 |
3
app.py
3
app.py
@ -562,7 +562,8 @@ def list_directory_contents(directory, subpath):
|
|||||||
continue
|
continue
|
||||||
|
|
||||||
if entry.is_dir(follow_symlinks=False):
|
if entry.is_dir(follow_symlinks=False):
|
||||||
if entry.name in ["Transkription", "@eaDir", ".ai"]:
|
# skip system/hidden helper folders
|
||||||
|
if entry.name in ["Transkription", "@eaDir", ".app", "#recycle"]:
|
||||||
continue
|
continue
|
||||||
rel_path = os.path.join(subpath, entry.name) if subpath else entry.name
|
rel_path = os.path.join(subpath, entry.name) if subpath else entry.name
|
||||||
|
|
||||||
|
|||||||
@ -106,9 +106,9 @@ def log_structure(root_path, max_depth=None, show_files=False):
|
|||||||
entries = sorted(it, key=lambda e: (not e.is_dir(follow_symlinks=False), e.name.lower()))
|
entries = sorted(it, key=lambda e: (not e.is_dir(follow_symlinks=False), e.name.lower()))
|
||||||
for entry in entries:
|
for entry in entries:
|
||||||
if entry.is_dir(follow_symlinks=False):
|
if entry.is_dir(follow_symlinks=False):
|
||||||
if entry.name.startswith(('.', '@', '#')):
|
if entry.name.startswith(('.')):
|
||||||
continue
|
continue
|
||||||
if entry.name.lower() in {"transkription"}:
|
if entry.name in {"Transkription", "@eaDir", ".app", "#recycle"}:
|
||||||
continue
|
continue
|
||||||
indent = " " * (depth - 1)
|
indent = " " * (depth - 1)
|
||||||
log(f"{indent}- {entry.name}/")
|
log(f"{indent}- {entry.name}/")
|
||||||
@ -151,7 +151,8 @@ def updatefileindex():
|
|||||||
log(f"Processing folder: {foldername}")
|
log(f"Processing folder: {foldername}")
|
||||||
raw_folderpath = folder.get("folderpath")
|
raw_folderpath = folder.get("folderpath")
|
||||||
norm_folderpath = os.path.normpath(raw_folderpath)
|
norm_folderpath = os.path.normpath(raw_folderpath)
|
||||||
log_structure(norm_folderpath, max_depth=None, show_files=False)
|
# Only log folder names up to 3 levels deep; suppress filenames
|
||||||
|
log_structure(norm_folderpath, max_depth=3, show_files=False)
|
||||||
# Precompute the length of the base folder path (plus one for the separator)
|
# Precompute the length of the base folder path (plus one for the separator)
|
||||||
base_len = len(norm_folderpath) + 1
|
base_len = len(norm_folderpath) + 1
|
||||||
# Prefetch hit counts for this basefolder to avoid per-file queries
|
# Prefetch hit counts for this basefolder to avoid per-file queries
|
||||||
@ -210,6 +211,12 @@ def updatefileindex():
|
|||||||
for d, files in dir_files.items():
|
for d, files in dir_files.items():
|
||||||
log_directory_batch(d, files)
|
log_directory_batch(d, files)
|
||||||
|
|
||||||
|
# Progress indicator
|
||||||
|
dir_count = len(dir_files)
|
||||||
|
file_count = len(scanned_files)
|
||||||
|
log(f"Found {dir_count} folders and {file_count} files in '{foldername}'.")
|
||||||
|
log("updating database...")
|
||||||
|
|
||||||
# Remove database entries for files under this base folder that are no longer on disk.
|
# Remove database entries for files under this base folder that are no longer on disk.
|
||||||
pattern = foldername + os.sep + '%'
|
pattern = foldername + os.sep + '%'
|
||||||
cursor.execute("SELECT id, relative_path, filename FROM files WHERE relative_path LIKE ?", (pattern,))
|
cursor.execute("SELECT id, relative_path, filename FROM files WHERE relative_path LIKE ?", (pattern,))
|
||||||
|
|||||||
@ -105,6 +105,11 @@ main > * {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Spacing for alerts so they don't stick to edges or neighbors */
|
||||||
|
.alert {
|
||||||
|
margin: 12px 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Carded content shell */
|
/* Carded content shell */
|
||||||
main.tab-content,
|
main.tab-content,
|
||||||
section.tab-content {
|
section.tab-content {
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
0 12px 30px rgba(15, 23, 42, 0.22),
|
0 12px 30px rgba(15, 23, 42, 0.22),
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.24);
|
inset 0 1px 0 rgba(255, 255, 255, 0.24);
|
||||||
border: 2px solid rgba(255, 255, 255, 0.55);
|
border: 2px solid rgba(255, 255, 255, 0.55);
|
||||||
outline: 1px solid rgba(12, 18, 32, 0.18); /* slightly stronger edge so front/back separate */
|
outline: 1.5px solid rgba(12, 18, 32, 0.3); /* slightly stronger edge so front/back separate */
|
||||||
outline-offset: -1px;
|
outline-offset: -1px;
|
||||||
background-clip: padding-box; /* keep border separate from glass */
|
background-clip: padding-box; /* keep border separate from glass */
|
||||||
padding: 12px 12px;
|
padding: 12px 12px;
|
||||||
@ -17,6 +17,7 @@
|
|||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
overflow: hidden; /* keep the glass blur clean at the edges */
|
overflow: hidden; /* keep the glass blur clean at the edges */
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Now Playing Info */
|
/* Now Playing Info */
|
||||||
@ -52,11 +53,13 @@
|
|||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 0.5em;
|
height: 0.5em;
|
||||||
background-color: #e6edf7;
|
background-color: rgba(255, 255, 255, 0.12);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-size: 0% 100%;
|
background-size: 0% 100%;
|
||||||
background-image: linear-gradient(90deg, #0b1220, #0f172a);
|
background-image: linear-gradient(90deg, rgba(11, 18, 32, 0.9), rgba(15, 23, 42, 0.9));
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
border: 1px solid rgba(15, 23, 42, 0.2);
|
||||||
|
background-clip: padding-box; /* keep gradient clean inside the border */
|
||||||
appearance: none;
|
appearance: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@ -168,3 +171,61 @@
|
|||||||
.timeline::-ms-thumb {
|
.timeline::-ms-thumb {
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Minimize button */
|
||||||
|
.minimize-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 6px;
|
||||||
|
right: 6px;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid rgba(15, 23, 42, 0.18);
|
||||||
|
background: rgba(255, 255, 255, 0.65);
|
||||||
|
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16);
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.minimize-button:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.minimize-button:active {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.minimize-button svg {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
stroke: currentColor;
|
||||||
|
stroke-width: 1.6;
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.minimize-button .icon-expand {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Collapsed state */
|
||||||
|
.audio-player-container.collapsed {
|
||||||
|
padding: 8px 48px 8px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.audio-player-container.collapsed .audio-player,
|
||||||
|
.audio-player-container.collapsed .now-playing-info {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.audio-player-container.collapsed .minimize-button .icon-collapse {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.audio-player-container.collapsed .minimize-button .icon-expand {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|||||||
@ -6,7 +6,8 @@ class SimpleAudioPlayer {
|
|||||||
infoSelector = '#timeInfo',
|
infoSelector = '#timeInfo',
|
||||||
nowPlayingSelector = '#nowPlayingInfo',
|
nowPlayingSelector = '#nowPlayingInfo',
|
||||||
containerSelector = '#audioPlayerContainer',
|
containerSelector = '#audioPlayerContainer',
|
||||||
footerSelector = 'footer'
|
footerSelector = 'footer',
|
||||||
|
minimizeBtnSelector = '.minimize-button'
|
||||||
} = {}) {
|
} = {}) {
|
||||||
// Elements
|
// Elements
|
||||||
this.audio = document.querySelector(audioSelector);
|
this.audio = document.querySelector(audioSelector);
|
||||||
@ -16,6 +17,7 @@ class SimpleAudioPlayer {
|
|||||||
this.nowInfo = document.querySelector(nowPlayingSelector);
|
this.nowInfo = document.querySelector(nowPlayingSelector);
|
||||||
this.container = document.querySelector(containerSelector);
|
this.container = document.querySelector(containerSelector);
|
||||||
this.footer = document.querySelector(footerSelector);
|
this.footer = document.querySelector(footerSelector);
|
||||||
|
this.minBtn = document.querySelector(minimizeBtnSelector);
|
||||||
|
|
||||||
// State
|
// State
|
||||||
this.isSeeking = false;
|
this.isSeeking = false;
|
||||||
@ -60,6 +62,9 @@ class SimpleAudioPlayer {
|
|||||||
|
|
||||||
_bindEvents() {
|
_bindEvents() {
|
||||||
this.playBtn.addEventListener('click', () => this.togglePlay());
|
this.playBtn.addEventListener('click', () => this.togglePlay());
|
||||||
|
if (this.minBtn) {
|
||||||
|
this.minBtn.addEventListener('click', () => this.toggleCollapse());
|
||||||
|
}
|
||||||
|
|
||||||
this.audio.addEventListener('loadedmetadata', () => {
|
this.audio.addEventListener('loadedmetadata', () => {
|
||||||
this.timeline.min = 0;
|
this.timeline.min = 0;
|
||||||
@ -138,6 +143,14 @@ class SimpleAudioPlayer {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
toggleCollapse() {
|
||||||
|
const collapsed = this.container.classList.toggle('collapsed');
|
||||||
|
if (this.minBtn) {
|
||||||
|
this.minBtn.setAttribute('aria-expanded', (!collapsed).toString());
|
||||||
|
this.minBtn.setAttribute('aria-label', collapsed ? 'Player ausklappen' : 'Player einklappen');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async fileDownload() {
|
async fileDownload() {
|
||||||
const src = this.audio.currentSrc || this.audio.src;
|
const src = this.audio.currentSrc || this.audio.src;
|
||||||
if (!src) return;
|
if (!src) return;
|
||||||
|
|||||||
@ -187,6 +187,18 @@
|
|||||||
<!-- Global Audio Player in Footer -->
|
<!-- Global Audio Player in Footer -->
|
||||||
<footer>
|
<footer>
|
||||||
<div class="audio-player-container" id="audioPlayerContainer">
|
<div class="audio-player-container" id="audioPlayerContainer">
|
||||||
|
<button type="button" class="minimize-button icon-color" aria-label="Player einklappen" aria-expanded="true">
|
||||||
|
<span class="icon-collapse" aria-hidden="true">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
|
<path d="M5 12h14" />
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
<span class="icon-expand" aria-hidden="true">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
|
<path d="M12 5v14M5 12h14" />
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
<div class="audio-player">
|
<div class="audio-player">
|
||||||
<audio id="globalAudio" prefetch="auto">
|
<audio id="globalAudio" prefetch="auto">
|
||||||
Your browser does not support the audio element.
|
Your browser does not support the audio element.
|
||||||
|
|||||||
@ -7,6 +7,6 @@
|
|||||||
{# page content #}
|
{# page content #}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="alert alert-warning">Du hast keine gültige Freigaben.<br>Bitte Ordner mit einem Freigabelink freischalten.</div>
|
<div class="alert alert-warning">Du hast keine gültige Freigaben.<br>Bitte über einen Freigabelink oder QR-Code freischalten.</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user