packages start...

api/collections/medialib.yml

@@ -3,40 +3,14 @@
 name: medialib
 uploadPath: ../media/medialib
 
-fields:
-    - !include fields/title.yml
-
-    # Ein Feld vom Typ "file" wird für die Mediathek natürlich
-    # benötigt.
-    - name: file
-      type: file
-      meta:
-          label:
-              de: Datei
-              en: File
-
-permissions:
-    public:
-        methods:
-            get: true
-            post: false
-            put: false
-            delete: false
-    user:
-        methods:
-            get: true
-            post: true
-            put: true
-            delete: true
-
 meta:
     label:
         de: Medienbibliothek
         en: Media Library
     muiIcon: multimedia
     defaultSort:
-        field: title
-        order: ASC
+        field: sort
+        order: MANUALLY #alternativ auch ASC und DESC möglich
 
     # "defaultImageFilter" dient auch hier nur zur Reduzierung der
     # Bildgröße bei der Anzeige im tibi-admin (Listen).
@@ -48,15 +22,51 @@ meta:
     # "subNavigation" Index definiert, werden auch folgende "views"
     # verwendet.
     views:
-        - type: table
-          mediaQuery: "(min-width: 0px)"
+        - type: simpleList
+          mediaQuery: "(max-width: 767px)"
+          primaryText: path
           columns:
+              - source: file
               - source: updateTime
-                label: letztes Update
                 type: datetime
+                label: letztes Update
               - source: title
                 filter: true
+              - source: description
+                filter: true
+        - type: table
+          mediaQuery: "(min-width: 768px) and (max-width: 1199px)"
+          columns:
               - source: file
+              - source: updateTime
+                type: datetime
+                label: letztes Update
+              - source: title
+                filter: true
+              - source: description
+                filter: true
+
+        - type: cardList
+          mediaQuery: "(min-width: 1200px)"
+          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: false
+
+          fields:
+              - source: file
+              - source: updateTime
+                type: datetime
+                label: letztes Update
+              - source: title
+                filter: true
+              - source: description
+                filter: true
 
     # Wird ein "subNavigation" Index für "image-/file-/videoSelect" definiert,
     # wird die entsprechende Navigation aus folgender Liste angesprochen.
@@ -72,12 +82,17 @@ meta:
           # Folgende Ansicht wird für unsere Auswahl der Datei im ContentBuilder
           # angeboten.
           views:
-              - type: table
+              - type: cards
                 mediaQuery: "(min-width: 0px)"
-                columns:
+                fields:
+                    - source: file
+                    - source: updateTime
+                      type: datetime
+                      label: letztes Update
                     - source: title
                       filter: true
-                    - source: file
+                    - source: description
+                      filter: true
 
           # Damit der ContentBuilder weiß, welche Datei ausgewählt wurde, ist
           # ist folgender "defaultCallback" notwendig.
@@ -96,7 +111,7 @@ meta:
                   (entry) => {
                       parent.selectAsset("medialib/" + entry.id + "/" + entry.file?.src + "?filter=l")
                       parent.focus()
-                  }s
+                  }
                   //!js
 
         - name: modalForeign # Name des Eingabefelds oder der Ansicht.
@@ -115,5 +130,61 @@ meta:
                   }
                   //!js
 
-    openapi:
-        disabled: true
+permissions:
+    public:
+        methods:
+            get: true
+            post: false
+            put: false
+            delete: false
+    user:
+        methods:
+            get: true
+            post: true
+            put: true
+            delete: true
+
+projections:
+    dashboard:
+        select:
+hooks:
+    delete:
+        return:
+            type: javascript
+            file: hooks/medialib/delete_return.js
+
+fields:
+    # Ein Feld vom Typ "file" wird für die Mediathek natürlich
+    # benötigt.
+    - name: file
+      type: file
+      meta:
+          label:
+              de: Datei
+              en: File
+    - name: title
+      type: string
+      meta:
+          label:
+              de: Titel
+              en: Title
+    - name: description
+      type: string
+      meta:
+          widget: richtext
+          label:
+              de: Kurzbeschreibung
+              en: Short Description
+
+    - name: sort
+      type: number
+
+      meta:
+          label:
+              de: Manuelle Sortierung
+              en: Manual Sorting
+          inputProps:
+              { readonly: true, placeholder: { de: "Wert wird automatisch gesetzt", en: "Value is set automatically" } }
+          helperText:
+              de: Dieses Feld wird für die manuelle Sortierung benötigt. Sobald ein Eintrag per Drag&Drop verschoben wurde, wird die neue Position innerhalb der Liste eingetragen.
+              en: This field is required for manual sorting. As soon as an entry is moved using Drag&Drop, the new position is entered in the list.