feat: add custom content fields to leader content type

Refs: UNO-684

config/core.entity_form_display.node.leader.default.yml

@@ -4,13 +4,15 @@ status: true
 dependencies:
   config:
     - field.field.node.leader.body
+    - field.field.node.leader.field_custom_content
     - field.field.node.leader.field_leader_portrait
     - field.field.node.leader.field_leader_title
     - field.field.node.leader.field_metatags
     - image.style.thumbnail
     - node.type.leader
   module:
     - image
+    - layout_paragraphs
     - metatag
     - path
     - text
@@ -29,6 +31,18 @@ content:
       placeholder: ''
       show_summary: false
     third_party_settings: {  }
+  field_custom_content:
+    type: layout_paragraphs
+    weight: 4
+    region: content
+    settings:
+      view_mode: default
+      preview_view_mode: preview
+      form_display_mode: default
+      nesting_depth: 2
+      require_layouts: 0
+      empty_message: 'Placeholder message to display when field is empty'
+    third_party_settings: {  }
   field_leader_portrait:
     type: image_image
     weight: 2

config/core.entity_view_display.node.leader.default.yml

@@ -4,6 +4,7 @@ status: true
 dependencies:
   config:
     - field.field.node.leader.body
+    - field.field.node.leader.field_custom_content
     - field.field.node.leader.field_leader_portrait
     - field.field.node.leader.field_leader_title
     - field.field.node.leader.field_metatags
@@ -53,5 +54,6 @@ content:
     weight: 2
     region: content
 hidden:
+  field_custom_content: true
   langcode: true
   links: true

config/core.entity_view_display.node.leader.full.yml

@@ -0,0 +1,69 @@
+uuid: 5badd230-98d7-4527-b4e8-b8e82a14d79d
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.full
+    - field.field.node.leader.body
+    - field.field.node.leader.field_custom_content
+    - field.field.node.leader.field_leader_portrait
+    - field.field.node.leader.field_leader_title
+    - field.field.node.leader.field_metatags
+    - node.type.leader
+    - responsive_image.styles.portrait
+  module:
+    - layout_paragraphs
+    - metatag
+    - responsive_image
+    - text
+    - user
+id: node.leader.full
+targetEntityType: node
+bundle: leader
+mode: full
+content:
+  body:
+    type: text_default
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 2
+    region: content
+  field_custom_content:
+    type: layout_paragraphs
+    label: hidden
+    settings:
+      view_mode: default
+      link: ''
+    third_party_settings: {  }
+    weight: 3
+    region: content
+  field_leader_portrait:
+    type: responsive_image
+    label: hidden
+    settings:
+      responsive_image_style: portrait
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
+    region: content
+  field_leader_title:
+    type: string
+    label: hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_metatags:
+    type: metatag_empty_formatter
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 4
+    region: content
+hidden:
+  langcode: true
+  links: true

config/core.entity_view_display.node.leader.teaser.yml

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.teaser
     - field.field.node.leader.body
+    - field.field.node.leader.field_custom_content
     - field.field.node.leader.field_leader_portrait
     - field.field.node.leader.field_leader_title
     - field.field.node.leader.field_metatags
@@ -39,6 +40,7 @@ content:
     region: content
 hidden:
   body: true
+  field_custom_content: true
   field_metatags: true
   langcode: true
   links: true

config/core.entity_view_display.node.leader.title.yml

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.title
     - field.field.node.leader.body
+    - field.field.node.leader.field_custom_content
     - field.field.node.leader.field_leader_portrait
     - field.field.node.leader.field_leader_title
     - field.field.node.leader.field_metatags
@@ -44,6 +45,7 @@ content:
     region: content
 hidden:
   body: true
+  field_custom_content: true
   field_metatags: true
   langcode: true
   links: true

config/field.field.node.leader.field_custom_content.yml

@@ -0,0 +1,110 @@
+uuid: b4a54f15-97f1-4c87-96b5-907936e47528
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_custom_content
+    - node.type.leader
+  module:
+    - entity_reference_revisions
+id: node.leader.field_custom_content
+field_name: field_custom_content
+entity_type: node
+bundle: leader
+label: 'Custom content'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:paragraph'
+  handler_settings:
+    target_bundles: null
+    negate: 1
+    target_bundles_drag_drop:
+      call_to_action:
+        weight: 19
+        enabled: false
+      campaign:
+        weight: 28
+        enabled: false
+      cbpf:
+        weight: 29
+        enabled: false
+      donors:
+        weight: 30
+        enabled: false
+      events:
+        weight: 31
+        enabled: false
+      figures:
+        weight: 24
+        enabled: false
+      image:
+        weight: 25
+        enabled: false
+      layout:
+        weight: 7
+        enabled: false
+      leader:
+        weight: 35
+        enabled: false
+      media_centre:
+        weight: 36
+        enabled: false
+      news_and_stories:
+        weight: 37
+        enabled: false
+      node:
+        weight: 27
+        enabled: false
+      ocha_datawrapper:
+        weight: 39
+        enabled: false
+      ocha_powerbi:
+        weight: 42
+        enabled: false
+      ocha_vimeo:
+        weight: 43
+        enabled: false
+      regions:
+        weight: 40
+        enabled: false
+      reliefweb_document:
+        weight: 28
+        enabled: false
+      reliefweb_river:
+        weight: 29
+        enabled: false
+      reliefweb_river_curated:
+        weight: 43
+        enabled: false
+      resources:
+        weight: 44
+        enabled: false
+      response_map:
+        weight: 46
+        enabled: false
+      responses:
+        weight: 45
+        enabled: false
+      section:
+        weight: 47
+        enabled: false
+      stories:
+        weight: 48
+        enabled: false
+      subscribe:
+        weight: 49
+        enabled: false
+      text:
+        weight: 8
+        enabled: false
+      text_and_image:
+        weight: 35
+        enabled: false
+      video:
+        weight: 36
+        enabled: false
+field_type: entity_reference_revisions

html/themes/custom/common_design_subtheme/components/uno-leader/uno-leader.css

@@ -24,15 +24,15 @@
 @media screen and (min-width: 576px) {
   .uno-leader--full .cd-layout-main-content {
     display: grid;
-    grid-template-areas: "name image" "title image";
+    grid-template-areas: "title image" "body image" "content content";
     grid-template-rows: 1fr auto;
     grid-template-columns: 62% 33%;
     gap: 1rem 2rem;
     justify-content: space-between;
   }
 
   .uno-leader--full .field--name-field-leader-title {
-    grid-area: name;
+    grid-area: title;
     margin-top: 0;
     padding-inline-end: 2rem;
     font-size: var(--cd-font-size--medium);
@@ -43,9 +43,14 @@
   }
 
   .uno-leader--full .field--name-body {
+    grid-area: body;
     padding-inline-end: 2rem;
   }
 
+  .uno-leader--full .field--name-field-custom-content {
+    grid-area: content;
+  }
+
   .uno-leader--teaser,
   .field--name-field-leader-title,
   .uno-leader--title {
@@ -198,3 +203,10 @@
     margin-bottom: 0;
   }
 }
+
+.uno-leader--full .cd-layout-main-content > .field--name-body:has(+ .field--name-field-custom-content) {
+  margin-bottom: 0;
+}
+.uno-leader--full .cd-layout-main-content > .field--name-field-custom-content {
+  margin-bottom: 4rem;
+}