Add a UI element for OTP in the User Settings form

Author: helmo

interface/web/login/index.php

@@ -281,7 +281,7 @@
 						} else {
 
 							//* Do 2FA authentication
-							if($user['otp_enabled'] != 'n') {
+							if(!empty($user['otp_type']) && $user['otp_type'] != 'none') {
 
 								//* Save session in pending state and destroy original session
 								$_SESSION['s_pending'] = $_SESSION['s'];

interface/web/tools/form/user_settings.tform.php

@@ -119,6 +119,10 @@
 	}
 }
 
+$otp_method_list = array(
+	'none' => 'none',
+	'email' => 'email',
+);
 //* Load themes
 $themes_list = array();
 $handle = @opendir(ISPC_THEMES_PATH);
@@ -163,6 +167,25 @@
 			'rows'  => '',
 			'cols'  => ''
 		),
+		'otp_type' => array(
+			'datatype' => 'VARCHAR',
+			'formtype' => 'SELECT',
+			'validators' => array (  0 => array (    'type' => 'NOTEMPTY',
+			'errmsg'=> 'oth_auth_empty'),
+			1 => array (    'type' => 'REGEX',
+			'regex' => '/^[a-z0-9\_]{0,64}$/',
+			'errmsg'=> 'otp_auth_regex'),
+			),
+			'regex'  => '',
+			'errmsg' => '',
+			'default' => '',
+			'value'  => $otp_method_list,
+			'separator' => '',
+			'width'  => '30',
+			'maxlength' => '255',
+			'rows'  => '',
+			'cols'  => ''
+		),
 		'language' => array (
 			'datatype' => 'VARCHAR',
 			'formtype' => 'SELECT',

interface/web/tools/lib/lang/en_usersettings.lng

@@ -16,4 +16,5 @@ $wb['startmodule_empty'] = 'Startmodule empty.';
 $wb['startmodule_regex'] = 'Invalid chars in Startmodule.';
 $wb['app_theme_empty'] = 'App theme empty.';
 $wb['app_theme_regex'] = 'Invalid chars in App theme.';
+$wb['otp_auth_txt'] = '2-Factor Authentication';
 ?>

interface/web/tools/templates/user_settings.htm

@@ -26,6 +26,14 @@
     <div id="confirmpasswordOK" style="display:none;" class="confirmpasswordok">{tmpl_var name='password_match_txt'}</div>
   </div>
 </div>
+<div class="form-group">
+  <label for="2fa" class="col-sm-3 control-label">{tmpl_var name='otp_auth_txt'}</label>
+  <div class="col-sm-9">
+    <select name="otp_type" id="otp_type" class="form-control">
+      {tmpl_var name='otp_type'}
+    </select>
+  </div>
+</div>
 <div class="form-group">
   <label for="language" class="col-sm-3 control-label">{tmpl_var name='language_txt'}</label>
   <div class="col-sm-9"><select name="language" id="language" class="form-control flags">