michael/ripster
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.10.2-15 Minor Frotnend callibarations

Browse Source
This commit is contained in:
mboehmlaender
2026-03-17 08:07:15 +00:00
parent ea096cb33c
commit bcd85ce1de
8 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{ {
"name": "ripster-backend", "name": "ripster-backend",
"version": "0.10.2-14", "version": "0.10.2-15",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "ripster-backend", "name": "ripster-backend",
"version": "0.10.2-14", "version": "0.10.2-15",
"dependencies": { "dependencies": {
"archiver": "^7.0.1", "archiver": "^7.0.1",
"cors": "^2.8.5", "cors": "^2.8.5",
backend/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "ripster-backend", "name": "ripster-backend",
"version": "0.10.2-14", "version": "0.10.2-15",
"private": true, "private": true,
"type": "commonjs", "type": "commonjs",
"scripts": { "scripts": {
frontend/package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{ {
"name": "ripster-frontend", "name": "ripster-frontend",
"version": "0.10.2-14", "version": "0.10.2-15",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "ripster-frontend", "name": "ripster-frontend",
"version": "0.10.2-14", "version": "0.10.2-15",
"dependencies": { "dependencies": {
"primeicons": "^7.0.0", "primeicons": "^7.0.0",
"primereact": "^10.9.2", "primereact": "^10.9.2",
frontend/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "ripster-frontend", "name": "ripster-frontend",
"version": "0.10.2-14", "version": "0.10.2-15",
"private": true, "private": true,
"type": "module", "type": "module",
"scripts": { "scripts": {
frontend/src/components/AudiobookConfigPanel.jsx
+12 -5
View File
@@ -51,8 +51,12 @@ function formatChapterTime(secondsValue) {
return `${minutes}:${String(seconds).padStart(2, '0')}`; return `${minutes}:${String(seconds).padStart(2, '0')}`;
} }
function stripHtml(value) {
return String(value || '').replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
}
function truncateDescription(value, maxLength = 220) { function truncateDescription(value, maxLength = 220) {
const normalized = String(value || '').replace(/\s+/g, ' ').trim(); const normalized = stripHtml(value);
if (!normalized || normalized.length <= maxLength) { if (!normalized || normalized.length <= maxLength) {
return normalized; return normalized;
} }
@@ -168,6 +172,7 @@ export default function AudiobookConfigPanel({
const statusLabel = getStatusLabel(state); const statusLabel = getStatusLabel(state);
const statusSeverity = getStatusSeverity(state); const statusSeverity = getStatusSeverity(state);
const description = String(metadata?.description || '').trim(); const description = String(metadata?.description || '').trim();
const descriptionStripped = stripHtml(description);
const descriptionPreview = truncateDescription(description); const descriptionPreview = truncateDescription(description);
const posterUrl = String(metadata?.poster || '').trim() || null; const posterUrl = String(metadata?.poster || '').trim() || null;
@@ -196,7 +201,7 @@ export default function AudiobookConfigPanel({
<div className="audiobook-description-preview"> <div className="audiobook-description-preview">
<strong>Beschreibung:</strong> <strong>Beschreibung:</strong>
<span>{descriptionPreview}</span> <span>{descriptionPreview}</span>
{description.length > descriptionPreview.length ? ( {descriptionStripped.length > descriptionPreview.length ? (
<Button <Button
type="button" type="button"
label="Vollständig anzeigen" label="Vollständig anzeigen"
@@ -378,9 +383,11 @@ export default function AudiobookConfigPanel({
style={{ width: 'min(48rem, 92vw)' }} style={{ width: 'min(48rem, 92vw)' }}
onHide={() => setDescriptionDialogVisible(false)} onHide={() => setDescriptionDialogVisible(false)}
> >
<div className="audiobook-description-dialog"> <div
<p>{description || 'Keine Beschreibung vorhanden.'}</p> className="audiobook-description-dialog"
</div> // eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{ __html: description || '<p>Keine Beschreibung vorhanden.</p>' }}
/>
</Dialog> </Dialog>
</div> </div>
); );
frontend/src/styles/app.css
+5
View File
@@ -1237,6 +1237,9 @@ body {
border-color: #d9b26d; border-color: #d9b26d;
background: #fff7e8; background: #fff7e8;
} }
.p-fileupload.p-fileupload-content {
padding: 0;
}
.audiobook-upload-status.tone-info { .audiobook-upload-status.tone-info {
border-color: #c7b086; border-color: #c7b086;
@@ -1353,6 +1356,8 @@ body {
.dashboard-job-expanded-title { .dashboard-job-expanded-title {
display: grid; display: grid;
gap: 0.35rem; gap: 0.35rem;
flex: 1;
min-width: 0;
} }
.playlist-waiting-box { .playlist-waiting-box {
package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{ {
"name": "ripster", "name": "ripster",
"version": "0.10.2-14", "version": "0.10.2-15",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "ripster", "name": "ripster",
"version": "0.10.2-14", "version": "0.10.2-15",
"devDependencies": { "devDependencies": {
"concurrently": "^9.1.2" "concurrently": "^9.1.2"
} }
package.json
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "ripster", "name": "ripster",
"private": true, "private": true,
"version": "0.10.2-14", "version": "0.10.2-15",
"scripts": { "scripts": {
"dev": "concurrently \"npm run dev --prefix backend\" \"npm run dev --prefix frontend\"", "dev": "concurrently \"npm run dev --prefix backend\" \"npm run dev --prefix frontend\"",
"dev:backend": "npm run dev --prefix backend", "dev:backend": "npm run dev --prefix backend",