mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 02:25:30 +00:00
started content edit rework
This commit is contained in:
Simon Martens
@@ -16,20 +16,18 @@ import (
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/pagemodels"
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/templating"
|
||||
"github.com/pocketbase/pocketbase/core"
|
||||
"github.com/pocketbase/pocketbase/tools/security"
|
||||
"github.com/pocketbase/pocketbase/tools/router"
|
||||
)
|
||||
|
||||
const (
|
||||
URL_ALMANACH_CONTENTS_EDIT = "contents/edit"
|
||||
URL_ALMANACH_CONTENTS_INSERT = "contents/insert"
|
||||
URL_ALMANACH_CONTENTS_ITEM_EDIT = "contents/{contentMusenalmId}/edit"
|
||||
URL_ALMANACH_CONTENTS_DELETE = "contents/delete"
|
||||
URL_ALMANACH_CONTENTS_EDIT_FORM = "contents/edit/form"
|
||||
URL_ALMANACH_CONTENTS_EDIT_EXTENT = "contents/edit/extent"
|
||||
URL_ALMANACH_CONTENTS_UPLOAD = "contents/upload"
|
||||
URL_ALMANACH_CONTENTS_DELETE_SCAN = "contents/scan/delete"
|
||||
TEMPLATE_ALMANACH_CONTENTS_EDIT = "/almanach/contents/edit/"
|
||||
TEMPLATE_ALMANACH_CONTENTS_EDIT_FORM = "/almanach/contents/edit_form/"
|
||||
TEMPLATE_ALMANACH_CONTENTS_ITEM_EDIT = "/almanach/contents/edit_item/"
|
||||
TEMPLATE_ALMANACH_CONTENTS_IMAGES_PANEL = "/almanach/contents/images_panel/"
|
||||
)
|
||||
|
||||
@@ -54,9 +52,8 @@ func (p *AlmanachContentsEditPage) Setup(router *router.Router[*core.RequestEven
|
||||
rg := router.Group(URL_ALMANACH)
|
||||
rg.BindFunc(middleware.IsAdminOrEditor())
|
||||
rg.GET(URL_ALMANACH_CONTENTS_EDIT, p.GET(engine, app))
|
||||
rg.GET(URL_ALMANACH_CONTENTS_ITEM_EDIT, p.GETItemEdit(engine, app))
|
||||
rg.POST(URL_ALMANACH_CONTENTS_EDIT, p.POSTSave(engine, app))
|
||||
rg.GET(URL_ALMANACH_CONTENTS_EDIT_FORM, p.GETEditForm(engine, app))
|
||||
rg.POST(URL_ALMANACH_CONTENTS_INSERT, p.POSTInsert(engine, app))
|
||||
rg.POST(URL_ALMANACH_CONTENTS_DELETE, p.POSTDelete(engine, app))
|
||||
rg.POST(URL_ALMANACH_CONTENTS_EDIT_EXTENT, p.POSTUpdateExtent(engine, app))
|
||||
rg.POST(URL_ALMANACH_CONTENTS_UPLOAD, p.POSTUploadScans(engine, app))
|
||||
@@ -90,55 +87,79 @@ func (p *AlmanachContentsEditPage) GET(engine *templating.Engine, app core.App)
|
||||
}
|
||||
}
|
||||
|
||||
func (p *AlmanachContentsEditPage) GETEditForm(engine *templating.Engine, app core.App) HandleFunc {
|
||||
func (p *AlmanachContentsEditPage) GETItemEdit(engine *templating.Engine, app core.App) HandleFunc {
|
||||
return func(e *core.RequestEvent) error {
|
||||
id := e.Request.PathValue("id")
|
||||
req := templating.NewRequest(e)
|
||||
contentID := strings.TrimSpace(e.Request.URL.Query().Get("content_id"))
|
||||
if contentID == "" {
|
||||
contentMusenalmID := strings.TrimSpace(e.Request.PathValue("contentMusenalmId"))
|
||||
if contentMusenalmID == "" {
|
||||
return e.String(http.StatusBadRequest, "")
|
||||
}
|
||||
|
||||
entry, err := dbmodels.Entries_MusenalmID(app, id)
|
||||
req := templating.NewRequest(e)
|
||||
data := make(map[string]any)
|
||||
result, err := NewAlmanachEditResult(app, id, BeitraegeFilterParameters{})
|
||||
if err != nil {
|
||||
return engine.Response404(e, err, nil)
|
||||
engine.Response404(e, err, nil)
|
||||
}
|
||||
|
||||
contents, err := dbmodels.Contents_IDs(app, []any{contentID})
|
||||
if err != nil || len(contents) == 0 {
|
||||
content, err := dbmodels.Contents_MusenalmID(app, contentMusenalmID)
|
||||
if err != nil || content == nil {
|
||||
return e.String(http.StatusNotFound, "")
|
||||
}
|
||||
content := contents[0]
|
||||
if content.Entry() != entry.Id {
|
||||
if content.Entry() != result.Entry.Id {
|
||||
return e.String(http.StatusNotFound, "")
|
||||
}
|
||||
|
||||
contents, err := dbmodels.Contents_Entry(app, result.Entry.Id)
|
||||
if err == nil && len(contents) > 1 {
|
||||
sort.Slice(contents, func(i, j int) bool {
|
||||
if contents[i].Numbering() == contents[j].Numbering() {
|
||||
return contents[i].Id < contents[j].Id
|
||||
}
|
||||
return contents[i].Numbering() < contents[j].Numbering()
|
||||
})
|
||||
}
|
||||
var prevContent *dbmodels.Content
|
||||
var nextContent *dbmodels.Content
|
||||
if len(contents) > 0 {
|
||||
for i, c := range contents {
|
||||
if c.Id != content.Id {
|
||||
continue
|
||||
}
|
||||
if i > 0 {
|
||||
prevContent = contents[i-1]
|
||||
}
|
||||
if i < len(contents)-1 {
|
||||
nextContent = contents[i+1]
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
agentsMap, contentAgentsMap, err := dbmodels.AgentsForContents(app, []*dbmodels.Content{content})
|
||||
if err != nil {
|
||||
agentsMap = map[string]*dbmodels.Agent{}
|
||||
contentAgentsMap = map[string][]*dbmodels.RContentsAgents{}
|
||||
}
|
||||
|
||||
data := map[string]any{
|
||||
"content": content,
|
||||
"content_id": content.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[content.Id],
|
||||
data["result"] = result
|
||||
data["csrf_token"] = req.Session().Token
|
||||
data["content"] = content
|
||||
data["content_id"] = content.Id
|
||||
data["content_types"] = dbmodels.CONTENT_TYPE_VALUES
|
||||
data["musenalm_types"] = dbmodels.MUSENALM_TYPE_VALUES
|
||||
data["pagination_values"] = paginationValuesSorted()
|
||||
data["agent_relations"] = dbmodels.AGENT_RELATIONS
|
||||
data["agents"] = agentsMap
|
||||
data["content_agents"] = contentAgentsMap[content.Id]
|
||||
data["prev_content"] = prevContent
|
||||
data["next_content"] = nextContent
|
||||
|
||||
if msg := e.Request.URL.Query().Get("saved_message"); msg != "" {
|
||||
data["success"] = msg
|
||||
}
|
||||
|
||||
var builder strings.Builder
|
||||
if err := engine.Render(&builder, TEMPLATE_ALMANACH_CONTENTS_EDIT_FORM, data, "fragment"); err != nil {
|
||||
app.Logger().Error("Failed to render content edit form", "entry_id", entry.Id, "content_id", contentID, "error", err)
|
||||
return e.String(http.StatusInternalServerError, "")
|
||||
}
|
||||
|
||||
return e.HTML(http.StatusOK, builder.String())
|
||||
return engine.Response200(e, TEMPLATE_ALMANACH_CONTENTS_ITEM_EDIT, data, p.Layout)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -166,14 +187,13 @@ func (p *AlmanachContentsEditPage) POSTSave(engine *templating.Engine, app core.
|
||||
return func(e *core.RequestEvent) error {
|
||||
id := e.Request.PathValue("id")
|
||||
req := templating.NewRequest(e)
|
||||
isHTMX := strings.EqualFold(e.Request.Header.Get("HX-Request"), "true")
|
||||
|
||||
if err := e.Request.ParseForm(); err != nil {
|
||||
return p.renderSaveError(engine, app, e, req, nil, nil, err.Error(), isHTMX)
|
||||
return p.renderError(engine, app, e, err.Error())
|
||||
}
|
||||
|
||||
if err := req.CheckCSRF(e.Request.FormValue("csrf_token")); err != nil {
|
||||
return p.renderSaveError(engine, app, e, req, nil, nil, err.Error(), isHTMX)
|
||||
return p.renderError(engine, app, e, err.Error())
|
||||
}
|
||||
|
||||
entry, err := dbmodels.Entries_MusenalmID(app, id)
|
||||
@@ -183,7 +203,7 @@ func (p *AlmanachContentsEditPage) POSTSave(engine *templating.Engine, app core.
|
||||
|
||||
contents, err := dbmodels.Contents_Entry(app, entry.Id)
|
||||
if err != nil {
|
||||
return p.renderSaveError(engine, app, e, req, entry, nil, "Beiträge konnten nicht geladen werden.", isHTMX)
|
||||
return p.renderError(engine, app, e, "Beiträge konnten nicht geladen werden.")
|
||||
}
|
||||
|
||||
contentInputs := parseContentsForm(e.Request.PostForm)
|
||||
@@ -193,7 +213,7 @@ func (p *AlmanachContentsEditPage) POSTSave(engine *templating.Engine, app core.
|
||||
for contentID := range contentInputs {
|
||||
payload := parseContentAgentRelations(e.Request.PostForm, contentID)
|
||||
if err := validateContentAgentRelations(payload); err != nil {
|
||||
return p.renderSaveError(engine, app, e, req, nil, nil, err.Error(), isHTMX)
|
||||
return p.renderError(engine, app, e, err.Error())
|
||||
}
|
||||
relationsByContent[contentID] = payload
|
||||
}
|
||||
@@ -294,7 +314,7 @@ func (p *AlmanachContentsEditPage) POSTSave(engine *templating.Engine, app core.
|
||||
return nil
|
||||
}); err != nil {
|
||||
app.Logger().Error("Failed to save contents", "entry_id", entry.Id, "error", err)
|
||||
return p.renderSaveError(engine, app, e, req, entry, contentInputs, err.Error(), isHTMX)
|
||||
return p.renderError(engine, app, e, err.Error())
|
||||
}
|
||||
|
||||
if len(updatedContents) == 0 {
|
||||
@@ -322,120 +342,10 @@ func (p *AlmanachContentsEditPage) POSTSave(engine *templating.Engine, app core.
|
||||
}
|
||||
|
||||
redirect := fmt.Sprintf("/almanach/%s/contents/edit?saved_message=%s", id, url.QueryEscape("Änderungen gespeichert."))
|
||||
if isHTMX {
|
||||
renderID := ""
|
||||
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,
|
||||
"collapsed": 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)
|
||||
}
|
||||
}
|
||||
|
||||
func (p *AlmanachContentsEditPage) POSTInsert(engine *templating.Engine, app core.App) HandleFunc {
|
||||
return func(e *core.RequestEvent) error {
|
||||
id := e.Request.PathValue("id")
|
||||
req := templating.NewRequest(e)
|
||||
|
||||
if err := e.Request.ParseForm(); err != nil {
|
||||
return p.renderError(engine, app, e, "Formulardaten ungültig.")
|
||||
}
|
||||
|
||||
if err := req.CheckCSRF(e.Request.FormValue("csrf_token")); err != nil {
|
||||
return p.renderError(engine, app, e, err.Error())
|
||||
}
|
||||
|
||||
entry, err := dbmodels.Entries_MusenalmID(app, id)
|
||||
if err != nil {
|
||||
return engine.Response404(e, err, nil)
|
||||
}
|
||||
|
||||
contentCollection, err := app.FindCollectionByNameOrId(dbmodels.CONTENTS_TABLE)
|
||||
if err != nil {
|
||||
return p.renderError(engine, app, e, "Beitrag konnte nicht vorbereitet werden.")
|
||||
}
|
||||
|
||||
record := core.NewRecord(contentCollection)
|
||||
record.Id = "tmp" + security.PseudorandomString(8)
|
||||
record.MarkAsNew()
|
||||
newContent := dbmodels.NewContent(record)
|
||||
newContent.SetEntry(entry.Id)
|
||||
newContent.SetYear(entry.Year())
|
||||
newContent.SetEditState("Edited")
|
||||
|
||||
data := map[string]any{
|
||||
"content": newContent,
|
||||
"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": map[string]*dbmodels.Agent{},
|
||||
"content_agents": []*dbmodels.RContentsAgents{},
|
||||
"open_edit": true,
|
||||
"is_new": true,
|
||||
"content_id": record.Id,
|
||||
}
|
||||
|
||||
var builder strings.Builder
|
||||
if err := engine.Render(&builder, "/almanach/contents/insert/", data, "fragment"); err != nil {
|
||||
app.Logger().Error("Failed to render content insert", "entry_id", entry.Id, "error", err)
|
||||
return p.renderError(engine, app, e, "Beitrag konnte nicht vorbereitet werden.")
|
||||
}
|
||||
|
||||
return e.HTML(http.StatusOK, builder.String())
|
||||
}
|
||||
}
|
||||
|
||||
func (p *AlmanachContentsEditPage) POSTUpdateExtent(engine *templating.Engine, app core.App) HandleFunc {
|
||||
return func(e *core.RequestEvent) error {
|
||||
id := e.Request.PathValue("id")
|
||||
@@ -743,142 +653,6 @@ func renderContentsImagesHTMXError(e *core.RequestEvent, message string, isHTMX
|
||||
return e.HTML(http.StatusBadRequest, payload)
|
||||
}
|
||||
|
||||
func (p *AlmanachContentsEditPage) renderSaveError(
|
||||
engine *templating.Engine,
|
||||
app core.App,
|
||||
e *core.RequestEvent,
|
||||
req *templating.Request,
|
||||
entry *dbmodels.Entry,
|
||||
contentInputs map[string]map[string][]string,
|
||||
message string,
|
||||
isHTMX bool,
|
||||
) error {
|
||||
if !isHTMX {
|
||||
return p.renderError(engine, app, e, message)
|
||||
}
|
||||
if entry == nil {
|
||||
id := e.Request.PathValue("id")
|
||||
result, err := dbmodels.Entries_MusenalmID(app, id)
|
||||
if err != nil {
|
||||
return p.renderError(engine, app, e, message)
|
||||
}
|
||||
entry = result
|
||||
}
|
||||
|
||||
contentID := ""
|
||||
fields := map[string][]string{}
|
||||
if contentInputs != nil {
|
||||
for id, values := range contentInputs {
|
||||
contentID = id
|
||||
fields = values
|
||||
break
|
||||
}
|
||||
}
|
||||
if contentID == "" {
|
||||
return p.renderError(engine, app, e, message)
|
||||
}
|
||||
|
||||
content := (*dbmodels.Content)(nil)
|
||||
contents, err := dbmodels.Contents_Entry(app, entry.Id)
|
||||
if err == nil {
|
||||
for _, existing := range contents {
|
||||
if existing.Id == contentID {
|
||||
content = existing
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
isNew := false
|
||||
if content == nil {
|
||||
contentCollection, err := app.FindCollectionByNameOrId(dbmodels.CONTENTS_TABLE)
|
||||
if err != nil {
|
||||
return p.renderError(engine, app, e, message)
|
||||
}
|
||||
record := core.NewRecord(contentCollection)
|
||||
record.Id = contentID
|
||||
record.MarkAsNew()
|
||||
content = dbmodels.NewContent(record)
|
||||
content.SetEditState("Edited")
|
||||
isNew = true
|
||||
}
|
||||
|
||||
relationsPayload := parseContentAgentRelations(e.Request.PostForm, contentID)
|
||||
if err := validateContentAgentRelations(relationsPayload); err != nil {
|
||||
return p.renderError(engine, app, e, err.Error())
|
||||
}
|
||||
|
||||
renderRelations := []contentAgentRender{}
|
||||
renderNewRelations := []contentAgentRender{}
|
||||
agentIDs := map[string]struct{}{}
|
||||
for _, relation := range relationsPayload.Relations {
|
||||
renderRelations = append(renderRelations, contentAgentRender{
|
||||
Id: relation.ID,
|
||||
Agent: relation.TargetID,
|
||||
Type: relation.Type,
|
||||
Uncertain: relation.Uncertain,
|
||||
})
|
||||
if relation.TargetID != "" {
|
||||
agentIDs[relation.TargetID] = struct{}{}
|
||||
}
|
||||
}
|
||||
for _, relation := range relationsPayload.NewRelations {
|
||||
renderNewRelations = append(renderNewRelations, contentAgentRender{
|
||||
Agent: relation.TargetID,
|
||||
Type: relation.Type,
|
||||
Uncertain: relation.Uncertain,
|
||||
})
|
||||
if relation.TargetID != "" {
|
||||
agentIDs[relation.TargetID] = struct{}{}
|
||||
}
|
||||
}
|
||||
|
||||
agentsMap := map[string]*dbmodels.Agent{}
|
||||
if len(agentIDs) > 0 {
|
||||
ids := make([]any, 0, len(agentIDs))
|
||||
for id := range agentIDs {
|
||||
ids = append(ids, id)
|
||||
}
|
||||
if agents, err := dbmodels.Agents_IDs(app, ids); err == nil {
|
||||
for _, agent := range agents {
|
||||
agentsMap[agent.Id] = agent
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
numbering := 0.0
|
||||
if order := parseContentsOrder(e.Request.PostForm); len(order) > 0 {
|
||||
if mapped, ok := buildContentOrderMap(order)[contentID]; ok {
|
||||
numbering = mapped
|
||||
}
|
||||
}
|
||||
applyContentFormDraft(content, entry, fields, numbering)
|
||||
|
||||
data := map[string]any{
|
||||
"content": content,
|
||||
"content_id": contentID,
|
||||
"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_render": renderRelations,
|
||||
"content_agents_new": renderNewRelations,
|
||||
"open_edit": true,
|
||||
"is_new": isNew,
|
||||
"error": message,
|
||||
}
|
||||
|
||||
var builder strings.Builder
|
||||
if err := engine.Render(&builder, "/almanach/contents/item/", data, "fragment"); err != nil {
|
||||
app.Logger().Error("Failed to render content save error", "entry_id", entry.Id, "content_id", contentID, "error", err)
|
||||
return p.renderError(engine, app, e, message)
|
||||
}
|
||||
|
||||
return e.HTML(http.StatusOK, builder.String())
|
||||
}
|
||||
|
||||
func parseContentsForm(form url.Values) map[string]map[string][]string {
|
||||
contentInputs := map[string]map[string][]string{}
|
||||
for key, values := range form {
|
||||
|
||||
@@ -6177,7 +6177,7 @@ class Ae extends HTMLElement {
|
||||
return {
|
||||
"#": "Hinweis auf weitere Informationen in der Anmerkung.",
|
||||
$: "vermutlich",
|
||||
"+++": "Inhalte aus mehreren Almanachen interpoliert",
|
||||
"+++": "Beiträge aus mehreren Almanachen interpoliert",
|
||||
B: "Blatt",
|
||||
BB: "Blätter",
|
||||
C: "Corrigenda",
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -5,13 +5,13 @@
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<div class="flex flex-col justify-end-safe flex-2/5">
|
||||
<div class="mb-1">
|
||||
<i class="ri-file-list-3-line"></i> Inhalte
|
||||
<i class="ri-file-list-3-line"></i> Beiträge
|
||||
</div>
|
||||
<h1 class="text-2xl w-full font-bold text-slate-900 mb-1">
|
||||
{{- if $model.result -}}
|
||||
{{- $model.result.Entry.PreferredTitle -}}
|
||||
{{- else -}}
|
||||
Inhalte bearbeiten
|
||||
Beiträge bearbeiten
|
||||
{{- end -}}
|
||||
</h1>
|
||||
{{- if $model.result -}}
|
||||
@@ -127,10 +127,6 @@
|
||||
<i class="ri-loader-4-line spinning mr-2"></i>
|
||||
Reihenfolge wird gespeichert
|
||||
</div>
|
||||
<div id="contents-htmx-indicator" class="fixed right-6 bottom-16 z-50 hidden rounded-full bg-stone-200 px-3 py-2 text-sm text-stone-700 shadow-md">
|
||||
<i class="ri-loader-4-line spinning mr-2"></i>
|
||||
<span data-role="contents-htmx-label">Eintrag wird geladen</span>
|
||||
</div>
|
||||
<input type="hidden" name="csrf_token" value="{{ $model.csrf_token }}" data-role="csrf-token" />
|
||||
<div class="flex items-center gap-3 px-4">
|
||||
<form
|
||||
@@ -150,30 +146,10 @@
|
||||
Speichern
|
||||
</button>
|
||||
</form>
|
||||
<div class="flex items-center gap-2">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-2 flex items-center gap-2" data-role="contents-collapse-all" data-state="expanded">
|
||||
<i class="ri-arrow-up-s-line" data-role="contents-collapse-all-icon"></i>
|
||||
<span data-role="contents-collapse-all-label">Alle Eintraege einklappen</span>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="resetbutton w-auto px-3 py-2 flex items-center gap-2"
|
||||
data-role="contents-create"
|
||||
data-loading-label="Eintrag wird geladen"
|
||||
hx-post="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/insert"
|
||||
hx-target="[data-role='contents-list']"
|
||||
hx-swap="beforeend"
|
||||
hx-include="[data-role='csrf-token']"
|
||||
hx-vals='{"position":"after","content_id":""}'>
|
||||
<i class="ri-add-line"></i>
|
||||
<span>Eintrag anlegen</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-0.5"
|
||||
<div class="mt-3 px-4 text-lg font-bold text-gray-800">Inhalt</div>
|
||||
<div class="flex flex-col gap-0 mt-2"
|
||||
data-role="contents-list"
|
||||
data-insert-endpoint="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/insert"
|
||||
data-edit-endpoint="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/edit/form"
|
||||
data-order-endpoint="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/edit">
|
||||
{{- range $_, $content := $model.result.Contents -}}
|
||||
{{- template "_content_item" (Dict
|
||||
@@ -195,34 +171,7 @@
|
||||
</edit-page>
|
||||
|
||||
<script type="module">
|
||||
const applyMultiSelectInit = (el) => {
|
||||
if (!el) return;
|
||||
const optionsRaw = el.getAttribute("data-initial-options") || "[]";
|
||||
const valuesRaw = el.getAttribute("data-initial-values") || "[]";
|
||||
let options = [];
|
||||
let values = [];
|
||||
try {
|
||||
options = JSON.parse(optionsRaw);
|
||||
values = JSON.parse(valuesRaw);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
if (options.length && typeof el.setOptions === "function") {
|
||||
el.setOptions(options);
|
||||
}
|
||||
if (values.length) {
|
||||
el.value = values;
|
||||
if (typeof el.captureInitialSelection === "function") {
|
||||
el.captureInitialSelection();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
let enterEditMode = null;
|
||||
let setupEditFormGlobal = null;
|
||||
let list = null;
|
||||
let setHtmxIndicator = () => {};
|
||||
let setHtmxIndicatorLabel = () => {};
|
||||
|
||||
const initPage = () => {
|
||||
list = document.querySelector("[data-role='contents-list']");
|
||||
@@ -231,88 +180,14 @@
|
||||
}
|
||||
|
||||
const getItems = () => Array.from(list.querySelectorAll("[data-role='content-item']"));
|
||||
const collapseAllButton = document.querySelector("[data-role='contents-collapse-all']");
|
||||
const collapseAllLabel = document.querySelector("[data-role='contents-collapse-all-label']");
|
||||
const collapseAllIcon = document.querySelector("[data-role='contents-collapse-all-icon']");
|
||||
const removeGaps = () => {
|
||||
list.querySelectorAll("[data-role='content-gap']").forEach((gap) => gap.remove());
|
||||
};
|
||||
const renderInsertGaps = () => {
|
||||
removeGaps();
|
||||
const insertEndpoint = list.dataset.insertEndpoint || "";
|
||||
const items = getItems();
|
||||
if (!insertEndpoint) {
|
||||
return;
|
||||
}
|
||||
if (list.querySelector("[data-role='content-item'].data-editing")) {
|
||||
return;
|
||||
}
|
||||
const createGap = (position, contentId, label) => {
|
||||
const gap = document.createElement("div");
|
||||
gap.className = "relative group h-6 -my-2.5";
|
||||
gap.dataset.role = "content-gap";
|
||||
const line = document.createElement("div");
|
||||
line.className = "pointer-events-none absolute left-0 right-0 top-1/2 h-0.5 -translate-y-1/2 bg-slate-300 opacity-0 transition-opacity duration-150 group-hover:opacity-100";
|
||||
const button = document.createElement("button");
|
||||
button.type = "button";
|
||||
button.className = "absolute left-1/2 top-1/2 z-[10000] -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-150 rounded-full border border-slate-300 bg-stone-100 text-slate-700 px-3 py-2 text-base shadow-sm";
|
||||
button.dataset.loadingLabel = "Eintrag wird geladen";
|
||||
button.setAttribute("aria-label", "Beitrag einfügen");
|
||||
button.setAttribute("hx-post", insertEndpoint);
|
||||
button.setAttribute("hx-target", "closest [data-role='content-gap']");
|
||||
button.setAttribute("hx-swap", "beforebegin");
|
||||
button.setAttribute("hx-include", "[data-role='csrf-token']");
|
||||
button.setAttribute("hx-vals", JSON.stringify({ position, content_id: contentId }));
|
||||
button.innerHTML = label ? '<i class="ri-add-line"></i><span>Neuer Beitrag</span>' : '<i class="ri-add-line"></i>';
|
||||
gap.appendChild(line);
|
||||
gap.appendChild(button);
|
||||
gap.appendChild(document.createElement("div")).className = "h-1";
|
||||
return gap;
|
||||
};
|
||||
|
||||
items.forEach((item) => {
|
||||
if (item.parentElement !== list) {
|
||||
return;
|
||||
}
|
||||
const contentId = item.dataset.contentId || "";
|
||||
list.insertBefore(createGap("before", contentId, false), item);
|
||||
});
|
||||
list.appendChild(createGap("after", "", true));
|
||||
if (window.htmx?.process) {
|
||||
list.querySelectorAll("[data-role='content-gap']").forEach((gap) => {
|
||||
window.htmx.process(gap);
|
||||
});
|
||||
}
|
||||
};
|
||||
const setEditSpacing = (active) => {
|
||||
list.style.rowGap = active ? "0.5rem" : "";
|
||||
list.style.paddingTop = active ? "0.25rem" : "";
|
||||
list.style.paddingBottom = active ? "0.25rem" : "";
|
||||
};
|
||||
const syncEditSpacing = () => {
|
||||
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) {
|
||||
return;
|
||||
}
|
||||
|
||||
const isTempContentId = (contentId) => contentId && contentId.startsWith("tmp");
|
||||
const orderEndpoint = list.dataset.orderEndpoint || getItems()[0]?.querySelector("form")?.getAttribute("action") || "";
|
||||
const deleteEndpoint = window.location.pathname.replace(/\/contents\/edit\/?$/, "/contents/delete");
|
||||
const csrfToken = document.querySelector("input[name='csrf_token']")?.value || "";
|
||||
const syncIndicator = document.querySelector("#contents-sync-indicator");
|
||||
const htmxIndicator = document.querySelector("#contents-htmx-indicator");
|
||||
let orderSyncTimer = null;
|
||||
let isOrderSyncing = false;
|
||||
let pendingOrderSync = false;
|
||||
@@ -323,31 +198,10 @@
|
||||
}
|
||||
syncIndicator.classList.toggle("hidden", !active);
|
||||
};
|
||||
setHtmxIndicator = (active) => {
|
||||
if (!htmxIndicator) {
|
||||
return;
|
||||
}
|
||||
htmxIndicator.classList.toggle("hidden", !active);
|
||||
};
|
||||
setHtmxIndicatorLabel = (label) => {
|
||||
if (!htmxIndicator || !label) {
|
||||
return;
|
||||
}
|
||||
const labelEl = htmxIndicator.querySelector("[data-role='contents-htmx-label']");
|
||||
if (labelEl) {
|
||||
labelEl.textContent = label;
|
||||
}
|
||||
};
|
||||
|
||||
const deleteContent = (item, dialog) => {
|
||||
if (!item) {
|
||||
return;
|
||||
}
|
||||
if (item.dataset.contentTemp === "true") {
|
||||
dialog?.close();
|
||||
removeItem(item);
|
||||
return;
|
||||
}
|
||||
const contentId = item.dataset.contentId || "";
|
||||
if (!contentId || !csrfToken) {
|
||||
return;
|
||||
@@ -396,7 +250,7 @@
|
||||
payload.set("csrf_token", csrfToken);
|
||||
list.querySelectorAll("[data-role='content-item']").forEach((card) => {
|
||||
const contentId = card.dataset.contentId;
|
||||
if (!contentId || isTempContentId(contentId)) {
|
||||
if (!contentId) {
|
||||
return;
|
||||
}
|
||||
payload.append("content_order[]", contentId);
|
||||
@@ -427,79 +281,8 @@
|
||||
}, 300);
|
||||
};
|
||||
|
||||
const closeAll = (keepItem = null) => {
|
||||
getItems().forEach((item) => {
|
||||
if (keepItem && item === keepItem) {
|
||||
return;
|
||||
}
|
||||
const view = item.querySelector("[data-role='content-view']");
|
||||
const edit = item.querySelector("[data-role='content-edit']");
|
||||
const editButton = item.querySelector("[data-role='content-edit-button']");
|
||||
item.classList.remove("data-editing");
|
||||
if (view) {
|
||||
view.classList.remove("hidden");
|
||||
}
|
||||
if (edit) {
|
||||
edit.remove();
|
||||
}
|
||||
if (editButton) {
|
||||
editButton.classList.remove("hidden");
|
||||
}
|
||||
});
|
||||
};
|
||||
const preserveScroll = (action) => {
|
||||
const top = window.scrollY;
|
||||
const left = window.scrollX;
|
||||
action();
|
||||
requestAnimationFrame(() => {
|
||||
window.scrollTo(left, top);
|
||||
});
|
||||
};
|
||||
|
||||
enterEditMode = (item) => {
|
||||
const view = item.querySelector("[data-role='content-view']");
|
||||
if (view) {
|
||||
view.classList.add("hidden");
|
||||
}
|
||||
item.classList.add("data-editing");
|
||||
setEditSpacing(true);
|
||||
removeGaps();
|
||||
getItems().forEach((other) => {
|
||||
const otherButton = other.querySelector("[data-role='content-edit-button']");
|
||||
if (!otherButton || other === item) {
|
||||
return;
|
||||
}
|
||||
otherButton.classList.add("hidden");
|
||||
});
|
||||
};
|
||||
|
||||
const openItem = (item) => {
|
||||
closeAll(item);
|
||||
const edit = item.querySelector("[data-role='content-edit']");
|
||||
if (!edit) {
|
||||
item.dataset.pendingEdit = "true";
|
||||
const editButton = item.querySelector("[data-role='content-edit-button']");
|
||||
if (editButton) {
|
||||
editButton.click();
|
||||
}
|
||||
return;
|
||||
}
|
||||
enterEditMode(item);
|
||||
};
|
||||
|
||||
const removeItem = (item) => {
|
||||
const gap = item.previousElementSibling;
|
||||
if (gap && gap.matches("[data-role='content-gap']")) {
|
||||
gap.remove();
|
||||
}
|
||||
item.remove();
|
||||
renderInsertGaps();
|
||||
getItems().forEach((other) => {
|
||||
const otherButton = other.querySelector("[data-role='content-edit-button']");
|
||||
if (otherButton) {
|
||||
otherButton.classList.remove("hidden");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const setupItem = (item) => {
|
||||
@@ -508,87 +291,12 @@
|
||||
}
|
||||
item.dataset.init = "true";
|
||||
|
||||
const editButton = item.querySelector("[data-role='content-edit-button']");
|
||||
const deleteButtonView = item.querySelector("[data-role='content-delete-view']");
|
||||
const deleteDialogView = item.querySelector("[data-role='content-delete-dialog-view']");
|
||||
const deleteConfirmView = item.querySelector("[data-role='content-delete-confirm-view']");
|
||||
const deleteCancelView = item.querySelector("[data-role='content-delete-cancel-view']");
|
||||
const view = item.querySelector("[data-role='content-view']");
|
||||
const collapseButton = item.querySelector("[data-role='content-collapse-toggle']");
|
||||
const collapseIcon = item.querySelector("[data-role='content-collapse-icon']");
|
||||
const collapseTooltip = item.querySelector("[data-role='content-collapse-tooltip']");
|
||||
const headerTitleText = item.querySelector("[data-role='content-header-title-text']");
|
||||
const headerTitle = item.querySelector("[data-role='content-header-title']");
|
||||
const viewBody = item.querySelector("[data-role='content-view-body']");
|
||||
const header = item.querySelector("[data-content-header='true']");
|
||||
|
||||
const setCollapsed = (collapsed) => {
|
||||
if (!viewBody) {
|
||||
return;
|
||||
}
|
||||
item.dataset.collapsed = collapsed ? "true" : "";
|
||||
item.classList.toggle("data-collapsed", collapsed);
|
||||
viewBody.classList.toggle("hidden", collapsed);
|
||||
if (headerTitleText) {
|
||||
headerTitleText.classList.toggle("hidden", !collapsed);
|
||||
}
|
||||
if (header) {
|
||||
header.classList.toggle("bg-stone-100", collapsed);
|
||||
header.classList.toggle("bg-stone-200", !collapsed);
|
||||
}
|
||||
if (collapseButton) {
|
||||
collapseButton.setAttribute("aria-expanded", (!collapsed).toString());
|
||||
collapseButton.setAttribute("aria-label", collapsed ? "Beitrag ausklappen" : "Beitrag einklappen");
|
||||
}
|
||||
if (collapseTooltip) {
|
||||
collapseTooltip.textContent = collapsed ? "Ausklappen" : "Einklappen";
|
||||
}
|
||||
if (collapseIcon) {
|
||||
collapseIcon.classList.toggle("ri-arrow-up-s-line", !collapsed);
|
||||
collapseIcon.classList.toggle("ri-arrow-down-s-line", collapsed);
|
||||
}
|
||||
};
|
||||
|
||||
if (collapseButton) {
|
||||
setCollapsed(item.dataset.collapsed === "true");
|
||||
collapseButton.addEventListener("click", () => {
|
||||
if (item.classList.contains("data-editing") || item.dataset.contentTemp === "true") {
|
||||
return;
|
||||
}
|
||||
preserveScroll(() => {
|
||||
setCollapsed(item.dataset.collapsed !== "true");
|
||||
updateCollapseAllLabel();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if (header) {
|
||||
header.addEventListener("click", (event) => {
|
||||
if (item.dataset.dragging === "true") {
|
||||
return;
|
||||
}
|
||||
if (item.classList.contains("data-editing") || item.dataset.contentTemp === "true") {
|
||||
return;
|
||||
}
|
||||
if (event.target.closest("button, a, select, input, textarea")) {
|
||||
return;
|
||||
}
|
||||
preserveScroll(() => {
|
||||
setCollapsed(item.dataset.collapsed !== "true");
|
||||
updateCollapseAllLabel();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if (editButton) {
|
||||
editButton.addEventListener("click", () => {
|
||||
if (item.querySelector("[data-role='content-edit']")) {
|
||||
enterEditMode(item);
|
||||
return;
|
||||
}
|
||||
item.dataset.pendingEdit = "true";
|
||||
});
|
||||
}
|
||||
|
||||
if (deleteButtonView && deleteDialogView) {
|
||||
deleteButtonView.addEventListener("click", () => {
|
||||
@@ -615,187 +323,15 @@
|
||||
deleteContent(item, deleteDialogView);
|
||||
});
|
||||
}
|
||||
|
||||
const pendingEdit = item.dataset.pendingEdit === "true";
|
||||
if (pendingEdit && item.querySelector("[data-role='content-edit']")) {
|
||||
item.dataset.pendingEdit = "";
|
||||
enterEditMode(item);
|
||||
}
|
||||
|
||||
|
||||
item.querySelectorAll("multi-select-simple[data-initial-options], multi-select-simple[data-initial-values]").forEach((el) => {
|
||||
applyMultiSelectInit(el);
|
||||
});
|
||||
|
||||
if (item.dataset.openEdit === "true") {
|
||||
item.dataset.openEdit = "";
|
||||
openItem(item);
|
||||
}
|
||||
};
|
||||
|
||||
const setupEditForm = (item) => {
|
||||
const edit = item.querySelector("[data-role='content-edit']");
|
||||
if (!edit || edit.dataset.init === "true") {
|
||||
return;
|
||||
}
|
||||
edit.dataset.init = "true";
|
||||
const cancelButton = edit.querySelector("[data-role='content-edit-cancel']");
|
||||
const deleteButton = edit.querySelector("[data-role='content-delete']");
|
||||
const deleteDialog = edit.querySelector("[data-role='content-delete-dialog']");
|
||||
const deleteConfirm = edit.querySelector("[data-role='content-delete-confirm']");
|
||||
const deleteCancel = edit.querySelector("[data-role='content-delete-cancel']");
|
||||
const form = edit.querySelector("form");
|
||||
const view = item.querySelector("[data-role='content-view']");
|
||||
|
||||
if (cancelButton && view) {
|
||||
cancelButton.addEventListener("click", () => {
|
||||
if (item.dataset.contentTemp === "true") {
|
||||
removeItem(item);
|
||||
return;
|
||||
}
|
||||
edit.remove();
|
||||
view.classList.remove("hidden");
|
||||
item.classList.remove("data-editing");
|
||||
showEditButtonsIfIdle();
|
||||
syncEditSpacing();
|
||||
renderInsertGaps();
|
||||
});
|
||||
}
|
||||
|
||||
if (deleteButton && deleteDialog) {
|
||||
deleteButton.addEventListener("click", () => {
|
||||
if (deleteDialog.showModal) {
|
||||
deleteDialog.showModal();
|
||||
} else {
|
||||
deleteDialog.setAttribute("open", "true");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (deleteCancel && deleteDialog) {
|
||||
deleteCancel.addEventListener("click", () => {
|
||||
deleteDialog.close();
|
||||
});
|
||||
deleteDialog.addEventListener("cancel", (event) => {
|
||||
event.preventDefault();
|
||||
deleteDialog.close();
|
||||
});
|
||||
}
|
||||
|
||||
if (deleteConfirm) {
|
||||
deleteConfirm.addEventListener("click", () => {
|
||||
deleteContent(item, deleteDialog);
|
||||
});
|
||||
}
|
||||
|
||||
if (form) {
|
||||
form.addEventListener("submit", () => {
|
||||
form.querySelectorAll("input[name='content_order[]']").forEach((input) => input.remove());
|
||||
getItems().forEach((card) => {
|
||||
const contentId = card.dataset.contentId;
|
||||
if (!contentId) {
|
||||
return;
|
||||
}
|
||||
const input = document.createElement("input");
|
||||
input.type = "hidden";
|
||||
input.name = "content_order[]";
|
||||
input.value = contentId;
|
||||
form.appendChild(input);
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
setupEditFormGlobal = setupEditForm;
|
||||
|
||||
const updateCollapseAllLabel = () => {
|
||||
if (!collapseAllButton || !collapseAllLabel) {
|
||||
return;
|
||||
}
|
||||
const items = getItems().filter((item) => item.dataset.contentTemp !== "true");
|
||||
const allCollapsed = items.length > 0 && items.every((item) => item.dataset.collapsed === "true");
|
||||
collapseAllButton.dataset.state = allCollapsed ? "collapsed" : "expanded";
|
||||
collapseAllLabel.textContent = allCollapsed ? "Alle Eintraege ausklappen" : "Alle Eintraege einklappen";
|
||||
if (collapseAllIcon) {
|
||||
collapseAllIcon.classList.toggle("ri-arrow-up-s-line", !allCollapsed);
|
||||
collapseAllIcon.classList.toggle("ri-arrow-down-s-line", allCollapsed);
|
||||
}
|
||||
};
|
||||
|
||||
const setAllCollapsed = (collapsed) => {
|
||||
getItems().forEach((item) => {
|
||||
if (item.dataset.contentTemp === "true" || item.classList.contains("data-editing")) {
|
||||
return;
|
||||
}
|
||||
const viewBody = item.querySelector("[data-role='content-view-body']");
|
||||
const headerTitleText = item.querySelector("[data-role='content-header-title-text']");
|
||||
const headerTitle = item.querySelector("[data-role='content-header-title']");
|
||||
const collapseButton = item.querySelector("[data-role='content-collapse-toggle']");
|
||||
const collapseIcon = item.querySelector("[data-role='content-collapse-icon']");
|
||||
const collapseTooltip = item.querySelector("[data-role='content-collapse-tooltip']");
|
||||
const header = item.querySelector("[data-content-header='true']");
|
||||
if (!viewBody) {
|
||||
return;
|
||||
}
|
||||
item.dataset.collapsed = collapsed ? "true" : "";
|
||||
item.classList.toggle("data-collapsed", collapsed);
|
||||
viewBody.classList.toggle("hidden", collapsed);
|
||||
if (headerTitleText) {
|
||||
headerTitleText.classList.toggle("hidden", !collapsed);
|
||||
}
|
||||
if (header) {
|
||||
header.classList.toggle("bg-stone-100", collapsed);
|
||||
header.classList.toggle("bg-stone-200", !collapsed);
|
||||
}
|
||||
if (collapseButton) {
|
||||
collapseButton.setAttribute("aria-expanded", (!collapsed).toString());
|
||||
collapseButton.setAttribute("aria-label", collapsed ? "Beitrag ausklappen" : "Beitrag einklappen");
|
||||
}
|
||||
if (collapseTooltip) {
|
||||
collapseTooltip.textContent = collapsed ? "Ausklappen" : "Einklappen";
|
||||
}
|
||||
if (collapseIcon) {
|
||||
collapseIcon.classList.toggle("ri-arrow-up-s-line", !collapsed);
|
||||
collapseIcon.classList.toggle("ri-arrow-down-s-line", collapsed);
|
||||
}
|
||||
});
|
||||
updateCollapseAllLabel();
|
||||
};
|
||||
|
||||
if (collapseAllButton) {
|
||||
updateCollapseAllLabel();
|
||||
if (collapseAllButton.dataset.init !== "true") {
|
||||
collapseAllButton.dataset.init = "true";
|
||||
collapseAllButton.addEventListener("click", () => {
|
||||
const shouldCollapse = collapseAllButton.dataset.state !== "collapsed";
|
||||
setAllCollapsed(shouldCollapse);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
getItems().forEach((item) => {
|
||||
setupItem(item);
|
||||
setupEditForm(item);
|
||||
});
|
||||
renderInsertGaps();
|
||||
syncEditSpacing();
|
||||
showEditButtonsIfIdle();
|
||||
if (!list.dataset.collapseInit) {
|
||||
list.dataset.collapseInit = "true";
|
||||
setAllCollapsed(true);
|
||||
}
|
||||
updateCollapseAllLabel();
|
||||
|
||||
if (list.dataset.pageInit !== "true") {
|
||||
list.dataset.pageInit = "true";
|
||||
let draggedItem = null;
|
||||
const createButton = document.querySelector("[data-role='contents-create']");
|
||||
if (createButton) {
|
||||
createButton.addEventListener("click", () => {
|
||||
requestAnimationFrame(() => {
|
||||
window.scrollTo({ top: document.documentElement.scrollHeight, behavior: "smooth" });
|
||||
});
|
||||
});
|
||||
}
|
||||
list.addEventListener("click", (event) => {
|
||||
const moveUp = event.target.closest("[data-role='content-move-up']");
|
||||
const moveDown = event.target.closest("[data-role='content-move-down']");
|
||||
@@ -825,13 +361,9 @@
|
||||
}
|
||||
}
|
||||
syncOrder();
|
||||
renderInsertGaps();
|
||||
});
|
||||
|
||||
list.addEventListener("dragstart", (event) => {
|
||||
if (event.target.closest("[data-role='content-edit-button']")) {
|
||||
return;
|
||||
}
|
||||
if (event.target.closest("[data-role='content-move-up']") || event.target.closest("[data-role='content-move-down']")) {
|
||||
return;
|
||||
}
|
||||
@@ -847,17 +379,9 @@
|
||||
if (!item) {
|
||||
return;
|
||||
}
|
||||
if (item.classList.contains("data-editing")) {
|
||||
event.preventDefault();
|
||||
return;
|
||||
}
|
||||
draggedItem = item;
|
||||
item.dataset.dragging = "true";
|
||||
draggedItem.classList.add("opacity-60");
|
||||
list.style.rowGap = "0.5rem";
|
||||
list.style.paddingTop = "0.25rem";
|
||||
list.style.paddingBottom = "0.25rem";
|
||||
removeGaps();
|
||||
event.dataTransfer.effectAllowed = "move";
|
||||
event.dataTransfer.setData("text/plain", "move");
|
||||
});
|
||||
@@ -886,89 +410,10 @@
|
||||
draggedItem.dataset.dragging = "";
|
||||
}
|
||||
draggedItem = null;
|
||||
list.style.rowGap = "";
|
||||
list.style.paddingTop = "";
|
||||
list.style.paddingBottom = "";
|
||||
syncOrder();
|
||||
renderInsertGaps();
|
||||
});
|
||||
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
const editContentId = params.get("edit_content");
|
||||
if (editContentId) {
|
||||
const targetItem = getItems().find((item) => {
|
||||
return item.dataset.contentId === editContentId;
|
||||
});
|
||||
if (targetItem) {
|
||||
openItem(targetItem);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const initWhenReady = () => {
|
||||
if (window.customElements?.whenDefined) {
|
||||
window.customElements.whenDefined("multi-select-simple").then(() => {
|
||||
requestAnimationFrame(initPage);
|
||||
});
|
||||
} else {
|
||||
initPage();
|
||||
}
|
||||
};
|
||||
|
||||
initWhenReady();
|
||||
|
||||
document.body.addEventListener("htmx:afterSwap", (event) => {
|
||||
const target = event.detail?.target;
|
||||
if (target && target.matches("[data-role='content-edit-container']")) {
|
||||
const item = target.closest("[data-role='content-item']");
|
||||
if (item && item.dataset.pendingEdit === "true" && enterEditMode) {
|
||||
item.dataset.pendingEdit = "";
|
||||
enterEditMode(item);
|
||||
if (setupEditFormGlobal) {
|
||||
setupEditFormGlobal(item);
|
||||
}
|
||||
}
|
||||
target.querySelectorAll("multi-select-simple[data-initial-options], multi-select-simple[data-initial-values]").forEach((el) => {
|
||||
applyMultiSelectInit(el);
|
||||
});
|
||||
}
|
||||
initWhenReady();
|
||||
});
|
||||
|
||||
document.body.addEventListener("htmx:beforeRequest", (event) => {
|
||||
const elt = event.detail?.elt;
|
||||
if (!elt || !list) {
|
||||
return;
|
||||
}
|
||||
if (elt.closest("[data-role='contents-list']")) {
|
||||
const label = elt.getAttribute("data-loading-label");
|
||||
if (label) {
|
||||
setHtmxIndicatorLabel(label);
|
||||
} else {
|
||||
setHtmxIndicatorLabel("Eintrag wird geladen");
|
||||
}
|
||||
setHtmxIndicator(true);
|
||||
}
|
||||
});
|
||||
|
||||
document.body.addEventListener("htmx:afterRequest", (event) => {
|
||||
const elt = event.detail?.elt;
|
||||
if (!elt || !list) {
|
||||
return;
|
||||
}
|
||||
if (elt.closest("[data-role='contents-list']")) {
|
||||
setHtmxIndicator(false);
|
||||
}
|
||||
});
|
||||
|
||||
document.body.addEventListener("htmx:responseError", (event) => {
|
||||
const elt = event.detail?.elt;
|
||||
if (!elt || !list) {
|
||||
return;
|
||||
}
|
||||
if (elt.closest("[data-role='contents-list']")) {
|
||||
setHtmxIndicator(false);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{{ $model := . }}
|
||||
<title>
|
||||
{{ if $model.result }}
|
||||
Inhalte bearbeiten: {{ $model.result.Entry.PreferredTitle }} - Musenalm
|
||||
Beiträge bearbeiten: {{ $model.result.Entry.PreferredTitle }} - Musenalm
|
||||
{{ else }}
|
||||
Inhalte bearbeiten - Musenalm
|
||||
Beiträge bearbeiten - Musenalm
|
||||
{{ end }}
|
||||
</title>
|
||||
|
||||
@@ -1,20 +0,0 @@
|
||||
{{- $content := index . "content" -}}
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $csrf := index . "csrf_token" -}}
|
||||
{{- $contentTypes := index . "content_types" -}}
|
||||
{{- $musenalmTypes := index . "musenalm_types" -}}
|
||||
{{- $paginationValues := index . "pagination_values" -}}
|
||||
{{- $contentID := index . "content_id" -}}
|
||||
|
||||
{{- template "_content_edit_form" (Dict
|
||||
"content" $content
|
||||
"content_id" $contentID
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"content_types" $contentTypes
|
||||
"musenalm_types" $musenalmTypes
|
||||
"pagination_values" $paginationValues
|
||||
"agents" (index . "agents")
|
||||
"content_agents" (index . "content_agents")
|
||||
"agent_relations" (index . "agent_relations")
|
||||
) -}}
|
||||
341
views/routes/almanach/contents/edit_item/body.gohtml
Normal file
341
views/routes/almanach/contents/edit_item/body.gohtml
Normal file
@@ -0,0 +1,341 @@
|
||||
{{ $model := . }}
|
||||
|
||||
<edit-page>
|
||||
<div class="flex container-normal bg-slate-100 mx-auto px-8">
|
||||
<div class="flex flex-row w-full justify-between">
|
||||
<div class="flex flex-col justify-end-safe flex-2/5">
|
||||
<div class="mb-1">
|
||||
<i class="ri-file-list-3-line"></i> Beiträge
|
||||
</div>
|
||||
<h1 class="text-2xl w-full font-bold text-slate-900 mb-1">
|
||||
{{- if $model.result -}}
|
||||
{{- $model.result.Entry.PreferredTitle -}}<br>
|
||||
<span class="text-base font-semibold text-slate-700">Beitrag Nr. {{ $model.content.MusenalmID }}</span>
|
||||
{{- else -}}
|
||||
Beiträge bearbeiten
|
||||
{{- end -}}
|
||||
</h1>
|
||||
{{- if $model.result -}}
|
||||
<div class="flex flex-row gap-x-3">
|
||||
<div>
|
||||
<a
|
||||
href="/beitrag/{{ $model.content.MusenalmID }}"
|
||||
class="text-gray-700 hover:text-slate-950 block no-underline">
|
||||
<i class="ri-eye-line"></i> Anschauen
|
||||
</a>
|
||||
</div>
|
||||
·
|
||||
<div class="flex flex-row">
|
||||
{{- if $model.prev_content -}}
|
||||
<div>
|
||||
<a href="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/{{ $model.prev_content.MusenalmID }}/edit" class="text-gray-700 hover:text-slate-950 no-underline block">
|
||||
<i class="ri-arrow-left-s-line"></i>
|
||||
</a>
|
||||
</div>
|
||||
{{- end -}}
|
||||
<div class="px-1.5 py-0.5 rounded-xs bg-gray-200 w-fit font-bold">
|
||||
{{ $model.content.MusenalmID }}
|
||||
</div>
|
||||
{{- if $model.next_content -}}
|
||||
<div>
|
||||
<a href="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/{{ $model.next_content.MusenalmID }}/edit" class="text-gray-700 hover:text-slate-950 no-underline block">
|
||||
<i class="ri-arrow-right-s-line"></i>
|
||||
</a>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
·
|
||||
<div>
|
||||
<a href="/almanach/{{- $model.result.Entry.MusenalmID -}}/contents/{{ $model.content.MusenalmID }}/edit" class="text-gray-700 no-underline hover:text-slate-950 block">
|
||||
<i class="ri-loop-left-line"></i> Reset
|
||||
</a>
|
||||
</div>
|
||||
·
|
||||
<div>
|
||||
<a href="/almanach/{{- $model.result.Entry.MusenalmID -}}/contents/edit" class="text-gray-700 no-underline hover:text-slate-950 block">
|
||||
<i class="ri-arrow-left-line"></i> Zurück zur Liste
|
||||
</a>
|
||||
</div>
|
||||
·
|
||||
<div>
|
||||
<a href="/almanach/{{- $model.result.Entry.MusenalmID -}}/edit" class="text-gray-700 no-underline hover:text-slate-950 block">
|
||||
<i class="ri-edit-2-line"></i> Almanach
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- if $model.result -}}
|
||||
<div class="flex flex-row" id="contents-header-data">
|
||||
<div class="flex flex-col justify-end gap-y-6 pr-20">
|
||||
<div class="">
|
||||
<div class="font-bold text-sm">
|
||||
<i class="ri-navigation-line"></i> Navigation
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
{{- if $model.prev_content -}}
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">
|
||||
{{- if $model.prev_content.PreferredTitle -}}
|
||||
{{- $model.prev_content.PreferredTitle -}}
|
||||
{{- else if $model.prev_content.TitleStmt -}}
|
||||
{{- $model.prev_content.TitleStmt -}}
|
||||
{{- else -}}
|
||||
Beitrag Nr. {{ $model.prev_content.MusenalmID }}
|
||||
{{- end -}}
|
||||
</div>
|
||||
<a
|
||||
href="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/{{ $model.prev_content.MusenalmID }}/edit"
|
||||
class="text-gray-700 hover:text-slate-950 no-underline">
|
||||
<i class="ri-arrow-left-s-line"></i>
|
||||
</a>
|
||||
</tool-tip>
|
||||
{{- end -}}
|
||||
<span class="text-gray-800 font-bold no-underline">
|
||||
{{ $model.content.MusenalmID }}
|
||||
</span>
|
||||
{{- if $model.next_content -}}
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">
|
||||
{{- if $model.next_content.PreferredTitle -}}
|
||||
{{- $model.next_content.PreferredTitle -}}
|
||||
{{- else if $model.next_content.TitleStmt -}}
|
||||
{{- $model.next_content.TitleStmt -}}
|
||||
{{- else -}}
|
||||
Beitrag Nr. {{ $model.next_content.MusenalmID }}
|
||||
{{- end -}}
|
||||
</div>
|
||||
<a
|
||||
href="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/{{ $model.next_content.MusenalmID }}/edit"
|
||||
class="text-gray-700 hover:text-slate-950 no-underline">
|
||||
<i class="ri-arrow-right-s-line"></i>
|
||||
</a>
|
||||
</tool-tip>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-end gap-y-6 pr-10">
|
||||
<div class="">
|
||||
<div class="font-bold text-sm">
|
||||
<i class="ri-database-2-line"></i> Datenbank-ID
|
||||
</div>
|
||||
<div class="">{{ $model.content.Id }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-end gap-y-6 pr-4">
|
||||
<div class="">
|
||||
<div class="font-bold text-sm mb-1"><i class="ri-calendar-line"></i> Zuletzt bearbeitet</div>
|
||||
<div>
|
||||
<div class="px-1.5 py-0.5 rounded-xs bg-gray-200 w-fit">
|
||||
<span>{{ GermanDate $model.result.Entry.Updated }}</span>,
|
||||
<span>{{ GermanTime $model.result.Entry.Updated }}</span>h
|
||||
</div>
|
||||
<div
|
||||
class="px-1.5 py-0.5 rounded-xs mt-1.5 bg-gray-200 w-fit {{ if not $model.result.User }}hidden{{ end }}">
|
||||
<i class="ri-user-line mr-1"></i>
|
||||
<span>{{- if $model.result.User -}}{{ $model.result.User.Name }}{{- end -}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-normal mx-auto mt-4 !px-0">
|
||||
{{ template "_usermessage" $model }}
|
||||
<form
|
||||
autocomplete="off"
|
||||
class="w-full dbform"
|
||||
method="POST"
|
||||
action="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/edit">
|
||||
<input type="hidden" name="csrf_token" value="{{ $model.csrf_token }}" />
|
||||
|
||||
<div class="flex gap-8">
|
||||
<div class="flex-1 flex flex-col gap-4">
|
||||
{{- template "_content_edit" (Dict
|
||||
"content" $model.content
|
||||
"content_id" $model.content_id
|
||||
"entry" $model.result.Entry
|
||||
"content_types" $model.content_types
|
||||
"musenalm_types" $model.musenalm_types
|
||||
"pagination_values" $model.pagination_values
|
||||
"agents" $model.agents
|
||||
"content_agents" $model.content_agents
|
||||
"agent_relations" $model.agent_relations
|
||||
) -}}
|
||||
</div>
|
||||
|
||||
<div class="w-[28rem] shrink-0 flex flex-col gap-3">
|
||||
{{- $prefix := printf "content_%s_" $model.content_id -}}
|
||||
{{- $fieldId := printf "content-%s-edit-state" $model.content_id -}}
|
||||
{{ template "_content_status_edit" (Arr $model.content $prefix $fieldId) }}
|
||||
<div class="inputwrapper">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<label for="content-{{ $model.content_id }}-musenalm-type" class="inputlabel">Beitragstyp(en)</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ helpOr "contents" "musenalm_type" "Musenalm-Typen des Beitrags." }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-2 py-2">
|
||||
<multi-select-simple
|
||||
id="content-{{ $model.content_id }}-musenalm-type"
|
||||
name="content_{{ $model.content_id }}_musenalm_type[]"
|
||||
show-create-button="false"
|
||||
placeholder="Musenalm-Typen suchen..."
|
||||
data-empty-text="Keine Typen verknüpft"
|
||||
value='[{{- range $i, $t := $model.content.MusenalmType -}}{{- if $i }},{{ end -}}"{{ $t }}"{{- end -}}]'
|
||||
data-initial-options='[{{- range $i, $t := $model.musenalm_types -}}{{- if $i }},{{ end -}}{{ printf "{\"id\":%q,\"name\":%q}" $t $t }}{{- end -}}]'
|
||||
data-initial-values='[{{- range $i, $t := $model.content.MusenalmType -}}{{- if $i }},{{ end -}}{{ printf "%q" $t }}{{- end -}}]'>
|
||||
</multi-select-simple>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inputwrapper">
|
||||
<div class="inputlabelrow">
|
||||
<label for="content-{{ $model.content_id }}-language" class="inputlabel">Sprache</label>
|
||||
</div>
|
||||
<multi-select-simple
|
||||
id="content-{{ $model.content_id }}-language"
|
||||
name="content_{{ $model.content_id }}_language[]"
|
||||
show-create-button="false"
|
||||
placeholder="Sprachen suchen..."
|
||||
data-empty-text="Keine Sprachen verknüpft"
|
||||
value='[{{- range $i, $lang := $model.content.Language -}}{{- if $i }},{{ end -}}"{{ $lang }}"{{- end -}}]'
|
||||
data-initial-values='[{{- range $i, $lang := $model.content.Language -}}{{- if $i }},{{ end -}}{{ printf "%q" $lang }}{{- end -}}]'>
|
||||
</multi-select-simple>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex items-end justify-between gap-4 mt-6 flex-wrap">
|
||||
<p class="text-sm text-gray-600" aria-live="polite"></p>
|
||||
<div class="flex items-center gap-3 self-end flex-wrap">
|
||||
<a href="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/edit" class="resetbutton w-40 flex items-center gap-2 justify-center">
|
||||
<i class="ri-arrow-left-line"></i>
|
||||
<span>Zurück</span>
|
||||
</a>
|
||||
<button type="button" class="resetbutton w-40 flex items-center gap-2 justify-center bg-red-50 text-red-800 hover:bg-red-100 hover:text-red-900" data-role="content-delete">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
<span>Eintrag loeschen</span>
|
||||
</button>
|
||||
<button type="submit" class="submitbutton w-40 flex items-center gap-2 justify-center">
|
||||
<i class="ri-save-line"></i>
|
||||
<span>Speichern</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<dialog data-role="content-delete-dialog" class="dbform fixed inset-0 m-auto rounded-md border border-slate-200 p-0 shadow-xl backdrop:bg-black/40">
|
||||
<div class="p-5 w-[22rem]">
|
||||
<div class="text-base font-bold text-gray-900">Eintrag loeschen?</div>
|
||||
{{- if $model.content.TitleStmt -}}
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $model.content.TitleStmt }}</div>
|
||||
{{- end -}}
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Der Eintrag wird dauerhaft geloescht. Verknuepfungen, Exemplare und Beitraege werden entfernt.
|
||||
</p>
|
||||
<div class="flex items-center justify-end gap-3 mt-4">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="content-delete-cancel">Abbrechen</button>
|
||||
<button type="button" class="submitbutton w-auto bg-red-700 hover:bg-red-800 px-3 py-1 text-sm" data-role="content-delete-confirm">
|
||||
Loeschen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
</form>
|
||||
</div>
|
||||
</edit-page>
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
const applyMultiSelectInit = (el) => {
|
||||
if (!el) return;
|
||||
const optionsRaw = el.getAttribute("data-initial-options") || "[]";
|
||||
const valuesRaw = el.getAttribute("data-initial-values") || "[]";
|
||||
let options = [];
|
||||
let values = [];
|
||||
try {
|
||||
options = JSON.parse(optionsRaw);
|
||||
values = JSON.parse(valuesRaw);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
if (options.length && typeof el.setOptions === "function") {
|
||||
el.setOptions(options);
|
||||
}
|
||||
if (values.length) {
|
||||
el.value = values;
|
||||
if (typeof el.captureInitialSelection === "function") {
|
||||
el.captureInitialSelection();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const deleteButton = document.querySelector("[data-role='content-delete']");
|
||||
const deleteDialog = document.querySelector("[data-role='content-delete-dialog']");
|
||||
const deleteConfirm = document.querySelector("[data-role='content-delete-confirm']");
|
||||
const deleteCancel = document.querySelector("[data-role='content-delete-cancel']");
|
||||
const csrfToken = "{{ $model.csrf_token }}";
|
||||
const contentId = "{{ $model.content_id }}";
|
||||
const deleteEndpoint = "/almanach/{{ $model.result.Entry.MusenalmID }}/contents/delete";
|
||||
|
||||
const initMultiSelects = () => {
|
||||
document.querySelectorAll("multi-select-simple[data-initial-options], multi-select-simple[data-initial-values]").forEach((el) => {
|
||||
applyMultiSelectInit(el);
|
||||
});
|
||||
};
|
||||
if (window.customElements?.whenDefined) {
|
||||
window.customElements.whenDefined("multi-select-simple").then(() => {
|
||||
requestAnimationFrame(initMultiSelects);
|
||||
});
|
||||
} else {
|
||||
initMultiSelects();
|
||||
}
|
||||
|
||||
if (!deleteButton || !deleteDialog || !deleteConfirm || !deleteCancel) {
|
||||
return;
|
||||
}
|
||||
|
||||
deleteButton.addEventListener("click", () => {
|
||||
if (deleteDialog.showModal) {
|
||||
deleteDialog.showModal();
|
||||
} else {
|
||||
deleteDialog.setAttribute("open", "true");
|
||||
}
|
||||
});
|
||||
|
||||
deleteCancel.addEventListener("click", () => {
|
||||
deleteDialog.close();
|
||||
});
|
||||
|
||||
deleteDialog.addEventListener("cancel", (event) => {
|
||||
event.preventDefault();
|
||||
deleteDialog.close();
|
||||
});
|
||||
|
||||
deleteConfirm.addEventListener("click", () => {
|
||||
const payload = new URLSearchParams();
|
||||
payload.set("csrf_token", csrfToken);
|
||||
payload.set("content_id", contentId);
|
||||
fetch(deleteEndpoint, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/x-www-form-urlencoded",
|
||||
},
|
||||
body: payload.toString(),
|
||||
}).then((response) => {
|
||||
if (response.ok) {
|
||||
window.location.assign("/almanach/{{ $model.result.Entry.MusenalmID }}/contents/edit");
|
||||
return;
|
||||
}
|
||||
deleteDialog.close();
|
||||
}).catch(() => {
|
||||
deleteDialog.close();
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
10
views/routes/almanach/contents/edit_item/head.gohtml
Normal file
10
views/routes/almanach/contents/edit_item/head.gohtml
Normal file
@@ -0,0 +1,10 @@
|
||||
{{ $model := . }}
|
||||
<title>
|
||||
{{- if $model.content -}}
|
||||
Beitrag bearbeiten: {{ if $model.content.PreferredTitle }}{{ $model.content.PreferredTitle }}{{ else if $model.content.TitleStmt }}{{ $model.content.TitleStmt }}{{ else }}Beitrag{{ end }} - Musenalm
|
||||
{{- else if $model.result -}}
|
||||
Beitrag bearbeiten: {{ $model.result.Entry.PreferredTitle }} - Musenalm
|
||||
{{- else -}}
|
||||
Beitrag bearbeiten - Musenalm
|
||||
{{- end -}}
|
||||
</title>
|
||||
@@ -1,22 +0,0 @@
|
||||
{{- $content := index . "content" -}}
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $csrf := index . "csrf_token" -}}
|
||||
{{- $contentTypes := index . "content_types" -}}
|
||||
{{- $musenalmTypes := index . "musenalm_types" -}}
|
||||
{{- $paginationValues := index . "pagination_values" -}}
|
||||
{{- $contentID := index . "content_id" -}}
|
||||
|
||||
{{- template "_content_item" (Dict
|
||||
"content" $content
|
||||
"content_id" $contentID
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"content_types" $contentTypes
|
||||
"musenalm_types" $musenalmTypes
|
||||
"pagination_values" $paginationValues
|
||||
"agents" (index . "agents")
|
||||
"content_agents" (index . "content_agents")
|
||||
"agent_relations" (index . "agent_relations")
|
||||
"open_edit" true
|
||||
"is_new" true
|
||||
) -}}
|
||||
@@ -1,26 +0,0 @@
|
||||
{{- $content := index . "content" -}}
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $csrf := index . "csrf_token" -}}
|
||||
{{- $contentTypes := index . "content_types" -}}
|
||||
{{- $musenalmTypes := index . "musenalm_types" -}}
|
||||
{{- $paginationValues := index . "pagination_values" -}}
|
||||
{{- $contentID := index . "content_id" -}}
|
||||
{{- $openEdit := index . "open_edit" -}}
|
||||
{{- $isNew := index . "is_new" -}}
|
||||
{{- $error := index . "error" -}}
|
||||
|
||||
{{- template "_content_item" (Dict
|
||||
"content" $content
|
||||
"content_id" $contentID
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"content_types" $contentTypes
|
||||
"musenalm_types" $musenalmTypes
|
||||
"pagination_values" $paginationValues
|
||||
"agents" (index . "agents")
|
||||
"content_agents" (index . "content_agents")
|
||||
"agent_relations" (index . "agent_relations")
|
||||
"open_edit" $openEdit
|
||||
"is_new" $isNew
|
||||
"error" $error
|
||||
) -}}
|
||||
@@ -76,7 +76,7 @@ type AlmanachResult struct {
|
||||
<div>
|
||||
<a href="/almanach/{{- $model.result.Entry.MusenalmID -}}/contents/edit" class="text-gray-700
|
||||
no-underline hover:text-slate-950 block ">
|
||||
<i class="ri-file-list-3-line"></i> Inhalte
|
||||
<i class="ri-file-list-3-line"></i> Beiträge
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1160,7 +1160,7 @@ type AlmanachResult struct {
|
||||
<div class="text-base font-bold text-gray-900">Eintrag löschen?</div>
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $model.result.Entry.PreferredTitle }}</div>
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Inhalte werden entfernt.
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Beiträge werden entfernt.
|
||||
</p>
|
||||
<div class="flex items-center justify-end gap-3 mt-4">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="almanach-delete-cancel">Abbrechen</button>
|
||||
|
||||
@@ -20,205 +20,138 @@
|
||||
{{- $agentsAddToggleID := printf "content-%s-agents-add-toggle" $contentID -}}
|
||||
{{- $agentsSectionID := printf "content-%s-agents-section" $contentID -}}
|
||||
|
||||
<div class="border border-slate-200 bg-white rounded-xs" data-role="content-card" data-content-id="{{ $contentID }}" data-content-order="{{ $content.Numbering }}">
|
||||
<div class="bg-white" data-role="content-card" data-content-id="{{ $contentID }}" data-content-order="{{ $content.Numbering }}">
|
||||
<input type="hidden" name="{{ $prefix }}numbering" class="content-numbering" value="{{- $content.Numbering -}}" />
|
||||
<input type="hidden" name="{{ $prefix }}entries" value="{{ $entry.Id }}" />
|
||||
<div class="border border-slate-200 border-b-0 bg-stone-100 rounded-xs rounded-b-none">
|
||||
<div class="flex flex-wrap items-center justify-between gap-4 border-b border-slate-200 bg-stone-200 px-3 py-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<multi-select-simple
|
||||
id="{{ $baseID }}-musenalm-type"
|
||||
name="{{ $prefix }}musenalm_type[]"
|
||||
show-create-button="false"
|
||||
placeholder="Musenalm-Typen suchen..."
|
||||
data-empty-text="Keine Typen verknüpft"
|
||||
value='[{{- range $i, $t := $content.MusenalmType -}}{{- if $i }},{{ end -}}"{{ $t }}"{{- end -}}]'
|
||||
data-initial-options='[{{- range $i, $t := $musenalmTypes -}}{{- if $i }},{{ end -}}{{ printf "{\"id\":%q,\"name\":%q}" $t $t }}{{- end -}}]'
|
||||
data-initial-values='[{{- range $i, $t := $content.MusenalmType -}}{{- if $i }},{{ end -}}{{ printf "%q" $t }}{{- end -}}]'>
|
||||
</multi-select-simple>
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="inputwrapper">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-extent" class="inputlabel">Seite & Paginierung</label>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<select name="{{ $prefix }}edit_state" id="{{ $baseID }}-edit-state" class="inputselect font-bold status-select px-2 py-1 shadow-sm rounded-sm" data-status="{{ $content.EditState }}">
|
||||
<option value="Unknown" {{ if eq $content.EditState "Unknown" }}selected{{ end }}>Unbekannt</option>
|
||||
<option value="ToDo" {{ if eq $content.EditState "ToDo" }}selected{{ end }}>Zu erledigen</option>
|
||||
<option value="Review" {{ if eq $content.EditState "Review" }}selected{{ end }}>Überprüfen</option>
|
||||
<option value="Edited" {{ if eq $content.EditState "Edited" }}selected{{ end }}>Erfasst</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-3 py-2">
|
||||
<div class="grid grid-cols-[8rem_1fr_1fr] gap-x-3 gap-y-2 items-baseline">
|
||||
<label for="{{ $baseID }}-extent" class="text-sm font-bold text-gray-700">Seite & Paginierung</label>
|
||||
<textarea name="{{ $prefix }}extent" id="{{ $baseID }}-extent" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.Extent -}}</textarea>
|
||||
<select name="{{ $prefix }}musenalm_pagination" id="{{ $baseID }}-pagination" class="inputselect border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30">
|
||||
<div class="grid grid-cols-[1fr_1px_20rem] gap-2 items-stretch">
|
||||
<textarea name="{{ $prefix }}extent" id="{{ $baseID }}-extent" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.Extent -}}</textarea>
|
||||
<div class="bg-slate-400"></div>
|
||||
<select name="{{ $prefix }}musenalm_pagination" id="{{ $baseID }}-pagination" class="inputselect">
|
||||
{{- range $_, $p := $paginationValues -}}
|
||||
<option value="{{- $p -}}" {{ if eq $content.MusenalmPagination $p }}selected{{ end }}>{{- $p -}}</option>
|
||||
{{- end -}}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="{{ $baseID }}-edit-fields" class="mt-3 flex flex-col gap-3"></div>
|
||||
<div id="{{ $baseID }}-edit-fields" class="mt-2 flex flex-col gap-2"></div>
|
||||
<div-manager dm-target="{{ $baseID }}-edit-fields" class="flex items-center justify-end mt-1">
|
||||
<button class="dm-menu-button text-right cursor-pointer whitespace-nowrap"><i class="ri-add-line"></i>
|
||||
Felder hinzufügen</button>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq (len $content.Language) 0 }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-language" class="text-sm font-bold text-gray-700">Sprache</label>
|
||||
<multi-select-simple
|
||||
id="{{ $baseID }}-language"
|
||||
name="{{ $prefix }}language[]"
|
||||
show-create-button="false"
|
||||
placeholder="Sprachen suchen..."
|
||||
data-empty-text="Keine Sprachen verknüpft"
|
||||
value='[{{- range $i, $lang := $content.Language -}}{{- if $i }},{{ end -}}"{{ $lang }}"{{- end -}}]'
|
||||
data-initial-values='[{{- range $i, $lang := $content.Language -}}{{- if $i }},{{ end -}}{{ printf "%q" $lang }}{{- end -}}]'>
|
||||
</multi-select-simple>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.TitleStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-title" class="inputlabel menu-label">Titel</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}title_statement" id="{{ $baseID }}-title" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.TitleStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.TitleStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-title" class="text-sm font-bold text-gray-700">Titel</label>
|
||||
<textarea name="{{ $prefix }}title_statement" id="{{ $baseID }}-title" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.TitleStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.SubtitleStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-subtitle" class="inputlabel menu-label">Untertitel</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}subtitle_statement" id="{{ $baseID }}-subtitle" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.SubtitleStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.SubtitleStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-subtitle" class="text-sm font-bold text-gray-700">Untertitel</label>
|
||||
<textarea name="{{ $prefix }}subtitle_statement" id="{{ $baseID }}-subtitle" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.SubtitleStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.IncipitStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-incipit" class="inputlabel menu-label">Incipit</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}incipit_statement" id="{{ $baseID }}-incipit" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.IncipitStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.IncipitStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-incipit" class="text-sm font-bold text-gray-700">Incipit</label>
|
||||
<textarea name="{{ $prefix }}incipit_statement" id="{{ $baseID }}-incipit" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.IncipitStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.ResponsibilityStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-responsibility" class="inputlabel menu-label">Autorangabe</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}responsibility_statement" id="{{ $baseID }}-responsibility" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.ResponsibilityStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.ResponsibilityStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-responsibility" class="text-sm font-bold text-gray-700">Autorangabe</label>
|
||||
<textarea name="{{ $prefix }}responsibility_statement" id="{{ $baseID }}-responsibility" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.ResponsibilityStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.ParallelTitle "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-parallel-title" class="inputlabel menu-label">Paralleltitel</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}parallel_title" id="{{ $baseID }}-parallel-title" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.ParallelTitle -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.ParallelTitle "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-parallel-title" class="text-sm font-bold text-gray-700">Paralleltitel</label>
|
||||
<textarea name="{{ $prefix }}parallel_title" id="{{ $baseID }}-parallel-title" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.ParallelTitle -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.VariantTitle "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-variant-title" class="inputlabel menu-label">Titelvarianten</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}variant_title" id="{{ $baseID }}-variant-title" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.VariantTitle -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.VariantTitle "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-variant-title" class="text-sm font-bold text-gray-700">Titelvarianten</label>
|
||||
<textarea name="{{ $prefix }}variant_title" id="{{ $baseID }}-variant-title" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.VariantTitle -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<div class="inputwrapper {{ if eq $content.PlaceStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-place" class="inputlabel menu-label">Ortsangabe</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}place_statement" id="{{ $baseID }}-place" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.PlaceStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.PlaceStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-place" class="text-sm font-bold text-gray-700">Ortsangabe</label>
|
||||
<textarea name="{{ $prefix }}place_statement" id="{{ $baseID }}-place" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.PlaceStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.Annotation "" }}hidden{{ end }}">
|
||||
<label for="{{ $annotationID }}" class="text-sm font-bold text-gray-700">Anmerkung</label>
|
||||
<div class="border border-slate-300 rounded-xs bg-white px-2 py-1 focus-within:ring-2 focus-within:ring-slate-400/30">
|
||||
<trix-toolbar id="{{ $annotationToolbar }}">
|
||||
<div class="trix-toolbar-container">
|
||||
<span class="trix-toolbar-group">
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="bold" data-trix-key="b" title="Fett">
|
||||
<i class="ri-bold"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="italic" data-trix-key="i" title="Kursiv">
|
||||
<i class="ri-italic"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="strike" title="Gestrichen">
|
||||
<i class="ri-strikethrough"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" title="Link">
|
||||
<i class="ri-links-line"></i>
|
||||
</button>
|
||||
</span>
|
||||
<span class="trix-toolbar-group">
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="heading1" title="Überschrift">
|
||||
<i class="ri-h-1"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="quote" title="Zitat">
|
||||
<i class="ri-double-quotes-l"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="bullet" title="Liste">
|
||||
<i class="ri-list-unordered"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="number" title="Aufzählung">
|
||||
<i class="ri-list-ordered"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="decreaseNestingLevel" title="Einzug verkleinern">
|
||||
<i class="ri-indent-decrease"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="increaseNestingLevel" title="Einzug vergrößern">
|
||||
<i class="ri-indent-increase"></i>
|
||||
</button>
|
||||
</span>
|
||||
<span class="trix-toolbar-group">
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="undo" data-trix-key="z" title="Rückgängig">
|
||||
<i class="ri-arrow-go-back-line"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="redo" data-trix-key="shift+z" title="Wiederholen">
|
||||
<i class="ri-arrow-go-forward-line"></i>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="trix-dialogs" data-trix-dialogs>
|
||||
<div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">
|
||||
<div class="trix-dialog__link-fields flex flex-row">
|
||||
<input type="url" name="href" class="trix-input trix-input--dialog" placeholder="URL eingeben…" aria-label="URL" required data-trix-input>
|
||||
<div class="trix-button-group flex-row">
|
||||
<input type="button" class="trix-button trix-button--dialog" value="Link" data-trix-method="setAttribute">
|
||||
<input type="button" class="trix-button trix-button--dialog" value="Unlink" data-trix-method="removeAttribute">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</trix-toolbar>
|
||||
<textarea hidden id="{{ $annotationID }}" name="{{ $annotationID }}" autocomplete="off">{{- $content.Annotation -}}</textarea>
|
||||
<trix-editor input="{{ $annotationID }}" toolbar="{{ $annotationToolbar }}" class="min-h-[6rem]"></trix-editor>
|
||||
</div>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div-manager>
|
||||
{{ template "_annotation_field" (Arr $content.Annotation "Anmerkung" $annotationID) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-0">
|
||||
<div class="mt-3">
|
||||
<relations-editor data-prefix="{{ $agentsPrefix }}" data-link-base="/person/" data-new-label="(Neu)" data-add-toggle-id="{{ $agentsAddToggleID }}">
|
||||
<div class="inputwrapper !border-none">
|
||||
<div class="grid grid-cols-[8rem_1fr] gap-x-3 gap-y-2 items-start px-3 py-2">
|
||||
<div class="flex flex-col gap-1 text-sm text-gray-700 font-bold">
|
||||
<div class="inputwrapper">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<span>Personen & Körperschaften</span>
|
||||
<label class="inputlabel" for="{{ $agentsSectionID }}">Personen & Körperschaften</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ helpOr "contents" "agents" "Beteiligte Personen oder Körperschaften." }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/personen/new/" class="text-sm font-bold text-gray-700 hover:text-slate-950 no-underline" target="_blank" rel="noreferrer">
|
||||
<i class="ri-add-line"></i> Neue Person/Körperschaft anlegen
|
||||
</a>
|
||||
<button type="button" id="{{ $agentsAddToggleID }}" class="text-sm font-bold text-gray-700 hover:text-slate-950 no-underline pr-3">
|
||||
<i class="ri-link"></i> Person verlinken
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<div id="{{ $agentsSectionID }}" class="rel-section-container px-0 mt-0">
|
||||
</div>
|
||||
<div id="{{ $agentsSectionID }}" class="rel-section-container">
|
||||
{{- if and $contentAgentsRender (gt (len $contentAgentsRender) 0) -}}
|
||||
{{- range $i, $r := $contentAgentsRender -}}
|
||||
{{- $a := index $agents $r.Agent -}}
|
||||
@@ -318,7 +251,7 @@
|
||||
{{- end -}}
|
||||
</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-2">
|
||||
{{- if and $contentAgentsNew (gt (len $contentAgentsNew) 0) -}}
|
||||
{{- range $i, $r := $contentAgentsNew -}}
|
||||
{{- $a := index $agents $r.Agent -}}
|
||||
@@ -360,7 +293,7 @@
|
||||
{{- end -}}
|
||||
</div>
|
||||
|
||||
<div data-role="relation-add-panel" class="mt-2 px-0 hidden">
|
||||
<div data-role="relation-add-panel" class="mt-2 px-2 hidden">
|
||||
<div class="rel-row">
|
||||
<div class="rel-grid">
|
||||
<div class="min-w-0">
|
||||
@@ -431,17 +364,6 @@
|
||||
<input type="hidden" data-rel-input="id" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<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">
|
||||
<i class="ri-add-line"></i> Neue Person
|
||||
</a>
|
||||
<button type="button" id="{{ $agentsAddToggleID }}" class="text-gray-700 hover:text-slate-950 no-underline text-left">
|
||||
<i class="ri-link"></i> Person verlinken
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</relations-editor>
|
||||
</div>
|
||||
|
||||
@@ -15,11 +15,6 @@
|
||||
autocomplete="off"
|
||||
class="w-full dbform"
|
||||
method="POST"
|
||||
data-loading-label="Eintrag wird gespeichert"
|
||||
hx-boost="false"
|
||||
hx-post="/almanach/{{ $entry.MusenalmID }}/contents/edit"
|
||||
hx-target="closest [data-role='content-item']"
|
||||
hx-swap="outerHTML"
|
||||
action="/almanach/{{ $entry.MusenalmID }}/contents/edit">
|
||||
<input type="hidden" name="csrf_token" value="{{ $csrf }}" />
|
||||
{{- if $error -}}
|
||||
@@ -39,13 +34,13 @@
|
||||
"agent_relations" $agentRelations
|
||||
) -}}
|
||||
<div class="w-full flex items-center justify-end gap-3 mt-4 flex-wrap">
|
||||
<button type="button" class="resetbutton w-40 flex items-center gap-2 justify-center" data-role="content-edit-cancel">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}/contents/edit" class="resetbutton w-40 flex items-center gap-2 justify-center">
|
||||
<i class="ri-close-line"></i>
|
||||
<span>Verwerfen</span>
|
||||
</button>
|
||||
<span>Zurueck</span>
|
||||
</a>
|
||||
<button type="button" class="resetbutton w-40 flex items-center gap-2 justify-center bg-red-50 text-red-800 hover:bg-red-100 hover:text-red-900" data-role="content-delete">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
<span>Eintrag löschen</span>
|
||||
<span>Eintrag loeschen</span>
|
||||
</button>
|
||||
<button type="submit" class="submitbutton w-40 flex items-center gap-2 justify-center">
|
||||
<i class="ri-save-line"></i>
|
||||
@@ -55,17 +50,17 @@
|
||||
</form>
|
||||
<dialog data-role="content-delete-dialog" class="dbform fixed inset-0 m-auto rounded-md border border-slate-200 p-0 shadow-xl backdrop:bg-black/40">
|
||||
<div class="p-5 w-[22rem]">
|
||||
<div class="text-base font-bold text-gray-900">Eintrag löschen?</div>
|
||||
<div class="text-base font-bold text-gray-900">Eintrag loeschen?</div>
|
||||
{{- if $content.TitleStmt -}}
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $content.TitleStmt }}</div>
|
||||
{{- end -}}
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Inhalte werden entfernt.
|
||||
Der Eintrag wird dauerhaft geloescht. Verknuepfungen, Exemplare und Beitraege werden entfernt.
|
||||
</p>
|
||||
<div class="flex items-center justify-end gap-3 mt-4">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="content-delete-cancel">Abbrechen</button>
|
||||
<button type="button" class="submitbutton w-auto bg-red-700 hover:bg-red-800 px-3 py-1 text-sm" data-role="content-delete-confirm">
|
||||
Löschen
|
||||
Loeschen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $contentID := index . "content_id" -}}
|
||||
{{- $position := index . "position" -}}
|
||||
{{- $label := index . "label" -}}
|
||||
|
||||
<div class="relative group h-6 -my-2.5" data-role="content-gap">
|
||||
<div class="pointer-events-none absolute left-0 right-0 top-1/2 h-0.5 -translate-y-1/2 bg-slate-300 opacity-0 transition-opacity duration-150 group-hover:opacity-100"></div>
|
||||
<button
|
||||
type="button"
|
||||
class="absolute left-1/2 top-1/2 z-[10000] -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-150 rounded-full border border-slate-300 bg-stone-100 text-slate-700 px-3 py-2 text-base shadow-sm"
|
||||
data-role="content-insert"
|
||||
data-position="{{ $position }}"
|
||||
data-content-id="{{ $contentID }}"
|
||||
aria-label="Beitrag einfügen"
|
||||
hx-post="/almanach/{{ $entry.MusenalmID }}/contents/insert"
|
||||
hx-target="closest [data-role='content-gap']"
|
||||
hx-swap="beforebegin"
|
||||
hx-include="[data-role='csrf-token']"
|
||||
hx-vals='{{ printf "{\"position\":%q,\"content_id\":%q}" $position $contentID }}'>
|
||||
<i class="ri-add-line"></i>
|
||||
{{- if $label -}}
|
||||
<span>Neuer Beitrag</span>
|
||||
{{- end -}}
|
||||
</button>
|
||||
<div class="h-1"></div>
|
||||
</div>
|
||||
@@ -1,40 +1,28 @@
|
||||
{{- $content := index . "content" -}}
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $csrf := index . "csrf_token" -}}
|
||||
{{- $contentTypes := index . "content_types" -}}
|
||||
{{- $musenalmTypes := index . "musenalm_types" -}}
|
||||
{{- $paginationValues := index . "pagination_values" -}}
|
||||
{{- $agents := index . "agents" -}}
|
||||
{{- $contentAgents := index . "content_agents" -}}
|
||||
{{- $agentRelations := index . "agent_relations" -}}
|
||||
{{- $overrideID := index . "content_id" -}}
|
||||
{{- $openEdit := index . "open_edit" -}}
|
||||
{{- $isNew := index . "is_new" -}}
|
||||
{{- $error := index . "error" -}}
|
||||
{{- $collapsed := index . "collapsed" -}}
|
||||
|
||||
{{- $contentID := $content.Id -}}
|
||||
{{- if and $overrideID (ne $overrideID "") -}}
|
||||
{{- $contentID = $overrideID -}}
|
||||
{{- end -}}
|
||||
{{- $editContainerID := printf "content-%s-edit-container" $contentID -}}
|
||||
{{- $collapsedAttr := "true" -}}
|
||||
{{- if and (ne $collapsed nil) (eq $collapsed false) -}}
|
||||
{{- $collapsedAttr = "false" -}}
|
||||
{{- end -}}
|
||||
|
||||
<div data-role="content-item" class="relative {{ if $isNew }}data-new-content{{ end }} {{ if $openEdit }}data-editing{{ end }}" data-open-edit="{{ if $openEdit }}true{{ end }}" data-content-temp="{{ if $isNew }}true{{ end }}" data-content-id="{{ $contentID }}" data-collapsed="{{ $collapsedAttr }}">
|
||||
<div data-role="content-view" class="{{ if $openEdit }}hidden{{ end }} mt-1">
|
||||
<div class="border border-slate-200 bg-stone-100 rounded-xs overflow-visible">
|
||||
<div class="flex items-center justify-between gap-4 border-b border-slate-200 bg-stone-100 px-3 py-1 cursor-pointer hover:bg-stone-200/50 transition-colors duration-75 flex-nowrap whitespace-nowrap" data-role="content-drag-handle" data-content-header="true" draggable="true" aria-label="Beitrag verschieben">
|
||||
<div data-role="content-item" class="relative odd:bg-stone-100" data-content-id="{{ $contentID }}">
|
||||
<div data-role="content-view">
|
||||
<div class="bg-transparent overflow-visible">
|
||||
<div class="flex items-center justify-between gap-3 bg-transparent px-2 py-0 flex-nowrap whitespace-nowrap" data-content-header="true">
|
||||
<div class="flex items-center gap-2 text-sm font-bold text-gray-800 flex-1 min-w-0 flex-nowrap whitespace-nowrap">
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip" data-role="content-collapse-tooltip">Einklappen</div>
|
||||
<button type="button" class="text-slate-600 rounded-sm px-2 py-1 text-sm transition-colors hover:bg-stone-300 {{ if $isNew }}hidden{{ end }}" data-role="content-collapse-toggle" aria-label="Beitrag einklappen" aria-expanded="true">
|
||||
<i class="ri-arrow-up-s-line" data-role="content-collapse-icon"></i>
|
||||
</button>
|
||||
</tool-tip>
|
||||
<div class="flex items-center gap-1">
|
||||
<button
|
||||
type="button"
|
||||
class="text-slate-600 rounded-sm px-2 py-1 text-sm cursor-grab"
|
||||
data-role="content-drag-handle"
|
||||
draggable="true"
|
||||
aria-label="Beitrag verschieben">
|
||||
<i class="ri-draggable"></i>
|
||||
</button>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">Nach oben verschieben</div>
|
||||
<button type="button" class="text-slate-600 rounded-sm px-2 py-1 text-sm transition-colors hover:bg-stone-300" data-role="content-move-up" aria-label="Beitrag nach oben">
|
||||
@@ -54,15 +42,15 @@
|
||||
{{- if $content.MusenalmType -}}
|
||||
<span class="flex flex-nowrap gap-1 text-gray-700 font-normal overflow-hidden">
|
||||
{{- range $i, $t := $content.MusenalmType -}}
|
||||
<span class="bg-slate-200 text-slate-900 px-1.5 py-0.5 rounded text-sm font-semibold shadow-sm" data-role="content-type-pill">{{- $t -}}</span>
|
||||
<span class="bg-slate-200 text-slate-900 px-1.5 py-0.5 rounded text-base font-semibold shadow-sm" data-role="content-type-pill">{{- $t -}}</span>
|
||||
{{- end -}}
|
||||
</span>
|
||||
{{- end -}}
|
||||
<div class="flex items-baseline gap-2 text-gray-800 min-w-0 flex-1 overflow-hidden flex-nowrap whitespace-nowrap" data-role="content-header-title">
|
||||
{{- if $content.PreferredTitle -}}
|
||||
<span class="text-sm font-semibold truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.PreferredTitle -}}</span>
|
||||
<span class="text-lg font-normal truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.PreferredTitle -}}</span>
|
||||
{{- else if $content.TitleStmt -}}
|
||||
<span class="text-sm font-semibold italic truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.TitleStmt -}}</span>
|
||||
<span class="text-lg font-normal italic truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.TitleStmt -}}</span>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
@@ -75,22 +63,15 @@
|
||||
</span>
|
||||
<span class="status-badge text-xs shadow-sm" data-status="{{ $content.EditState }}">
|
||||
<i class="status-icon {{- if eq $content.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $content.EditState "Seen" }} ri-information-line{{- else if eq $content.EditState "Review" }} ri-search-line{{- else if eq $content.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}"></i>
|
||||
{{- if eq $content.EditState "Edited" -}}Erfasst{{- else if eq $content.EditState "Review" -}}Überprüfen{{- else if eq $content.EditState "ToDo" -}}Zu erledigen{{- else if eq $content.EditState "Seen" -}}Autopsiert{{- else -}}Unbekannt{{- end -}}
|
||||
</span>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">Bearbeiten</div>
|
||||
<button
|
||||
type="button"
|
||||
class="resetbutton w-9 h-9 flex items-center justify-center hover:bg-stone-300 rounded-sm"
|
||||
data-role="content-edit-button"
|
||||
data-loading-label="Eintrag wird geladen"
|
||||
hx-boost="false"
|
||||
hx-get="/almanach/{{ $entry.MusenalmID }}/contents/edit/form?content_id={{ $contentID }}"
|
||||
hx-target="#{{ $editContainerID }}"
|
||||
hx-swap="innerHTML">
|
||||
<a
|
||||
href="/almanach/{{ $entry.MusenalmID }}/contents/{{ $content.MusenalmID }}/edit"
|
||||
class="resetbutton w-9 h-9 flex items-center justify-center rounded-sm cursor-pointer hover:bg-stone-300"
|
||||
aria-label="Beitrag bearbeiten">
|
||||
<i class="ri-edit-2-line"></i>
|
||||
<span class="sr-only">Bearbeiten</span>
|
||||
</button>
|
||||
</a>
|
||||
</tool-tip>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">Löschen</div>
|
||||
@@ -111,7 +92,7 @@
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $content.TitleStmt }}</div>
|
||||
{{- end -}}
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Inhalte werden entfernt.
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Beiträge werden entfernt.
|
||||
</p>
|
||||
<div class="flex items-center justify-end gap-3 mt-4">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="content-delete-cancel-view">Abbrechen</button>
|
||||
@@ -121,7 +102,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
<div class="flex flex-col gap-3 px-3 py-2 md:flex-row md:items-start" data-role="content-view-body">
|
||||
<div class="hidden flex flex-col gap-1 px-2 py-0.5 md:flex-row md:items-start" data-role="content-view-body">
|
||||
<div class="grid flex-1 gap-2 grid-cols-[8rem_1fr] items-baseline">
|
||||
{{- if or $content.Extent $content.MusenalmPagination -}}
|
||||
<div class="text-sm font-bold text-gray-700">Seite</div>
|
||||
@@ -205,26 +186,9 @@
|
||||
"content" $content
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"is_new" $isNew
|
||||
"is_new" false
|
||||
) -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content-edit-container" id="{{ $editContainerID }}">
|
||||
{{- if $openEdit -}}
|
||||
{{- template "_content_edit_form" (Dict
|
||||
"content" $content
|
||||
"content_id" $contentID
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"content_types" $contentTypes
|
||||
"musenalm_types" $musenalmTypes
|
||||
"pagination_values" $paginationValues
|
||||
"agents" $agents
|
||||
"content_agents" $contentAgents
|
||||
"agent_relations" $agentRelations
|
||||
"error" $error
|
||||
) -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
51
views/routes/components/_content_status_edit.gohtml
Normal file
51
views/routes/components/_content_status_edit.gohtml
Normal file
@@ -0,0 +1,51 @@
|
||||
{{- $content := index . 0 -}}
|
||||
{{- $prefix := index . 1 -}}
|
||||
{{- $fieldId := index . 2 -}}
|
||||
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="inputwrapper bg-stone-50 !border-none">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<label for="{{ $fieldId }}" class="inputlabel">Status</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ help "contents" "edit_state" }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<select name="{{ $prefix }}edit_state" id="{{ $fieldId }}" autocomplete="off" class="inputselect font-bold status-select py-2.5 pl-8" data-status="{{ $content.EditState }}">
|
||||
<option value="Unknown" {{ if eq $content.EditState "Unknown" }}selected{{ end }}>Unbekannt</option>
|
||||
<option value="ToDo" {{ if eq $content.EditState "ToDo" }}selected{{ end }}>Zu erledigen</option>
|
||||
<option value="Review" {{ if eq $content.EditState "Review" }}selected{{ end }}>Überprüfen</option>
|
||||
<option value="Edited" {{ if eq $content.EditState "Edited" }}selected{{ end }}>Erfasst</option>
|
||||
</select>
|
||||
<i class="status-icon absolute left-2 top-[calc(50%-1px)] -translate-y-1/2 pointer-events-none {{- if eq $content.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $content.EditState "Review" }} ri-search-line{{- else if eq $content.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="{{ $prefix }}edit_comment_section"></div>
|
||||
<div-manager dm-target="{{ $prefix }}edit_comment_section">
|
||||
<button class="dm-menu-button text-right cursor-pointer whitespace-nowrap"><i class="ri-add-line"></i>
|
||||
Bearbeitungsvermerk hinzufügen</button>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.Comment "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<label for="{{ $prefix }}edit_comment" class="inputlabel menu-label">Bearbeitungsvermerk</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ help "contents" "edit_comment" }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<textarea name="{{ $prefix }}edit_comment" id="{{ $prefix }}edit_comment" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $content.Comment -}}</textarea>
|
||||
</div>
|
||||
</div-manager>
|
||||
</div>
|
||||
@@ -16,7 +16,7 @@
|
||||
{{- if $contents -}}
|
||||
<div class="tab-list-head flex items-center gap-2">
|
||||
<i class="ri-article-line"></i>
|
||||
<span>Verknüpfte Inhalte</span>
|
||||
<span>Verknüpfte Beiträge</span>
|
||||
<span class="text-xs bg-stone-200 text-gray-800 px-2 py-0.5 rounded-sm">{{ len $contents }}</span>
|
||||
</div>
|
||||
{{- end -}}
|
||||
@@ -87,7 +87,7 @@
|
||||
{{- end -}}
|
||||
</ul>
|
||||
{{- else -}}
|
||||
<div class="italic text-gray-500">Keine Inhalte verknüpft.</div>
|
||||
<div class="italic text-gray-500">Keine Beiträge verknüpft.</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
@@ -199,7 +199,7 @@
|
||||
<div class="text-base font-bold text-gray-900">Reihe löschen?</div>
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $series.Title }}</div>
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Alle Bände, Inhalte und Verknüpfungen der bevorzugten Reihentitel werden gelöscht.
|
||||
Alle Bände, Beiträge und Verknüpfungen der bevorzugten Reihentitel werden gelöscht.
|
||||
</p>
|
||||
<div class="mt-3">
|
||||
<div class="text-sm font-semibold text-gray-700">Betroffene Bände</div>
|
||||
|
||||
@@ -7,7 +7,7 @@ export class AbbreviationTooltips extends HTMLElement {
|
||||
return {
|
||||
"#": "Hinweis auf weitere Informationen in der Anmerkung.",
|
||||
$: "vermutlich",
|
||||
"+++": "Inhalte aus mehreren Almanachen interpoliert",
|
||||
"+++": "Beiträge aus mehreren Almanachen interpoliert",
|
||||
B: "Blatt",
|
||||
BB: "Blätter",
|
||||
C: "Corrigenda",
|
||||
|
||||
@@ -542,11 +542,11 @@
|
||||
}
|
||||
|
||||
.content .fields {
|
||||
@apply grid grid-cols-10 gap-y-0.5 w-full gap-x-4;
|
||||
@apply grid grid-cols-10 gap-y-0 w-full gap-x-3;
|
||||
}
|
||||
|
||||
.content .fieldlabel {
|
||||
@apply col-span-1 font-bold whitespace-nowrap grow-0 shrink-0 font-sans text-sm align-baseline mt-1 text-right;
|
||||
@apply col-span-1 font-bold whitespace-nowrap grow-0 shrink-0 font-sans text-sm align-baseline mt-0 text-right;
|
||||
}
|
||||
|
||||
.content .fieldvalue {
|
||||
|
||||
Reference in New Issue
Block a user