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

small bugfix and color change #21

Merged
WorldTeacher merged 2 commits from dev into main 2025-11-19 17:59:28 +00:00
Conversation 0 Commits 2 Files Changed 2 +27 -5
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; }
/* Generic disabled button state */
.btn:disabled {
opacity: 0.55;
cursor: not-allowed;
filter: grayscale(0.15);
}
.actions {
margin-top: 16px;
display: flex;
@@ -537,8 +544,8 @@ input[type="radio"] { accent-color: var(--control-accent); }
top: 20px;
right: 20px;
background: var(--card-bg);
border: 1px solid hsl(142, 71%, 45%);
background-color: hsl(142, 82%, 30%);
border: 1px solid hsl(142, 82%, 30%);
background-color: hsl(142, 71%, 45%);
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
padding: 16px 20px;

21
app/templates/elsa_mono_form.html
View File

@@ -103,13 +103,13 @@
<h2>Medien</h2>
<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
</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
</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
</button>
</div>
@@ -173,6 +173,9 @@
// Media management functions (global scope for onclick handlers)
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 sectionId = 'section-' + sectionCounter++;
@@ -243,6 +246,11 @@
'</button>';
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
addMediaRow(sectionId, type);
@@ -314,6 +322,7 @@
const section = document.getElementById(sectionId);
if (section) {
if (confirm('Möchten Sie diese Sektion wirklich entfernen?')) {
const type = section.getAttribute('data-type');
// Clean up tracking for removed rows
const rows = section.querySelectorAll('tr[id]');
rows.forEach(row => {
@@ -323,6 +332,12 @@
}
});
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();
}
}