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: views:
- !include simpleList.yml - !include simpleList.yml
- !include table.yml - !include table.yml
- !include cardList.yml
# Um mehr Übersicht zu bekommen können zum Einen andere "views" und "defaultSort" # 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 # genutzt werden. Es kann aber auch eine Einschränkung der Daten über eine
# Vorfilterung via "filter" geben. "filter" ist ein Objekt mit MongoDB-Filterangaben. # 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" legt den Typ des Views fest.
type: simpleList type: simpleList
# Die Auswahl erfolgt über folgende "mediaQuery". # Die Auswahl erfolgt über folgende "mediaQuery".
# (hier also bis maximal 599px Fensterbreite) mediaQuery: "(min-width:0px)"
mediaQuery: "(max-width:599px)"
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. # 3 Blöcke können in der simpleList verwendet werden.
# Haupttext "primaryText" und optional 2 weitere Angaben über # Haupttext "primaryText" und optional 2 weitere Angaben über
# "secondaryText" und "tertiaryText". # "secondaryText" und "tertiaryText".

View File

@ -1,5 +1,6 @@
type: table type: table
mediaQuery: "(min-width:600px)" 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: columns:
- source: updateTime - source: updateTime
label: label:

View File

@ -23,8 +23,18 @@ meta:
# verwendet. # verwendet.
views: views:
- type: simpleList - 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 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: columns:
- source: file - source: file
- source: updateTime - source: updateTime
@ -35,7 +45,17 @@ meta:
- source: description - source: description
filter: true filter: true
- type: table - 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: columns:
- source: file - source: file
- source: updateTime - source: updateTime
@ -48,6 +68,7 @@ meta:
- type: cardList - type: cardList
mediaQuery: "(min-width: 1200px)" mediaQuery: "(min-width: 1200px)"
selectionPriority: 1
fileDropArea: fileDropArea:
label: label:
{ {

View File

@ -24,16 +24,24 @@ Folgende möglche Einträge für `views` gibt es derzeit:
### cardList ### cardList
!!!include(../api/collections/medialib.yml)!!! !!!include(../api/collections/democol/cardList.yml)!!!
### dashboardSimpleList ### dashboardSimpleList
- TODO - TODO
### dashboardTable ### dashboardTable
- TODO - TODO
## tablist1 ## 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. 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)!!! !!!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)!!!