Skip to content

Commit

Permalink
VACMS-18522 Education social right rail custom events removal (#2208)
Browse files Browse the repository at this point in the history
  • Loading branch information
@randimays
randimays authored Jul 29, 2024
1 parent fb52da3 commit c333972
Showing 1 changed file with 83 additions and 114 deletions.
197 changes: 83 additions & 114 deletions src/site/components/merger-social-sco.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,129 +6,98 @@
See https://help.shopify.com/themes/liquid/tags/theme-tags#include
{% endcomment %}

<va-accordion bordered multi class="social">
<va-accordion bordered multi class="social">
{% for group in social %}
<va-accordion-item level="3" open="true" bordered header="{{ group.heading }}">
{% if group.url != empty %}
<h4 class='va-nav-linkslist-list'>
<va-link
href="{{group.url}}"
text="{{group.admin}}"
></va-link>
</h4>
{% endif %}

{% if group.subsections.length > 0 %}
<va-accordion-item level="3" open="true" bordered header="{{ group.heading }}">
{% if group.url != empty %}
<h4 class='va-nav-linkslist-list'>
<va-link href="{{group.url}}" text="{{group.admin}}"></va-link>
</h4>
{% endif %}

{% assign navPath = group.heading %}
{% if group.subsections.length > 0 %}

{% for subs in group.subsections %}
{% assign navPath = group.heading %}

<section>
{% if subs.subhead != empty %}
<h4>{{ subs.subhead }}</h4>
{% endif %}
<ul class="va-nav-linkslist-list social">
{% assign is_social_media_links = false %}
{% if subs.subhead == 'Follow us' %}
{% assign is_social_media_links = true %}
{% endif %}
{% for subs in group.subsections %}

{% assign is_call_us = false %}
{% if subs.subhead == 'Call us' %}
{% assign is_call_us = true %}
{% endif %}
<section>
{% if subs.subhead != empty %}
<h4>{{ subs.subhead }}</h4>
{% endif %}
<ul class="va-nav-linkslist-list social">
{% assign is_social_media_links = false %}
{% if subs.subhead == 'Follow us' %}
{% assign is_social_media_links = true %}
{% endif %}

{% for link in subs.links %}
{% if link.url != empty %}
{% if navPath == 'Connect with us' %}
<li>
{% elseif is_call_us %}
<li class="vads-u-margin-bottom--2 vads-u-margin-top--0">
{% else %}
<li class="vads-u-margin-bottom--0 vads-u-margin-top--0">
{% endif %}
{% assign is_call_us = false %}
{% if subs.subhead == 'Call us' %}
{% assign is_call_us = true %}
{% endif %}

{% if is_social_media_links %}
{% if link.icon == "fa-twitter" %}
<va-icon
class="vads-u-color--link-default vads-u-margin-right--0p5"
icon="x"
size="3"
/></va-icon>
<va-link
href="{{link.url}}"
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
text="{{ link.title }}"
></va-link>
{% elsif link.icon == "fa-youtube" %}
<va-icon
class="vads-u-color--link-default vads-u-margin-right--0p5"
icon="youtube"
size="3"
/></va-icon>
<va-link
href="{{link.url}}"
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
text="{{ link.title }}"
></va-link>
{% else %}
{% if link.icon == "fa-facebook" %}
{% assign socialIcon = "facebook" %}
{% elsif link.icon == "fa-instagram" %}
{% assign socialIcon = "instagram" %}
{% elsif link.icon == "fa-flickr" %}
{% assign socialIcon = "flickr" %}
{% endif %}
<div>
<va-icon
class="vads-u-color--link-default vads-u-margin-right--0p5"
icon="{{ socialIcon }}"
size="3"
/></va-icon>
<va-link
href="{{link.url}}"
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
text="{{ link.title }}"
></va-link>
</div>
{% endif %}
</li>
{% else %}
{% if link.label != empty %}
{% assign linkLabel = link.label %}
{% else %}
{% assign linkLabel = link.title %}
{% endif %}
{% for link in subs.links %}
{% if link.url != empty %}
{% if navPath == 'Connect with us' %}
<li>
{% elseif is_call_us %}
<li class="vads-u-margin-bottom--2 vads-u-margin-top--0">
{% else %}
<li class="vads-u-margin-bottom--0 vads-u-margin-top--0">
{% endif %}

<va-link
disable-analytics
href="{{link.url}}"
onclick="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' });"
text="{{ linkLabel }}"
></va-link>
{% if link.number %}
<br />
{{ link.number | processPhoneToVaTelephoneOrFallback }}
{% endif %}
</li>
{% endif %}
{% else %}
{% if forloop.first == true %}
<li class="vads-u-margin-top--0">
{% else %}
<li>
{% endif %}
{{link.title}}
</li>
{% endif %}
{% endfor %}
</ul>
</section>
{% if is_social_media_links %}
{% if link.icon == "fa-twitter" %}
<va-icon class="vads-u-color--link-default vads-u-margin-right--0p5" icon="x" size="3"></va-icon>
<va-link href="{{link.url}}" text="{{ link.title }}" />
{% elsif link.icon == "fa-youtube" %}
<va-icon class="vads-u-color--link-default vads-u-margin-right--0p5" icon="youtube" size="3"></va-icon>
<va-link href="{{link.url}}" text="{{ link.title }}" />
{% else %}
{% if link.icon == "fa-facebook" %}
{% assign socialIcon = "facebook" %}
{% elsif link.icon == "fa-instagram" %}
{% assign socialIcon = "instagram" %}
{% elsif link.icon == "fa-flickr" %}
{% assign socialIcon = "flickr" %}
{% endif %}
<div>
<va-icon class="vads-u-color--link-default vads-u-margin-right--0p5" icon="{{ socialIcon }}"
size="3" /></va-icon>
<va-link href="{{link.url}}" text="{{ link.title }}"></va-link>
</div>
{% endif %}
</li>
{% else %}
{% if link.label != empty %}
{% assign linkLabel = link.label %}
{% else %}
{% assign linkLabel = link.title %}
{% endif %}

<va-link href="{{link.url}}" text="{{ linkLabel }}"></va-link>
{% if link.number %}
<br />
{{ link.number | processPhoneToVaTelephoneOrFallback }}
{% endif %}
</li>
{% endif %}
{% else %}
{% if forloop.first == true %}
<li class="vads-u-margin-top--0">
{% else %}
<li>
{% endif %}
{{link.title}}
</li>
{% endif %}
{% endfor %}
</ul>
</section>

{% endif %}
</va-accordion-item>
{% endfor %}
</va-accordion>

{% endif %}
</va-accordion-item>
{% endfor %}
</va-accordion>

0 comments on commit c333972

Please sign in to comment.