PHB/SemapForm
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects 1 Releases 6 Wiki Activity

Merge pull request 'small bugfix and color change' (#21) from dev into main

Browse Source 
Reviewed-on: #21
This commit was merged in pull request #21.
This commit is contained in:
WorldTeacher
2025-11-19 17:59:28 +00:00
parent eb59f30b38 0f934a6671
commit fa21264ef3
2 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/static/styles.css
View File

@@ -240,6 +240,13 @@ input[type="radio"] { accent-color: var(--control-accent); }
} }
[data-theme="dark"] .btn-secondary:hover { background: #1f2b3f; } [data-theme="dark"] .btn-secondary:hover { background: #1f2b3f; }
/* Generic disabled button state */
.btn:disabled {
opacity: 0.55;
cursor: not-allowed;
filter: grayscale(0.15);
}
.actions { .actions {
margin-top: 16px; margin-top: 16px;
display: flex; display: flex;
@@ -537,8 +544,8 @@ input[type="radio"] { accent-color: var(--control-accent); }
top: 20px; top: 20px;
right: 20px; right: 20px;
background: var(--card-bg); background: var(--card-bg);
border: 1px solid hsl(142, 71%, 45%); border: 1px solid hsl(142, 82%, 30%);
background-color: hsl(142, 82%, 30%); background-color: hsl(142, 71%, 45%);
border-radius: 12px; border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2); box-shadow: 0 10px 40px rgba(0,0,0,0.2);
padding: 16px 20px; padding: 16px 20px;

21
app/templates/elsa_mono_form.html
View File

@@ -103,13 +103,13 @@
<h2>Medien</h2> <h2>Medien</h2>
<div class="media-controls"> <div class="media-controls">
<button type="button" class="btn btn-secondary" onclick="addMediaType('monografie')"> <button type="button" id="btn-monografie" class="btn btn-secondary" onclick="addMediaType('monografie')" title="Monografie Sektion hinzufügen">
<span class="mdi mdi-book"></span> + Monografie <span class="mdi mdi-book"></span> + Monografie
</button> </button>
<button type="button" class="btn btn-secondary" onclick="addMediaType('zeitschriftenartikel')"> <button type="button" id="btn-zeitschriftenartikel" class="btn btn-secondary" onclick="addMediaType('zeitschriftenartikel')" title="Zeitschriftenartikel Sektion hinzufügen">
<span class="mdi mdi-newspaper"></span> + Zeitschriftenartikel <span class="mdi mdi-newspaper"></span> + Zeitschriftenartikel
</button> </button>
<button type="button" class="btn btn-secondary" onclick="addMediaType('herausgeberwerk')"> <button type="button" id="btn-herausgeberwerk" class="btn btn-secondary" onclick="addMediaType('herausgeberwerk')" title="Herausgeberwerk Sektion hinzufügen">
<span class="mdi mdi-book-multiple"></span> + Herausgeberwerk <span class="mdi mdi-book-multiple"></span> + Herausgeberwerk
</button> </button>
</div> </div>
@@ -173,6 +173,9 @@
// Media management functions (global scope for onclick handlers) // Media management functions (global scope for onclick handlers)
function addMediaType(type) { function addMediaType(type) {
const btn = document.getElementById('btn-' + type);
// Prevent duplicate sections of same type
if (btn && btn.disabled) { return; }
const container = document.getElementById('media-sections'); const container = document.getElementById('media-sections');
const sectionId = 'section-' + sectionCounter++; const sectionId = 'section-' + sectionCounter++;
@@ -243,6 +246,11 @@
'</button>'; '</button>';
container.appendChild(section); container.appendChild(section);
// Disable button for this type until section removed
if (btn) {
btn.disabled = true;
btn.title = 'Sektion bereits hinzugefügt – entfernen zum erneuten Hinzufügen';
}
// Add first row automatically // Add first row automatically
addMediaRow(sectionId, type); addMediaRow(sectionId, type);
@@ -314,6 +322,7 @@
const section = document.getElementById(sectionId); const section = document.getElementById(sectionId);
if (section) { if (section) {
if (confirm('Möchten Sie diese Sektion wirklich entfernen?')) { if (confirm('Möchten Sie diese Sektion wirklich entfernen?')) {
const type = section.getAttribute('data-type');
// Clean up tracking for removed rows // Clean up tracking for removed rows
const rows = section.querySelectorAll('tr[id]'); const rows = section.querySelectorAll('tr[id]');
rows.forEach(row => { rows.forEach(row => {
@@ -323,6 +332,12 @@
} }
}); });
section.remove(); section.remove();
// Re-enable button for this media type
const btn = document.getElementById('btn-' + type);
if (btn) {
btn.disabled = false;
btn.title = 'Sektion hinzufügen';
}
updateSubmitButton(); updateSubmitButton();
} }
} }