core: 2fa support

packages/ui-default/templates/home_security.html

@@ -87,6 +87,23 @@
     </div>
   </div>
 </div>
+<div class="row nojs--hide">
+  <div class="columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title" id="tfa" data-heading>{{ _('Two Factor Authentication') }}</h1>
+        <div class="section__tools">
+          {% if handler.user.tfa %}
+            <button class="primary rounded button" name="tfa_enabled"><span class="icon icon-check"></span> {{ _('Enabled') }}</button>
+          {% else %}
+            <button class="primary rounded button" name="tfa_enable"><span class="icon icon-wrench"></span> {{ _('Enable') }}</button>
+          {% endif %}
+        </div>
+      </div>
+      <div class="section__body"></div>
+    </div>
+  </div>
+</div>
 <div class="row">
   <div class="columns">
     <div class="section">

packages/ui-default/templates/partials/login_dialog.html

@@ -27,6 +27,12 @@
             <input name="password" type="password">
           </label>
         </div></div>
+        <div class="row" style="display: none" id="tfa_div"><div class="columns">
+          <label class="material textbox">
+            {{ _('Two Factor Authentication Code') }}
+            <input name="tfa" type="number">
+          </label>
+        </div></div>
         <div class="row"><div class="columns">
           <label class="checkbox">
             <input type="checkbox" name="rememberme">{{ _('Remember me') }}

packages/ui-default/templates/user_login.html

@@ -17,6 +17,12 @@
           <input name="password" type="password">
         </label>
       </div></div>
+      <div class="row" style="display: none" id="tfa_div"><div class="columns">
+        <label class="inverse material textbox">
+          {{ _('Two Factor Authentication Code') }}
+          <input name="tfa" type="number">
+        </label>
+      </div></div>
       <div class="row"><div class="columns">
         <label class="inverse material checkbox">
           <input type="checkbox" name="rememberme">{{ _('Remember me') }}