providers-setting.php — Wp Social Login and Register Social Counter 2.2.4

wp-social / template / admin / providers-setting.php

wp-social / template / admin Last commit date

counter 3 years ago share 3 years ago global-setting.php 3 years ago providers-setting.php 3 years ago settings.php 3 years ago style-setting.php 3 years ago tab-menu.php 3 years ago

providers-setting.php

252 lines

1	<?php
2	defined('ABSPATH') \|\| exit;
3	?>
4
5	<div class="wslu-social-login-main-wrapper">
6	<?php
7	require_once(WSLU_LOGIN_PLUGIN . '/template/admin/tab-menu.php');
8
9	if($message_provider == 'show') { ?>
10	<div class="admin-page-framework-admin-notice-animation-container">
11	<div 0="XS_Social_Login_Settings" id="XS_Social_Login_Settings"
12	class="updated admin-page-framework-settings-notice-message admin-page-framework-settings-notice-container notice is-dismissible"
13	style="margin: 1em 0px; visibility: visible; opacity: 1;">
14	<p><?php echo esc_html__('Providers data have been updated.', 'wp-social'); ?></p>
15	<button type="button" class="notice-dismiss">
16	<span class="screen-reader-text"><?php echo esc_html__('Dismiss this notice.', 'wp-social'); ?></span>
17	</button>
18	</div>
19	</div>
20	<?php } ?>
21
22
23	<form action="<?php echo esc_url(admin_url() . 'admin.php?page=wslu_global_setting&tab=wslu_providers'); ?>"
24	name="xs_provider_submit_form" method="post" id="xs_provider_form">
25	<div class="xs-social-block-wraper">
26	<ul class="xs-social-block" data-action="sort_providers_login" data-sort_url="<?php echo esc_url(admin_url() . 'admin-ajax.php'); ?>">
27	<?php
28	foreach($core_provider as $k => $val): ?>
29
30	<li data-provider="<?php echo esc_attr($val)?>">
31	<div class="xs-single-social-block <?php echo esc_attr($k); ?>">
32	<div class="xs-block-header" data-type="modal-trigger"
33	data-target="example-modal-<?php echo esc_attr($k); ?>">
34	<span class="drag-icon"></span>
35	<span class="wslu-social-icon met-social met-social-<?php echo esc_attr($k); ?>"></span>
36	<h2 class="xs-social-icon-title"><?php echo esc_html($val, 'wp-social'); ?></h2>
37	</div>
38
39	<div class="xs-block-footer">
40	<div class="left-content">
41
42	<?php \WP_Social\Helper\View_Helper::get_enable_switch($k, empty($enabled_providers[$k]['enable']), 'enable_provider_login') ?>
43
44	</div>
45	<div class="right-content">
46	<a href="javascript:void()"
47	class="wslu-social-provider-btn xs-btn btn-special small"
48	data-type="modal-trigger"
49	data-target="example-modal-<?php echo esc_attr($k); ?>">
50
51	<?php
52	if(!empty($enabled_providers[$k]['enable'])) {
53	echo esc_html__('Settings', 'wp-social'); ?><?php
54	} else {
55	echo esc_html__('Getting Started', 'wp-social');
56	}
57	?>
58	</a>
59	</div>
60	</div>
61	</div>
62	</li>
63	<?php endforeach; ?>
64	</ul>
65	</div>
66	<?php
67
68
69	foreach($core_provider AS $keyTypeAll => $valueTypeAll):
70
71	$classSet = 'getting';
72
73	$api_ins = \WP_Social\App\Providers::xs_login_service_provider_instruction($keyTypeAll);
74
75	if(!empty($enabled_providers[$keyTypeAll]['enable'])) {
76	$classSet = 'setting';
77	}
78	?>
79
80	<div class="xs-modal-dialog" id="example-modal-<?php echo esc_attr($keyTypeAll); ?>">
81	<div class="xs-modal-content post__tab">
82	<div class="xs-modal-header clear-both">
83	<div class="tabHeader">
84	<ul class="tab__list clear-both">
85	<li class="<?php echo esc_attr($classSet== 'getting' ? 'active' : ''); ?> tab__list__item"><?php echo esc_html__('Getting Started', 'wp-social'); ?></li>
86	<li class="<?php echo esc_attr($classSet== 'setting' ? 'active' : ''); ?> tab__list__item"><?php echo esc_html__('Settings', 'wp-social'); ?></li>
87	<li class="<?php echo esc_attr($classSet== 'button' ? 'active' : ''); ?> tab__list__item"><?php echo esc_html__('Buttons', 'wp-social'); ?></li>
88	<li class="tab__list__item "><?php echo esc_html__('Usage', 'wp-social'); ?></li>
89	</ul>
90	</div>
91	<button type="button" class="xs-btn" data-modal-dismiss="modal">
92	<span class="wslu-icon met-social met-social-cross"></span>
93	</button>
94	</div>
95	<div class="xs-modal-body">
96	<div class="ekit--tab__post__details tabContent">
97	<h6 class="wslu-popup-provider-title"><?php echo esc_html__($valueTypeAll, 'wp-social'); ?></h6>
98	<div class="tabItem <?php echo esc_attr($classSet == 'getting' ? 'active' : ''); ?>">
99	<div class="getting-section">
100
101	<div class="wslu-popup-data">
102	<div class="wslu-single-popup-item">
103	<h3 class="wslu-sec-title"><?php echo esc_html__('Getting Started ', 'wp-social'); ?></h3>
104	<p><?php echo esc_html($api_ins['getting_txt']); ?> </p>
105	</div>
106	<div class="wslu-single-popup-item">
107	<h3 class="wslu-sec-title"><?php echo esc_html__('Create ' . $valueTypeAll . ' App', 'wp-social'); ?></h3>
108
109	<ol class="xs_social_ol">
110
111	<li>
112	<?php esc_html_e('Check how to create App/Project On ' . $valueTypeAll . ' developer account - ', 'wp-social') ?>
113	<a href="<?php echo esc_url($api_ins['doc_url']) ?>"
114	target="_blank"><?php echo esc_url($api_ins['doc_url']) ?></a>
115	</li>
116
117	<li>
118	<?php
119	esc_html_e('Must add the following URL to the "Valid OAuth redirect URIs" field: ', 'wp-social');
120	echo wp_kses(' <strong>' . esc_url(get_site_url() . '/wp-json/wslu-social-login/type/' . $keyTypeAll) . '</strong>', \WP_Social\Helper\Helper::get_kses_array() );
121	echo wp_kses('<br>', \WP_Social\Helper\Helper::get_kses_array()).esc_html($api_ins['local_ins']);
122	?>
123	</li>
124
125	<li> <?php echo esc_html__('After getting the App ID & App Secret, Go to "Settings" tab and put those information ', 'wp-social'); ?>
126
127	<li> <?php echo esc_html__('Click on "Save Changes"', 'wp-social'); ?></li>
128	</ol>
129
130	</div>
131	</div>
132	</div>
133	</div>
134	<div class="tabItem <?php echo esc_attr( $classSet == 'setting' ? 'active' : ''); ?>">
135	<div class="setting-section">
136
137	<div class="wslu-popup-data" id="<?php echo esc_attr($keyTypeAll); ?>_form_table">
138
139	<div class="wslu-single-popup-item">
140	<div class="setting-label-wraper">
141	<label class="setting-label wslu-sec-title" for="<?php echo esc_attr($keyTypeAll); ?>_appid">
142	<?php esc_html_e("App ID - ", "wp-social"); ?><em><?php esc_html_e("(Required)", "wp-social"); ?> </em>
143	</label>
144	</div>
145	<input placeholder="741888455955744"
146	name="xs_social[<?php echo esc_attr($keyTypeAll); ?>][id]" type="text"
147	id="<?php echo esc_attr($keyTypeAll); ?>_appid"
148	value="<?php echo esc_html(isset($saved_settings[$keyTypeAll]['id']) ? $saved_settings[$keyTypeAll]['id'] : ''); ?>"
149	class="wslu-global-input">
150	</div>
151
152
153	<div class="wslu-single-popup-item">
154	<div class="setting-label-wraper">
155	<label class="setting-label wslu-sec-title"
156	for="<?php echo esc_attr($keyTypeAll); ?>_secret"><?php esc_html_e("App Secret - ", "wp-social"); ?><em><?php esc_html_e("(Required)", "wp-social"); ?> </em> </label>
157	</div>
158	<input placeholder="32fd74bcaacf588c4572946f201eee8e"
159	name="xs_social[<?php echo esc_attr($keyTypeAll); ?>][secret]" type="text"
160	id="<?php echo esc_attr($keyTypeAll); ?>_secret"
161	value="<?php echo esc_html(isset($saved_settings[$keyTypeAll]['secret']) ? $saved_settings[$keyTypeAll]['secret'] : ''); ?>"
162	class="wslu-global-input">
163	</div>
164	</div> <!-- ./End Popup Data -->
165
166	</div>
167	</div>
168	<div class="tabItem">
169	<div class="button-section">
170
171	<div class="wslu-popup-data">
172	<div class="wslu-single-popup-item">
173	<div class="setting-label-wraper">
174	<label class="setting-label wslu-sec-title"
175	for="<?php echo esc_attr($keyTypeAll); ?>_login_label"><?php echo esc_html__('Login Label Text ', 'wp-social'); ?> </label>
176	</div>
177
178	<input placeholder="Login with <?php echo esc_html($valueTypeAll); ?>"
179	name="xs_social[<?php echo esc_attr($keyTypeAll); ?>][login_label]" type="text"
180	id="<?php echo esc_attr($keyTypeAll); ?>_login_label"
181	value="<?php echo esc_attr( isset($saved_settings[$keyTypeAll]['login_label']) ? $saved_settings[$keyTypeAll]['login_label'] : 'Login with ' . $valueTypeAll . ''); ?>"
182	class="wslu-global-input">
183	</div>
184
185	<div class="wslu-single-popup-item">
186	<div class="setting-label-wraper">
187	<label class="setting-label wslu-sec-title"
188	for="<?php echo esc_attr($keyTypeAll); ?>_logout_label"><?php echo esc_html__('Logout Label Text ', 'wp-social'); ?> </label>
189	</div>
190	<input placeholder="Logout with <?php echo esc_html($valueTypeAll); ?>"
191	name="xs_social[<?php echo esc_attr($keyTypeAll); ?>][logout_label]"
192	type="text" id="<?php echo esc_attr($keyTypeAll); ?>_logout_label"
193	value="<?php echo esc_html(isset($saved_settings[$keyTypeAll]['logout_label']) ? $saved_settings[$keyTypeAll]['logout_label'] : 'Logout from ' . $valueTypeAll . ''); ?>"
194	class="wslu-global-input">
195	</div>
196	</div> <!-- ./End Popup Data -->
197
198	</div>
199	</div>
200	<div class="tabItem">
201	<div class="usage-section">
202
203	<div class="wslu-popup-data">
204	<div class="wslu-single-popup-item">
205	<div class="setting-label-wraper">
206	<label class="setting-label wslu-sec-title"><?php echo esc_html__('Shortcode', 'wp-social'); ?> </label>
207	</div>
208
209	<ol class="xs_social_ol">
210	<li>[xs_social_login provider="<?php echo esc_html($keyTypeAll); ?>"
211	class="custom-class"]
212	</li>
213	<li>[xs_social_login provider="<?php echo esc_html($keyTypeAll); ?>"
214	class="custom-class" btn-text="Button Text
215	for <?php echo esc_html($valueTypeAll); ?>"]
216	</li>
217	<li>[xs_social_login provider="<?php echo esc_html($keyTypeAll); ?>
218	"]Button Text for <?php echo esc_html($valueTypeAll); ?>
219	[/xs_social_login]
220	</li>
221	</ol>
222
223	</div>
224
225	<div class="wslu-single-popup-item">
226	<div class="setting-label-wraper">
227	<label class="setting-label wslu-sec-title"><?php echo esc_html__('Simple Link', 'wp-social'); ?> </label>
228	</div>
229
230	<ul>
231	<li><?php echo esc_html('<a rel="nofollow" href="' . esc_url(get_site_url() . '/wp-json/wslu-social-login/type/' . $keyTypeAll) . '"> '.esc_html__('Login with', 'wp-social').'' . esc_html($valueTypeAll) . ' </a>'); ?></li>
232	</ul>
233	</div>
234	</div> <!-- ./End Popup Data -->
235
236	</div>
237
238	</div>
239	</div>
240	</div>
241
242	<div class="xs-modal-footer">
243	<button type="submit" name="xs_provider_submit_form"
244	class="xs-btn btn-special"><?php echo esc_html__('Save Changes', 'wp-social'); ?></button>
245	</div>
246	</div>
247	</div>
248	<?php endforeach; ?>
249	<div class="xs-backdrop"></div>
250	</form>
251	</div>
252