Add support for International Exceptions

Part of Issue 2factorauth#241
JackMc · May 16, 2014 · 3a327e5 · 3a327e5
1 parent dd530de
commit 3a327e5
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 4 deletions.
diff --git a/_includes/international.html b/_includes/international.html
@@ -0,0 +1,19 @@
+{% if site.data.international[include.id] %}
+    {% assign i = site.data.international[include.id] %}
+
+{% capture html %}
+<div class='header'>
+    International
+</div>
+<div class='content'>
+    SMS: {{ i.sms }}
+</div>
+{% endcapture %}
+
+        <span class="popup international"
+                data-position="bottom center"
+                data-variation="inverted"
+                data-html="{{ html | strip_newlines }}">
+                <i class="warning red link icon"></i>
+        </span>
+{% endif %}
diff --git a/css/base.css b/css/base.css
@@ -57,10 +57,7 @@ td i.icon{
   margin: 0em 0em 0em 0em;
 }
 
-td span.progress {
-    float: right;
-}
-
+td span.progress,
 td span.international {
     float: right;
 }

diff --git a/index.html b/index.html
@@ -100,6 +100,7 @@ <h2>Two Factor Auth (2FA)</h2>
                                                 <img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}">
                                             {% endif %}
                                                 <a href="{{ website.url }}">{{ website.name }}</a>
+                                                {% include international.html id=website.id %}
                                             </td>
 
                                             <td class="positive icon">

diff --git a/js/app.js b/js/app.js
@@ -1,3 +1,4 @@
 (function (root, $) {
     $('.menu .dropdown').dropdown();
+    $('span.popup.international').popup({on: 'click'});
 }(window, jQuery));