EWPP-3777: Add language code to quote pattern and paragraph.

modules/oe_theme_helper/src/TwigExtension/TwigExtension.php

@@ -149,11 +149,15 @@ public function toNativeLanguageName($language_code): string {
    *   The internal language ID, or the given language code if none found.
    */
   public function toInternalLanguageId($language_code): string {
+    // Map Norwegian Bokmål and Chinese language codes.
+    $map_other_language_codes = [
+      'nb' => 'no',
+      'zh-hans' => 'zh',
+    ];
     if (EuropeanUnionLanguages::hasLanguage($language_code)) {
       return EuropeanUnionLanguages::getInternalLanguageCode($language_code);
     }
-
-    return $language_code;
+    return $map_other_language_codes[$language_code] ?? $language_code;
   }
 
   /**

modules/oe_theme_helper/tests/src/Unit/TwigExtensionTest.php

@@ -408,4 +408,62 @@ public function testCreateMarkup() {
     $this->assertInstanceOf(MarkupInterface::class, $markup_object);
   }
 
+  /**
+   * Tests converting a language code to the internal language code.
+   *
+   * @param string $language_code
+   *   The language code to filter.
+   * @param string $expected_internal_language_code
+   *   The internal language code that is expected to be returned.
+   *
+   * @covers ::toInternalLanguageId
+   * @dataProvider toInternalLanguageIdProvider
+   */
+  public function testToInternalLanguageId(string $language_code, string $expected_internal_language_code): void {
+    $result = $this->twig->render("{{ '$language_code'|to_internal_language_id }}");
+    $this->assertEquals($expected_internal_language_code, $result);
+  }
+
+  /**
+   * Returns test cases for ::testToInternalLanguageId().
+   *
+   * @return array[]
+   *   An array of test cases, each test case an indexed array with the
+   *   following two values:
+   *   1. The language code to check.
+   *   2. The expected internal language code.
+   *
+   * @see ::testToInternalLanguageId()
+   */
+  public function toInternalLanguageIdProvider(): array {
+    return [
+      ['bg', 'bg'],
+      ['cs', 'cs'],
+      ['da', 'da'],
+      ['de', 'de'],
+      ['et', 'et'],
+      ['el', 'el'],
+      ['en', 'en'],
+      ['es', 'es'],
+      ['fr', 'fr'],
+      ['ga', 'ga'],
+      ['hr', 'hr'],
+      ['it', 'it'],
+      ['lt', 'lt'],
+      ['lv', 'lv'],
+      ['hu', 'hu'],
+      ['mt', 'mt'],
+      ['nl', 'nl'],
+      ['pl', 'pl'],
+      ['pt-pt', 'pt'],
+      ['ro', 'ro'],
+      ['sk', 'sk'],
+      ['sl', 'sl'],
+      ['fi', 'fi'],
+      ['sv', 'sv'],
+      ['nb', 'no'],
+      ['zh-hans', 'zh'],
+    ];
+  }
+
 }

templates/paragraphs/paragraph--oe-quote.html.twig

@@ -7,6 +7,7 @@
  */
 #}
 {{ pattern('blockquote', {
-    'body': content.field_oe_plain_text_long,
-    'author': content.field_oe_text,
+  'body': content.field_oe_plain_text_long,
+  'author': content.field_oe_text,
+  'language_code': current_language_id,
 }) }}

templates/patterns/blockquote/blockquote.ui_patterns.yml

@@ -19,3 +19,8 @@ blockquote:
       preview:
         src: "https://loremflickr.com/1000/500/arch"
         alt: "Alternative text for featured item image"
+    language_code:
+      type: "string"
+      label: "Language code"
+      description: "The language code for the blockquote - it changes the type of quotes. (defaults to 'en')"
+      preview: "pt-pt"

templates/patterns/blockquote/pattern-blockquote.html.twig

@@ -5,12 +5,19 @@
  */
 #}
 {% if image %}
-  {% set image = {
-    'path': image.src,
-    'alt': image.alt
+  {% set _picture = {
+    'img': {
+      'src': image.src,
+      'alt': image.alt
+    }
   } %}
 {% endif %}
+{% if language_code|render is not empty %}
+  {% set _lang = language_code|render|to_internal_language_id %}
+{% endif %}
 {% include '@ecl-twig/blockquote' with {
   'author': author,
   'citation': body,
+  'lang': _lang|default('en'),
+  'picture': _picture|default([])
 } %}

tests/src/Kernel/Paragraphs/ParagraphsTest.php

@@ -130,7 +130,7 @@ public function testQuote(array $data, array $expected): void {
 
     $crawler = new Crawler($html);
 
-    $actual = $crawler->filter('figure.ecl-blockquote .ecl-blockquote__body blockquote.ecl-blockquote__quote p.ecl-blockquote__citation')->html();
+    $actual = $crawler->filter('figure.ecl-blockquote .ecl-blockquote__body blockquote.ecl-blockquote__quote p.ecl-blockquote__citation[lang="en"]')->html();
     $this->assertEquals($expected['body'], trim($actual));
 
     $actual = $crawler->filter('figure.ecl-blockquote footer.ecl-blockquote__attribution cite.ecl-blockquote__author')->text();

tests/src/Kernel/fixtures/rendering.yml

@@ -2041,12 +2041,13 @@
     '#fields':
       body: "Quote text"
       author: "Quote author"
+      language_code: "bg"
   assertions:
     count:
       'img.ecl-blockquote__image': 0
     equals:
       '.ecl-blockquote__author': "Quote author"
-      '.ecl-blockquote__citation': "Quote text"
+      '.ecl-blockquote__citation[lang="bg"]': "Quote text"
 - array:
     '#type': pattern
     '#id': blockquote
@@ -2062,7 +2063,7 @@
       'img.ecl-blockquote__image[alt="Alternative of image"]': 1
     equals:
       '.ecl-blockquote__author': "Quote author"
-      '.ecl-blockquote__citation': "Quote text"
+      '.ecl-blockquote__citation[lang="en"]': "Quote text"
 - array:
     '#type': pattern
     '#id': context_nav