Skip to content

Commit

Permalink
Ensure tables are displayed directly under labels
Browse files Browse the repository at this point in the history
  • Loading branch information
fpigerre committed Jan 13, 2016
1 parent 400297c commit e908cfc
Show file tree
Hide file tree
Showing 6 changed files with 286 additions and 249 deletions.
112 changes: 112 additions & 0 deletions _includes/desktop-table.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
{% assign section = include.variable-param %}
{% assign section_file = site.data[section.id] %}
<div class="website-table desktop-table {{ section.id }}-table" id="{{ section.id }}-desktoptable" style="display:none">
<table class="ui celled table content-wrapper">
<thead>
<tr>
<th class="single line"><h3>{{ section.title }}</h3></th>
<th>Docs</th>
<th>SMS</th>
<th>Phone Call</th>
<th>Email</th>
<th>Hardware Token</th>
<th>Software Token</th>
</tr>
</thead>
<tbody class="jets-content">
{% for website in section_file.websites %}
<tr class="desktop-tr">
{% if website.status %}
<td class="main progress">
{% if website.img %}
<noscript><img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}"></noscript>
<img src="/img/placeholder.png" data-src="/img/{{ section.id }}/{{ website.img }}" class="icon"
alt="{{ website.name }}">
{% endif %}
<a href="{{ website.url }}">{{ website.name }}</a>
<span class="progress">
<a class="ui mini orange button" href="{{website.status}}" target="_blank">
<i class="star icon"></i> In Progress!
</a>
</span>
</td>
<td class="twitter progress" colspan="6">
<a class="ui twitter mini button"
href="https://twitter.com/share?url={{site.url|cgi_escape}}&amp;text={{page.tweet_progress|replace:'TWITTERHANDLE',website.twitter|cgi_escape}}&amp;hashtags={{page.hash|cgi_escape}}"
target="_blank"><i class="twitter icon"></i> {{page.link_progress}}</a>
</td>
{% elsif website.tfa %}
<td class="main positive">
{% if website.img %}
<noscript><img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}"></noscript>
<img src="/img/placeholder.png" data-src="/img/{{ section.id }}/{{ website.img }}" class="icon"
alt="{{ website.name }}">
{% endif %}
<a href="{{ website.url }}">{{ website.name }}</a>
{% include exception.html website=website %}
</td>

<td class="positive icon">
{% if website.doc %}
<a href="{{ website.doc }}"><i class="external url link large icon"></i></a>
{% endif %}
</td>

<td class="positive icon">
{% if website.sms %}
<i class="checkmark large icon"></i>
{% endif %}
</td>

<td class="positive icon">
{% if website.phone %}
<i class="checkmark large icon"></i>
{% endif %}
</td>

<td class="positive icon">
{% if website.email %}
<i class="checkmark large icon"></i>
{% endif %}
</td>

<td class="positive icon">
{% if website.hardware %}
<i class="checkmark large icon"></i>
{% endif %}
</td>

<td class="positive icon">
{% if website.software %}
<i class="checkmark large icon"></i>
{% endif %}
</td>
{% else %}
<td class="main negative">
{% if website.img %}
<noscript><img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}"></noscript>
<img src="/img/placeholder.png" data-src="/img/{{ section.id }}/{{ website.img }}" class="icon"
alt="{{ website.name }}">
{% endif %}
<a href="{{ website.url }}">{{ website.name }}</a>
</td>
{% if website.twitter %}
<td class="twitter negative" colspan="6">
<a class="ui twitter mini button"
href="https://twitter.com/share?url={{site.url|cgi_escape}}&amp;text={{page.tweet|replace:'TWITTERHANDLE',website.twitter|cgi_escape}}&amp;hashtags={{page.hash|cgi_escape}}"
target="_blank"><i class="twitter icon"></i> {{page.link}}</a>
</td>
{% else %}
<td class="negative icon"><i class="remove large icon"></i></td>
<td class="negative icon"><i class="remove large icon"></i></td>
<td class="negative icon"><i class="remove large icon"></i></td>
<td class="negative icon"><i class="remove large icon"></i></td>
<td class="negative icon"><i class="remove large icon"></i></td>
<td class="negative icon"><i class="remove large icon"></i></td>
{% endif %}
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
89 changes: 89 additions & 0 deletions _includes/mobile-table.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
{% assign section = include.variable-param %}
{% assign section_file = site.data[section.id] %}
<div class="website-table mobile-table {{ section.id }}-table" id="{{ section.id }}-mobiletable" style="display:none">
<div class="jets-content">
{% for website in section_file.websites %}
{% if website.status %}
<div class="main progress">
<div class="left">
{% if website.img %}
<noscript><img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}"></noscript>
<img src="/img/placeholder.png" data-src="/img/{{ section.id }}/{{ website.img }}" class="icon"
alt="{{ website.name }}">
{% endif %}
<a href="{{ website.url }}" class="name">{{ website.name }}</a>
{% include exception.html website=website %}
<p>IN PROGRESS!</p>

<a href="{{ website.status }}" target="_blank">
<i class="external url link large icon"></i> Current Status
</a>
</div>
<div class="right">
<a class="ui twitter mini button"
href="https://twitter.com/share?url={{site.url|cgi_escape}}&amp;text={{page.tweet_progress|replace:'TWITTERHANDLE',website.twitter|cgi_escape}}&amp;hashtags={{page.hash|cgi_escape}}"
target="_blank"><i class="twitter icon"></i> {{page.link_progress_mobile}}</a>
</div>
</div>
{% elsif website.tfa %}
<div class="main positive">
<div class="left">
{% if website.img %}
<noscript><img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}"></noscript>
<img src="/img/placeholder.png" data-src="/img/{{ section.id }}/{{ website.img }}" class="icon"
alt="{{ website.name }}">
{% endif %}
<a href="{{ website.url }}" class="name">{{ website.name }}</a>
{% include exception.html website=website %}
<br>

{% if website.sms %}
<p>SMS is supported!</p>
{% endif %}

{% if website.phone %}
<p>Phone is supported!</p>
{% endif %}

{% if website.email %}
<p>Email is supported!</p>
{% endif %}

{% if website.hardware %}
<p>Hardware is supported!</p>
{% endif %}

{% if website.software %}
<p>Software is supported!</p>
{% endif %}
</div>
{% if website.doc %}
<div class="right">
<a href="{{ website.doc }}" class="ui twitter mini button"><i class="large book icon"></i> DOCS</a>
</div>
{% endif %}
</div>
{% else %}
<div class="main negative">
<div class="left">
{% if website.img %}
<noscript><img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}"></noscript>
<img src="/img/placeholder.png" data-src="/img/{{ section.id }}/{{ website.img }}" class="icon"
alt="{{ website.name }}">
{% endif %}
<a href="{{ website.url }}" class="name">{{ website.name }}</a>

<p>NO 2FA</p>
</div>
{% if website.twitter %}
<div class="right">
<a class="ui twitter mini button"
href="https://twitter.com/share?url={{site.url|cgi_escape}}&amp;text={{page.tweet|replace:'TWITTERHANDLE',website.twitter|cgi_escape}}&amp;hashtags={{page.hash|cgi_escape}}"
target="_blank"><i class="twitter icon"></i> {{page.link_mobile}}</a>
</div>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
Loading

0 comments on commit e908cfc

Please sign in to comment.