From 00d752927b40da5afbd761ef05db58f1d5be4897 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Tue, 15 Jun 2021 11:51:30 -0400
Subject: [PATCH] ISTWCMS-4704: adding view modifier for contacts

---
 .../view/view--contact/view--contact.js       | 27 ++++++++++++++
 .../view/view--contact/view--contact.twig     | 36 +++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 source/_patterns/04-components/view/view--contact/view--contact.js
 create mode 100644 source/_patterns/04-components/view/view--contact/view--contact.twig

diff --git a/source/_patterns/04-components/view/view--contact/view--contact.js b/source/_patterns/04-components/view/view--contact/view--contact.js
new file mode 100644
index 00000000..704946a7
--- /dev/null
+++ b/source/_patterns/04-components/view/view--contact/view--contact.js
@@ -0,0 +1,27 @@
+/**
+ * @file
+ */
+
+(function ($, Drupal) {
+  Drupal.behaviors.viewcontact = {
+    attach: function (context, settings) {
+      $(document).ready(function () {
+
+        $('.uw-contact-expand-all').click(function() {
+          $('.uw-contact details').each(function() {
+            console.log($(this));
+            $(this).attr("open", "");
+          });
+        });
+
+        $('.uw-contact-collapse-all').click(function() {
+          $('.uw-contact details').each(function() {
+            console.log($(this));
+            $(this).removeAttr("open");
+          });
+        });
+
+      });
+    }
+  };
+})(jQuery, Drupal);
diff --git a/source/_patterns/04-components/view/view--contact/view--contact.twig b/source/_patterns/04-components/view/view--contact/view--contact.twig
new file mode 100644
index 00000000..3c737120
--- /dev/null
+++ b/source/_patterns/04-components/view/view--contact/view--contact.twig
@@ -0,0 +1,36 @@
+{% set content_list = {
+  '0': {
+    'text': 'Expand all',
+    'button_class': 'uw-contact-expand-all',
+  },
+  '1': {
+    'text': 'Collapse all',
+    'button_class': 'uw-contact-collapse-all',
+  }
+} %}
+
+{% include '@components/tabs/tabs--buttons/tabs--buttons.twig' with {
+  content_list: content_list,
+  tabs_modifier_class: 'uw-contact',
+  modifier_classes: 'uw-contact-button',
+} %}
+
+{% include '@components/view/views-view/views-view.twig' with {
+  attributes: attributes,
+  css_name: css_name,
+  css_class: css_class,
+  header: header,
+  footer: footer,
+  rows: rows,
+  empty: empty,
+  pager: pager,
+  exposed: exposed,
+  feed_icons: feed_icons,
+  more: more,
+  title: title,
+  title_prefix: title_prefix,
+  title_suffix: title_suffix,
+  attachment_before: attachment_before,
+  attachment_after: attachment_after,
+  dom_id: dom_id,
+} %}
-- 
GitLab