cms/tibi-svelte-starter
Template
4
0
Fork 2
Code Issues Pull Requests Projects Releases Wiki Activity

Erste Collections für eine Media-Library. Weitere Collections für spätere neue Projekte hinzugefügt. (alles WorkInProgress)

Browse Source
This commit is contained in:
Mario Linz 2022-04-14 12:23:10 +02:00
parent fd613e5a7d
commit 75534213e8
5 changed files with 271 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

262
api/collections/_article.yml
View File

@ -35,7 +35,7 @@ subFields:
type: date type: date
meta: meta:
inputProps: inputProps:
type: "datetime-local" type: "datetime-local"
label: label:
de: Datum (ab) de: Datum (ab)
en: Date (from) en: Date (from)
@ -43,7 +43,7 @@ subFields:
type: date type: date
meta: meta:
inputProps: inputProps:
type: "datetime-local" type: "datetime-local"
label: label:
de: Datum (bis) de: Datum (bis)
en: Date (until) en: Date (until)
@ -181,137 +181,159 @@ subFields:
en: Appearance en: Appearance
defaultValue: ["_self"] defaultValue: ["_self"]
choices: choices:
- { id: "top", name: { de: "Artikelbild oben (volle Breite)", en: "Article picture top (full width)" } } - {
- { id: "right", name: { de: "Artikelbild rechts (volle Höhe)", en: "Article picture right (full height)" } } id: "top",
- { id: "bottom", name: { de: "Artikelbild unten (volle Breite)", en: "Article picture left (full width)" } } name: { de: "Artikelbild oben (volle Breite)", en: "Article picture top (full width)" },
- { id: "left", name: { de: "Artikelbild links (volle Höhe)", en: "Article picture left (full height)" } } }
- { id: "after-teaser", name: { de: "Artikelbild unter Teaser (volle Breite)" , en: "Article picture under teaser (full width)" } } - {
id: "right",
name: { de: "Artikelbild rechts (volle Höhe)", en: "Article picture right (full height)" },
}
- {
id: "bottom",
name: { de: "Artikelbild unten (volle Breite)", en: "Article picture left (full width)" },
}
- {
id: "left",
name: { de: "Artikelbild links (volle Höhe)", en: "Article picture left (full height)" },
}
- {
id: "after-teaser",
name:
{
de: "Artikelbild unter Teaser (volle Breite)",
en: "Article picture under teaser (full width)",
},
}
- { id: "top-left", name: { de: "Artikelbild oben links", en: "Article picture above left" } } - { id: "top-left", name: { de: "Artikelbild oben links", en: "Article picture above left" } }
- { id: "top-right", name: { de: "Artikelbild oben rechts", en: "Article picture above right" } } - { id: "top-right", name: { de: "Artikelbild oben rechts", en: "Article picture above right" } }
- { id: "bottom-left", name: { de: "Artikelbild unten links", en: "Article picture below left" } } - { id: "bottom-left", name: { de: "Artikelbild unten links", en: "Article picture below left" } }
- { id: "bottom-right", name: { de: "Artikelbild unten rechts", en: "Article picture below right" } } - {
id: "bottom-right",
name: { de: "Artikelbild unten rechts", en: "Article picture below right" },
}
- name: margin - name: margin
type: object type: object
meta: meta:
label: { de: "Abstand nach außen (Margin)", en: "Distance to the outside (Margin)" } label: { de: "Abstand nach außen (Margin)", en: "Distance to the outside (Margin)" }
subFields: subFields:
- name: top - name: top
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Oben de: Oben
en: Top en: Top
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "mt-xs", name: "Sehr kleiner Abstand" } - { id: "mt-xs", name: "Sehr kleiner Abstand" }
- { id: "mt-sm", name: "Kleiner Abstand" } - { id: "mt-sm", name: "Kleiner Abstand" }
- { id: "mt-md", name: "Normal" } - { id: "mt-md", name: "Normal" }
- { id: "mt-lg", name: "Großer Abstand" } - { id: "mt-lg", name: "Großer Abstand" }
- { id: "mt-xl", name: "Sehr großer Abstand" } - { id: "mt-xl", name: "Sehr großer Abstand" }
- name: right - name: right
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Rechts de: Rechts
en: Right en: Right
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "mr-xs", name: "Sehr kleiner Abstand" } - { id: "mr-xs", name: "Sehr kleiner Abstand" }
- { id: "mr-sm", name: "Kleiner Abstand" } - { id: "mr-sm", name: "Kleiner Abstand" }
- { id: "mr-md", name: "Normal" } - { id: "mr-md", name: "Normal" }
- { id: "mr-lg", name: "Großer Abstand" } - { id: "mr-lg", name: "Großer Abstand" }
- { id: "mr-xl", name: "Sehr großer Abstand" } - { id: "mr-xl", name: "Sehr großer Abstand" }
- name: bottom - name: bottom
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Unten de: Unten
en: Bottom en: Bottom
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "mb-xs", name: "Sehr kleiner Abstand" } - { id: "mb-xs", name: "Sehr kleiner Abstand" }
- { id: "mb-sm", name: "Kleiner Abstand" } - { id: "mb-sm", name: "Kleiner Abstand" }
- { id: "mb-md", name: "Normal" } - { id: "mb-md", name: "Normal" }
- { id: "mb-lg", name: "Großer Abstand" } - { id: "mb-lg", name: "Großer Abstand" }
- { id: "mb-xl", name: "Sehr großer Abstand" } - { id: "mb-xl", name: "Sehr großer Abstand" }
- name: left - name: left
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Links de: Links
en: Left en: Left
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "ml-xs", name: "Sehr kleiner Abstand" } - { id: "ml-xs", name: "Sehr kleiner Abstand" }
- { id: "ml-sm", name: "Kleiner Abstand" } - { id: "ml-sm", name: "Kleiner Abstand" }
- { id: "ml-md", name: "Normal" } - { id: "ml-md", name: "Normal" }
- { id: "ml-lg", name: "Großer Abstand" } - { id: "ml-lg", name: "Großer Abstand" }
- { id: "ml-xl", name: "Sehr großer Abstand" } - { id: "ml-xl", name: "Sehr großer Abstand" }
- name: padding - name: padding
type: object type: object
meta: meta:
label: { de: "Abstand nach innen (Padding)", en: "Distance inside (Padding)" } label: { de: "Abstand nach innen (Padding)", en: "Distance inside (Padding)" }
subFields: subFields:
- name: top - name: top
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Oben de: Oben
en: Top en: Top
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "pt-xs", name: "Sehr kleiner Abstand" } - { id: "pt-xs", name: "Sehr kleiner Abstand" }
- { id: "pt-sm", name: "Kleiner Abstand" } - { id: "pt-sm", name: "Kleiner Abstand" }
- { id: "pt-md", name: "Normal" } - { id: "pt-md", name: "Normal" }
- { id: "pt-lg", name: "Großer Abstand" } - { id: "pt-lg", name: "Großer Abstand" }
- { id: "pt-xl", name: "Sehr großer Abstand" } - { id: "pt-xl", name: "Sehr großer Abstand" }
- name: right - name: right
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Rechts de: Rechts
en: Right en: Right
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "pr-xs", name: "Sehr kleiner Abstand" } - { id: "pr-xs", name: "Sehr kleiner Abstand" }
- { id: "pr-sm", name: "Kleiner Abstand" } - { id: "pr-sm", name: "Kleiner Abstand" }
- { id: "pr-md", name: "Normal" } - { id: "pr-md", name: "Normal" }
- { id: "pr-lg", name: "Großer Abstand" } - { id: "pr-lg", name: "Großer Abstand" }
- { id: "pr-xl", name: "Sehr großer Abstand" } - { id: "pr-xl", name: "Sehr großer Abstand" }
- name: bottom - name: bottom
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Unten de: Unten
en: Bottom en: Bottom
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "pb-xs", name: "Sehr kleiner Abstand" } - { id: "pb-xs", name: "Sehr kleiner Abstand" }
- { id: "pb-sm", name: "Kleiner Abstand" } - { id: "pb-sm", name: "Kleiner Abstand" }
- { id: "pb-md", name: "Normal" } - { id: "pb-md", name: "Normal" }
- { id: "pb-lg", name: "Großer Abstand" } - { id: "pb-lg", name: "Großer Abstand" }
- { id: "pb-xl", name: "Sehr großer Abstand" } - { id: "pb-xl", name: "Sehr großer Abstand" }
- name: left - name: left
type: string type: string
meta: meta:
widget: select widget: select
label: label:
de: Links de: Links
en: Left en: Left
choices: choices:
- { id: "", name: "Kein Abstand" } - { id: "", name: "Kein Abstand" }
- { id: "pl-xs", name: "Sehr kleiner Abstand" } - { id: "pl-xs", name: "Sehr kleiner Abstand" }
- { id: "pl-sm", name: "Kleiner Abstand" } - { id: "pl-sm", name: "Kleiner Abstand" }
- { id: "pl-md", name: "Normal" } - { id: "pl-md", name: "Normal" }
- { id: "pl-lg", name: "Großer Abstand" } - { id: "pl-lg", name: "Großer Abstand" }
- { id: "pl-xl", name: "Sehr großer Abstand" } - { id: "pl-xl", name: "Sehr großer Abstand" }
- name: link - name: link
type: object type: object
meta: meta:

8
api/collections/articles.yml
View File

@ -28,8 +28,12 @@ meta:
mediaQuery: "(min-width:600px)" mediaQuery: "(min-width:600px)"
columns: columns:
- article.general.public - article.general.public
- article.content.title - label: { de: "Titel", en: "Title" }
- article.general.position source: article.content.title
filter: true
- label: { de: "Position", en: "Position" }
source: article.general.position
filter: true
- article.general.sort - article.general.sort
imageFilter: imageFilter:

40
api/collections/mediaLibrary.yml
View File

@ -24,6 +24,16 @@ meta:
columns: columns:
- file - file
- title - title
list:
columns:
- file
- title
tile:
width: 200px
height: auto
grid:
- { source: file }
- { source: title, width: 50%, label: "Titel" }
imageFilter: imageFilter:
xs: xs:
@ -80,12 +90,32 @@ permissions:
# Feldliste der Kollektion # Feldliste der Kollektion
fields: fields:
- name: file
type: file
meta:
widget: mediaLibraryFile
label: { de: "Datei", en: "File" }
- name: title - name: title
type: string type: string
meta: meta:
label: { de: "Titel des Dokuments/Bild", en: "Document/Image Title" } label: { de: "Titel des Dokuments/Bild", en: "Document/Image Title" }
filter: true
- name: tags
type: string[]
meta:
widget: chipArray
label:
de: Tags / Labels
en: Tags / Labels
# allowedAddEntry:
# collection: "tags"
autocomplete: true
choices:
endpoint: "tags"
mapping:
id: "id"
name: "name"
params:
count: 1
sort: "ASC"
query: ""
- name: file
type: file
meta:
widget: mediaFile
label: { de: "Datei", en: "File" }

86
api/collections/tags.yml Normal file
View File

@ -0,0 +1,86 @@
###############################################################
# Media Library
###############################################################
# Name/URL-Anteil der Kollektion
name: tags
uploadPath: ../media/tags
# Metaangaben zur Kollektion welche in der Admin-UI verwendet werden können
meta:
# Navigationseintrag in der Admin-UI
label: { de: "Tags / Labels", en: "Tags / Labels" }
# Icon (Material UI) für den Navigationseintrag
muiIcon: tag
# Identifizierung eines Eintrags für z.B. Select-Boxen in der Admin-UI
rowIdentTpl: { twig: "{{ path }}" }
# Standardsortierung der Liste
defaultSort: { field: "tag", order: "ASC" }
# Admin-Backend Ansichten
defaultImageFilter: s
views:
- type: table
mediaQuery: "(min-width:0px)"
columns:
- name
imageFilter:
xs:
- fit: true
height: 90
width: 90
resampling: lanczos
quality: 60
s:
- fit: true
height: 300
width: 300
resampling: lanczos
quality: 60
m:
- fit: true
height: 600
width: 600
resampling: lanczos
quality: 60
l:
- fit: true
height: 1200
width: 1200
resampling: lanczos
quality: 60
xl:
- fit: true
height: 2000
width: 2000
resampling: lanczos
quality: 60
permissions:
public:
methods:
get: true
post: false
put: false
delete: false
user:
methods:
get: true
post: false
put: false
delete: false
# token als Zusatzsicherung gegen Spam, mehr siehe Hook
"token:${PUBLIC_TOKEN}":
methods:
get: false
post: false
put: false
delete: false
# Feldliste der Kollektion
fields:
- name: name
type: string
meta:
label: { de: "Name des Tags", en: "Tag Name" }
filter: true

1
api/config.yml
View File

@ -9,6 +9,7 @@ meta:
collections: collections:
- !include collections/general.yml - !include collections/general.yml
- !include collections/mediaLibrary.yml - !include collections/mediaLibrary.yml
- !include collections/tags.yml
- !include collections/articles.yml - !include collections/articles.yml
- !include collections/content.yml - !include collections/content.yml
- !include collections/contact_form.yml - !include collections/contact_form.yml