joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

WIP - wallet page updates; adds wallet product modals, improves wallet-collection data;

Browse source
This commit is contained in:
Chuck Williams 2017-01-17 01:13:38 -07:00
parent ca201703b5
commit 5d3388abf2
12 changed files with 351 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

54
_includes/modals/vendor-group-download-collection.html Normal file
View file

@ -0,0 +1,54 @@
<!-- Modal -->
{% for wallet in vendor-group.items %}
<div id="{{wallet.os}}-{{wallet.vendor_id}}-{{wallet.type_id}}-{{wallet.product_id}}-modal"
class="modal fade wallet-modal-container" role="dialog" tabindex="-1">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<h1 class="modal-title">{{ wallet.product_label }} for Dash</h1>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-7 col-md-push-5 col-xs-12 text-right">
<img src="http://lorempixel.com/400/400/sports/{{wallet.product_label}}"/>
</div>
<div class="col-md-5 col-md-pull-7 col-xs-12">
<div>
<p class="bottom-space">{{wallet.description}}</p>
<h5 class="bottom-space">
<span>
{% t pages.wallets.modal-security-label %}: &nbsp;
</span>
<a href="{{wallet.product_security_url}}" target="_blank">{{wallet.product_security_label}}</a>
</h5>
<h5 class="bottom-space">
<span>
{% t pages.wallets.modal-source-code-label %}: &nbsp;
</span>
<a href="{{wallet.product_source_url}}" target="_blank">{{wallet.product_source_label}}</a>
</h5>
<h5 class="bottom-space">
<span>
{% t pages.wallets.modal-website-label %}: &nbsp;
</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="Download {{wallet.product_label}}"><span
aria-hidden="true">Download {{wallet.product_label}}</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}

7
_includes/wallet-tile-group-container.html Normal file
View file

@ -0,0 +1,7 @@
<div id="{{wallet-group.name}}" class="tab-pane fade in out {% if forloop.first == true %}active{% endif %}">
<div class="row">
{% for wallet in wallet-group.items %}
{% include wallet-tile.html %}
{% endfor %}
</div>
</div>

38
_includes/wallet-tile.html
View file

@ -1,28 +1,22 @@
<div id="{{wallet-os.name}}" class="tab-pane fade in out {% if forloop.first == true %}active{% endif %}">
<div class="row">
{% for wallet in wallet-os.items %}
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="wallet-tile" data-toggle="modal" data-target="#winDashCore">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="wallet-tile" data-toggle="modal" data-target="#{{wallet.os}}-{{wallet.vendor_id}}-{{wallet.type_id}}-{{wallet.product_id}}-modal">
<div class="thumbnail">
<div class="logo-container">
<img src="{{ wallet.logo_url }}"/>
</div>
<div class="caption">
<h4>{{ wallet.name }}</h4>
<div class="fine-print">
{{ wallet.description }}
<div class="logo-container">
<img src="{{ wallet.logo_url }}"/>
</div>
</div>
<div class="wallet-links-container">
{% for link in wallet.links %}
<div class="link">
<a href="{{link.url}}" target="_blank">{{ link.label}} </a>
<div class="caption">
<h4>{{ wallet.name }}</h4>
<div class="fine-print">
{{ wallet.description }}
</div>
</div>
<div class="wallet-links-container">
{% for link in wallet.links %}
<div class="link">
<a href="{{link.url}}" target="_blank">{{ link.label}} </a>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>