This commit is contained in:
Robin Grenzdörfer 2023-06-10 12:52:41 +00:00
parent e9f2cdf918
commit bca5f4707e
6 changed files with 58 additions and 12 deletions

View File

@ -0,0 +1,15 @@
type: cardList
mediaQuery: "(min-width:600px)"
selectionPriority: 3 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
fields:
- source: updateTime
label:
de: letztes Update
en: last update
type: date
- source: title
filter: true
- source: date
filter: true
- source: type
filter: true

View File

@ -72,6 +72,7 @@ subNavigation:
views:
- !include simpleList.yml
- !include table.yml
- !include cardList.yml
# Um mehr Übersicht zu bekommen können zum Einen andere "views" und "defaultSort"
# genutzt werden. Es kann aber auch eine Einschränkung der Daten über eine
# Vorfilterung via "filter" geben. "filter" ist ein Objekt mit MongoDB-Filterangaben.

View File

@ -1,9 +1,9 @@
# "type" legt den Typ des Views fest.
type: simpleList
# Die Auswahl erfolgt über folgende "mediaQuery".
# (hier also bis maximal 599px Fensterbreite)
mediaQuery: "(max-width:599px)"
mediaQuery: "(min-width:0px)"
selectionPriority: 2 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
# 3 Blöcke können in der simpleList verwendet werden.
# Haupttext "primaryText" und optional 2 weitere Angaben über
# "secondaryText" und "tertiaryText".

View File

@ -1,14 +1,15 @@
type: table
mediaQuery: "(min-width:600px)"
selectionPriority: 1 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
columns:
- source: updateTime
label:
de: letztes Update
en: last update
label:
de: letztes Update
en: last update
type: date
- source: title
filter: true
- source: date
filter: true
- source: type
filter: true
filter: true

View File

@ -23,8 +23,18 @@ meta:
# verwendet.
views:
- type: simpleList
mediaQuery: "(max-width: 767px)"
mediaQuery: "(min-width: 0px)"
selectionPriority: 3 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
primaryText: path
fileDropArea:
label:
{
de: "Ziehen Sie Dateien per Drag and Drop hierher oder klicken Sie, um Dateien auszuwählen.",
en: "Drag and drop some files here, or click to upload.",
}
helperText: { de: "Maximale Uploadgröße: 1,54 MB", en: "Maximum upload size: 1.54MB" }
targetField: file
pageAsDropArea: true
columns:
- source: file
- source: updateTime
@ -35,7 +45,17 @@ meta:
- source: description
filter: true
- type: table
mediaQuery: "(min-width: 768px) and (max-width: 1199px)"
mediaQuery: "(min-width: 768px)"
selectionPriority: 2
fileDropArea:
label:
{
de: "Ziehen Sie Dateien per Drag and Drop hierher oder klicken Sie, um Dateien auszuwählen.",
en: "Drag and drop some files here, or click to upload.",
}
helperText: { de: "Maximale Uploadgröße: 1,54 MB", en: "Maximum upload size: 1.54MB" }
targetField: file
pageAsDropArea: true
columns:
- source: file
- source: updateTime
@ -48,6 +68,7 @@ meta:
- type: cardList
mediaQuery: "(min-width: 1200px)"
selectionPriority: 1
fileDropArea:
label:
{

View File

@ -24,16 +24,24 @@ Folgende möglche Einträge für `views` gibt es derzeit:
### cardList
!!!include(../api/collections/medialib.yml)!!!
!!!include(../api/collections/democol/cardList.yml)!!!
### dashboardSimpleList
- TODO
- TODO
### dashboardTable
- TODO
## tablist1
- TODO
## tablist
Wird die `tablist` verwendet, ist sicher zu stellen, dass alle Felder in der Definition aufgenommen werden. Werden Felder nicht in die `tablist` aufgenommen, sind diese weiterhin in einer Gesamtliste unterhalb der Tabs und bringen das Layout durcheinander.
!!!include(../api/collections/democol/tablist.yml)!!!
## multiupload
Der mutliupload kann bei jedem view type verwendet werden. Hier ist eine Beispielscollection, welchen diesen verwendet.
!!!include(../api/collections/medialib.yml)!!!