Merge branch 'feature/ISTWCMS-5329-ebremner-profile-listing-image' into '3.0.x'

ISTWCMS-5329: adding logic for profiles listing image

See merge request !147

source/_patterns/04-components/card/card--teaser/_card--teaser.scss

@@ -20,5 +20,35 @@
         padding: 0;
     }
   }
+  &--profile{
 
+    .card{
+      &__image{
+        margin:0;
+        max-width:5rem;
+      }
+     &__header{
+       display:grid;
+       grid-template-columns: auto 1fr;
+       //grid-template-rows: minmax(3rem, auto);
+       .uw-image__profiles{
+        grid-column: 1/2;
+        grid-row: 1 / 3;
+        margin-right:1rem;
+       }
+       .card__position{
+         grid-column: 2/3;
+         grid-row: 2/3;
+       }
+       .card__title{
+         grid-column: 2/3;
+         grid-row: 1/2;
+         margin:0;
+       }
+     }
+     &__body{
+       grid-column: 1/3;
+     }
+   }
+  }
 }

source/_patterns/04-components/card/card--teaser/_card--teaser.twig

@@ -7,6 +7,7 @@
 {% set modifier_classes = 'teaser--' ~ teaser.bundle %}
 
 {% include '@components/card/card.twig' with {
+  'bundle': node.bundle,
   'modifier_classes': modifier_classes,
   'type': type,
   'url': teaser.url,

source/_patterns/04-components/card/card-elements/_header.twig

 <div class="card__header">
+
+  {% if bundle == 'uw_ct_profile' %}
+    {% if image %}
+    <div class="uw-image__profiles">
+      {% include '@components/card/card-elements/_image.twig' with {
+        'image': image,
+        'bundle': bundle
+      } %}
+    </div>
+      {% endif %}
+  {% endif %}
+
   {% if header.date %}
 
     {% if type == 'event' %}

source/_patterns/04-components/card/card.twig

@@ -17,7 +17,7 @@
     } %}
   {% endif %}
 
-  {% if image %}
+  {% if image and show_image == 'yes' %}
     {% include '@components/card/card-elements/_image.twig' with {
       'image': image
     } %}
@@ -27,7 +27,9 @@
     {% include '@components/card/card-elements/_header.twig' with {
       'header': header,
       'show_title': show_title,
-      'type': type
+      'type': type,
+      'image': image,
+      'bundle': bundle
     } %}
   {% endif %}
 
@@ -41,7 +43,7 @@
 
       {% if content %}
         {% include '@components/card/card-elements/_content.twig' with {
-          'content': content
+          'content': content,
         } %}
       {% endif %}
     </div>

source/_patterns/04-components/view/_view.scss

@@ -295,7 +295,6 @@ $sidebar-width: 18.75rem;
 .path-events,
 .view-uw-view-events,
 .path-taxonomy,
-.path-profiles,
 .path-opportunities{
   .view-content {
     @include uw-flex-grid();
@@ -308,6 +307,15 @@ $sidebar-width: 18.75rem;
     }
   }
 }
+.path-profiles{
+  .view-content {
+    @include uw-flex-grid();
+    padding: 0;
+    .views-row {
+      @include uw-flex-term-item();
+    }
+  }
+}
 .path-contacts{
   .views-row{
     width:100%;