Set up media library

site/blueprints/files/gallery_image.yml

@@ -1,31 +0,0 @@
-title: Image
-accept:
-    mime: image/jpeg, image/png
-fields:
-    caption:
-        label:
-            en: Caption
-            fr: Légende
-        type: writer
-        toolbar:
-            inline: false
-        nodes: false
-        marks:
-            - bold
-            - italic
-            - '|'
-            - link
-            - email
-            - '|'
-            - clear
-        help:
-            en: "Informative text displayed below the image."
-            fr: "Texte informatif affiché sous l'image."
-    alt_text:
-        label:
-            en: Alternative text
-            fr: Texte alternatif
-        type: text
-        help:
-            en: "Short description displayed if the image can't be loaded and used by screen readers."
-            fr: "Courte description affichée si l'image ne peut être chargée et utilisée par les lecteurs d'écran."

site/blueprints/files/image.yml

@@ -0,0 +1,55 @@
+title: Image
+accept:
+    mime: image/jpeg, image/png
+columns:
+    left:
+        width: 3/4
+        fields:
+            caption:
+                label:
+                    en: Caption
+                    fr: Légende
+                type: writer
+                when: false
+                toolbar:
+                    inline: false
+                nodes: false
+                marks:
+                    - bold
+                    - italic
+                    - '|'
+                    - link
+                    - email
+                    - '|'
+                    - clear
+                help:
+                    en: "Informative text displayed below the image."
+                    fr: "Texte informatif affiché sous l'image."
+            alt_text:
+                label:
+                    en: Alternative text
+                    fr: Texte alternatif
+                type: text
+                help:
+                    en: "Short description displayed if the image can't be loaded and used by screen readers."
+                    fr: "Courte description affichée si l'image ne peut être chargée et utilisée par les lecteurs d'écran."
+    right:
+        width: 1/4
+        fields:
+            related_image:
+                label:
+                    en: Related image
+                    fr: Image associée
+                type: files
+                query: site.find('media-library').images
+                uploads:
+                    parent: site.find('media-library')
+                    template: image
+                multiple: false
+                layout: cards
+                size: small
+                image:
+                    ratio: 1/1
+                # help:
+                #     en: ""
+                #     fr: ""