lukas.uptmoor/webgis-lohne
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

replaced sweet alert inline styles with CSS classes

Browse Source
This commit is contained in:
patrickzerhusen
2026-06-16 15:15:18 +02:00
parent 3fa47a3347
commit a859e61483
3 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/js/admin.js
View File

@@ -338,14 +338,14 @@ function editContribution(contributionId, currentTitle, currentDescription) {
Swal.fire({ Swal.fire({
title: 'Beitrag bearbeiten', title: 'Beitrag bearbeiten',
html: html:
'<div style="text-align:left;">' + '<div class="swal-form">' +
'<div style="margin-bottom:12px;">' + '<div class="swal-group">' +
'<label class="swal-label">Titel</label>' + '<label class="swal-label">Titel</label>' +
'<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' + '<input id="swal-title" class="swal2-input" value="' + escapeHtml(currentTitle) + '">' +
'</div>' + '</div>' +
'<div>' + '<div>' +
'<label class="swal-label">Beschreibung</label>' + '<label class="swal-label">Beschreibung</label>' +
'<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentDescription) + '</textarea>' + '<textarea id="swal-description" class="swal2-textarea">' + escapeHtml(currentDescription) + '</textarea>' +
'</div>' + '</div>' +
'</div>', '</div>',
showCancelButton: true, showCancelButton: true,
@@ -442,9 +442,9 @@ function editModComment(commentId, currentContent) {
Swal.fire({ Swal.fire({
title: 'Kommentar bearbeiten', title: 'Kommentar bearbeiten',
html: html:
'<div style="text-align:left;">' + '<div class="swal-form">' +
'<label class="swal-label">Inhalt</label>' + '<label class="swal-label">Inhalt</label>' +
'<textarea id="swal-comment-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' + '<textarea id="swal-comment-content" class="swal2-textarea">' + escapeHtml(currentContent) + '</textarea>' +
'</div>', '</div>',
showCancelButton: true, showCancelButton: true,
confirmButtonText: 'Speichern', confirmButtonText: 'Speichern',
@@ -509,18 +509,18 @@ function createNews() {
Swal.fire({ Swal.fire({
title: 'Neuigkeit hinzufügen', title: 'Neuigkeit hinzufügen',
html: html:
'<div style="text-align:left;">' + '<div class="swal-form">' +
'<div style="margin-bottom:12px;">' + '<div class="swal-group">' +
'<label class="swal-label">Titel</label>' + '<label class="swal-label">Titel</label>' +
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" placeholder="Titel der Neuigkeit">' + '<input id="swal-news-title" class="swal2-input" placeholder="Titel der Neuigkeit">' +
'</div>' + '</div>' +
'<div style="margin-bottom:12px;">' + '<div class="swal-group">' +
'<label class="swal-label">Inhalt</label>' + '<label class="swal-label">Inhalt</label>' +
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;" placeholder="Neuigkeit verfassen..."></textarea>' + '<textarea id="swal-news-content" class="swal2-textarea" placeholder="Neuigkeit verfassen..."></textarea>' +
'</div>' + '</div>' +
'<div>' + '<div>' +
'<label class="swal-label">Autor</label>' + '<label class="swal-label">Autor</label>' +
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="Stadtverwaltung">' + '<input id="swal-news-author" class="swal2-input" value="Stadtverwaltung">' +
'</div>' + '</div>' +
'</div>', '</div>',
showCancelButton: true, showCancelButton: true,
@@ -563,18 +563,18 @@ function editNews(newsId, currentTitle, currentContent, currentAuthor) {
Swal.fire({ Swal.fire({
title: 'Neuigkeit bearbeiten', title: 'Neuigkeit bearbeiten',
html: html:
'<div style="text-align:left;">' + '<div class="swal-form">' +
'<div style="margin-bottom:12px;">' + '<div class="swal-group">' +
'<label class="swal-label">Titel</label>' + '<label class="swal-label">Titel</label>' +
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' + '<input id="swal-news-title" class="swal2-input" value="' + escapeHtml(currentTitle) + '">' +
'</div>' + '</div>' +
'<div style="margin-bottom:12px;">' + '<div class="swal-group">' +
'<label class="swal-label">Inhalt</label>' + '<label class="swal-label">Inhalt</label>' +
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' + '<textarea id="swal-news-content" class="swal2-textarea">' + escapeHtml(currentContent) + '</textarea>' +
'</div>' + '</div>' +
'<div>' + '<div>' +
'<label class="swal-label">Autor</label>' + '<label class="swal-label">Autor</label>' +
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentAuthor) + '">' + '<input id="swal-news-author" class="swal2-input" value="' + escapeHtml(currentAuthor) + '">' +
'</div>' + '</div>' +
'</div>', '</div>',
showCancelButton: true, showCancelButton: true,

8
public/js/app.js
View File

@@ -666,14 +666,14 @@ function editContribution(contributionId) {
Swal.fire({ Swal.fire({
title: 'Beitrag bearbeiten', title: 'Beitrag bearbeiten',
html: html:
'<div style="text-align:left;">' + '<div class="swal-form">' +
'<div style="margin-bottom:12px;">' + '<div class="swal-group">' +
'<label class="swal-label">Titel</label>' + '<label class="swal-label">Titel</label>' +
'<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(props.title) + '">' + '<input id="swal-title" class="swal2-input" value="' + escapeHtml(props.title) + '">' +
'</div>' + '</div>' +
'<div>' + '<div>' +
'<label class="swal-label">Beschreibung</label>' + '<label class="swal-label">Beschreibung</label>' +
'<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(props.description || '') + '</textarea>' + '<textarea id="swal-description" class="swal2-textarea">' + escapeHtml(props.description || '') + '</textarea>' +
'</div>' + '</div>' +
'</div>', '</div>',
showCancelButton: true, showCancelButton: true,

14
public/styles.css
View File

@@ -292,6 +292,20 @@ select.form-input { cursor: pointer; }
margin-bottom: var(--space-xs); margin-bottom: var(--space-xs);
} }
.swal-form {
text-align: left;
}
.swal-group {
margin-bottom: var(--space-sm);
}
.swal2-input,
.swal2-textarea {
margin: 0 !important;
width: 100% !important;
}
.detail-block { .detail-block {
padding: var(--space-sm) 0; padding: var(--space-sm) 0;
font-size: var(--font-base); font-size: var(--font-base);