mirror of
https://github.com/seigler/dash-website
synced 2025-07-26 23:06:09 +00:00
f71fc75876
-- adds accessibility tags wallet tabs & panels -- adds conditional modal treatment for "dash-core" vendor_id's -- activates modal buttons -- presentation / style cleanup on modals (incomplete) -- wallet modal action buttons are now the first "link"
82 lines
3.9 KiB
HTML
82 lines
3.9 KiB
HTML
<!-- Modal -->
|
|
{% for wallet in vendor-group.items %}
|
|
<div id="{{wallet.os}}-{{wallet.vendor_id}}-{{wallet.type_id}}-{{wallet.product_id}}-modal"
|
|
|
|
{% if wallet.vendor_id == 'dash_core' %}
|
|
class="modal fade wallet-modal-container dash-core"
|
|
{% else %}
|
|
class="modal fade wallet-modal-container"
|
|
{% endif %}
|
|
role="dialog" tabindex="-1">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content b-modal__content">
|
|
<div class="modal-header">
|
|
<span class="close b-modal__close pull-right" data-dismiss="modal" aria-hidden="true"></span>
|
|
<h1 class="modal-title b-modal__title">{{ wallet.product_label }} for Dash</h1>
|
|
</div>
|
|
<div class="modal-body b-modal__body">
|
|
<div class="row">
|
|
<div class="col-md-4 col-md-push-8 col-xs-12 text-left b-modal__sidebar">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="b-modal__accent bottom-space">
|
|
<h5>{% t pages.wallets.modal-core-users-text %}</h5>
|
|
<p class="bottom-space">{% t pages.wallets.modal-core-users-value %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="b-modal__accent bottom-space">
|
|
<h5>{% t pages.wallets.modal-core-masternode-text %}</h5>
|
|
<p class="bottom-space">{% t pages.wallets.modal-core-masternode-value %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="b-modal__accent bottom-space">
|
|
<h5>{% t pages.wallets.modal-core-pool-text %}</h5>
|
|
<p class="bottom-space">{% t pages.wallets.modal-core-pool-value %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-8 col-md-pull-4 col-xs-12">
|
|
<div>
|
|
<p class="bottom-space b-modal__descr">{{wallet.description}}</p>
|
|
|
|
<h5 class="bottom-space">
|
|
<span class="b-modal__accent">
|
|
{% t pages.wallets.modal-security-label %}:
|
|
</span>
|
|
<a href="{{wallet.product_security_url}}" target="_blank">{{wallet.product_security_label}}</a>
|
|
</h5>
|
|
|
|
|
|
<h5 class="bottom-space">
|
|
<span class="b-modal__accent">
|
|
{% t pages.wallets.modal-source-code-label %}:
|
|
</span>
|
|
<a href="{{wallet.product_source_url}}" target="_blank">{{wallet.product_source_label}}</a>
|
|
</h5>
|
|
|
|
<h5 class="bottom-space b-modal__accent">
|
|
<span>
|
|
{% t pages.wallets.modal-website-label %}:
|
|
</span>
|
|
<a href="{{wallet.product_website_url}}" target="_blank">{{wallet.product_website_label}}</a>
|
|
</h5>
|
|
</div>
|
|
<div>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal" aria-label="{{wallet.links[0].label}}" data-url="{{wallet.links[0].url}}" ><span
|
|
aria-hidden="true">{{wallet.links[0].label}}: {{wallet.name}}</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|