mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 02:25:30 +00:00
Further changes to the bände list
This commit is contained in:
Simon Martens
@@ -3,9 +3,11 @@ package controllers
|
||||
import (
|
||||
"net/url"
|
||||
"strings"
|
||||
"unicode/utf8"
|
||||
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/app"
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/dbmodels"
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/helpers/datatypes"
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/middleware"
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/pagemodels"
|
||||
"github.com/Theodor-Springmann-Stiftung/musenalm/templating"
|
||||
@@ -15,8 +17,9 @@ import (
|
||||
)
|
||||
|
||||
const (
|
||||
URL_BAENDE = "/baende/"
|
||||
TEMPLATE_BAENDE = "/baende/"
|
||||
URL_BAENDE = "/baende/"
|
||||
URL_BAENDE_RESULTS = "/baende/results/"
|
||||
TEMPLATE_BAENDE = "/baende/"
|
||||
)
|
||||
|
||||
func init() {
|
||||
@@ -49,115 +52,408 @@ func (p *BaendePage) Setup(router *router.Router[*core.RequestEvent], ia pagemod
|
||||
app := ia.Core()
|
||||
rg := router.Group(URL_BAENDE)
|
||||
rg.BindFunc(middleware.Authenticated(app))
|
||||
rg.GET("", func(e *core.RequestEvent) error {
|
||||
rg.GET("", p.handlePage(engine, app))
|
||||
rg.GET("results/", p.handleResults(engine, app))
|
||||
return nil
|
||||
}
|
||||
|
||||
func (p *BaendePage) handlePage(engine *templating.Engine, app core.App) HandleFunc {
|
||||
return func(e *core.RequestEvent) error {
|
||||
req := templating.NewRequest(e)
|
||||
if req.User() == nil {
|
||||
redirectTo := url.QueryEscape(req.FullURL())
|
||||
return e.Redirect(303, "/login/?redirectTo="+redirectTo)
|
||||
}
|
||||
|
||||
letter := strings.ToUpper(strings.TrimSpace(e.Request.URL.Query().Get("letter")))
|
||||
if letter == "" {
|
||||
letter = "A"
|
||||
data, err := p.buildResultData(app, e, req)
|
||||
if err != nil {
|
||||
return engine.Response404(e, err, data)
|
||||
}
|
||||
if len(letter) > 1 {
|
||||
letter = letter[:1]
|
||||
}
|
||||
if letter < "A" || letter > "Z" {
|
||||
letter = "A"
|
||||
return engine.Response200(e, p.Template, data, p.Layout)
|
||||
}
|
||||
}
|
||||
|
||||
func (p *BaendePage) handleResults(engine *templating.Engine, app core.App) HandleFunc {
|
||||
return func(e *core.RequestEvent) error {
|
||||
req := templating.NewRequest(e)
|
||||
if req.User() == nil {
|
||||
redirectTo := url.QueryEscape(req.FullURL())
|
||||
return e.Redirect(303, "/login/?redirectTo="+redirectTo)
|
||||
}
|
||||
|
||||
entries := []*dbmodels.Entry{}
|
||||
data, err := p.buildResultData(app, e, req)
|
||||
if err != nil {
|
||||
return engine.Response404(e, err, data)
|
||||
}
|
||||
return engine.Response200(e, URL_BAENDE_RESULTS, data, "fragment")
|
||||
}
|
||||
}
|
||||
|
||||
func (p *BaendePage) buildResultData(app core.App, e *core.RequestEvent, req *templating.Request) (map[string]any, error) {
|
||||
data := map[string]any{}
|
||||
|
||||
search := strings.TrimSpace(e.Request.URL.Query().Get("search"))
|
||||
if search != "" {
|
||||
data["search"] = search
|
||||
}
|
||||
|
||||
letter := strings.ToUpper(strings.TrimSpace(e.Request.URL.Query().Get("letter")))
|
||||
if letter == "" {
|
||||
letter = "A"
|
||||
}
|
||||
if len(letter) > 1 {
|
||||
letter = letter[:1]
|
||||
}
|
||||
if letter < "A" || letter > "Z" {
|
||||
letter = "A"
|
||||
}
|
||||
|
||||
entries := []*dbmodels.Entry{}
|
||||
if search != "" {
|
||||
var err error
|
||||
entries, err = searchBaendeEntries(app, search)
|
||||
if err != nil {
|
||||
return data, err
|
||||
}
|
||||
} else {
|
||||
if err := app.RecordQuery(dbmodels.ENTRIES_TABLE).
|
||||
Where(dbx.Like(dbmodels.PREFERRED_TITLE_FIELD, letter).Match(false, true)).
|
||||
OrderBy(dbmodels.PREFERRED_TITLE_FIELD).
|
||||
All(&entries); err != nil {
|
||||
return engine.Response500(e, err, nil)
|
||||
return data, err
|
||||
}
|
||||
}
|
||||
|
||||
entryIDs := []any{}
|
||||
for _, entry := range entries {
|
||||
entryIDs = append(entryIDs, entry.Id)
|
||||
}
|
||||
entryIDs := []any{}
|
||||
for _, entry := range entries {
|
||||
entryIDs = append(entryIDs, entry.Id)
|
||||
}
|
||||
|
||||
seriesMap := map[string]*dbmodels.Series{}
|
||||
entrySeriesMap := map[string][]*dbmodels.REntriesSeries{}
|
||||
if len(entries) > 0 {
|
||||
series, relations, err := Series_Entries(app, entries)
|
||||
if err != nil {
|
||||
return engine.Response500(e, err, nil)
|
||||
}
|
||||
for _, s := range series {
|
||||
seriesMap[s.Id] = s
|
||||
}
|
||||
for _, r := range relations {
|
||||
entrySeriesMap[r.Entry()] = append(entrySeriesMap[r.Entry()], r)
|
||||
}
|
||||
seriesMap := map[string]*dbmodels.Series{}
|
||||
entrySeriesMap := map[string][]*dbmodels.REntriesSeries{}
|
||||
if len(entries) > 0 {
|
||||
series, relations, err := Series_Entries(app, entries)
|
||||
if err != nil {
|
||||
return data, err
|
||||
}
|
||||
for _, s := range series {
|
||||
seriesMap[s.Id] = s
|
||||
}
|
||||
for _, r := range relations {
|
||||
entrySeriesMap[r.Entry()] = append(entrySeriesMap[r.Entry()], r)
|
||||
}
|
||||
}
|
||||
|
||||
agentsMap := map[string]*dbmodels.Agent{}
|
||||
entryAgentsMap := map[string][]*dbmodels.REntriesAgents{}
|
||||
if len(entryIDs) > 0 {
|
||||
agents, arelations, err := Agents_Entries_IDs(app, entryIDs)
|
||||
if err != nil {
|
||||
return engine.Response500(e, err, nil)
|
||||
}
|
||||
for _, a := range agents {
|
||||
agentsMap[a.Id] = a
|
||||
}
|
||||
for _, r := range arelations {
|
||||
entryAgentsMap[r.Entry()] = append(entryAgentsMap[r.Entry()], r)
|
||||
}
|
||||
agentsMap := map[string]*dbmodels.Agent{}
|
||||
entryAgentsMap := map[string][]*dbmodels.REntriesAgents{}
|
||||
if len(entryIDs) > 0 {
|
||||
agents, arelations, err := Agents_Entries_IDs(app, entryIDs)
|
||||
if err != nil {
|
||||
return data, err
|
||||
}
|
||||
for _, a := range agents {
|
||||
agentsMap[a.Id] = a
|
||||
}
|
||||
for _, r := range arelations {
|
||||
entryAgentsMap[r.Entry()] = append(entryAgentsMap[r.Entry()], r)
|
||||
}
|
||||
}
|
||||
|
||||
placesMap := map[string]*dbmodels.Place{}
|
||||
placesIDs := []any{}
|
||||
for _, entry := range entries {
|
||||
for _, placeID := range entry.Places() {
|
||||
placesIDs = append(placesIDs, placeID)
|
||||
}
|
||||
placesMap := map[string]*dbmodels.Place{}
|
||||
placesIDs := []any{}
|
||||
for _, entry := range entries {
|
||||
for _, placeID := range entry.Places() {
|
||||
placesIDs = append(placesIDs, placeID)
|
||||
}
|
||||
if len(placesIDs) > 0 {
|
||||
places, err := dbmodels.Places_IDs(app, placesIDs)
|
||||
if err != nil {
|
||||
return engine.Response500(e, err, nil)
|
||||
}
|
||||
for _, place := range places {
|
||||
placesMap[place.Id] = place
|
||||
}
|
||||
}
|
||||
if len(placesIDs) > 0 {
|
||||
places, err := dbmodels.Places_IDs(app, placesIDs)
|
||||
if err != nil {
|
||||
return data, err
|
||||
}
|
||||
for _, place := range places {
|
||||
placesMap[place.Id] = place
|
||||
}
|
||||
}
|
||||
|
||||
itemsMap := map[string][]*dbmodels.Item{}
|
||||
for _, entry := range entries {
|
||||
items, err := dbmodels.Items_Entry(app, entry.Id)
|
||||
if err != nil {
|
||||
return engine.Response500(e, err, nil)
|
||||
}
|
||||
if len(items) > 0 {
|
||||
itemsMap[entry.Id] = items
|
||||
}
|
||||
itemsMap := map[string][]*dbmodels.Item{}
|
||||
for _, entry := range entries {
|
||||
items, err := dbmodels.Items_Entry(app, entry.Id)
|
||||
if err != nil {
|
||||
return data, err
|
||||
}
|
||||
if len(items) > 0 {
|
||||
itemsMap[entry.Id] = items
|
||||
}
|
||||
}
|
||||
|
||||
letters := []string{
|
||||
"A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
|
||||
"N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
|
||||
}
|
||||
letters := []string{
|
||||
"A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
|
||||
"N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
|
||||
}
|
||||
|
||||
data := map[string]any{
|
||||
"result": &BaendeResult{
|
||||
Entries: entries,
|
||||
Series: seriesMap,
|
||||
EntriesSeries: entrySeriesMap,
|
||||
Places: placesMap,
|
||||
Agents: agentsMap,
|
||||
EntriesAgents: entryAgentsMap,
|
||||
Items: itemsMap,
|
||||
},
|
||||
"letter": letter,
|
||||
"letters": letters,
|
||||
"csrf_token": req.Session().Token,
|
||||
}
|
||||
return engine.Response200(e, p.Template, data, p.Layout)
|
||||
})
|
||||
return nil
|
||||
data["result"] = &BaendeResult{
|
||||
Entries: entries,
|
||||
Series: seriesMap,
|
||||
EntriesSeries: entrySeriesMap,
|
||||
Places: placesMap,
|
||||
Agents: agentsMap,
|
||||
EntriesAgents: entryAgentsMap,
|
||||
Items: itemsMap,
|
||||
}
|
||||
data["letter"] = letter
|
||||
data["letters"] = letters
|
||||
data["csrf_token"] = req.Session().Token
|
||||
|
||||
return data, nil
|
||||
}
|
||||
|
||||
func searchBaendeEntries(app core.App, search string) ([]*dbmodels.Entry, error) {
|
||||
query := strings.TrimSpace(search)
|
||||
if query == "" {
|
||||
return []*dbmodels.Entry{}, nil
|
||||
}
|
||||
if utf8.RuneCountInString(query) < 3 {
|
||||
return searchBaendeEntriesQuick(app, query)
|
||||
}
|
||||
|
||||
entries, err := searchBaendeEntriesFTS(app, query)
|
||||
if err != nil {
|
||||
return searchBaendeEntriesLike(app, query)
|
||||
}
|
||||
return entries, nil
|
||||
}
|
||||
|
||||
func searchBaendeEntriesFTS(app core.App, query string) ([]*dbmodels.Entry, error) {
|
||||
entryIDs := map[string]struct{}{}
|
||||
terms := dbmodels.NormalizeQuery(query)
|
||||
|
||||
entryRequests := dbmodels.IntoQueryRequests(dbmodels.ENTRIES_FTS5_FIELDS, terms)
|
||||
if len(entryRequests) > 0 {
|
||||
ids, err := dbmodels.FTS5Search(app, dbmodels.ENTRIES_TABLE, entryRequests...)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
for _, id := range ids {
|
||||
entryIDs[id.ID] = struct{}{}
|
||||
}
|
||||
}
|
||||
|
||||
itemRequests := dbmodels.IntoQueryRequests(dbmodels.ITEMS_FTS5_FIELDS, terms)
|
||||
if len(itemRequests) > 0 {
|
||||
ids, err := dbmodels.FTS5Search(app, dbmodels.ITEMS_TABLE, itemRequests...)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
itemIDs := []any{}
|
||||
for _, id := range ids {
|
||||
itemIDs = append(itemIDs, id.ID)
|
||||
}
|
||||
if len(itemIDs) > 0 {
|
||||
items, err := dbmodels.TableByIDs[*dbmodels.Item](app, dbmodels.ITEMS_TABLE, itemIDs)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
for _, item := range items {
|
||||
if item == nil {
|
||||
continue
|
||||
}
|
||||
if entryID := item.Entry(); entryID != "" {
|
||||
entryIDs[entryID] = struct{}{}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if len(entryIDs) == 0 {
|
||||
return []*dbmodels.Entry{}, nil
|
||||
}
|
||||
|
||||
entryIDList := []any{}
|
||||
for id := range entryIDs {
|
||||
entryIDList = append(entryIDList, id)
|
||||
}
|
||||
|
||||
entries, err := dbmodels.Entries_IDs(app, entryIDList)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
dbmodels.Sort_Entries_Title_Year(entries)
|
||||
return entries, nil
|
||||
}
|
||||
|
||||
func searchBaendeEntriesLike(app core.App, query string) ([]*dbmodels.Entry, error) {
|
||||
trimmed := strings.TrimSpace(query)
|
||||
if trimmed == "" {
|
||||
return []*dbmodels.Entry{}, nil
|
||||
}
|
||||
terms := []string{trimmed}
|
||||
normalized := datatypes.NormalizeString(trimmed)
|
||||
normalized = strings.Join(strings.Fields(normalized), " ")
|
||||
if normalized != "" && normalized != trimmed {
|
||||
terms = append(terms, normalized)
|
||||
}
|
||||
collapsed := strings.ReplaceAll(trimmed, "/", "")
|
||||
if collapsed != "" && collapsed != trimmed && collapsed != normalized {
|
||||
terms = append(terms, collapsed)
|
||||
}
|
||||
|
||||
entryFields := []string{
|
||||
dbmodels.PREFERRED_TITLE_FIELD,
|
||||
dbmodels.VARIANT_TITLE_FIELD,
|
||||
dbmodels.PARALLEL_TITLE_FIELD,
|
||||
dbmodels.TITLE_STMT_FIELD,
|
||||
dbmodels.SUBTITLE_STMT_FIELD,
|
||||
dbmodels.INCIPIT_STMT_FIELD,
|
||||
dbmodels.RESPONSIBILITY_STMT_FIELD,
|
||||
dbmodels.PUBLICATION_STMT_FIELD,
|
||||
dbmodels.PLACE_STMT_FIELD,
|
||||
dbmodels.EDITION_FIELD,
|
||||
dbmodels.YEAR_FIELD,
|
||||
dbmodels.EXTENT_FIELD,
|
||||
dbmodels.DIMENSIONS_FIELD,
|
||||
dbmodels.REFERENCES_FIELD,
|
||||
dbmodels.ANNOTATION_FIELD,
|
||||
dbmodels.COMMENT_FIELD,
|
||||
dbmodels.MUSENALMID_FIELD,
|
||||
}
|
||||
|
||||
entryConditions := []dbx.Expression{}
|
||||
for _, term := range terms {
|
||||
for _, field := range entryFields {
|
||||
entryConditions = append(entryConditions, dbx.Like(field, term).Match(true, true))
|
||||
}
|
||||
}
|
||||
|
||||
entries := []*dbmodels.Entry{}
|
||||
if len(entryConditions) > 0 {
|
||||
if err := app.RecordQuery(dbmodels.ENTRIES_TABLE).
|
||||
Where(dbx.Or(entryConditions...)).
|
||||
All(&entries); err != nil {
|
||||
return nil, err
|
||||
}
|
||||
}
|
||||
|
||||
entryIDs := map[string]struct{}{}
|
||||
for _, entry := range entries {
|
||||
entryIDs[entry.Id] = struct{}{}
|
||||
}
|
||||
|
||||
itemFields := []string{
|
||||
dbmodels.ITEMS_IDENTIFIER_FIELD,
|
||||
dbmodels.ITEMS_MEDIA_FIELD,
|
||||
dbmodels.ITEMS_LOCATION_FIELD,
|
||||
dbmodels.ITEMS_OWNER_FIELD,
|
||||
dbmodels.ITEMS_CONDITION_FIELD,
|
||||
dbmodels.URI_FIELD,
|
||||
dbmodels.ANNOTATION_FIELD,
|
||||
dbmodels.COMMENT_FIELD,
|
||||
}
|
||||
itemConditions := []dbx.Expression{}
|
||||
for _, term := range terms {
|
||||
for _, field := range itemFields {
|
||||
itemConditions = append(itemConditions, dbx.Like(field, term).Match(true, true))
|
||||
}
|
||||
}
|
||||
|
||||
if len(itemConditions) > 0 {
|
||||
items := []*dbmodels.Item{}
|
||||
if err := app.RecordQuery(dbmodels.ITEMS_TABLE).
|
||||
Where(dbx.Or(itemConditions...)).
|
||||
All(&items); err != nil {
|
||||
return nil, err
|
||||
}
|
||||
itemEntryIDs := []any{}
|
||||
for _, item := range items {
|
||||
if item == nil {
|
||||
continue
|
||||
}
|
||||
if entryID := item.Entry(); entryID != "" {
|
||||
if _, exists := entryIDs[entryID]; !exists {
|
||||
entryIDs[entryID] = struct{}{}
|
||||
itemEntryIDs = append(itemEntryIDs, entryID)
|
||||
}
|
||||
}
|
||||
}
|
||||
if len(itemEntryIDs) > 0 {
|
||||
itemEntries, err := dbmodels.Entries_IDs(app, itemEntryIDs)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
entries = append(entries, itemEntries...)
|
||||
}
|
||||
}
|
||||
|
||||
if len(entries) == 0 {
|
||||
return entries, nil
|
||||
}
|
||||
|
||||
dbmodels.Sort_Entries_Title_Year(entries)
|
||||
return entries, nil
|
||||
}
|
||||
|
||||
func searchBaendeEntriesQuick(app core.App, query string) ([]*dbmodels.Entry, error) {
|
||||
trimmed := strings.TrimSpace(query)
|
||||
if trimmed == "" {
|
||||
return []*dbmodels.Entry{}, nil
|
||||
}
|
||||
if utf8.RuneCountInString(trimmed) == 1 {
|
||||
return []*dbmodels.Entry{}, nil
|
||||
}
|
||||
|
||||
entryFields := []string{
|
||||
dbmodels.PREFERRED_TITLE_FIELD,
|
||||
}
|
||||
|
||||
entryConditions := make([]dbx.Expression, 0, len(entryFields))
|
||||
for _, field := range entryFields {
|
||||
entryConditions = append(entryConditions, dbx.Like(field, trimmed).Match(true, true))
|
||||
}
|
||||
|
||||
entryIDs := map[string]struct{}{}
|
||||
if len(entryConditions) > 0 {
|
||||
entries := []*dbmodels.Entry{}
|
||||
if err := app.RecordQuery(dbmodels.ENTRIES_TABLE).
|
||||
Where(dbx.Or(entryConditions...)).
|
||||
All(&entries); err != nil {
|
||||
return nil, err
|
||||
}
|
||||
for _, entry := range entries {
|
||||
entryIDs[entry.Id] = struct{}{}
|
||||
}
|
||||
}
|
||||
|
||||
itemConditions := []dbx.Expression{
|
||||
dbx.Like(dbmodels.ITEMS_IDENTIFIER_FIELD, trimmed).Match(true, true),
|
||||
}
|
||||
if len(itemConditions) > 0 {
|
||||
items := []*dbmodels.Item{}
|
||||
if err := app.RecordQuery(dbmodels.ITEMS_TABLE).
|
||||
Where(dbx.Or(itemConditions...)).
|
||||
All(&items); err != nil {
|
||||
return nil, err
|
||||
}
|
||||
for _, item := range items {
|
||||
if entryID := item.Entry(); entryID != "" {
|
||||
entryIDs[entryID] = struct{}{}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if len(entryIDs) == 0 {
|
||||
return []*dbmodels.Entry{}, nil
|
||||
}
|
||||
|
||||
entryIDList := make([]any, 0, len(entryIDs))
|
||||
for id := range entryIDs {
|
||||
entryIDList = append(entryIDList, id)
|
||||
}
|
||||
|
||||
entries, err := dbmodels.Entries_IDs(app, entryIDList)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
dbmodels.Sort_Entries_Title_Year(entries)
|
||||
return entries, nil
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,483 +1,75 @@
|
||||
{{ $model := . }}
|
||||
|
||||
<div class="container-normal font-serif mt-10">
|
||||
<div class="flex items-baseline justify-between gap-4 mb-2">
|
||||
<h1 class="heading">Bände A–Z</h1>
|
||||
<div class="text-sm font-sans text-gray-600 whitespace-nowrap">
|
||||
<div x-data="{ search : '{{ $model.search }}' }" class="container-normal font-serif mt-10">
|
||||
<div id="baendeheading" class="headingcontainer pb-6">
|
||||
<div class="flex flex-wrap items-end justify-between gap-4">
|
||||
<h1 class="heading">Bände A–Z</h1>
|
||||
<div class="min-w-[22.5rem] max-w-96 flex flex-row bg-stone-50 relative font-sans text-lg">
|
||||
<div class="pb-0">
|
||||
<i class="ri-search-line"></i><i class="-ml-0.5 inline-block ri-arrow-right-s-line"></i>
|
||||
</div>
|
||||
<div class="pb-0 border-b-4 border-zinc-300 grow">
|
||||
<form
|
||||
method="GET"
|
||||
action="/baende/"
|
||||
hx-get="/baende/results/"
|
||||
hx-indicator="body"
|
||||
hx-push-url="false"
|
||||
hx-swap="outerHTML"
|
||||
hx-target="#baenderesults"
|
||||
role="search"
|
||||
aria-label="Bändesuche">
|
||||
{{- if $model.letter -}}
|
||||
<input type="hidden" name="letter" value="{{- $model.letter -}}" />
|
||||
{{- end -}}
|
||||
<input
|
||||
class="px-1.5 font-serif placeholder:italic w-full text-lg"
|
||||
type="search"
|
||||
name="search"
|
||||
value="{{ $model.search }}"
|
||||
placeholder="Signatur oder Suchbegriff"
|
||||
x-model="search"
|
||||
@input.debounce.500="((search.trim().length >= 3) || /^[0-9]+$/.test(search.trim()) || search === '') && $el.form.requestSubmit()"
|
||||
@search.debounce.500="((search.trim().length >= 3) || /^[0-9]+$/.test(search.trim()) || search === '') && $el.form.requestSubmit()"
|
||||
autocomplete="off" />
|
||||
<button x-show="false">Suchen</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 flex items-end gap-2">
|
||||
<div id="alphabet" class="flex flex-wrap gap-1.5 font-sans text-lg">
|
||||
{{- range $_, $ch := $model.letters -}}
|
||||
<a
|
||||
href="/baende/?letter={{ $ch }}"
|
||||
:class="search ? 'inactive pointer-events-none' : ''"
|
||||
class="odd:bg-stone-100 even:bg-zinc-100 px-2 py-0.5 rounded text-lg font-semibold text-slate-700 transition-all duration-150 no-underline"
|
||||
{{ if and (not $model.search) (eq $model.letter $ch) }}aria-current="page"{{ end }}>
|
||||
{{ $ch }}
|
||||
</a>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<i class="ml-2 pb-1 ri-hourglass-2-fill request-indicator spinning"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 flex flex-wrap items-center justify-between gap-3">
|
||||
<div id="baende-count" class="text-lg font-semibold font-sans text-gray-600 whitespace-nowrap">
|
||||
{{ len $model.result.Entries }} Bände
|
||||
</div>
|
||||
<details class="font-sans text-sm" data-role="baende-column-toggle">
|
||||
<summary class="cursor-pointer text-gray-700 hover:text-slate-900">Spalten ein-/ausblenden</summary>
|
||||
<div class="mt-2 flex flex-wrap gap-4 text-sm text-gray-700">
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="appearance" checked /> Erscheinung</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="year" /> Jahr</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="language" /> Sprachen</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="extent" checked /> Umfang / Maße</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="signatures" checked /> Signaturen</label>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-1.5 font-sans text-sm mb-4">
|
||||
{{- range $_, $ch := $model.letters -}}
|
||||
<a
|
||||
href="/baende/?letter={{ $ch }}"
|
||||
class="px-2 py-0.5 rounded {{ if eq $model.letter $ch }}bg-slate-700 text-white{{ else }}bg-stone-100 text-slate-700 hover:bg-stone-200{{ end }} no-underline">
|
||||
{{ $ch }}
|
||||
</a>
|
||||
{{- end -}}
|
||||
</div>
|
||||
|
||||
<details class="font-sans text-sm mb-3">
|
||||
<summary class="cursor-pointer text-gray-700 hover:text-slate-900">Spalten ein-/ausblenden</summary>
|
||||
<div class="mt-2 flex flex-wrap gap-4 text-sm text-gray-700" data-role="baende-column-toggle">
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="appearance" checked /> Erscheinung</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="year" /> Jahr</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="language" /> Sprachen</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="extent" checked /> Umfang / Maße</label>
|
||||
<label class="inline-flex items-center gap-2"><input type="checkbox" data-col="signatures" checked /> Signaturen</label>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full text-sm font-sans">
|
||||
<thead class="text-left text-gray-600 border-b">
|
||||
<tr>
|
||||
<th class="py-2 pr-4 pl-2 whitespace-nowrap w-[10rem]"></th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap w-[44rem]">Titel</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-appearance w-[18rem]">Erscheinung</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-year hidden">Jahr</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-language hidden">Sprachen</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-extent w-[18rem]">Umfang / Maße</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-signatures">Signaturen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{- range $_, $entry := $model.result.Entries -}}
|
||||
<tr class="border-b align-top cursor-pointer transition-colors odd:bg-white even:bg-stone-50/60 hover:bg-stone-100" data-role="baende-row" data-entry-id="{{ $entry.MusenalmID }}">
|
||||
<td class="py-2 pr-4 pl-2 whitespace-nowrap w-[10rem]">
|
||||
<div class="flex flex-col gap-1">
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs font-semibold text-slate-700">Alm {{ $entry.MusenalmID }}</span>
|
||||
{{- if $entry.References -}}
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs text-slate-700 max-w-[10rem] whitespace-normal break-words" title="{{ $entry.References }}">{{ $entry.References }}</span>
|
||||
{{- end -}}
|
||||
<div class="flex flex-wrap items-center gap-1.5 pt-1">
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-eye-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Ansehen</div>
|
||||
</tool-tip>
|
||||
{{- if (IsAdminOrEditor $model.request.user) -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}/edit" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-edit-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Bearbeiten</div>
|
||||
</tool-tip>
|
||||
<form method="POST" action="/almanach/{{ $entry.MusenalmID }}/edit/delete" class="inline" onsubmit="return confirm('Band wirklich löschen?');">
|
||||
<input type="hidden" name="csrf_token" value="{{ $model.csrf_token }}" />
|
||||
<tool-tip position="top" class="inline">
|
||||
<button type="submit" class="inline-flex items-center gap-1 rounded-xs bg-red-50 px-2 py-1 text-xs font-semibold text-red-700 hover:bg-red-100 hover:text-red-900">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
</button>
|
||||
<div class="data-tip">Löschen</div>
|
||||
</tool-tip>
|
||||
</form>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-2 pr-4">
|
||||
<div class="font-semibold text-slate-900 text-base leading-snug">
|
||||
{{- if $entry.PreferredTitle -}}
|
||||
{{ $entry.PreferredTitle }}
|
||||
{{- else if ne $entry.Year 0 -}}
|
||||
{{ $entry.Year }}
|
||||
{{- else -}}
|
||||
[o.J.]
|
||||
{{- end -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<i class="status-icon ml-1 align-middle {{- if eq $entry.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $entry.EditState "Seen" }} ri-information-line{{- else if eq $entry.EditState "Review" }} ri-search-line{{- else if eq $entry.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}" data-status="{{ $entry.EditState }}"></i>
|
||||
<div class="data-tip">
|
||||
{{- if eq $entry.EditState "Unknown" -}}
|
||||
Gesucht
|
||||
{{- else if eq $entry.EditState "ToDo" -}}
|
||||
Zu erledigen
|
||||
{{- else if eq $entry.EditState "Review" -}}
|
||||
Überprüfen
|
||||
{{- else if eq $entry.EditState "Seen" -}}
|
||||
Autopsiert
|
||||
{{- else if eq $entry.EditState "Edited" -}}
|
||||
Vollständig Erfasst
|
||||
{{- else -}}
|
||||
{{ $entry.EditState }}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</tool-tip>
|
||||
</div>
|
||||
{{- if $entry.TitleStmt -}}
|
||||
<div class="text-gray-700 text-base mt-1 leading-snug">
|
||||
{{ $entry.TitleStmt }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if or $entry.SubtitleStmt $entry.VariantTitle $entry.ParallelTitle $entry.IncipitStmt -}}
|
||||
<div class="flex flex-col gap-1 text-sm text-gray-700 mt-1">
|
||||
{{- if $entry.SubtitleStmt -}}
|
||||
<div><span class="font-semibold text-gray-500">Untertitel:</span> {{ $entry.SubtitleStmt }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.VariantTitle -}}
|
||||
<div><span class="font-semibold text-gray-500">Varianten:</span> {{ $entry.VariantTitle }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.ParallelTitle -}}
|
||||
<div><span class="font-semibold text-gray-500">Parallel:</span> {{ $entry.ParallelTitle }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.IncipitStmt -}}
|
||||
<div><span class="font-semibold text-gray-500">Incipit:</span> {{ $entry.IncipitStmt }}</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-appearance">
|
||||
{{- if or $entry.ResponsibilityStmt $entry.PublicationStmt $entry.PlaceStmt -}}
|
||||
<div class="flex flex-col gap-2 text-sm text-gray-700">
|
||||
{{- if and $entry.ResponsibilityStmt (not (eq $entry.ResponsibilityStmt "unbezeichnet")) -}}
|
||||
<div>
|
||||
<div class="text-xs font-semibold text-gray-500">Herausgaberangabe</div>
|
||||
<div>{{ $entry.ResponsibilityStmt }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.PublicationStmt -}}
|
||||
<div>
|
||||
<div class="text-xs font-semibold text-gray-500">Publikationsangabe</div>
|
||||
<div>{{ $entry.PublicationStmt }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.PlaceStmt -}}
|
||||
<div>
|
||||
<div class="text-xs font-semibold text-gray-500">Ortsangabe</div>
|
||||
<div>{{ $entry.PlaceStmt }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 whitespace-nowrap col-year hidden">
|
||||
{{- if ne $entry.Year 0 -}}
|
||||
{{ $entry.Year }}
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-language hidden">
|
||||
{{- if $entry.Language -}}
|
||||
{{- range $i, $lang := $entry.Language -}}
|
||||
{{- if $i }}, {{ end -}}{{ LanguageNameGerman $lang }}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-extent">
|
||||
{{- if or $entry.Extent $entry.Dimensions -}}
|
||||
<div class="flex flex-col gap-1 text-sm text-gray-700">
|
||||
{{- if $entry.Extent -}}
|
||||
<div><span class="font-semibold text-gray-500 block">Struktur</span>{{ $entry.Extent }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Dimensions -}}
|
||||
<div><span class="font-semibold text-gray-500">Maße:</span> {{ $entry.Dimensions }}</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-signatures">
|
||||
{{- $items := index $model.result.Items $entry.Id -}}
|
||||
{{- if $items -}}
|
||||
<div class="flex flex-col gap-2 text-sm text-gray-700">
|
||||
{{- range $_, $item := $items -}}
|
||||
<div class="inline-flex flex-col items-center justify-center rounded-xs border border-slate-200 bg-white text-xs">
|
||||
{{- if $item.Identifier -}}
|
||||
<div class="px-2 py-1 font-semibold text-slate-900 text-center">{{ $item.Identifier }}</div>
|
||||
{{- end -}}
|
||||
{{- if $item.Media -}}
|
||||
<div class="w-full border-t border-slate-200 px-2 py-1 text-gray-600 text-center leading-snug">
|
||||
{{- range $i, $media := $item.Media -}}{{- if $i }}, {{ end -}}{{ $media }}{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hidden bg-stone-50/60 border-b last:border-b-0" data-role="baende-details" data-entry-id="{{ $entry.MusenalmID }}">
|
||||
<td class="py-2 pr-4 pl-2 whitespace-nowrap w-[10rem] align-top">
|
||||
<div class="flex flex-col gap-1 pt-1">
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs font-semibold text-slate-700">Alm {{ $entry.MusenalmID }}</span>
|
||||
{{- if $entry.References -}}
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs text-slate-700 max-w-[10rem] whitespace-normal break-words" title="{{ $entry.References }}">{{ $entry.References }}</span>
|
||||
{{- end -}}
|
||||
<div class="flex flex-wrap items-center gap-1.5 pt-2">
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-eye-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Ansehen</div>
|
||||
</tool-tip>
|
||||
{{- if (IsAdminOrEditor $model.request.user) -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}/edit" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-edit-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Bearbeiten</div>
|
||||
</tool-tip>
|
||||
<form method="POST" action="/almanach/{{ $entry.MusenalmID }}/edit/delete" class="inline" onsubmit="return confirm('Band wirklich löschen?');">
|
||||
<input type="hidden" name="csrf_token" value="{{ $model.csrf_token }}" />
|
||||
<tool-tip position="top" class="inline">
|
||||
<button type="submit" class="inline-flex items-center gap-1 rounded-xs bg-red-50 px-2 py-1 text-xs font-semibold text-red-700 hover:bg-red-100 hover:text-red-900">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
</button>
|
||||
<div class="data-tip">Löschen</div>
|
||||
</tool-tip>
|
||||
</form>
|
||||
{{- end -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<button type="button" class="inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900" data-role="baende-collapse" data-entry-id="{{ $entry.MusenalmID }}">
|
||||
<i class="ri-arrow-up-s-line"></i>
|
||||
</button>
|
||||
<div class="data-tip">Zuklappen</div>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-2 pr-4 pl-2" colspan="5">
|
||||
<div class="rounded-md border border-slate-200 bg-white shadow-sm p-3 text-base">
|
||||
<div class="flex items-start justify-between gap-4 mb-3">
|
||||
<div class="font-serif text-base font-semibold text-slate-900 inline-flex items-center">
|
||||
{{- if $entry.PreferredTitle -}}
|
||||
{{ $entry.PreferredTitle }}
|
||||
{{- else if ne $entry.Year 0 -}}
|
||||
{{ $entry.Year }}
|
||||
{{- else -}}
|
||||
[o.J.]
|
||||
{{- end -}}
|
||||
<tool-tip position="top" class="inline-flex items-center">
|
||||
<i class="status-icon ml-1 {{- if eq $entry.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $entry.EditState "Seen" }} ri-information-line{{- else if eq $entry.EditState "Review" }} ri-search-line{{- else if eq $entry.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}" data-status="{{ $entry.EditState }}"></i>
|
||||
<div class="data-tip">
|
||||
{{- if eq $entry.EditState "Unknown" -}}
|
||||
Gesucht
|
||||
{{- else if eq $entry.EditState "ToDo" -}}
|
||||
Zu erledigen
|
||||
{{- else if eq $entry.EditState "Review" -}}
|
||||
Überprüfen
|
||||
{{- else if eq $entry.EditState "Seen" -}}
|
||||
Autopsiert
|
||||
{{- else if eq $entry.EditState "Edited" -}}
|
||||
Vollständig Erfasst
|
||||
{{- else -}}
|
||||
{{ $entry.EditState }}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-[1fr_18rem] gap-6 text-sm font-sans text-gray-700">
|
||||
<div class="flex flex-col gap-3">
|
||||
{{- if or $entry.TitleStmt $entry.SubtitleStmt $entry.VariantTitle $entry.ParallelTitle $entry.IncipitStmt -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Titelangaben</div>
|
||||
<div>
|
||||
{{- if $entry.TitleStmt -}}<div><span class="font-semibold text-gray-500">Titel:</span> {{ $entry.TitleStmt }}</div>{{- end -}}
|
||||
{{- if $entry.SubtitleStmt -}}<div><span class="font-semibold text-gray-500">Untertitel:</span> {{ $entry.SubtitleStmt }}</div>{{- end -}}
|
||||
{{- if $entry.VariantTitle -}}<div><span class="font-semibold text-gray-500">Varianten:</span> {{ $entry.VariantTitle }}</div>{{- end -}}
|
||||
{{- if $entry.ParallelTitle -}}<div><span class="font-semibold text-gray-500">Parallel:</span> {{ $entry.ParallelTitle }}</div>{{- end -}}
|
||||
{{- if $entry.IncipitStmt -}}<div><span class="font-semibold text-gray-500">Incipit:</span> {{ $entry.IncipitStmt }}</div>{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if or $entry.ResponsibilityStmt $entry.PublicationStmt $entry.PlaceStmt -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Erscheinung</div>
|
||||
<div>
|
||||
{{- if and $entry.ResponsibilityStmt (not (eq $entry.ResponsibilityStmt "unbezeichnet")) -}}<div><span class="font-semibold text-gray-500">Herausgaberangabe:</span> {{ $entry.ResponsibilityStmt }}</div>{{- end -}}
|
||||
{{- if $entry.PublicationStmt -}}<div><span class="font-semibold text-gray-500">Publikationsangabe:</span> {{ $entry.PublicationStmt }}</div>{{- end -}}
|
||||
{{- if $entry.PlaceStmt -}}<div><span class="font-semibold text-gray-500">Ortsangabe:</span> {{ $entry.PlaceStmt }}</div>{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Annotation -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Annotation</div>
|
||||
<div>{{ $entry.Annotation }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- $srels := index $model.result.EntriesSeries $entry.Id -}}
|
||||
{{- if $srels -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Reihen</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
{{- range $_, $rel := $srels -}}
|
||||
{{- $s := index $model.result.Series $rel.Series -}}
|
||||
{{- if $s -}}
|
||||
<div>
|
||||
{{- if not (eq $rel.Type "Bevorzugter Reihentitel") -}}
|
||||
<span class="mr-2 px-2 py-0.5 rounded text-xs font-sans bg-slate-200 inline-block">{{ $rel.Type }}</span>
|
||||
{{- end -}}
|
||||
<a href="/reihe/{{ $s.MusenalmID }}">{{ $s.Title }}</a>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Places -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Orte</div>
|
||||
<div>
|
||||
{{- $sep := false -}}
|
||||
{{- range $_, $pid := $entry.Places -}}
|
||||
{{- $p := index $model.result.Places $pid -}}
|
||||
{{- if $p -}}
|
||||
{{- if $sep }}, {{ end -}}
|
||||
<a href="/reihen?place={{ $p.Id }}&hidden=true">{{ $p.Name }}</a>
|
||||
{{- $sep = true -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- $arels := index $model.result.EntriesAgents $entry.Id -}}
|
||||
{{- if $arels -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Personen</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
{{- range $_, $arel := $arels -}}
|
||||
{{- $a := index $model.result.Agents $arel.Agent -}}
|
||||
{{- if $a -}}
|
||||
<div>
|
||||
<a href="/person/{{ $a.Id }}">{{ $a.Name }}</a>
|
||||
<span class="ml-2 px-2 py-0.5 rounded text-xs font-sans bg-slate-200 inline-block">{{ $arel.Type }}</span>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
{{- if $entry.Comment -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Kommentar</div>
|
||||
<div>{{ $entry.Comment }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Language -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Sprachen</div>
|
||||
<div>
|
||||
{{- range $i, $lang := $entry.Language -}}{{- if $i }}, {{ end -}}{{ LanguageNameGerman $lang }}{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if or $entry.Extent $entry.Dimensions -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Umfang / Maße</div>
|
||||
<div>
|
||||
{{- if $entry.Extent -}}<div><span class="font-semibold text-gray-500 block">Struktur</span>{{ $entry.Extent }}</div>{{- end -}}
|
||||
{{- if $entry.Dimensions -}}<div><span class="font-semibold text-gray-500">Maße:</span> {{ $entry.Dimensions }}</div>{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.References -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Nachweise</div>
|
||||
<div>{{ $entry.References }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if ne $entry.Year 0 -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Jahr</div>
|
||||
<div>{{ $entry.Year }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- $items := index $model.result.Items $entry.Id -}}
|
||||
{{- if $items -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Exemplare</div>
|
||||
<div class="flex flex-col gap-2">
|
||||
{{- range $_, $item := $items -}}
|
||||
<div class="rounded-md border border-slate-200 bg-white px-3 py-2 shadow-sm">
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="inline-flex flex-col items-center justify-center rounded-xs border border-slate-200 bg-white text-xs min-w-[6rem]">
|
||||
{{- if $item.Identifier -}}
|
||||
<div class="px-2 py-1 font-semibold text-slate-900 text-center">{{ $item.Identifier }}</div>
|
||||
{{- end -}}
|
||||
{{- if $item.Media -}}
|
||||
<div class="w-full border-t border-slate-200 px-2 py-1 text-gray-600 text-center leading-snug">
|
||||
{{- range $i, $media := $item.Media -}}{{- if $i }}, {{ end -}}{{ $media }}{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
{{- if or $item.Location $item.Owner -}}
|
||||
<div class="text-sm text-gray-600">
|
||||
{{- if $item.Location -}}<span>{{ $item.Location }}</span>{{- end -}}
|
||||
{{- if $item.Owner -}}<span class="ml-2">{{ $item.Owner }}</span>{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- if or $item.Location $item.Owner -}}
|
||||
<div class="sr-only">
|
||||
{{- if $item.Location -}}<span>{{ $item.Location }}</span>{{- end -}}
|
||||
{{- if $item.Owner -}}<span class="ml-2">{{ $item.Owner }}</span>{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{{- end -}}
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="baenderesults" class="mt-4">
|
||||
{{ template "_baende_table" $model }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
const toggleRoot = document.querySelector('[data-role="baende-column-toggle"]');
|
||||
if (toggleRoot) {
|
||||
toggleRoot.querySelectorAll('input[type="checkbox"][data-col]').forEach((checkbox) => {
|
||||
const col = checkbox.getAttribute("data-col");
|
||||
const setColumn = (visible) => {
|
||||
document.querySelectorAll(`.col-${col}`).forEach((el) => {
|
||||
el.classList.toggle("hidden", !visible);
|
||||
});
|
||||
};
|
||||
setColumn(checkbox.checked);
|
||||
checkbox.addEventListener("change", (event) => {
|
||||
setColumn(event.target.checked);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
document.querySelectorAll('[data-role="baende-row"]').forEach((row) => {
|
||||
row.addEventListener("click", (event) => {
|
||||
if (event.target.closest("a, button, form, tool-tip")) {
|
||||
return;
|
||||
}
|
||||
const entryId = row.getAttribute("data-entry-id");
|
||||
if (!entryId) return;
|
||||
const details = document.querySelector(`[data-role="baende-details"][data-entry-id="${entryId}"]`);
|
||||
if (!details) return;
|
||||
row.classList.add("hidden");
|
||||
details.classList.remove("hidden");
|
||||
});
|
||||
});
|
||||
|
||||
document.querySelectorAll('[data-role="baende-collapse"]').forEach((button) => {
|
||||
button.addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
const entryId = button.getAttribute("data-entry-id");
|
||||
if (!entryId) return;
|
||||
const row = document.querySelector(`[data-role="baende-row"][data-entry-id="${entryId}"]`);
|
||||
const details = document.querySelector(`[data-role="baende-details"][data-entry-id="${entryId}"]`);
|
||||
if (!row || !details) return;
|
||||
row.classList.remove("hidden");
|
||||
details.classList.add("hidden");
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
452
views/routes/baende/components/_baende_table.gohtml
Normal file
452
views/routes/baende/components/_baende_table.gohtml
Normal file
@@ -0,0 +1,452 @@
|
||||
{{ $model := . }}
|
||||
|
||||
<div class="mt-6 overflow-x-auto">
|
||||
<table class="min-w-full text-sm font-sans baende-text">
|
||||
<thead class="text-left text-gray-600 border-b">
|
||||
<tr>
|
||||
<th class="py-2 pr-4 pl-2 whitespace-nowrap w-[10rem]"></th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap w-[44rem]">Titel</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-appearance w-[18rem]">Erscheinung</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-year hidden">Jahr</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-language hidden">Sprachen</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-extent w-[18rem]">Umfang / Maße</th>
|
||||
<th class="py-2 pr-4 whitespace-nowrap col-signatures">Signaturen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{- range $_, $entry := $model.result.Entries -}}
|
||||
<tr class="border-b align-top cursor-pointer transition-colors odd:bg-white even:bg-stone-50/60 hover:bg-stone-100" data-role="baende-row" data-entry-id="{{ $entry.MusenalmID }}">
|
||||
<td class="py-2 pr-4 pl-2 whitespace-nowrap w-[10rem]">
|
||||
<div class="flex flex-col gap-1">
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs font-semibold text-slate-700">Alm {{ $entry.MusenalmID }}</span>
|
||||
{{- if $entry.References -}}
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs text-slate-700 max-w-[10rem] whitespace-normal break-words" title="{{ $entry.References }}">{{ $entry.References }}</span>
|
||||
{{- end -}}
|
||||
<div class="flex flex-wrap items-center gap-1.5 pt-1">
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-eye-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Ansehen</div>
|
||||
</tool-tip>
|
||||
{{- if (IsAdminOrEditor $model.request.user) -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}/edit" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-edit-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Bearbeiten</div>
|
||||
</tool-tip>
|
||||
<form method="POST" action="/almanach/{{ $entry.MusenalmID }}/edit/delete" class="inline" onsubmit="return confirm('Band wirklich löschen?');">
|
||||
<input type="hidden" name="csrf_token" value="{{ $model.csrf_token }}" />
|
||||
<tool-tip position="top" class="inline">
|
||||
<button type="submit" class="inline-flex items-center gap-1 rounded-xs bg-red-50 px-2 py-1 text-xs font-semibold text-red-700 hover:bg-red-100 hover:text-red-900">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
</button>
|
||||
<div class="data-tip">Löschen</div>
|
||||
</tool-tip>
|
||||
</form>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-2 pr-4">
|
||||
<div class="font-semibold text-slate-900 text-base leading-snug">
|
||||
{{- if $entry.PreferredTitle -}}
|
||||
{{ $entry.PreferredTitle }}
|
||||
{{- else if ne $entry.Year 0 -}}
|
||||
{{ $entry.Year }}
|
||||
{{- else -}}
|
||||
[o.J.]
|
||||
{{- end -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<i class="status-icon ml-1 align-middle {{- if eq $entry.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $entry.EditState "Seen" }} ri-information-line{{- else if eq $entry.EditState "Review" }} ri-search-line{{- else if eq $entry.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}" data-status="{{ $entry.EditState }}"></i>
|
||||
<div class="data-tip">
|
||||
{{- if eq $entry.EditState "Unknown" -}}
|
||||
Gesucht
|
||||
{{- else if eq $entry.EditState "ToDo" -}}
|
||||
Zu erledigen
|
||||
{{- else if eq $entry.EditState "Review" -}}
|
||||
Überprüfen
|
||||
{{- else if eq $entry.EditState "Seen" -}}
|
||||
Autopsiert
|
||||
{{- else if eq $entry.EditState "Edited" -}}
|
||||
Vollständig Erfasst
|
||||
{{- else -}}
|
||||
{{ $entry.EditState }}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</tool-tip>
|
||||
</div>
|
||||
{{- if $entry.TitleStmt -}}
|
||||
<div class="text-gray-700 text-base mt-1 leading-snug">
|
||||
{{ $entry.TitleStmt }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if or $entry.SubtitleStmt $entry.VariantTitle $entry.ParallelTitle $entry.IncipitStmt -}}
|
||||
<div class="flex flex-col gap-1 text-sm text-gray-700 mt-1">
|
||||
{{- if $entry.SubtitleStmt -}}
|
||||
<div><span class="font-semibold text-gray-500">Untertitel:</span> {{ $entry.SubtitleStmt }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.VariantTitle -}}
|
||||
<div><span class="font-semibold text-gray-500">Varianten:</span> {{ $entry.VariantTitle }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.ParallelTitle -}}
|
||||
<div><span class="font-semibold text-gray-500">Parallel:</span> {{ $entry.ParallelTitle }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.IncipitStmt -}}
|
||||
<div><span class="font-semibold text-gray-500">Incipit:</span> {{ $entry.IncipitStmt }}</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-appearance">
|
||||
{{- if or $entry.ResponsibilityStmt $entry.PublicationStmt $entry.PlaceStmt -}}
|
||||
<div class="flex flex-col gap-2 text-sm text-gray-700">
|
||||
{{- if and $entry.ResponsibilityStmt (not (eq $entry.ResponsibilityStmt "unbezeichnet")) -}}
|
||||
<div>
|
||||
<div class="text-xs font-semibold text-gray-500">Herausgaberangabe</div>
|
||||
<div>{{ $entry.ResponsibilityStmt }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.PublicationStmt -}}
|
||||
<div>
|
||||
<div class="text-xs font-semibold text-gray-500">Publikationsangabe</div>
|
||||
<div>{{ $entry.PublicationStmt }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.PlaceStmt -}}
|
||||
<div>
|
||||
<div class="text-xs font-semibold text-gray-500">Ortsangabe</div>
|
||||
<div>{{ $entry.PlaceStmt }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 whitespace-nowrap col-year hidden">
|
||||
{{- if ne $entry.Year 0 -}}
|
||||
{{ $entry.Year }}
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-language hidden">
|
||||
{{- if $entry.Language -}}
|
||||
{{- range $i, $lang := $entry.Language -}}
|
||||
{{- if $i }}, {{ end -}}{{ LanguageNameGerman $lang }}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-extent">
|
||||
{{- if or $entry.Extent $entry.Dimensions -}}
|
||||
<div class="flex flex-col gap-1 text-sm text-gray-700">
|
||||
{{- if $entry.Extent -}}
|
||||
<div><span class="font-semibold text-gray-500 block">Struktur</span>{{ $entry.Extent }}</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Dimensions -}}
|
||||
<div><span class="font-semibold text-gray-500">Maße:</span> {{ $entry.Dimensions }}</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
<td class="py-2 pr-4 col-signatures">
|
||||
{{- $items := index $model.result.Items $entry.Id -}}
|
||||
{{- if $items -}}
|
||||
<div class="flex flex-col gap-2 text-sm text-gray-700">
|
||||
{{- range $_, $item := $items -}}
|
||||
<div class="inline-flex flex-col items-center justify-center rounded-xs border border-slate-200 bg-white text-xs">
|
||||
{{- if $item.Identifier -}}
|
||||
<div class="px-2 py-1 font-semibold text-slate-900 text-center">{{ $item.Identifier }}</div>
|
||||
{{- end -}}
|
||||
{{- if $item.Media -}}
|
||||
<div class="w-full border-t border-slate-200 px-2 py-1 text-gray-600 text-center leading-snug">
|
||||
{{- range $i, $media := $item.Media -}}{{- if $i }}, {{ end -}}{{ $media }}{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hidden bg-stone-50/60 border-b last:border-b-0" data-role="baende-details" data-entry-id="{{ $entry.MusenalmID }}">
|
||||
<td class="py-2 pr-4 pl-2 whitespace-nowrap w-[10rem] align-top">
|
||||
<div class="flex flex-col gap-1 pt-1">
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs font-semibold text-slate-700">Alm {{ $entry.MusenalmID }}</span>
|
||||
{{- if $entry.References -}}
|
||||
<span class="inline-flex items-center rounded-xs bg-stone-100 px-2.5 py-0.5 text-xs text-slate-700 max-w-[10rem] whitespace-normal break-words" title="{{ $entry.References }}">{{ $entry.References }}</span>
|
||||
{{- end -}}
|
||||
<div class="flex flex-wrap items-center gap-1.5 pt-2">
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-eye-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Ansehen</div>
|
||||
</tool-tip>
|
||||
{{- if (IsAdminOrEditor $model.request.user) -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}/edit" class="no-underline inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900">
|
||||
<i class="ri-edit-line"></i>
|
||||
</a>
|
||||
<div class="data-tip">Bearbeiten</div>
|
||||
</tool-tip>
|
||||
<form method="POST" action="/almanach/{{ $entry.MusenalmID }}/edit/delete" class="inline" onsubmit="return confirm('Band wirklich löschen?');">
|
||||
<input type="hidden" name="csrf_token" value="{{ $model.csrf_token }}" />
|
||||
<tool-tip position="top" class="inline">
|
||||
<button type="submit" class="inline-flex items-center gap-1 rounded-xs bg-red-50 px-2 py-1 text-xs font-semibold text-red-700 hover:bg-red-100 hover:text-red-900">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
</button>
|
||||
<div class="data-tip">Löschen</div>
|
||||
</tool-tip>
|
||||
</form>
|
||||
{{- end -}}
|
||||
<tool-tip position="top" class="inline">
|
||||
<button type="button" class="inline-flex items-center gap-1 rounded-xs bg-stone-100 px-2 py-1 text-xs font-semibold text-slate-700 hover:bg-stone-200 hover:text-slate-900" data-role="baende-collapse" data-entry-id="{{ $entry.MusenalmID }}">
|
||||
<i class="ri-arrow-up-s-line"></i>
|
||||
</button>
|
||||
<div class="data-tip">Zuklappen</div>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-2 pr-4 pl-2" colspan="6">
|
||||
<div class="rounded-md border border-slate-200 bg-white shadow-sm p-3 text-base">
|
||||
<div class="flex items-start justify-between gap-4 mb-3">
|
||||
<div class="font-serif text-base font-semibold text-slate-900 inline-flex items-center">
|
||||
{{- if $entry.PreferredTitle -}}
|
||||
{{ $entry.PreferredTitle }}
|
||||
{{- else if ne $entry.Year 0 -}}
|
||||
{{ $entry.Year }}
|
||||
{{- else -}}
|
||||
[o.J.]
|
||||
{{- end -}}
|
||||
<tool-tip position="top" class="inline-flex items-center">
|
||||
<i class="status-icon ml-1 {{- if eq $entry.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $entry.EditState "Seen" }} ri-information-line{{- else if eq $entry.EditState "Review" }} ri-search-line{{- else if eq $entry.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}" data-status="{{ $entry.EditState }}"></i>
|
||||
<div class="data-tip">
|
||||
{{- if eq $entry.EditState "Unknown" -}}
|
||||
Gesucht
|
||||
{{- else if eq $entry.EditState "ToDo" -}}
|
||||
Zu erledigen
|
||||
{{- else if eq $entry.EditState "Review" -}}
|
||||
Überprüfen
|
||||
{{- else if eq $entry.EditState "Seen" -}}
|
||||
Autopsiert
|
||||
{{- else if eq $entry.EditState "Edited" -}}
|
||||
Vollständig Erfasst
|
||||
{{- else -}}
|
||||
{{ $entry.EditState }}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-[1fr_18rem] gap-6 text-sm font-sans text-gray-700">
|
||||
<div class="flex flex-col gap-3">
|
||||
{{- if or $entry.TitleStmt $entry.SubtitleStmt $entry.VariantTitle $entry.ParallelTitle $entry.IncipitStmt -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Titelangaben</div>
|
||||
<div>
|
||||
{{- if $entry.TitleStmt -}}<div><span class="font-semibold text-gray-500">Titel:</span> {{ $entry.TitleStmt }}</div>{{- end -}}
|
||||
{{- if $entry.SubtitleStmt -}}<div><span class="font-semibold text-gray-500">Untertitel:</span> {{ $entry.SubtitleStmt }}</div>{{- end -}}
|
||||
{{- if $entry.VariantTitle -}}<div><span class="font-semibold text-gray-500">Varianten:</span> {{ $entry.VariantTitle }}</div>{{- end -}}
|
||||
{{- if $entry.ParallelTitle -}}<div><span class="font-semibold text-gray-500">Parallel:</span> {{ $entry.ParallelTitle }}</div>{{- end -}}
|
||||
{{- if $entry.IncipitStmt -}}<div><span class="font-semibold text-gray-500">Incipit:</span> {{ $entry.IncipitStmt }}</div>{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if or $entry.ResponsibilityStmt $entry.PublicationStmt $entry.PlaceStmt -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Erscheinung</div>
|
||||
<div>
|
||||
{{- if and $entry.ResponsibilityStmt (not (eq $entry.ResponsibilityStmt "unbezeichnet")) -}}<div><span class="font-semibold text-gray-500">Herausgaberangabe:</span> {{ $entry.ResponsibilityStmt }}</div>{{- end -}}
|
||||
{{- if $entry.PublicationStmt -}}<div><span class="font-semibold text-gray-500">Publikationsangabe:</span> {{ $entry.PublicationStmt }}</div>{{- end -}}
|
||||
{{- if $entry.PlaceStmt -}}<div><span class="font-semibold text-gray-500">Ortsangabe:</span> {{ $entry.PlaceStmt }}</div>{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Annotation -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Annotation</div>
|
||||
<div>{{ $entry.Annotation }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- $srels := index $model.result.EntriesSeries $entry.Id -}}
|
||||
{{- if $srels -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Reihen</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
{{- range $_, $rel := $srels -}}
|
||||
{{- $s := index $model.result.Series $rel.Series -}}
|
||||
{{- if $s -}}
|
||||
<div>
|
||||
{{- if not (eq $rel.Type "Bevorzugter Reihentitel") -}}
|
||||
<span class="mr-2 px-2 py-0.5 rounded text-xs font-sans bg-slate-200 inline-block">{{ $rel.Type }}</span>
|
||||
{{- end -}}
|
||||
<a href="/reihe/{{ $s.MusenalmID }}">{{ $s.Title }}</a>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Places -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Orte</div>
|
||||
<div>
|
||||
{{- $sep := false -}}
|
||||
{{- range $_, $pid := $entry.Places -}}
|
||||
{{- $p := index $model.result.Places $pid -}}
|
||||
{{- if $p -}}
|
||||
{{- if $sep }}, {{ end -}}
|
||||
<a href="/reihen?place={{ $p.Id }}&hidden=true">{{ $p.Name }}</a>
|
||||
{{- $sep = true -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- $arels := index $model.result.EntriesAgents $entry.Id -}}
|
||||
{{- if $arels -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Personen</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
{{- range $_, $arel := $arels -}}
|
||||
{{- $a := index $model.result.Agents $arel.Agent -}}
|
||||
{{- if $a -}}
|
||||
<div>
|
||||
<a href="/person/{{ $a.Id }}">{{ $a.Name }}</a>
|
||||
<span class="ml-2 px-2 py-0.5 rounded text-xs font-sans bg-slate-200 inline-block">{{ $arel.Type }}</span>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
{{- if $entry.Comment -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Kommentar</div>
|
||||
<div>{{ $entry.Comment }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.Language -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Sprachen</div>
|
||||
<div>
|
||||
{{- range $i, $lang := $entry.Language -}}{{- if $i }}, {{ end -}}{{ LanguageNameGerman $lang }}{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if or $entry.Extent $entry.Dimensions -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Umfang / Maße</div>
|
||||
<div>
|
||||
{{- if $entry.Extent -}}<div><span class="font-semibold text-gray-500 block">Struktur</span>{{ $entry.Extent }}</div>{{- end -}}
|
||||
{{- if $entry.Dimensions -}}<div><span class="font-semibold text-gray-500">Maße:</span> {{ $entry.Dimensions }}</div>{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if $entry.References -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Nachweise</div>
|
||||
<div>{{ $entry.References }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if ne $entry.Year 0 -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Jahr</div>
|
||||
<div>{{ $entry.Year }}</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- $items := index $model.result.Items $entry.Id -}}
|
||||
{{- if $items -}}
|
||||
<div>
|
||||
<div class="text-xs uppercase tracking-wide text-gray-500">Exemplare</div>
|
||||
<div class="flex flex-col gap-2">
|
||||
{{- range $_, $item := $items -}}
|
||||
<div class="rounded-md border border-slate-200 bg-white px-3 py-2 shadow-sm">
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="inline-flex flex-col items-center justify-center rounded-xs border border-slate-200 bg-white text-xs min-w-[6rem]">
|
||||
{{- if $item.Identifier -}}
|
||||
<div class="px-2 py-1 font-semibold text-slate-900 text-center">{{ $item.Identifier }}</div>
|
||||
{{- end -}}
|
||||
{{- if $item.Media -}}
|
||||
<div class="w-full border-t border-slate-200 px-2 py-1 text-gray-600 text-center leading-snug">
|
||||
{{- range $i, $media := $item.Media -}}{{- if $i }}, {{ end -}}{{ $media }}{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
{{- if or $item.Location $item.Owner -}}
|
||||
<div class="text-sm text-gray-600">
|
||||
{{- if $item.Location -}}<span>{{ $item.Location }}</span>{{- end -}}
|
||||
{{- if $item.Owner -}}<span class="ml-2">{{ $item.Owner }}</span>{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- if or $item.Location $item.Owner -}}
|
||||
<div class="sr-only">
|
||||
{{- if $item.Location -}}<span>{{ $item.Location }}</span>{{- end -}}
|
||||
{{- if $item.Owner -}}<span class="ml-2">{{ $item.Owner }}</span>{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{{- end -}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
const toggleRoot = document.querySelector('[data-role="baende-column-toggle"]');
|
||||
if (toggleRoot) {
|
||||
toggleRoot.querySelectorAll('input[type="checkbox"][data-col]').forEach((checkbox) => {
|
||||
const col = checkbox.getAttribute("data-col");
|
||||
const setColumn = (visible) => {
|
||||
document.querySelectorAll(`.col-${col}`).forEach((el) => {
|
||||
el.classList.toggle("hidden", !visible);
|
||||
});
|
||||
};
|
||||
setColumn(checkbox.checked);
|
||||
checkbox.addEventListener("change", (event) => {
|
||||
setColumn(event.target.checked);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
document.querySelectorAll('[data-role="baende-row"]').forEach((row) => {
|
||||
row.addEventListener("click", (event) => {
|
||||
if (event.target.closest("a, button, form, tool-tip")) {
|
||||
return;
|
||||
}
|
||||
const entryId = row.getAttribute("data-entry-id");
|
||||
if (!entryId) return;
|
||||
const details = document.querySelector(`[data-role="baende-details"][data-entry-id="${entryId}"]`);
|
||||
if (!details) return;
|
||||
row.classList.add("hidden");
|
||||
details.classList.remove("hidden");
|
||||
});
|
||||
});
|
||||
|
||||
document.querySelectorAll('[data-role="baende-collapse"]').forEach((button) => {
|
||||
button.addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
const entryId = button.getAttribute("data-entry-id");
|
||||
if (!entryId) return;
|
||||
const row = document.querySelector(`[data-role="baende-row"][data-entry-id="${entryId}"]`);
|
||||
const details = document.querySelector(`[data-role="baende-details"][data-entry-id="${entryId}"]`);
|
||||
if (!row || !details) return;
|
||||
row.classList.remove("hidden");
|
||||
details.classList.add("hidden");
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
20
views/routes/baende/results/body.gohtml
Normal file
20
views/routes/baende/results/body.gohtml
Normal file
@@ -0,0 +1,20 @@
|
||||
{{ $model := . }}
|
||||
|
||||
<div id="baenderesults">
|
||||
<div id="baende-count" class="text-lg font-semibold font-sans text-gray-600 whitespace-nowrap" hx-swap-oob="true">
|
||||
{{ len $model.result.Entries }} Bände
|
||||
</div>
|
||||
{{ template "_baende_table" $model }}
|
||||
|
||||
{{ if $model.search }}
|
||||
<script type="module">
|
||||
let elements = document.querySelectorAll('.baende-text');
|
||||
let mark_instance = new Mark(elements);
|
||||
setTimeout(() => {
|
||||
mark_instance.mark('{{ $model.search }}', {
|
||||
"seperateWordSearch": true,
|
||||
});
|
||||
}, 200);
|
||||
</script>
|
||||
{{ end }}
|
||||
</div>
|
||||
Reference in New Issue
Block a user