Add JS back to advanced form

functions.php

@@ -1113,8 +1113,9 @@ function buildSettings($array) {
 					<div class="row">
 						<div class="col-lg-12">
 							<form class="content-form" name="'.$pageID.'" id="'.$pageID.'_form" onsubmit="return false;">
-								<input type="hidden" name="action" value="'.$pageID.'" />
-								'.$fields.'
+								<div style="position: relative; left: 2.5%; width: 95%;">
+									'.$fields.'
+								</div>
 								<div class="tabbable tabs-with-bg" id="'.$pageID.'_tabs">
 									<ul class="nav nav-tabs apps">
 										'.implode('', $tabSelectors).'
@@ -1150,6 +1151,7 @@ function buildSettings($array) {
 				}, \'json\');
 				return false;
 			});
+			'.(isset($array['onready'])?$array['onready']:'').'
 		});
 	</script>
 	';
@@ -1186,10 +1188,11 @@ function buildField($params) {
 	$label = (isset($params['labelTranslate'])?translate($params['labelTranslate']):(isset($params['label'])?$params['label']:''));
 	
 	switch ($params['type']) {
-		case 'input':
 		case 'text':
+		case 'number':
+		case 'password':
 			$field = '
-			<input id="'.$id.'" name="'.$name.'" type="text" class="form-control material input-sm'.$class.'" '.implode(' ',$tags).' autocorrect="off" autocapitalize="off" value="'.$val.'">
+			<input id="'.$id.'" name="'.$name.'" type="'.$params['type'].'" class="form-control material input-sm'.$class.'" '.implode(' ',$tags).' autocorrect="off" autocapitalize="off" value="'.$val.'">
 			';
 			break;
 		case 'select':
@@ -1206,22 +1209,17 @@ function buildField($params) {
 			<input id="'.$id.'_disabled" name="'.$name.'" type="hidden" class="switcher switcher-success" value="false">
 			<input id="'.$id.'" name="'.$name.'" type="checkbox" class="switcher switcher-success'.$class.'" '.implode(' ',$tags).' value="'.$val.'"'.$checked.'><label for="'.$id.'"></label>'.$label.'
 			';
-			break;
 		case 'date':
 			$field = '
 			
 			';
 			break;
-		case 'number':
-			$field = '
-			<input id="'.$id.'" name="'.$name.'" type="number" class="form-control material input-sm'.$class.'" '.implode(' ',$tags).' autocorrect="off" autocapitalize="off" value="'.$val.'">
-			';
-			break;
-		case 'password':
-			$field = '
-			<input id="'.$id.'" name="'.$name.'" type="password" class="form-control material input-sm'.$class.'" '.implode(' ',$tags).' autocorrect="off" autocapitalize="off" value="'.$val.'">
-			';
-			break;
+		case 'hidden':
+			return '<input id="'.$id.'" name="'.$name.'" type="hidden" class="'.$class.'" '.implode(' ',$tags).' value="'.$val.'">';
+		case 'header':
+			return '<h3 class="'.$class.'" '.implode(' ',$tags).'>'.$val.'</h3>';
+		case 'button':
+			return '<button id="'.$id.'" type="button" class="btn waves btn-labeled btn-success btn btn-sm text-uppercase waves-effect waves-float'.$class.'"><span class="btn-label"><i class="fa fa-flask" '.implode(' ',$tags).'></i></span>'.$label.'</button>';
 		default:
 			$field = '';
 	}

settings.php

@@ -1621,7 +1621,12 @@ echo buildSettings(
 	array(
 		'title' => 'Advanced Settings',
 		'id' => 'advanced_settings',
+		'onready' => '$(\'.be-auth\').each(function() { $(this).parent().hide(); }); $(\'.be-auth-\'+$(\'#authBackend_id\').val()).each(function() { $(this).parent().show(); });',
 		'fields' => array(
+			array(
+				'type' => 'header',
+				'value' => "General",
+			),
 			array(
 				'type' => 'text',
 				'labelTranslate' => 'REGISTER_PASSWORD',
@@ -1629,13 +1634,6 @@ echo buildSettings(
 				//'pattern' => '[a-zA-Z0-9]{32}',
 				'value' => REGISTERPASSWORD,
 			),
-			array(
-				'type' => 'checkbox',
-				'labelTranslate' => 'MULTIPLE_LOGINS',
-				'name' => 'multipleLogin',
-				//'pattern' => '[a-zA-Z0-9]{32}',
-				'value' => MULTIPLELOGIN,
-			),
 			array(
 				'type' => 'text',
 				'labelTranslate' => 'COOKIE_DOMAIN',
@@ -1650,6 +1648,13 @@ echo buildSettings(
 				//'pattern' => '[a-zA-Z0-9]{32}',
 				'value' => (empty(COOKIEPASSWORD)?'':randString(20)),
 			),
+			array(
+				'type' => 'checkbox',
+				'labelTranslate' => 'MULTIPLE_LOGINS',
+				'name' => 'multipleLogin',
+				//'pattern' => '[a-zA-Z0-9]{32}',
+				'value' => MULTIPLELOGIN,
+			),
 		),
 		'tabs' => array(
 			array(
@@ -1672,6 +1677,7 @@ echo buildSettings(
 						'type' => 'select',
 						'labelTranslate' => 'AUTHBACKEND',
 						'name' => 'authBackend',
+						'onchange' => '$(\'.be-auth\').each(function() { $(this).parent().hide(); }); $(\'.be-auth-\'+this.value).each(function() { $(this).parent().show(); });',
 						'value' => AUTHBACKEND,
 						'options' => $backendOptions,
 					),
@@ -1691,15 +1697,17 @@ echo buildSettings(
 						'labelTranslate' => 'AUTHBACKENDHOST',
 						'assist' => 'http(s)://hostname:8181 | Ldap(s)://localhost:389 | ftp(s)://localhost:21',
 						'name' => 'authBackendHost',
+						'class' => 'be-auth be-auth-emby_local be-auth-emby_all be-auth-emby_connect be-auth-ftp be-auth-ldap',
 						'pattern' => $urlPattern,
 						'value' => AUTHBACKENDHOST,
 					),
 					array(
-						'type' => 'text',
+						'type' => 'number',
 						'placeholder' => 'DEPRECIATED',
 						'labelTranslate' => 'AUTHBACKENDPORT',
 						'assist' => 'DEPRECIATED',
 						'name' => 'authBackendPort',
+						'class' => 'be-auth be-auth-emby_local be-auth-emby_all be-auth-emby_connect be-auth-ftp be-auth-ldap',
 						'value' => AUTHBACKENDPORT,
 					),
 					array(
@@ -1707,6 +1715,7 @@ echo buildSettings(
 						'placeholder' => 'domain',
 						'labelTranslate' => 'AUTHBACKENDDOMAIN',
 						'name' => 'authBackendDomain',
+						'class' => 'be-auth be-auth-ldap',
 						'value' => AUTHBACKENDDOMAIN,
 					),
 					array(
@@ -1714,6 +1723,7 @@ echo buildSettings(
 						'placeholder' => randString(32),
 						'labelTranslate' => 'EMBY_TOKEN',
 						'name' => 'plexToken',
+						'class' => 'be-auth be-auth-emby_all be-auth-emby_connect',
 						'pattern' => '[a-zA-Z0-9]{32}',
 						'value' => EMBYTOKEN,
 					),
@@ -1721,6 +1731,7 @@ echo buildSettings(
 						'type' => 'text',
 						'labelTranslate' => 'PLEX_USERNAME',
 						'name' => 'plexUsername',
+						'class' => 'be-auth be-auth-plex',
 						//'pattern' => '[a-zA-Z0-9]{32}',
 						'value' => PLEXUSERNAME,
 					),
@@ -1728,6 +1739,7 @@ echo buildSettings(
 						'type' => 'password',
 						'labelTranslate' => 'PLEX_PASSWORD',
 						'name' => 'plexPassword',
+						'class' => 'be-auth be-auth-plex',
 						//'pattern' => '[a-zA-Z0-9]{32}',
 						'value' => (empty(PLEXPASSWORD)?'':randString(20)),
 					),
@@ -1840,6 +1852,7 @@ echo buildSettings(
 						'type' => 'select',
 						'labelTranslate' => 'NOTIFICATION_TYPE',
 						'name' => 'notifyEffect',
+						'onchange' => 'parent.notify(\'This is an example popup!\', \'fa-bullhorn\', \'success\', 4000, this.value.split(\'-\')[0], this.value.split(\'-\')[1]);',
 						'value' => explode("-", NOTIFYEFFECT)[1],
 						'options' => array(
 							'Slide From Top' => 'bar-slidetop',