Skip to content

Commit c333972

Browse files
authored
VACMS-18522 Education social right rail custom events removal (#2208)
1 parent fb52da3 commit c333972

File tree

1 file changed

+83
-114
lines changed

1 file changed

+83
-114
lines changed

src/site/components/merger-social-sco.html

+83-114
Original file line numberDiff line numberDiff line change
@@ -6,129 +6,98 @@
66
See https://help.shopify.com/themes/liquid/tags/theme-tags#include
77
{% endcomment %}
88

9-
<va-accordion bordered multi class="social">
9+
<va-accordion bordered multi class="social">
1010
{% for group in social %}
11-
<va-accordion-item level="3" open="true" bordered header="{{ group.heading }}">
12-
{% if group.url != empty %}
13-
<h4 class='va-nav-linkslist-list'>
14-
<va-link
15-
href="{{group.url}}"
16-
text="{{group.admin}}"
17-
></va-link>
18-
</h4>
19-
{% endif %}
20-
21-
{% if group.subsections.length > 0 %}
11+
<va-accordion-item level="3" open="true" bordered header="{{ group.heading }}">
12+
{% if group.url != empty %}
13+
<h4 class='va-nav-linkslist-list'>
14+
<va-link href="{{group.url}}" text="{{group.admin}}"></va-link>
15+
</h4>
16+
{% endif %}
2217

23-
{% assign navPath = group.heading %}
18+
{% if group.subsections.length > 0 %}
2419

25-
{% for subs in group.subsections %}
20+
{% assign navPath = group.heading %}
2621

27-
<section>
28-
{% if subs.subhead != empty %}
29-
<h4>{{ subs.subhead }}</h4>
30-
{% endif %}
31-
<ul class="va-nav-linkslist-list social">
32-
{% assign is_social_media_links = false %}
33-
{% if subs.subhead == 'Follow us' %}
34-
{% assign is_social_media_links = true %}
35-
{% endif %}
22+
{% for subs in group.subsections %}
3623

37-
{% assign is_call_us = false %}
38-
{% if subs.subhead == 'Call us' %}
39-
{% assign is_call_us = true %}
40-
{% endif %}
24+
<section>
25+
{% if subs.subhead != empty %}
26+
<h4>{{ subs.subhead }}</h4>
27+
{% endif %}
28+
<ul class="va-nav-linkslist-list social">
29+
{% assign is_social_media_links = false %}
30+
{% if subs.subhead == 'Follow us' %}
31+
{% assign is_social_media_links = true %}
32+
{% endif %}
4133

42-
{% for link in subs.links %}
43-
{% if link.url != empty %}
44-
{% if navPath == 'Connect with us' %}
45-
<li>
46-
{% elseif is_call_us %}
47-
<li class="vads-u-margin-bottom--2 vads-u-margin-top--0">
48-
{% else %}
49-
<li class="vads-u-margin-bottom--0 vads-u-margin-top--0">
50-
{% endif %}
34+
{% assign is_call_us = false %}
35+
{% if subs.subhead == 'Call us' %}
36+
{% assign is_call_us = true %}
37+
{% endif %}
5138

52-
{% if is_social_media_links %}
53-
{% if link.icon == "fa-twitter" %}
54-
<va-icon
55-
class="vads-u-color--link-default vads-u-margin-right--0p5"
56-
icon="x"
57-
size="3"
58-
/></va-icon>
59-
<va-link
60-
href="{{link.url}}"
61-
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
62-
text="{{ link.title }}"
63-
></va-link>
64-
{% elsif link.icon == "fa-youtube" %}
65-
<va-icon
66-
class="vads-u-color--link-default vads-u-margin-right--0p5"
67-
icon="youtube"
68-
size="3"
69-
/></va-icon>
70-
<va-link
71-
href="{{link.url}}"
72-
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
73-
text="{{ link.title }}"
74-
></va-link>
75-
{% else %}
76-
{% if link.icon == "fa-facebook" %}
77-
{% assign socialIcon = "facebook" %}
78-
{% elsif link.icon == "fa-instagram" %}
79-
{% assign socialIcon = "instagram" %}
80-
{% elsif link.icon == "fa-flickr" %}
81-
{% assign socialIcon = "flickr" %}
82-
{% endif %}
83-
<div>
84-
<va-icon
85-
class="vads-u-color--link-default vads-u-margin-right--0p5"
86-
icon="{{ socialIcon }}"
87-
size="3"
88-
/></va-icon>
89-
<va-link
90-
href="{{link.url}}"
91-
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
92-
text="{{ link.title }}"
93-
></va-link>
94-
</div>
95-
{% endif %}
96-
</li>
97-
{% else %}
98-
{% if link.label != empty %}
99-
{% assign linkLabel = link.label %}
100-
{% else %}
101-
{% assign linkLabel = link.title %}
102-
{% endif %}
39+
{% for link in subs.links %}
40+
{% if link.url != empty %}
41+
{% if navPath == 'Connect with us' %}
42+
<li>
43+
{% elseif is_call_us %}
44+
<li class="vads-u-margin-bottom--2 vads-u-margin-top--0">
45+
{% else %}
46+
<li class="vads-u-margin-bottom--0 vads-u-margin-top--0">
47+
{% endif %}
10348

104-
<va-link
105-
disable-analytics
106-
href="{{link.url}}"
107-
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
108-
text="{{ linkLabel }}"
109-
></va-link>
110-
{% if link.number %}
111-
<br />
112-
{{ link.number | processPhoneToVaTelephoneOrFallback }}
113-
{% endif %}
114-
</li>
115-
{% endif %}
116-
{% else %}
117-
{% if forloop.first == true %}
118-
<li class="vads-u-margin-top--0">
119-
{% else %}
120-
<li>
121-
{% endif %}
122-
{{link.title}}
123-
</li>
124-
{% endif %}
125-
{% endfor %}
126-
</ul>
127-
</section>
49+
{% if is_social_media_links %}
50+
{% if link.icon == "fa-twitter" %}
51+
<va-icon class="vads-u-color--link-default vads-u-margin-right--0p5" icon="x" size="3"></va-icon>
52+
<va-link href="{{link.url}}" text="{{ link.title }}" />
53+
{% elsif link.icon == "fa-youtube" %}
54+
<va-icon class="vads-u-color--link-default vads-u-margin-right--0p5" icon="youtube" size="3"></va-icon>
55+
<va-link href="{{link.url}}" text="{{ link.title }}" />
56+
{% else %}
57+
{% if link.icon == "fa-facebook" %}
58+
{% assign socialIcon = "facebook" %}
59+
{% elsif link.icon == "fa-instagram" %}
60+
{% assign socialIcon = "instagram" %}
61+
{% elsif link.icon == "fa-flickr" %}
62+
{% assign socialIcon = "flickr" %}
63+
{% endif %}
64+
<div>
65+
<va-icon class="vads-u-color--link-default vads-u-margin-right--0p5" icon="{{ socialIcon }}"
66+
size="3" /></va-icon>
67+
<va-link href="{{link.url}}" text="{{ link.title }}"></va-link>
68+
</div>
69+
{% endif %}
70+
</li>
71+
{% else %}
72+
{% if link.label != empty %}
73+
{% assign linkLabel = link.label %}
74+
{% else %}
75+
{% assign linkLabel = link.title %}
76+
{% endif %}
12877

78+
<va-link href="{{link.url}}" text="{{ linkLabel }}"></va-link>
79+
{% if link.number %}
80+
<br />
81+
{{ link.number | processPhoneToVaTelephoneOrFallback }}
82+
{% endif %}
83+
</li>
84+
{% endif %}
85+
{% else %}
86+
{% if forloop.first == true %}
87+
<li class="vads-u-margin-top--0">
88+
{% else %}
89+
<li>
90+
{% endif %}
91+
{{link.title}}
92+
</li>
93+
{% endif %}
12994
{% endfor %}
95+
</ul>
96+
</section>
13097

131-
{% endif %}
132-
</va-accordion-item>
13398
{% endfor %}
134-
</va-accordion>
99+
100+
{% endif %}
101+
</va-accordion-item>
102+
{% endfor %}
103+
</va-accordion>

0 commit comments

Comments
 (0)