Merge pull request #54 from ASUWebPlatforms/ws2-1221

WS2-1221 - Replaced image entity with Media entity for card top images..

Author: mlsamuelson

config/install/core.entity_form_display.paragraph.degree_details_why_choose.default.yml

@@ -2,47 +2,45 @@ langcode: en
 status: true
 dependencies:
   config:
-    - field.field.paragraph.degree_details_why_choose.field_deg_dtl_why_card_image
+    - field.field.paragraph.degree_details_why_choose.field_card_top_image
     - field.field.paragraph.degree_details_why_choose.field_degree_nxtstep_card_contnt
     - field.field.paragraph.degree_details_why_choose.field_degree_nxtsteps_card_btn
     - field.field.paragraph.degree_details_why_choose.field_degree_nxtsteps_card_title
-    - image.style.thumbnail
     - paragraphs.paragraphs_type.degree_details_why_choose
   module:
-    - image
     - link
+    - media_library
 id: paragraph.degree_details_why_choose.default
 targetEntityType: paragraph
 bundle: degree_details_why_choose
 mode: default
 content:
-  field_deg_dtl_why_card_image:
-    type: image_image
+  field_card_top_image:
+    type: media_library_widget
     weight: 0
     region: content
     settings:
-      progress_indicator: throbber
-      preview_image_style: thumbnail
+      media_types: {  }
     third_party_settings: {  }
   field_degree_nxtstep_card_contnt:
     type: string_textarea
-    weight: 2
+    weight: 3
     region: content
     settings:
       rows: 5
       placeholder: ''
     third_party_settings: {  }
   field_degree_nxtsteps_card_btn:
     type: link_default
-    weight: 3
+    weight: 4
     region: content
     settings:
       placeholder_url: ''
       placeholder_title: ''
     third_party_settings: {  }
   field_degree_nxtsteps_card_title:
     type: string_textfield
-    weight: 1
+    weight: 2
     region: content
     settings:
       size: 60

config/install/core.entity_view_display.paragraph.degree_details_why_choose.default.yml

@@ -2,30 +2,26 @@ langcode: en
 status: true
 dependencies:
   config:
-    - field.field.paragraph.degree_details_why_choose.field_deg_dtl_why_card_image
+    - field.field.paragraph.degree_details_why_choose.field_card_top_image
     - field.field.paragraph.degree_details_why_choose.field_degree_nxtstep_card_contnt
     - field.field.paragraph.degree_details_why_choose.field_degree_nxtsteps_card_btn
     - field.field.paragraph.degree_details_why_choose.field_degree_nxtsteps_card_title
-    - image.style.block_image_16_9_sml
     - paragraphs.paragraphs_type.degree_details_why_choose
   module:
-    - image
     - link
 id: paragraph.degree_details_why_choose.default
 targetEntityType: paragraph
 bundle: degree_details_why_choose
 mode: default
 content:
-  field_deg_dtl_why_card_image:
-    type: image
+  field_card_top_image:
+    type: entity_reference_entity_view
     label: above
     settings:
-      image_link: ''
-      image_style: block_image_16_9_sml
-      image_loading:
-        attribute: lazy
+      view_mode: default
+      link: false
     third_party_settings: {  }
-    weight: 1
+    weight: 0
     region: content
   field_degree_nxtstep_card_contnt:
     type: basic_string

config/install/field.field.node.degree_detail_page.field_deg_dtl_why_choose_intro.yml

@@ -21,7 +21,7 @@ required: false
 translatable: false
 default_value:
   -
-    value: "<p>This is the default info</p>\r\n"
+    value: ''
     format: full_html
 default_value_callback: ''
 settings: {  }

config/install/field.field.paragraph.degree_details_why_choose.field_card_top_image.yml

@@ -0,0 +1,28 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.storage.paragraph.field_card_top_image
+    - media.type.image
+    - paragraphs.paragraphs_type.degree_details_why_choose
+id: paragraph.degree_details_why_choose.field_card_top_image
+field_name: field_card_top_image
+entity_type: paragraph
+bundle: degree_details_why_choose
+label: 'Card top image'
+description: 'New media field type for images.'
+required: true
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:media'
+  handler_settings:
+    target_bundles:
+      image: image
+    sort:
+      field: name
+      direction: ASC
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

config/install/field.field.paragraph.degree_details_why_choose.field_deg_dtl_why_card_image.yml

@@ -0,0 +1,18 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - node
+    - text
+id: node.field_deg_dtl_why_choose_intro
+field_name: field_deg_dtl_why_choose_intro
+entity_type: node
+type: text_long
+settings: {  }
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/install/field.storage.node.field_deg_dtl_why_choose_intro.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - media
+    - paragraphs
+id: paragraph.field_card_top_image
+field_name: field_card_top_image
+entity_type: paragraph
+type: entity_reference
+settings:
+  target_type: media
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/install/field.storage.paragraph.field_card_top_image.yml

@@ -53,21 +53,21 @@ public function getParagraphsContent($paragraph, $field = "nextSteps") {
       case "whyChooseAsu":
         // whyChooseAsu - top image
         $image = new \stdClass();
-        if (isset($paragraph->field_deg_dtl_why_card_image->target_id)) {
-          $wca_image = $paragraph->field_deg_dtl_why_card_image->entity;
-          $imageUri = $wca_image->getFileUri();
+        if (isset($paragraph->field_card_top_image->target_id)) {
+          $wca_image = $paragraph->field_card_top_image->entity;
+          $image->altText = $wca_image->field_media_image->alt;
+          $imageUri = $wca_image->field_media_image->entity->getFileUri();
           $image->url = \Drupal::service('file_url_generator')->generateAbsoluteString($imageUri);
-          $image->altText = $paragraph->field_deg_dtl_why_card_image->alt;
           $card->image = $image;
         }
         // Varying props names?
         $content = "text";
         $button = "button";
         break;
-      default:
+      default: // nextSteps
         $content = "content";
         $button = "buttonLink";
-        // nextSteps - top icon
+        //// nextSteps top icon
         if (isset($paragraph->field_degree_nxtsteps_card_icon) && $paragraph->field_degree_nxtsteps_card_icon->icon_name) {
           $icon_name = $paragraph->field_degree_nxtsteps_card_icon->icon_name;
           $icon_style = $paragraph->field_degree_nxtsteps_card_icon->style;

config/install/field.storage.paragraph.field_deg_dtl_why_card_image.yml

@@ -237,6 +237,11 @@ public function build() {
     $whyChooseAsu = new \stdClass;
     $cards = [];
     $why_choose = 0;
+    //// hide whyChooseAsu?
+    if ($node->field_deg_dtl_hide_why_choos_asu->value) {
+      $whyChooseAsu->hide = (bool) $node->field_deg_dtl_hide_why_choos_asu->value;
+      $why_choose = 1;
+    }
     ////- Intro
     if (isset($node->field_deg_dtl_why_choose_intro->value) && !empty($node->field_deg_dtl_why_choose_intro->value)) {
       $whyChooseAsu->sectionIntroText = $node->field_deg_dtl_why_choose_intro->value;
@@ -274,13 +279,9 @@ public function build() {
       if (isset($cards[1])) { $labelled_cards->mentors = $cards[1]; }
       if (isset($cards[2])) { $labelled_cards->honors = $cards[2]; }
     }
-    //// hide whyChooseAsu?
-    if ($node->field_deg_dtl_hide_why_choos_asu->value) {
-      $whyChooseAsu->hide = (bool) $node->field_deg_dtl_hide_why_choos_asu->value;
-    }
 
-    if ($why_choose > 0) {
-      if ($why_choose > 1) { // Add properties + hide boolean
+    if ($why_choose > 0) { // Has intro text or hide setting, but no cards
+      if ($why_choose > 1) { // Also has cards
         $whyChooseAsu->cards = $labelled_cards;
       }
       $props['whyChooseAsu'] = $whyChooseAsu;