class-mo-firebase-authentication-admin-config.php — Firebase Authentication 1.6.5

firebase-authentication / admin / partials / config / class-mo-firebase-authentication-admin-config.php

firebase-authentication / admin / partials / config Last commit date

class-mo-firebase-authentication-admin-advsettings.php 2 years ago class-mo-firebase-authentication-admin-config.php 2 years ago class-mo-firebase-authentication-admin-licensing-plans.php 2 years ago class-mo-firebase-authentication-admin-loginsettings.php 2 years ago

class-mo-firebase-authentication-admin-config.php

194 lines

1	<?php
2	/**
3	* Firebase Authentication Config
4	*
5	* @package firebase-authentication
6	*/
7
8	/**
9	* Initial configuration screen handler
10	*/
11	class Mo_Firebase_Authentication_Admin_Config {
12
13	/**
14	* Display basic configuration
15	*
16	* @return void
17	*/
18	public static function mo_firebase_authentication_config() {
19	?>
20	<!-- <div id="mo_firebase_authentication_support_layout" class="mo_firebase_authentication_support_layout"> -->
21	<div class="row">
22	<div class="col-md-12" >
23	<div>
24	<div class="mo_table_layout" style="padding-top: 0px;">
25	<form action="" method="post" id="mo_enable_firebase_auth_form">
26	<?php wp_nonce_field( 'mo_firebase_auth_enable_form', 'mo_firebase_auth_enable_field' ); ?>
27	<!-- <div style="display:inline"><div style="display:inline-block;padding:0px 10px 10px 0px"><strong>Enable Firebase Authentication:</strong></div> -->
28	<div style="display:inline-block; margin-top: 0"><label class="mo_firebase_auth_switch">
29	<input value="1" name="mo_enable_firebase_auth" type="checkbox" id="mo_enable_firebase_auth" <?php echo esc_attr( get_option( 'mo_enable_firebase_auth' ) ) ? 'checked' : ''; ?>>
30	<span class="mo_firebase_auth_slider round"></span>
31	<input type="hidden" name="option" value="mo_enable_firebase_auth">
32	</label>
33	</div>
34	<div style="display:inline"><div style="display:inline-block;padding:0px 10px 10px 0px"><h3>Enable Firebase Authentication</h3></div>
35	<span style="float: right; font-size: 14px; margin-top: 10px;">
36	<a href="https://plugins.miniorange.com/login-into-wordpress-using-firebase-authentication" target="_blank" rel="noopener" class="mo_firebase_setup_guide_style" style="text-decoration: none;"> How to configure?</a></span>
37	</div>
38	</form>
39	<form action="" method="post" id="mo_firebase_auth_form" style="margin-top: 0px;">
40	<?php wp_nonce_field( 'mo_firebase_auth_config_form', 'mo_firebase_auth_config_field' ); ?>
41	<table class="mo_settings_table">
42	<tr><td colspan="2"><strong style="padding-left: 0px; ">Allow users to login with :</strong>
43	</td></tr>
44	<tr><td>
45	<input style="margin-left: 5px;"type="radio" name="disable_wordpress_login" id="enable_wordpress_login"
46	<?php
47	if ( false === get_option( 'mo_enable_firebase_auth' ) ) {
48	echo '';
49	} else {
50	echo esc_attr( get_option( 'mo_firebase_auth_disable_wordpress_login' ) ) ? '' : 'checked';}
51	?>
52	value="0"onclick="mo_firebase_auth_hideDiv();">Both Firebase and WordPress
53	</td><td>
54	<input type="radio" name="disable_wordpress_login" id="disable_wordpress_login"
55	<?php
56	if ( false === get_option( 'mo_enable_firebase_auth' ) ) {
57	echo '';
58	} else {
59	echo esc_attr( get_option( 'mo_firebase_auth_disable_wordpress_login' ) ) ? 'checked' : '';}
60	?>
61	value="1"onclick="mo_firebase_auth_showDiv();">Only Firebase</td></tr>
62	<tr><td colspan="2">
63	<div style="padding:5px;"></div>
64	<div style="
65	<?php
66	if ( 1 === (int) get_option( 'mo_firebase_auth_disable_wordpress_login' ) ) {
67	echo 'display: block';
68	} else {
69	echo 'display: none';
70	}
71	?>
72	"id="mo_firebase_auth_enable_admin_wp_login_div">
73	<p>Enabling Firebase login will restrict logins with only Firebase credentials and won't allow WP login. <b>Please enable this only after you have successfully tested your configuration</b> as the default WordPress login will stop working.
74	</p><div style="margin-bottom: 15px;">
75	<input type="checkbox" id="mo_firebase_auth_enable_admin_wp_login" name="mo_firebase_auth_enable_admin_wp_login" value="1"
76	<?php
77	if ( get_option( 'mo_firebase_auth_enable_admin_wp_login' ) ) {
78	echo 'checked'; }
79	?>
80	/> Allow Administrators to use WordPress login<div class="mo-firebase-auth-tooltip"><i class="fa fa-info-circle" aria-hidden="true"></i><div class="mo-firebase-auth-tooltip-text mo-tt-right">Selecting this option will only allow WordPress Administrators to log in.</div> </div></div>
81	</div></td></tr>
82	</table>
83	<div style="margin-top: 10px;">
84	<font color="#FF0000">*</font><strong>Project Id</strong><div class="mo-firebase-auth-tooltip"><i class="fa fa-info-circle" aria-hidden="true"></i><div class="mo-firebase-auth-tooltip-text mo-tt-right">collect project Id from your firebase project</div> </div></div><div style="margin-top: 10px;">
85	<input type="text" id="project_id" name="projectid" value= "<?php echo esc_attr( get_option( 'mo_firebase_auth_project_id' ) ); ?>" placeholder="Enter Project Id.." required="" style = "width:50%; font-size: 14px;"></div><br>
86	<font color="#FF0000">*</font><strong>API Key</strong><div class="mo-firebase-auth-tooltip"><i class="fa fa-info-circle" aria-hidden="true"></i><div class="mo-firebase-auth-tooltip-text mo-tt-right">collect API key from your firebase project</div> </div><br>
87	<input style = "width:50%; font-size: 14px;" type="password" id="api_key" name="apikey" value="<?php echo esc_attr( get_option( 'mo_firebase_auth_api_key' ) ); ?>" placeholder="Enter your API Key.." required="">
88	<i class="fa fa-eye" id="show_button" onclick="passwordShowButton('api_key', this.id)" style="margin-left: -30px; cursor: pointer; "></i>
89	<br><br>
90	<input type="submit" class="button button-primary button-large" style="margin-top: 10px; width:140px;" name="verify_user" value=" Save Configuration" id = "mo_auth_configure_button">
91	</form>
92	</div>
93	</div>
94	<div>
95	<div class="mo_table_layout" id ="test_authentication" style="width:100%" >
96	<h3 style="margin: 0px;">Test Authentication</h3>
97	<form name="test_configuration_form" id="mo_firebasetestconfig" method="post" target="firebasetestconfig" style="margin-top: 0px;">
98	<?php wp_nonce_field( 'mo_firebase_auth_test_config_form', 'mo_firebase_auth_test_config_field' ); ?>
99	<input type="hidden" name="option" value="mo_firebase_auth_test_configuration">
100	<table class="mo_settings_table" >
101	<tr><td>
102	<font color="#FF0000">* </font><strong>Username</strong></td><td><input type="text" id="test_username" name="test_username" value="" placeholder="Username" required="" class="mo_table_short_textbox" style="width:40%;"></td></tr> <tr><td></td></tr><tr><td>
103	<font color="#FF0000">* </font><strong>Password</strong></td><td><input type="password" id="test_password" name="test_password" value="" placeholder="Password" required="" class="mo_table_short_textbox" style="width:40%;" autocomplete="on">
104	<i class="fa fa-eye" id="show_button1" onclick="passwordShowButton('test_password', this.id)" style="margin-left: -30px; cursor: pointer; "></i>
105	</td></tr><br></table>
106	<input type="hidden" id="test_check_field" name="test_check_field" value="test_check_true">
107	<br>
108	<input type="submit" id="mo_firebase_auth_test_config_button" name="test_configuration" value="Test Authentication"
109	<?php
110	if ( ! get_option( 'mo_firebase_auth_project_id' ) && ! get_option( 'mo_firebase_auth_api_key' ) ) {
111	echo 'disabled class="btn btn-primary" style="font-size: 14px; font-weight: 400;"';
112	} else {
113	echo 'class="button button-primary button-large"';}
114	?>
115	>
116	</form>
117	</div>
118	</div>
119	<div class="mo_table_layout" style="width:100%" >
120	<h3 style="margin: 0px;">Attribute Mapping <small style="color: #FF0000;font-size: 60%"><a href="admin.php?page=mo_firebase_authentication&tab=licensing_plans">[PREMIUM]</a></small></h3>
121	<form name="mo_firebase_attr_mapping_form" id="mo_firebase_attr_mapping_form" method="post">
122	<input type="hidden" name="option" value="mo_firebase_attr_mapping">
123	<table class="mo_settings_table" style="margin-top: 10px;">
124	<tr><td><strong><font color="#FF0000">* </font>Username Attribute:</strong></td>
125	<td><input class="mo_table_short_textbox" type="text" id="mo_firebase_username" name="username_attr" value="" placeholder="Username Attribute Name" disabled style="width:40%;"></td></tr>
126	<tr><td><span class="mo_premium_feature"></span><strong>Email Attribute:</strong></td>
127	<td><input type="text" class="mo_table_short_textbox" id="mo_firebase_email" name="email_attr" value="" placeholder="Email Attribute Name" disabled style="width:40%;"></td></tr>
128	</table><br>
129	<small style="margin:9px;color: #686868;"><b>Note: </b>The firebase UID is stored in the user meta of the user with key <b> mo_firebase_user_uid. </b> </small><br/><br/>
130	<input type="submit" class="btn btn-primary" id="mo_firebase_save_attr_mapping_button" name="save_settings" value="Save Settings" disabled style="font-size: 14px; font-weight: 400;">
131	</form>
132	</div>
133
134	<div class="mo_table_layout" style="width:100%" >
135	<h3 style="margin: 0px">Role Mapping <small style="color: #FF0000;font-size: 60%"><a href="admin.php?page=mo_firebase_authentication&tab=licensing_plans">[PREMIUM]</a></small></h3>
136	<form name="mo_firebase_role_mapping_form" id="mo_firebase_role_mapping_form" method="post">
137	<input type="hidden" name="option" value="mo_firebase_role_mapping">
138	<table class="mo_settings_table" style="margin-top: 20px;">
139	<tr><td colspan="2" style="padding-top: 10px;"><strong> <input type="checkbox" name="keep_existing_user_roles" value="1" disabled />Keep existing user roles</strong> <br><strong></strong><small>Role mapping won't apply to existing WordPress users</small></td></tr>
140	<tr><td><strong>WordPress Role:</strong></td>
141	<td style="padding-top:15px;">
142	<select name="mo_firebase_default_role" id="mo_firebase_default_role" disabled>
143	<?php
144	$mo_fb_role = isset( $role_mappings['mo_firebase_default_role'] ) && $role_mappings['mo_firebase_default_role'] ? $role_mappings['mo_firebase_default_role'] : 'subscriber';
145	wp_dropdown_roles( $mo_fb_role );
146	?>
147	</select>
148	</td>
149	</tr>
150	<tr><td colspan="2"><strong></strong><small>This role will be assigned to all the users who login with firebase.</small></td></tr>
151	</table>
152	<input type="submit" class="btn btn-primary" id="mo_firebase_save_role_mapping_button" style="font-size: 14px; font-weight: 400; margin-top: 2%;" name="save_settings" disabled value="Save Settings">
153	</form>
154	</div>
155	</div>
156	</div>
157	<script>
158
159	function passwordShowButton(id1, id2){
160	var field = document.getElementById(id1);
161	var show_button = document.getElementById(id2);
162	if(field.type == "password"){
163	field.type = "text";
164	show_button.className = "fa fa-eye-slash";
165	}
166	else{
167	field.type = "password";
168	show_button.className = "fa fa-eye";
169	}
170	}
171	jQuery("#mo_firebase_auth_test_config_button").on("click", function(event) {
172	var test_username = document.forms["test_configuration_form"]["test_username"].value;
173	var test_password = document.forms["test_configuration_form"]["test_password"].value;
174	if( test_username == "" \|\| test_password == "" ){
175	return;
176	}
177	event.preventDefault();
178	let url = "<?php echo esc_url( site_url() ); ?>/?mo_action=firebaselogin&test=true";
179	jQuery("#mo_firebasetestconfig").attr("action", url);
180	let newwindow = window.open("about:blank", 'firebasetestconfig', 'location=yes,height=700,width=600,scrollbars=yes,status=yes');
181	jQuery("#mo_firebasetestconfig").submit();
182	});
183	function mo_firebase_auth_showDiv(){
184	document.getElementById("mo_firebase_auth_enable_admin_wp_login_div").style.display = "block";
185	}
186	function mo_firebase_auth_hideDiv(){
187	document.getElementById("mo_firebase_auth_enable_admin_wp_login_div").style.display = "none";
188	}
189
190	</script>
191	<?php
192	}
193	}
194