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