dictionary word full display

config/install/core.entity_view_display.node.dictionary_word.full.yml

@@ -0,0 +1,267 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.full
+    - field.field.node.dictionary_word.comment
+    - field.field.node.dictionary_word.field_mukurtu_cluster_lat
+    - field.field.node.dictionary_word.field_mukurtu_cluster_long
+    - field.field.node.dictionary_word.field_mukurtu_geojson
+    - image.style.medium
+    - node.type.dictionary_word
+  module:
+    - entity_reference_revisions
+    - field_group
+    - layout_builder
+    - media
+    - mukurtu_core
+    - mukurtu_protocol
+    - text
+    - user
+third_party_settings:
+  layout_builder:
+    enabled: false
+    allow_custom: false
+  field_group:
+    group_metadata:
+      children:
+        - field_dictionary_word_language
+        - field_communities
+        - field_cultural_protocols
+        - field_keywords
+        - field_in_word_list
+      label: Metadata
+      parent_name: ''
+      region: content
+      weight: 1
+      format_type: html_element
+      format_settings:
+        classes: metadata
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        element: div
+        show_label: false
+        label_element: h3
+        label_element_classes: ''
+        attributes: ''
+        effect: none
+        speed: fast
+    group_primary_fields:
+      children:
+        - field_media_assets
+        - field_thumbnail
+        - field_word_entry
+        - field_coverage
+        - field_coverage_description
+        - field_location
+        - flag_export_content
+      label: 'Primary Fields'
+      parent_name: ''
+      region: content
+      weight: 0
+      format_type: html_element
+      format_settings:
+        classes: item-content
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        element: div
+        show_label: false
+        label_element: h3
+        label_element_classes: ''
+        attributes: ''
+        effect: none
+        speed: fast
+id: node.dictionary_word.full
+targetEntityType: node
+bundle: dictionary_word
+mode: full
+content:
+  field_communities:
+    type: entity_reference_label
+    label: above
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_coverage:
+    type: mukurtu_leaflet_formatter
+    label: above
+    settings:
+      multiple_map: false
+      leaflet_map: 'OSM Mapnik'
+      height: 400
+      height_unit: px
+      hide_empty_map: false
+      disable_wheel: false
+      gesture_handling: false
+      reset_map:
+        control: false
+        position: topright
+      popup: false
+      popup_content: ''
+      map_position:
+        force: false
+        center:
+          lat: !!float 0
+          lon: !!float 0
+        zoom: 12
+        minZoom: 1
+        maxZoom: 18
+        zoomFiner: 0
+      icon:
+        iconType: marker
+        iconUrl: ''
+        shadowUrl: ''
+        className: ''
+        iconSize:
+          x: null
+          'y': null
+        iconAnchor:
+          x: null
+          'y': null
+        shadowSize:
+          x: null
+          'y': null
+        shadowAnchor:
+          x: null
+          'y': null
+        popupAnchor:
+          x: null
+          'y': null
+        html: '<div></div>'
+        html_class: leaflet-map-divicon
+        circle_marker_options: '{"radius": 100, "color": "red", "fillColor": "#f03", "fillOpacity": 0.5}'
+      leaflet_markercluster:
+        control: false
+        options: '{"spiderfyOnMaxZoom":true,"showCoverageOnHover":true,"removeOutsideVisibleBounds": false}'
+        include_path: false
+      fullscreen:
+        control: false
+        options: '{"position":"topleft","pseudoFullscreen":false}'
+      path: '{"color":"#3388ff","opacity":"1.0","stroke":true,"weight":3,"fill":"depends","fillColor":"*","fillOpacity":"0.2","radius":"6"}'
+      geocoder:
+        control: false
+        settings:
+          position: topright
+          input_size: 25
+          providers: {  }
+          min_terms: 4
+          delay: 800
+          zoom: 16
+          popup: false
+          options: ''
+      weight: null
+    third_party_settings: {  }
+    weight: 9
+    region: content
+  field_coverage_description:
+    type: text_default
+    label: above
+    settings: {  }
+    third_party_settings: {  }
+    weight: 10
+    region: content
+  field_cultural_protocols:
+    type: cultural_protocol_formatter
+    label: above
+    settings: {  }
+    third_party_settings: {  }
+    weight: 8
+    region: content
+  field_dictionary_word_language:
+    type: entity_reference_label
+    label: above
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 6
+    region: content
+  field_in_word_list:
+    type: entity_reference_label
+    label: above
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 10
+    region: content
+  field_keywords:
+    type: entity_reference_label
+    label: above
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 9
+    region: content
+  field_location:
+    type: entity_reference_label
+    label: above
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 11
+    region: content
+  field_media_assets:
+    type: entity_reference_entity_view
+    label: hidden
+    settings:
+      view_mode: media_assets
+      link: false
+    third_party_settings: {  }
+    weight: 6
+    region: content
+  field_thumbnail:
+    type: media_thumbnail
+    label: hidden
+    settings:
+      image_link: ''
+      image_style: medium
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_word_entry:
+    type: entity_reference_revisions_entity_view
+    label: hidden
+    settings:
+      view_mode: default
+      link: ''
+    third_party_settings: {  }
+    weight: 8
+    region: content
+  flag_export_content:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 12
+    region: content
+hidden:
+  comment: true
+  draft: true
+  field_all_related_content: true
+  field_citation: true
+  field_content_type: true
+  field_glossary_entry: true
+  field_in_collection: true
+  field_mukurtu_cluster_lat: true
+  field_mukurtu_cluster_long: true
+  field_mukurtu_geojson: true
+  field_multipage_page_of: true
+  field_protocol_control: true
+  field_related_content: true
+  field_representative_media: true
+  field_sequence_collection: true
+  field_title: true
+  flag_email_node: true
+  flag_email_og: true
+  flag_mukurtu_email_content: true
+  flag_mukurtu_email_node: true
+  flag_mukurtu_email_og: true
+  flag_mukurtu_follow_content: true
+  flag_subscribe_node: true
+  flag_subscribe_og: true
+  langcode: true
+  links: true
+  search_api_excerpt: true

modules/mukurtu_community_records/templates/community-records.html.twig

@@ -1,7 +1,3 @@
-{# {{ dump() }} #}
-
-
-
 <article class="digital-heritage__community-record">
  <div data-horizontal-tabs class="community-records horizontal-tabs clearfix">
     <ul data-horizontal-tabs-list class="horizontal-tabs-list visually-hidden"></ul>
@@ -25,5 +21,4 @@
     {% endfor %}
     </div>
   </div>
-
 </article>

themes/mukurtu_v4/components/04-templates/full-node/_full-node.scss

@@ -1,8 +1,6 @@
 // Some full displays look very similar with main content 
 // and a right sidebar. These styles cover them all. 
-// As of 04/25/24, this encompasses Digital Heritage and Person.
-
-
+// As of 05/31/24, this encompasses Digital Heritage, Dictionary Word and Person.
 
 .full-node__grid {
   @include layout--full-width-grid;
@@ -23,17 +21,38 @@
   }
 
   &__content {
-    // Ensure border is not duplicated on fields inside fields, fields inside media.
-    .field:not(.field--name-field-media-assets, .field--name-field-media-assets .field, .media .field) {
+    // Ensure border is not duplicated on fields inside fields, fields inside media,
+    // and nested paragraph.
+    .field:not(.field--name-field-media-assets, 
+    .field--name-field-media-assets .field, 
+    .media .field, 
+    .field.field.field--name-field-word-entry,
+    .field--name-field-sentence-recording,
+    .field--name-field-sentence) {
       @include divider;
     }
 
-    .field--name-field-people ,
-    .field--name-field-location {
+    .field--name-field-people,
+    .field--name-field-location,
+    .field--name-field-word-type,
+    .field--name-field-contributor {
       .field__items {
         @include inline-list;
       }
     }
+
+    .field--name-field-recording {
+      .field__item {
+        margin: var(--v-space-4xxs) 0; 
+      }
+    }
+
+    .paragraph--type--sample-sentence {
+      margin: var(--v-space-2xs) 0;
+      > div {
+        margin: var(--v-space-4xxs) 0; 
+      }
+    }
   }
 
   &__related-content {

themes/mukurtu_v4/templates/content/node--dictionary-word--full.html.twig

@@ -68,33 +68,4 @@
  */
 #}
 
-{{ dump(content) }}
-
-<article{{ attributes }}>
-  <div{{ content_attributes }} class="full-node">
-    {{ title_prefix }}
-    {{ title_suffix }}
-
-    <div class="full-node__grid">
-      <div class="full-node__main">
-        <div class="full-node__content">
-            {{ content.group_primary_fields|without('group_primary_fields.field_all_related_content') }}
-        </div>
-
-        <div class="full-node__related-content">
-          {{ content.group_primary_fields.field_all_related_content }}
-        </div>
-      </div>
-
-      {% if content.group_metadata is not empty %}
-        <div class="full-node__list">
-          <aside class="full-node__sidebar">
-            {{ content.group_metadata }}
-          </aside>
-        </div>
-      {% endif %}
-
-    </div> {# __grid #}
-
-  </div>
-</article>
+{% extends "@mukurtu_v4/templates/content/node--digital-heritage--full.html.twig" %}