additions to auth tab

src/components/settings_modal/admin_tabs/auth_tab.vue

@@ -1,6 +1,32 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
     <div class="setting-item">
+      <h3>{{ $t('admin_dash.auth.MFA') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.auth.TOTP') }}</h4>
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:totp.:digits" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:totp.:period" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.auth.backup_codes') }}</h4>
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:backup_codes.:number" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:backup_codes.:length" />
+            </li>
+          </ul>
+        </li>
+        <GroupSetting path=":pleroma.:instance.:multi_factor_authentication" />
+      </ul>
       <h3>{{ $t('admin_dash.auth.OAuth') }}</h3>
       <ul class="setting-list">
         <li>
@@ -64,6 +90,7 @@
         </template>
       </ul>
     </div>
+    <!-- CONFIRM admin token is present in AdminFE but missing in both data and descriptions?? -->
   </div>
 </template>
 

src/i18n/en.json

@@ -1164,7 +1164,9 @@
     },
     "auth": {
       "LDAP": "LDAP Settings",
-      "OAuth": "Oauth2 settings"
+      "OAuth": "Oauth2 settings",
+      "TOTP": "One-time Passwords (TOTP)",
+      "backup_codes": "Backup codes"
     },
     "job_queues": {
       "Oban": "Oban queues",