Compare commits
5 Commits
helm-chart
...
improve-do
| Author | SHA1 | Date | |
|---|---|---|---|
| aca9a2f307 | |||
| 081ea4de1c | |||
| a075811173 | |||
| d4143da9fc | |||
| b0c9b89e94 |
102
admin/css/vorgabe_border.css
Normal file
102
admin/css/vorgabe_border.css
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
/* Better visual separation for Vorgaben inlines */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] {
|
||||||
|
border: 2px solid #ddd;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .inline-related {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 6px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] h3 {
|
||||||
|
background-color: #007cba;
|
||||||
|
color: white;
|
||||||
|
padding: 8px 12px;
|
||||||
|
margin: -15px -15px 10px -15px;
|
||||||
|
border-radius: 6px 6px 0 0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .collapse .inline-related {
|
||||||
|
border-left: 3px solid #007cba;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Better spacing for nested inlines */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .inline-group {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .inline-group h3 {
|
||||||
|
background-color: #f0f8ff;
|
||||||
|
color: #333;
|
||||||
|
padding: 6px 10px;
|
||||||
|
margin: 0 0 8px 0;
|
||||||
|
border-left: 3px solid #007cba;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Highlight active/expanded vorgabe */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .inline-related:not(.collapsed) {
|
||||||
|
border-color: #007cba;
|
||||||
|
box-shadow: 0 0 8px rgba(0,124,186,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Highlight actively edited vorgabe */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .inline-related.active-edit {
|
||||||
|
border-color: #28a745;
|
||||||
|
box-shadow: 0 0 12px rgba(40,167,69,0.3);
|
||||||
|
background-color: #f8fff9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle hint styling */
|
||||||
|
.toggle-hint {
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: #666;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Better fieldset styling for vorgabe inlines */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .fieldset {
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background-color: #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .fieldset h2 {
|
||||||
|
background-color: #e3f2fd;
|
||||||
|
color: #1565c0;
|
||||||
|
padding: 5px 10px;
|
||||||
|
margin: -10px -10px 10px -10px;
|
||||||
|
border-radius: 4px 4px 0 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Better form layout */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .form-row {
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .form-row:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Wide fields styling */
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .wide .form-row > div {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-group[data-inline-model="vorgabe"] .wide textarea {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
25
admin/js/vorgabe_toggle.js
Normal file
25
admin/js/vorgabe_toggle.js
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
(function($) {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
// Add toggle buttons for each vorgabe inline
|
||||||
|
$('.inline-group[data-inline-model="vorgabe"]').each(function() {
|
||||||
|
var $group = $(this);
|
||||||
|
var $headers = $group.find('h3');
|
||||||
|
|
||||||
|
$headers.css('cursor', 'pointer').append(' <span class="toggle-hint">(klicken zum umschalten)</span>');
|
||||||
|
|
||||||
|
$headers.on('click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var $inline = $(this).closest('.inline-related');
|
||||||
|
$inline.find('.collapse').toggleClass('collapsed');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Highlight active vorgabe when editing
|
||||||
|
$('.inline-group[data-inline-model="vorgabe"] .inline-related').on('click', function() {
|
||||||
|
$('.inline-group[data-inline-model="vorgabe"] .inline-related').removeClass('active-edit');
|
||||||
|
$(this).addClass('active-edit');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})(django.jQuery);
|
||||||
@@ -21,45 +21,75 @@ from referenzen.models import Referenz
|
|||||||
# 'frage': forms.Textarea(attrs={'rows': 1, 'cols': 100}),
|
# 'frage': forms.Textarea(attrs={'rows': 1, 'cols': 100}),
|
||||||
# }
|
# }
|
||||||
|
|
||||||
class ChecklistenfragenInline(NestedTabularInline):
|
class ChecklistenfragenInline(NestedStackedInline):
|
||||||
model=Checklistenfrage
|
model=Checklistenfrage
|
||||||
extra=0
|
extra=0
|
||||||
fk_name="vorgabe"
|
fk_name="vorgabe"
|
||||||
# form=ChecklistenForm
|
|
||||||
classes = ['collapse']
|
classes = ['collapse']
|
||||||
|
verbose_name_plural = "Checklistenfragen"
|
||||||
|
fieldsets = (
|
||||||
|
(None, {
|
||||||
|
'fields': ('frage',),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
class VorgabeKurztextInline(NestedTabularInline):
|
class VorgabeKurztextInline(NestedStackedInline):
|
||||||
model=VorgabeKurztext
|
model=VorgabeKurztext
|
||||||
extra=0
|
extra=0
|
||||||
sortable_field_name = "order"
|
sortable_field_name = "order"
|
||||||
show_change_link=True
|
show_change_link=True
|
||||||
classes = ['collapse']
|
classes = ['collapse']
|
||||||
#inline=inhalt
|
verbose_name_plural = "Kurztext-Abschnitte"
|
||||||
|
fieldsets = (
|
||||||
|
(None, {
|
||||||
|
'fields': ('abschnitttyp', 'inhalt', 'order'),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
class VorgabeLangtextInline(NestedTabularInline):
|
class VorgabeLangtextInline(NestedStackedInline):
|
||||||
model=VorgabeLangtext
|
model=VorgabeLangtext
|
||||||
extra=0
|
extra=0
|
||||||
sortable_field_name = "order"
|
sortable_field_name = "order"
|
||||||
show_change_link=True
|
show_change_link=True
|
||||||
classes = ['collapse']
|
classes = ['collapse']
|
||||||
#inline=inhalt
|
verbose_name_plural = "Langtext-Abschnitte"
|
||||||
|
fieldsets = (
|
||||||
|
(None, {
|
||||||
|
'fields': ('abschnitttyp', 'inhalt', 'order'),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
class GeltungsbereichInline(NestedTabularInline):
|
class GeltungsbereichInline(NestedStackedInline):
|
||||||
model=Geltungsbereich
|
model=Geltungsbereich
|
||||||
extra=0
|
extra=0
|
||||||
sortable_field_name = "order"
|
sortable_field_name = "order"
|
||||||
show_change_link=True
|
show_change_link=True
|
||||||
classes = ['collapse']
|
classes = ['collapse']
|
||||||
classes = ['collapse']
|
verbose_name_plural = "Geltungsbereich-Abschnitte"
|
||||||
#inline=inhalt
|
fieldsets = (
|
||||||
|
(None, {
|
||||||
|
'fields': ('abschnitttyp', 'inhalt', 'order'),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
class EinleitungInline(NestedTabularInline):
|
class EinleitungInline(NestedStackedInline):
|
||||||
model = Einleitung
|
model = Einleitung
|
||||||
extra = 0
|
extra = 0
|
||||||
sortable_field_name = "order"
|
sortable_field_name = "order"
|
||||||
show_change_link = True
|
show_change_link = True
|
||||||
classes = ['collapse']
|
classes = ['collapse']
|
||||||
|
verbose_name_plural = "Einleitungs-Abschnitte"
|
||||||
|
fieldsets = (
|
||||||
|
(None, {
|
||||||
|
'fields': ('abschnitttyp', 'inhalt', 'order'),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
class VorgabeForm(forms.ModelForm):
|
class VorgabeForm(forms.ModelForm):
|
||||||
referenzen = TreeNodeMultipleChoiceField(queryset=Referenz.objects.all(), required=False)
|
referenzen = TreeNodeMultipleChoiceField(queryset=Referenz.objects.all(), required=False)
|
||||||
@@ -67,17 +97,31 @@ class VorgabeForm(forms.ModelForm):
|
|||||||
model = Vorgabe
|
model = Vorgabe
|
||||||
fields = '__all__'
|
fields = '__all__'
|
||||||
|
|
||||||
class VorgabeInline(SortableInlineAdminMixin, NestedTabularInline): # or StackedInline for more vertical layout
|
class VorgabeInline(SortableInlineAdminMixin, NestedStackedInline):
|
||||||
model = Vorgabe
|
model = Vorgabe
|
||||||
form = VorgabeForm
|
form = VorgabeForm
|
||||||
extra = 0
|
extra = 0
|
||||||
sortable_field_name = "order" # Add this - make sure your Vorgabe model has an 'order' field
|
sortable_field_name = "order"
|
||||||
#show_change_link = True
|
show_change_link = False
|
||||||
inlines = [VorgabeKurztextInline,VorgabeLangtextInline,ChecklistenfragenInline]
|
can_delete = False
|
||||||
|
inlines = [VorgabeKurztextInline, VorgabeLangtextInline, ChecklistenfragenInline]
|
||||||
autocomplete_fields = ['stichworte','referenzen','relevanz']
|
autocomplete_fields = ['stichworte','referenzen','relevanz']
|
||||||
#search_fields=['nummer','name']ModelAdmin.
|
# Remove collapse class so Vorgaben show by default
|
||||||
list_filter=['stichworte']
|
|
||||||
#classes=["collapse"]
|
fieldsets = (
|
||||||
|
('Grunddaten', {
|
||||||
|
'fields': (('order', 'nummer'), ('thema', 'titel')),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
('Gültigkeit', {
|
||||||
|
'fields': (('gueltigkeit_von', 'gueltigkeit_bis'),),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
('Verknüpfungen', {
|
||||||
|
'fields': (('referenzen', 'stichworte', 'relevanz'),),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
class StichworterklaerungInline(NestedTabularInline):
|
class StichworterklaerungInline(NestedTabularInline):
|
||||||
model=Stichworterklaerung
|
model=Stichworterklaerung
|
||||||
@@ -104,16 +148,31 @@ class PersonAdmin(admin.ModelAdmin):
|
|||||||
@admin.register(Dokument)
|
@admin.register(Dokument)
|
||||||
class DokumentAdmin(SortableAdminBase, NestedModelAdmin):
|
class DokumentAdmin(SortableAdminBase, NestedModelAdmin):
|
||||||
actions_on_top=True
|
actions_on_top=True
|
||||||
inlines = [EinleitungInline,GeltungsbereichInline,VorgabeInline]
|
inlines = [EinleitungInline, GeltungsbereichInline, VorgabeInline]
|
||||||
#filter_horizontal=['autoren','pruefende']
|
filter_horizontal=['autoren','pruefende']
|
||||||
list_display=['nummer','name','dokumententyp']
|
list_display=['nummer','name','dokumententyp','gueltigkeit_von','gueltigkeit_bis','aktiv']
|
||||||
search_fields=['nummer','name']
|
search_fields=['nummer','name']
|
||||||
|
list_filter=['dokumententyp','aktiv','gueltigkeit_von']
|
||||||
|
|
||||||
|
fieldsets = (
|
||||||
|
('Grunddaten', {
|
||||||
|
'fields': ('nummer', 'name', 'dokumententyp', 'aktiv'),
|
||||||
|
'classes': ('wide',),
|
||||||
|
}),
|
||||||
|
('Verantwortlichkeiten', {
|
||||||
|
'fields': ('autoren', 'pruefende'),
|
||||||
|
'classes': ('wide', 'collapse'),
|
||||||
|
}),
|
||||||
|
('Gültigkeit & Metadaten', {
|
||||||
|
'fields': ('gueltigkeit_von', 'gueltigkeit_bis', 'signatur_cso', 'anhaenge'),
|
||||||
|
'classes': ('wide', 'collapse'),
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
|
||||||
class Media:
|
class Media:
|
||||||
# js = ('admin/js/vorgabe_collapse.js',)
|
js = ('admin/js/vorgabe_collapse.js',)
|
||||||
css = {
|
css = {
|
||||||
'all': ('admin/css/vorgabe_border.css',
|
'all': ('admin/css/vorgabe_border.css',)
|
||||||
# 'admin/css/vorgabe_collapse.css',
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin-bottom: 50px;
|
margin-bottom: 50px;
|
||||||
background-color: #f9f9f9;
|
|
||||||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,21 +1,58 @@
|
|||||||
window.addEventListener('load', function () {
|
window.addEventListener('load', function () {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
const vorgabenBlocks = document.querySelectorAll('.djn-dynamic-form-Standards-vorgabe');
|
// Try different selectors for nested admin vorgabe elements
|
||||||
console.log("Found", vorgabenBlocks.length, "Vorgaben blocks");
|
const selectors = [
|
||||||
|
'.djn-dynamic-form-dokumente-vorgabe',
|
||||||
|
'.djn-dynamic-form-Standards-vorgabe',
|
||||||
|
'.inline-related[data-inline-type="stacked"]',
|
||||||
|
'.nested-inline'
|
||||||
|
];
|
||||||
|
|
||||||
|
let vorgabenBlocks = [];
|
||||||
|
for (const selector of selectors) {
|
||||||
|
vorgabenBlocks = document.querySelectorAll(selector);
|
||||||
|
if (vorgabenBlocks.length > 0) {
|
||||||
|
console.log("Found", vorgabenBlocks.length, "Vorgaben blocks with selector:", selector);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (vorgabenBlocks.length === 0) {
|
||||||
|
console.log("No Vorgaben blocks found, trying fallback...");
|
||||||
|
// Fallback: look for any inline with vorgabe in the class
|
||||||
|
vorgabenBlocks = document.querySelectorAll('[class*="vorgabe"]');
|
||||||
|
}
|
||||||
|
|
||||||
vorgabenBlocks.forEach((block, index) => {
|
vorgabenBlocks.forEach((block, index) => {
|
||||||
const header = document.createElement('div');
|
// Find the existing title/header within the vorgabe block
|
||||||
header.className = 'vorgabe-toggle-header';
|
const existingHeader = block.querySelector('h3, .inline-label, .module h2, .djn-inline-header');
|
||||||
header.innerHTML = `▼ Vorgabe ${index + 1}`;
|
|
||||||
header.style.cursor = 'pointer';
|
|
||||||
|
|
||||||
block.parentNode.insertBefore(header, block);
|
if (existingHeader) {
|
||||||
|
// Make the existing header clickable for collapse/expand
|
||||||
|
existingHeader.style.cursor = 'pointer';
|
||||||
|
existingHeader.addEventListener('click', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
|
||||||
header.addEventListener('click', () => {
|
// Find all content to collapse - everything except the header itself
|
||||||
const isHidden = block.style.display === 'none';
|
const allChildren = Array.from(block.children);
|
||||||
block.style.display = isHidden ? '' : 'none';
|
const contentElements = allChildren.filter(child => child !== existingHeader && !child.contains(existingHeader));
|
||||||
header.innerHTML = `${isHidden ? '▼' : '▶'} Vorgabe ${index + 1}`;
|
|
||||||
});
|
contentElements.forEach(element => {
|
||||||
|
const isHidden = element.style.display === 'none';
|
||||||
|
element.style.display = isHidden ? '' : 'none';
|
||||||
|
});
|
||||||
|
|
||||||
|
// Update the header text to show collapse state
|
||||||
|
const originalText = existingHeader.textContent.replace(/[▼▶]\s*/, '');
|
||||||
|
const anyHidden = contentElements.some(el => el.style.display === 'none');
|
||||||
|
existingHeader.innerHTML = `${anyHidden ? '▶' : '▼'} ${originalText}`;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add initial collapse indicator
|
||||||
|
const originalText = existingHeader.textContent;
|
||||||
|
existingHeader.innerHTML = `▼ ${originalText}`;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}, 500); // wait 500ms to allow nested inlines to render
|
}, 1000); // wait longer to allow nested inlines to render
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user