Merge branch 'feature/ISTWCMS-5128-ebremner-theme-node-services' into '3.0.x'

ISTWCMS-5128: adding services theming

See merge request !120

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

@@ -4,6 +4,24 @@
   } %}
 {% endif %}
 
+{% if footer.service_information %}
+  {% include '@components/card/card-elements/_service-information.twig' with {
+    'info': footer.service_information
+  } %}
+{% endif %}
+
+{% if footer.service_details %}
+  {% include '@components/card/card-elements/_service-details.twig' with {
+    'service_details': footer.service_details
+  } %}
+{% endif %}
+
+{% if footer.service_hours %}
+  {% include '@components/card/card-elements/_service-hours.twig' with {
+    'hours': footer.service_hours
+  } %}
+{% endif %}
+
 {% if footer.contact_info %}
   {% include '@components/card/card-elements/_contact-info.twig' with {
     'contact_info': footer.contact_info

source/_patterns/04-components/card/card-elements/_service-details.twig

+<div class="card__service-details">
+  {% embed '@components/details/details.twig' with {
+    'is_open': TRUE
+  } %}
+    {% block details_summary %}
+      Service Details
+    {% endblock %}
+
+    {% block details_content %}
+      {% if service_details.popularity %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Popularity'
+        } %}
+        {{ service_details.popularity }}
+      {% endif %}
+
+      {% if service_details.use_service %}
+        {% include '@components/label/label.twig' with {
+          'label': 'What can use this service'
+        } %}
+        {% include "@components/tag-list/tag-list.twig" with {
+          items: service_details.use_service
+        } %}
+      {% endif %}
+
+      {% if service_details.whats_available %}
+        {% include '@components/label/label.twig' with {
+          'label': 'What\'s available'
+        } %}
+        {% for wa in service_details.whats_available %}
+          {{ wa }}<br />
+        {% endfor %}
+      {% endif %}
+
+      {% if service_details.request_service %}
+        {% include '@components/label/label.twig' with {
+          'label': 'How to request this service'
+        } %}
+        {{ service_details.request_service }}
+      {% endif %}
+
+      {% if service_details.minimum_notice %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Minimum notice to use this service'
+        } %}
+        {{ service_details.minimum_notice }}
+      {% endif %}
+
+      {% if service_details.average_length %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Average length of time to complete request'
+        } %}
+        {{ service_details.average_length }}
+      {% endif %}
+
+      {% if service_details.pricing_cost %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Pricing/Cost'
+        } %}
+        {{ service_details.pricing_cost }}
+      {% endif %}
+
+      {% if service_details.support %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Support for this service'
+        } %}
+        {{ service_details.support }}
+      {% endif %}
+
+    {% endblock %}
+  {% endembed %}
+</div>

source/_patterns/04-components/card/card-elements/_service-hours.twig

+<div class="card__service-details">
+  {% embed '@components/details/details.twig' with {
+    'is_open': TRUE
+  } %}
+    {% block details_summary %}
+      Service Hours
+    {% endblock %}
+
+    {% block details_content %}
+
+      {% if hours %}
+        {{ hours }}
+      {% endif %}
+
+    {% endblock %}
+  {% endembed %}
+</div>

source/_patterns/04-components/card/card-elements/_service-information.twig

+<div class="card__service-information">
+  {% embed '@components/details/details.twig' with {
+    'is_open': TRUE
+  } %}
+    {% block details_summary %}
+      Service Information
+    {% endblock %}
+
+    {% block details_content %}
+
+      {% if info.status %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Status'
+        } %}
+        {{ info.status }}
+      {% endif %}
+
+      {% if info.categories %}
+        {% include '@components/label/label.twig' with {
+          'label': 'Categories'
+        } %}
+        {% include "@components/tag-list/tag-list.twig" with {
+          items: info.categories
+        } %}
+      {% endif %}
+
+    {% endblock %}
+  {% endembed %}
+</div>

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

+<span class="uw-label">{{ label }}:</span>