mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 02:25:30 +00:00
+Person relation on Inhalte
This commit is contained in:
@@ -242,8 +242,57 @@ func (p *AlmanachContentsEditPage) POSTSave(engine *templating.Engine, app core.
|
|||||||
|
|
||||||
redirect := fmt.Sprintf("/almanach/%s/contents/edit?saved_message=%s", id, url.QueryEscape("Änderungen gespeichert."))
|
redirect := fmt.Sprintf("/almanach/%s/contents/edit?saved_message=%s", id, url.QueryEscape("Änderungen gespeichert."))
|
||||||
if isHTMX {
|
if isHTMX {
|
||||||
e.Response.Header().Set("HX-Redirect", redirect)
|
renderID := ""
|
||||||
return e.String(http.StatusOK, "")
|
for contentID := range contentInputs {
|
||||||
|
renderID = contentID
|
||||||
|
break
|
||||||
|
}
|
||||||
|
var renderContent *dbmodels.Content
|
||||||
|
if renderID != "" {
|
||||||
|
if existing, ok := existingByID[renderID]; ok {
|
||||||
|
renderContent = existing
|
||||||
|
} else if len(newContentIDs) > 0 && len(updatedContents) > 0 {
|
||||||
|
renderContent = updatedContents[len(updatedContents)-1]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if renderContent == nil && renderID != "" {
|
||||||
|
if refreshed, err := dbmodels.Contents_IDs(app, []any{renderID}); err == nil && len(refreshed) > 0 {
|
||||||
|
renderContent = refreshed[0]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if renderContent == nil {
|
||||||
|
e.Response.Header().Set("HX-Redirect", redirect)
|
||||||
|
return e.String(http.StatusOK, "")
|
||||||
|
}
|
||||||
|
if refreshed, err := dbmodels.Contents_IDs(app, []any{renderContent.Id}); err == nil && len(refreshed) > 0 {
|
||||||
|
renderContent = refreshed[0]
|
||||||
|
}
|
||||||
|
agentsMap, contentAgentsMap, err := dbmodels.AgentsForContents(app, []*dbmodels.Content{renderContent})
|
||||||
|
if err != nil {
|
||||||
|
agentsMap = map[string]*dbmodels.Agent{}
|
||||||
|
contentAgentsMap = map[string][]*dbmodels.RContentsAgents{}
|
||||||
|
}
|
||||||
|
data := map[string]any{
|
||||||
|
"content": renderContent,
|
||||||
|
"content_id": renderContent.Id,
|
||||||
|
"entry": entry,
|
||||||
|
"csrf_token": req.Session().Token,
|
||||||
|
"content_types": dbmodels.CONTENT_TYPE_VALUES,
|
||||||
|
"musenalm_types": dbmodels.MUSENALM_TYPE_VALUES,
|
||||||
|
"pagination_values": paginationValuesSorted(),
|
||||||
|
"agent_relations": dbmodels.AGENT_RELATIONS,
|
||||||
|
"agents": agentsMap,
|
||||||
|
"content_agents": contentAgentsMap[renderContent.Id],
|
||||||
|
"open_edit": false,
|
||||||
|
"is_new": false,
|
||||||
|
}
|
||||||
|
var builder strings.Builder
|
||||||
|
if err := engine.Render(&builder, "/almanach/contents/item/", data, "fragment"); err != nil {
|
||||||
|
app.Logger().Error("Failed to render content save", "entry_id", entry.Id, "content_id", renderContent.Id, "error", err)
|
||||||
|
e.Response.Header().Set("HX-Redirect", redirect)
|
||||||
|
return e.String(http.StatusOK, "")
|
||||||
|
}
|
||||||
|
return e.HTML(http.StatusOK, builder.String())
|
||||||
}
|
}
|
||||||
return e.Redirect(http.StatusSeeOther, redirect)
|
return e.Redirect(http.StatusSeeOther, redirect)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -224,6 +224,9 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
items.forEach((item) => {
|
items.forEach((item) => {
|
||||||
|
if (item.parentElement !== list) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
const contentId = item.querySelector("[data-role='content-card']")?.dataset.contentId || "";
|
const contentId = item.querySelector("[data-role='content-card']")?.dataset.contentId || "";
|
||||||
list.insertBefore(createGap("before", contentId, false), item);
|
list.insertBefore(createGap("before", contentId, false), item);
|
||||||
});
|
});
|
||||||
@@ -242,6 +245,17 @@
|
|||||||
const syncEditSpacing = () => {
|
const syncEditSpacing = () => {
|
||||||
setEditSpacing(!!list.querySelector("[data-role='content-item'].data-editing"));
|
setEditSpacing(!!list.querySelector("[data-role='content-item'].data-editing"));
|
||||||
};
|
};
|
||||||
|
const showEditButtonsIfIdle = () => {
|
||||||
|
if (list.querySelector("[data-role='content-item'].data-editing")) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
getItems().forEach((item) => {
|
||||||
|
const editButton = item.querySelector("[data-role='content-edit-button']");
|
||||||
|
if (editButton) {
|
||||||
|
editButton.classList.remove("hidden");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
if (getItems().length === 0) {
|
if (getItems().length === 0) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -561,6 +575,7 @@
|
|||||||
getItems().forEach((item) => setupItem(item));
|
getItems().forEach((item) => setupItem(item));
|
||||||
renderInsertGaps();
|
renderInsertGaps();
|
||||||
syncEditSpacing();
|
syncEditSpacing();
|
||||||
|
showEditButtonsIfIdle();
|
||||||
updateCollapseAllLabel();
|
updateCollapseAllLabel();
|
||||||
|
|
||||||
if (list.dataset.pageInit !== "true") {
|
if (list.dataset.pageInit !== "true") {
|
||||||
|
|||||||
@@ -228,132 +228,207 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div id="{{ $agentsSectionID }}" class="rel-section-container px-0 mt-0">
|
<div id="{{ $agentsSectionID }}" class="rel-section-container px-0 mt-0">
|
||||||
{{- if and $contentAgentsRender (gt (len $contentAgentsRender) 0) -}}
|
{{- if and $contentAgentsRender (gt (len $contentAgentsRender) 0) -}}
|
||||||
{{- range $i, $r := $contentAgentsRender -}}
|
{{- range $i, $r := $contentAgentsRender -}}
|
||||||
{{- $a := index $agents $r.Agent -}}
|
{{- $a := index $agents $r.Agent -}}
|
||||||
<div data-rel-row class="contents-agent-row rel-row">
|
<div data-rel-row class="contents-agent-row rel-row">
|
||||||
<div class="rel-grid">
|
<div class="rel-grid">
|
||||||
<div data-rel-strike class="relation-strike rel-name-col">
|
<div data-rel-strike class="relation-strike rel-name-col">
|
||||||
{{- if $a -}}
|
{{- if $a -}}
|
||||||
<a data-rel-link href="/person/{{ $a.Id }}" class="rel-link" target="_blank" rel="noreferrer">
|
<a data-rel-link href="/person/{{ $a.Id }}" class="rel-link" target="_blank" rel="noreferrer">
|
||||||
<span data-rel-name>{{- $a.Name -}}</span>
|
<span data-rel-name>{{- $a.Name -}}</span>
|
||||||
</a>
|
</a>
|
||||||
{{- if $a.BiographicalData -}}
|
{{- if $a.BiographicalData -}}
|
||||||
<div data-rel-detail-container class="rel-detail"><span data-rel-detail>{{- $a.BiographicalData -}}</span></div>
|
<div data-rel-detail-container class="rel-detail"><span data-rel-detail>{{- $a.BiographicalData -}}</span></div>
|
||||||
|
{{- end -}}
|
||||||
|
{{- else -}}
|
||||||
|
<div class="text-base text-gray-800">Unbekannte Person</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- else -}}
|
</div>
|
||||||
<div class="text-base text-gray-800">Unbekannte Person</div>
|
<div data-rel-strike class="relation-strike">
|
||||||
{{- end -}}
|
<select name="{{ $agentsPrefix }}_type[{{ $r.Id }}]" id="{{ $agentsPrefix }}_type_{{ $r.Id }}" autocomplete="off" class="inputselect font-bold w-full">
|
||||||
</div>
|
{{- range $t := $agentRelations -}}
|
||||||
<div data-rel-strike class="relation-strike">
|
<option value="{{- $t -}}" {{ if eq $r.Type $t }}selected{{ end }}>{{- $t -}}</option>
|
||||||
<select name="{{ $agentsPrefix }}_type[{{ $r.Id }}]" id="{{ $agentsPrefix }}_type_{{ $r.Id }}" autocomplete="off" class="inputselect font-bold w-full">
|
{{- end -}}
|
||||||
{{- range $t := $agentRelations -}}
|
</select>
|
||||||
<option value="{{- $t -}}" {{ if eq $r.Type $t }}selected{{ end }}>{{- $t -}}</option>
|
</div>
|
||||||
{{- end -}}
|
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
||||||
</select>
|
<input
|
||||||
</div>
|
type="checkbox"
|
||||||
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
name="{{ $agentsPrefix }}_uncertain[{{ $r.Id }}]"
|
||||||
<input
|
id="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}"
|
||||||
type="checkbox"
|
{{ if $r.Uncertain }}checked{{ end }} />
|
||||||
name="{{ $agentsPrefix }}_uncertain[{{ $r.Id }}]"
|
<label for="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}" class="rel-uncertain-label">Unsicher</label>
|
||||||
id="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}"
|
</div>
|
||||||
{{ if $r.Uncertain }}checked{{ end }} />
|
<div class="rel-button-container">
|
||||||
<label for="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}" class="rel-uncertain-label">Unsicher</label>
|
<button
|
||||||
</div>
|
type="button"
|
||||||
<div class="rel-button-container">
|
class="text-sm"
|
||||||
<button
|
data-delete-toggle="{{ $agentsPrefix }}_delete_{{ $r.Id }}">
|
||||||
type="button"
|
<i class="ri-delete-bin-line mr-1"></i>
|
||||||
class="text-sm"
|
<span class="no-underline" data-delete-label data-delete-default="Entfernen" data-delete-active="Wird entfernt" data-delete-hover="Rückgängig">Entfernen</span>
|
||||||
data-delete-toggle="{{ $agentsPrefix }}_delete_{{ $r.Id }}">
|
</button>
|
||||||
<i class="ri-delete-bin-line mr-1"></i>
|
<input type="checkbox" class="hidden" name="{{ $agentsPrefix }}_delete[{{ $r.Id }}]" id="{{ $agentsPrefix }}_delete_{{ $r.Id }}" />
|
||||||
<span class="no-underline" data-delete-label data-delete-default="Entfernen" data-delete-active="Wird entfernt" data-delete-hover="Rückgängig">Entfernen</span>
|
</div>
|
||||||
</button>
|
|
||||||
<input type="checkbox" class="hidden" name="{{ $agentsPrefix }}_delete[{{ $r.Id }}]" id="{{ $agentsPrefix }}_delete_{{ $r.Id }}" />
|
|
||||||
</div>
|
</div>
|
||||||
|
<input type="hidden" name="{{ $agentsPrefix }}_id[{{ $r.Id }}]" value="{{ $r.Id }}" />
|
||||||
|
<input type="hidden" name="{{ $agentsPrefix }}_agent[{{ $r.Id }}]" value="{{ $r.Agent }}" />
|
||||||
</div>
|
</div>
|
||||||
<input type="hidden" name="{{ $agentsPrefix }}_id[{{ $r.Id }}]" value="{{ $r.Id }}" />
|
{{- end -}}
|
||||||
<input type="hidden" name="{{ $agentsPrefix }}_agent[{{ $r.Id }}]" value="{{ $r.Agent }}" />
|
{{- else if $contentAgents -}}
|
||||||
</div>
|
{{- range $i, $r := $contentAgents -}}
|
||||||
{{- end -}}
|
{{- $a := index $agents $r.Agent -}}
|
||||||
{{- else if $contentAgents -}}
|
<div data-rel-row class="contents-agent-row rel-row">
|
||||||
{{- range $i, $r := $contentAgents -}}
|
<div class="rel-grid">
|
||||||
{{- $a := index $agents $r.Agent -}}
|
<div data-rel-strike class="relation-strike rel-name-col">
|
||||||
<div data-rel-row class="contents-agent-row rel-row">
|
{{- if $a -}}
|
||||||
<div class="rel-grid">
|
<a data-rel-link href="/person/{{ $a.Id }}" class="rel-link" target="_blank" rel="noreferrer">
|
||||||
<div data-rel-strike class="relation-strike rel-name-col">
|
<span data-rel-name>{{- $a.Name -}}</span>
|
||||||
{{- if $a -}}
|
</a>
|
||||||
<a data-rel-link href="/person/{{ $a.Id }}" class="rel-link" target="_blank" rel="noreferrer">
|
{{- if $a.BiographicalData -}}
|
||||||
<span data-rel-name>{{- $a.Name -}}</span>
|
<div data-rel-detail-container class="rel-detail"><span data-rel-detail>{{- $a.BiographicalData -}}</span></div>
|
||||||
</a>
|
{{- end -}}
|
||||||
{{- if $a.BiographicalData -}}
|
{{- else -}}
|
||||||
<div data-rel-detail-container class="rel-detail"><span data-rel-detail>{{- $a.BiographicalData -}}</span></div>
|
<div class="text-base text-gray-800">Unbekannte Person</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- else -}}
|
</div>
|
||||||
<div class="text-base text-gray-800">Unbekannte Person</div>
|
<div data-rel-strike class="relation-strike">
|
||||||
{{- end -}}
|
<select name="{{ $agentsPrefix }}_type[{{ $r.Id }}]" id="{{ $agentsPrefix }}_type_{{ $r.Id }}" autocomplete="off" class="inputselect font-bold w-full">
|
||||||
</div>
|
{{- range $t := $agentRelations -}}
|
||||||
<div data-rel-strike class="relation-strike">
|
<option value="{{- $t -}}" {{ if eq $r.Type $t }}selected{{ end }}>{{- $t -}}</option>
|
||||||
<select name="{{ $agentsPrefix }}_type[{{ $r.Id }}]" id="{{ $agentsPrefix }}_type_{{ $r.Id }}" autocomplete="off" class="inputselect font-bold w-full">
|
{{- end -}}
|
||||||
{{- range $t := $agentRelations -}}
|
</select>
|
||||||
<option value="{{- $t -}}" {{ if eq $r.Type $t }}selected{{ end }}>{{- $t -}}</option>
|
</div>
|
||||||
{{- end -}}
|
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
||||||
</select>
|
<input
|
||||||
</div>
|
type="checkbox"
|
||||||
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
name="{{ $agentsPrefix }}_uncertain[{{ $r.Id }}]"
|
||||||
<input
|
id="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}"
|
||||||
type="checkbox"
|
{{ if $r.Uncertain }}checked{{ end }} />
|
||||||
name="{{ $agentsPrefix }}_uncertain[{{ $r.Id }}]"
|
<label for="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}" class="rel-uncertain-label">Unsicher</label>
|
||||||
id="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}"
|
</div>
|
||||||
{{ if $r.Uncertain }}checked{{ end }} />
|
<div class="rel-button-container">
|
||||||
<label for="{{ $agentsPrefix }}_uncertain_{{ $r.Id }}" class="rel-uncertain-label">Unsicher</label>
|
<button
|
||||||
</div>
|
type="button"
|
||||||
<div class="rel-button-container">
|
class="text-sm"
|
||||||
<button
|
data-delete-toggle="{{ $agentsPrefix }}_delete_{{ $r.Id }}">
|
||||||
type="button"
|
<i class="ri-delete-bin-line mr-1"></i>
|
||||||
class="text-sm"
|
<span class="no-underline" data-delete-label data-delete-default="Entfernen" data-delete-active="Wird entfernt" data-delete-hover="Rückgängig">Entfernen</span>
|
||||||
data-delete-toggle="{{ $agentsPrefix }}_delete_{{ $r.Id }}">
|
</button>
|
||||||
<i class="ri-delete-bin-line mr-1"></i>
|
<input type="checkbox" class="hidden" name="{{ $agentsPrefix }}_delete[{{ $r.Id }}]" id="{{ $agentsPrefix }}_delete_{{ $r.Id }}" />
|
||||||
<span class="no-underline" data-delete-label data-delete-default="Entfernen" data-delete-active="Wird entfernt" data-delete-hover="Rückgängig">Entfernen</span>
|
</div>
|
||||||
</button>
|
|
||||||
<input type="checkbox" class="hidden" name="{{ $agentsPrefix }}_delete[{{ $r.Id }}]" id="{{ $agentsPrefix }}_delete_{{ $r.Id }}" />
|
|
||||||
</div>
|
</div>
|
||||||
|
<input type="hidden" name="{{ $agentsPrefix }}_id[{{ $r.Id }}]" value="{{ $r.Id }}" />
|
||||||
|
<input type="hidden" name="{{ $agentsPrefix }}_agent[{{ $r.Id }}]" value="{{ $r.Agent }}" />
|
||||||
</div>
|
</div>
|
||||||
<input type="hidden" name="{{ $agentsPrefix }}_id[{{ $r.Id }}]" value="{{ $r.Id }}" />
|
{{- end -}}
|
||||||
<input type="hidden" name="{{ $agentsPrefix }}_agent[{{ $r.Id }}]" value="{{ $r.Agent }}" />
|
{{- else -}}
|
||||||
</div>
|
<div class="rel-empty-text">Keine Personen verknüpft.</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- else -}}
|
|
||||||
<div class="rel-empty-text">Keine Personen verknüpft.</div>
|
|
||||||
{{- end -}}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div data-role="relation-add-row" class="flex flex-col gap-2 mt-2 px-0">
|
<div data-role="relation-add-row" class="flex flex-col gap-2 mt-2 px-0">
|
||||||
{{- if and $contentAgentsNew (gt (len $contentAgentsNew) 0) -}}
|
{{- if and $contentAgentsNew (gt (len $contentAgentsNew) 0) -}}
|
||||||
{{- range $i, $r := $contentAgentsNew -}}
|
{{- range $i, $r := $contentAgentsNew -}}
|
||||||
{{- $a := index $agents $r.Agent -}}
|
{{- $a := index $agents $r.Agent -}}
|
||||||
|
<div data-rel-row class="rel-row">
|
||||||
|
<div class="rel-grid">
|
||||||
|
<div data-rel-strike class="relation-strike rel-name-col">
|
||||||
|
<div class="text-base text-gray-800 truncate">
|
||||||
|
<a data-rel-link class="no-underline hover:text-slate-900" href="/person/{{ $r.Agent }}" target="_blank" rel="noreferrer">
|
||||||
|
<span data-rel-name>{{- if $a -}}{{ $a.Name }}{{- end -}}</span>
|
||||||
|
</a>
|
||||||
|
<em data-rel-new class="rel-new-badge">(Neu)</em>
|
||||||
|
</div>
|
||||||
|
{{- if $a -}}
|
||||||
|
{{- if $a.BiographicalData -}}
|
||||||
|
<div data-rel-detail-container class="rel-detail"><span data-rel-detail>{{- $a.BiographicalData -}}</span></div>
|
||||||
|
{{- end -}}
|
||||||
|
{{- end -}}
|
||||||
|
</div>
|
||||||
|
<div data-rel-strike class="relation-strike">
|
||||||
|
<select name="{{ $agentsPrefix }}_new_type" class="inputselect font-bold w-full">
|
||||||
|
{{- range $t := $agentRelations -}}
|
||||||
|
<option value="{{- $t -}}" {{ if eq $r.Type $t }}selected{{ end }}>{{- $t -}}</option>
|
||||||
|
{{- end -}}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
||||||
|
<input data-rel-input="uncertain" type="checkbox" name="{{ $agentsPrefix }}_new_uncertain" value="{{ $r.Agent }}" {{ if $r.Uncertain }}checked{{ end }} />
|
||||||
|
<label data-rel-uncertain-label class="rel-uncertain-label">Unsicher</label>
|
||||||
|
</div>
|
||||||
|
<div class="rel-button-container">
|
||||||
|
<button type="button" class="text-sm text-red-700 hover:text-red-900" data-role="relation-new-delete">
|
||||||
|
<i class="ri-delete-bin-line mr-1"></i> Entfernen
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<input type="hidden" data-rel-input="id" name="{{ $agentsPrefix }}_new_id" value="{{ $r.Agent }}" />
|
||||||
|
</div>
|
||||||
|
{{- end -}}
|
||||||
|
{{- end -}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div data-role="relation-add-panel" class="mt-2 px-0 hidden">
|
||||||
|
<div class="rel-row">
|
||||||
|
<div class="rel-grid">
|
||||||
|
<div class="min-w-0">
|
||||||
|
<label for="{{ $agentsAddToggleID }}-select" class="sr-only">Akteur suchen</label>
|
||||||
|
<single-select-remote
|
||||||
|
id="{{ $agentsAddToggleID }}-select"
|
||||||
|
data-role="relation-add-select"
|
||||||
|
name="{{ $agentsPrefix }}_new_id"
|
||||||
|
placeholder="Akteur suchen..."
|
||||||
|
data-endpoint="/api/agents/search"
|
||||||
|
data-result-key="agents"
|
||||||
|
data-minchars="1"
|
||||||
|
data-limit="15">
|
||||||
|
</single-select-remote>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="{{ $agentsPrefix }}_new_type" class="sr-only">Beziehung</label>
|
||||||
|
<select data-role="relation-type-select" name="{{ $agentsPrefix }}_new_type" id="{{ $agentsPrefix }}_new_type" autocomplete="off" class="inputselect font-bold w-full">
|
||||||
|
{{- range $t := $agentRelations -}}
|
||||||
|
<option value="{{- $t -}}">{{- $t -}}</option>
|
||||||
|
{{- end -}}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="rel-uncertain-container">
|
||||||
|
<input data-role="relation-uncertain" type="checkbox" name="{{ $agentsPrefix }}_new_uncertain" id="{{ $agentsPrefix }}_new_uncertain" />
|
||||||
|
<label for="{{ $agentsPrefix }}_new_uncertain" class="rel-uncertain-label">Unsicher</label>
|
||||||
|
</div>
|
||||||
|
<div class="rel-button-container">
|
||||||
|
<div class="flex items-center gap-3 text-lg">
|
||||||
|
<button type="button" data-role="relation-add-apply" class="text-gray-700 hover:text-gray-900" aria-label="Person hinzufügen">
|
||||||
|
<i class="ri-check-line"></i>
|
||||||
|
</button>
|
||||||
|
<button type="button" data-role="relation-add-close" class="text-gray-700 hover:text-gray-900" aria-label="Ausblenden">
|
||||||
|
<i class="ri-close-line"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div data-role="relation-add-error" class="text-xs text-red-700 mt-2 hidden" data-error-empty="Bitte Akteur auswählen.">Bitte Akteur auswählen.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<template data-role="relation-new-template">
|
||||||
<div data-rel-row class="rel-row">
|
<div data-rel-row class="rel-row">
|
||||||
<div class="rel-grid">
|
<div class="rel-grid">
|
||||||
<div data-rel-strike class="relation-strike rel-name-col">
|
<div data-rel-strike class="relation-strike rel-name-col">
|
||||||
<div class="text-base text-gray-800 truncate">
|
<div class="text-base text-gray-800 truncate">
|
||||||
<a data-rel-link class="no-underline hover:text-slate-900" href="/person/{{ $r.Agent }}" target="_blank" rel="noreferrer">
|
<a data-rel-link class="no-underline hover:text-slate-900">
|
||||||
<span data-rel-name>{{- if $a -}}{{ $a.Name }}{{- end -}}</span>
|
<span data-rel-name></span>
|
||||||
</a>
|
</a>
|
||||||
<em data-rel-new class="rel-new-badge">(Neu)</em>
|
<em data-rel-new class="rel-new-badge"></em>
|
||||||
</div>
|
</div>
|
||||||
{{- if $a -}}
|
<div data-rel-detail-container class="rel-detail"><span data-rel-detail></span></div>
|
||||||
{{- if $a.BiographicalData -}}
|
|
||||||
<div data-rel-detail-container class="rel-detail"><span data-rel-detail>{{- $a.BiographicalData -}}</span></div>
|
|
||||||
{{- end -}}
|
|
||||||
{{- end -}}
|
|
||||||
</div>
|
</div>
|
||||||
<div data-rel-strike class="relation-strike">
|
<div data-rel-strike class="relation-strike">
|
||||||
<select name="{{ $agentsPrefix }}_new_type" class="inputselect font-bold w-full">
|
<select data-rel-input="type" class="inputselect font-bold w-full"></select>
|
||||||
{{- range $t := $agentRelations -}}
|
|
||||||
<option value="{{- $t -}}" {{ if eq $r.Type $t }}selected{{ end }}>{{- $t -}}</option>
|
|
||||||
{{- end -}}
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
||||||
<input data-rel-input="uncertain" type="checkbox" name="{{ $agentsPrefix }}_new_uncertain" value="{{ $r.Agent }}" {{ if $r.Uncertain }}checked{{ end }} />
|
<input data-rel-input="uncertain" type="checkbox" />
|
||||||
<label data-rel-uncertain-label class="rel-uncertain-label">Unsicher</label>
|
<label data-rel-uncertain-label class="rel-uncertain-label">Unsicher</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="rel-button-container">
|
<div class="rel-button-container">
|
||||||
@@ -362,81 +437,10 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<input type="hidden" data-rel-input="id" name="{{ $agentsPrefix }}_new_id" value="{{ $r.Agent }}" />
|
<input type="hidden" data-rel-input="id" />
|
||||||
</div>
|
</div>
|
||||||
{{- end -}}
|
|
||||||
{{- end -}}
|
|
||||||
</div>
|
|
||||||
<div data-role="relation-add-panel" class="mt-2 px-0 hidden">
|
|
||||||
<div class="rel-row">
|
|
||||||
<div class="rel-grid">
|
|
||||||
<div class="min-w-0">
|
|
||||||
<label for="{{ $agentsAddToggleID }}-select" class="sr-only">Akteur suchen</label>
|
|
||||||
<single-select-remote
|
|
||||||
id="{{ $agentsAddToggleID }}-select"
|
|
||||||
data-role="relation-add-select"
|
|
||||||
name="{{ $agentsPrefix }}_new_id"
|
|
||||||
placeholder="Akteur suchen..."
|
|
||||||
data-endpoint="/api/agents/search"
|
|
||||||
data-result-key="agents"
|
|
||||||
data-minchars="1"
|
|
||||||
data-limit="15">
|
|
||||||
</single-select-remote>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="{{ $agentsPrefix }}_new_type" class="sr-only">Beziehung</label>
|
|
||||||
<select data-role="relation-type-select" name="{{ $agentsPrefix }}_new_type" id="{{ $agentsPrefix }}_new_type" autocomplete="off" class="inputselect font-bold w-full">
|
|
||||||
{{- range $t := $agentRelations -}}
|
|
||||||
<option value="{{- $t -}}">{{- $t -}}</option>
|
|
||||||
{{- end -}}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="rel-uncertain-container">
|
|
||||||
<input data-role="relation-uncertain" type="checkbox" name="{{ $agentsPrefix }}_new_uncertain" id="{{ $agentsPrefix }}_new_uncertain" />
|
|
||||||
<label for="{{ $agentsPrefix }}_new_uncertain" class="rel-uncertain-label">Unsicher</label>
|
|
||||||
</div>
|
|
||||||
<div class="rel-button-container">
|
|
||||||
<div class="flex items-center gap-3 text-lg">
|
|
||||||
<button type="button" data-role="relation-add-apply" class="text-gray-700 hover:text-gray-900" aria-label="Person hinzufügen">
|
|
||||||
<i class="ri-check-line"></i>
|
|
||||||
</button>
|
|
||||||
<button type="button" data-role="relation-add-close" class="text-gray-700 hover:text-gray-900" aria-label="Ausblenden">
|
|
||||||
<i class="ri-close-line"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div data-role="relation-add-error" class="text-xs text-red-700 mt-2 hidden" data-error-empty="Bitte Akteur auswählen.">Bitte Akteur auswählen.</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<template data-role="relation-new-template">
|
|
||||||
<div data-rel-row class="rel-row">
|
|
||||||
<div class="rel-grid">
|
|
||||||
<div data-rel-strike class="relation-strike rel-name-col">
|
|
||||||
<div class="text-base text-gray-800 truncate">
|
|
||||||
<a data-rel-link class="no-underline hover:text-slate-900">
|
|
||||||
<span data-rel-name></span>
|
|
||||||
</a>
|
|
||||||
<em data-rel-new class="rel-new-badge"></em>
|
|
||||||
</div>
|
|
||||||
<div data-rel-detail-container class="rel-detail"><span data-rel-detail></span></div>
|
|
||||||
</div>
|
|
||||||
<div data-rel-strike class="relation-strike">
|
|
||||||
<select data-rel-input="type" class="inputselect font-bold w-full"></select>
|
|
||||||
</div>
|
|
||||||
<div data-rel-strike class="relation-strike rel-uncertain-container">
|
|
||||||
<input data-rel-input="uncertain" type="checkbox" />
|
|
||||||
<label data-rel-uncertain-label class="rel-uncertain-label">Unsicher</label>
|
|
||||||
</div>
|
|
||||||
<div class="rel-button-container">
|
|
||||||
<button type="button" class="text-sm text-red-700 hover:text-red-900" data-role="relation-new-delete">
|
|
||||||
<i class="ri-delete-bin-line mr-1"></i> Entfernen
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<input type="hidden" data-rel-input="id" />
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<div class="mt-2 pb-2 flex justify-end gap-4">
|
<div class="mt-2 pb-2 flex justify-end gap-4">
|
||||||
<a href="/personen/new/" class="text-gray-700 hover:text-slate-950 no-underline" target="_blank" rel="noreferrer">
|
<a href="/personen/new/" class="text-gray-700 hover:text-slate-950 no-underline" target="_blank" rel="noreferrer">
|
||||||
<i class="ri-add-line"></i> Neue Person
|
<i class="ri-add-line"></i> Neue Person
|
||||||
@@ -445,6 +449,7 @@
|
|||||||
<i class="ri-link"></i> Person verlinken
|
<i class="ri-link"></i> Person verlinken
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</relations-editor>
|
</relations-editor>
|
||||||
|
|||||||
Reference in New Issue
Block a user