Bitcoin.org/_includes/layout/base/wallets-menu-mobile.html
2018-05-27 07:54:44 -06:00

68 lines
3.1 KiB
HTML

{% comment %}
This file is licensed under the MIT License (MIT) available on
http://opensource.org/licenses/MIT.
{% endcomment %}
<div class="walletmenu-mobile" hidden>
{% assign platformsByPlatform = site.platforms | group_by: "platform" %}
<div class="accordion accordion-platform">
{% if page.id == "choose-your-wallet" %}
{% assign platformClass = "is-expanded" %}
{% endif %}
<div class="accordion-tab accordion-tab-1 js-tab {{platformClass}}">
<p class="accordion-label">Select Wallet Type</p>
<p class="selected-item selected-platform"></p>
</div>
<div class="accordion-content platform-accordion-content">
{% for platform in platformsByPlatform %}
{% capture platformName %}{{ platform.name | split: "=>" | last | split: '"' }}{% endcapture %}
{% assign platformName = platformName | trim | replace: '}' '' | replace: ' ' '' %}
{% assign platformClass = "wallet-" | append: platformName %}
{% assign ulClass = "" %}
{% if page.id contains platformName %}
{% assign platformClass = platformClass | append: " active" %}
{% assign ulClass = " active" %}
{% endif %}
<div class="accordion-item {{ platformClass }}">
{% if platformName == 'hardware' or platformName == 'web' %} {% assign platformHref = "/" | append: page.lang | append: "/wallets/" | append: platformName | append: "/" %}
<a class="accordion-link {{platformName}}-link" href="{{ platformHref }}">{% translate walletcat{{platformName}} choose-your-wallet %}</a>
{% else %}
<a class="accordion-link js-platform wallet-platform-link {{platformName}}-link" data-platform-name="{{platformName}}">{% translate walletcat{{platformName}} choose-your-wallet %}</a>
{% endif %}
</div>
{% endfor %}
</div>
</div>
{% for platform in platformsByPlatform %}
{% capture platformName %}{{ platform.name | split: "=>" | last | split: '"' }}{% endcapture %}
{% assign platformName = platformName | trim | replace: '}' '' | replace: ' ' '' %}
{% if platform.items.size > 1 %}
<div class="accordion accordion-os accordion-{{platformName}}" data-os="{{platformName}}" hidden>
<div class="accordion-tab accordion-tab-2 js-tab">
<p class="accordion-label">Select Operating System</p>
<p class="selected-item selected-os"></p>
</div>
<div class="accordion-content">
{% for item in platform.items %}
{% assign osClass = "wallet-" | append: item.os.name %}
{% if page.id contains item.id %}
{% assign osClass = osClass | append: " active" %}
{% endif %}
<div class="accordion-item {{osClass}}">
<a class="accordion-link link-{{osClass}}" href="/{{ page.lang }}/wallets/{{ platformName }}/{{ item.os.name }}/">
{% translate platform{{item.os.name}} choose-your-wallet %}
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endfor %}
</div>