fluentform / app / Views / admin / docs / index.php

index.php in Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder 6.2.14, at app/Views/admin/docs/index.php

280 lines 16.1 KB

Raw Download Zip

1	<?php
2
3	defined('ABSPATH') or die;
4
5	// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variables in view files
6	do_action_deprecated(
7	'fluentform_global_menu',
8	[
9	],
10	FLUENTFORM_FRAMEWORK_UPGRADE,
11	'fluentform/global_menu',
12	'Use fluentform/global_menu instead of fluentform_global_menu.'
13	);
14	do_action('fluentform/global_menu');
15	?>
16	<div class="ff_form_wrap" id="ff_documentation_app">
17	<div class="ff_form_wrap_area">
18	<div class="ff_documentaion_wrapper">
19	<?php
20	do_action_deprecated(
21	'fluentform_before_documentation_wrapper',
22	[
23	],
24	FLUENTFORM_FRAMEWORK_UPGRADE,
25	'fluentform/before_documentation_wrapper',
26	'Use fluentform/before_documentation_wrapper instead of fluentform_before_documentation_wrapper.'
27	);
28	do_action('fluentform/before_documentation_wrapper');
29	?>
30
31	<div class="el-row" style="margin-left: -12px; margin-right: -12px;">
32	<!-- .el-col -->
33
34	<?php if(!defined('FLUENTFORMPRO')): ?>
35	<div class="el-col el-col-24" style="padding-left: 12px; padding-right: 12px">
36	<div class="ff_card h-100 ff_card_pro primary has-mask">
37	<div class="mask">
38	<div class="mask-1"></div>
39	<div class="mask-2"></div>
40	<div class="mask-3"></div>
41	</div>
42	<h3><?php esc_html_e('To unlock more features consider upgrading to PRO', 'fluentform') ?></h3>
43	<a target="_blank" rel="nofollow" class="el-button ff_upgrade_btn_large" href="<?php echo esc_url(fluentform_upgrade_url('settings_support')); ?>"><?php esc_html_e('Upgrade to Pro', 'fluentform'); ?></a>
44	</div>
45	</div><!-- .el-col -->
46	<?php endif; ?>
47
48	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
49	<div class="ff_card h-100">
50	<h3 class="mb-3"><?php esc_html_e('Get Started with Fluent Forms WordPress Plugin', 'fluentform') ?></h3>
51	<p class="text"><?php esc_html_e('Getting started with the Fluent Forms is easier than you could imagine. All our customers are not developers and we want to make your life easier.', 'fluentform') ?></p>
52	<div class="ff_video_wrap mt-5">
53	<img class="ff_video_img" src="<?php echo esc_url($public_url); ?>img/video-img.jpg"/>
54	<a href="#" id="ff_video_btn" class="ff_icon_btn ff_video_icon">
55	<i class="ff-icon ff-icon-play"></i>
56	</a>
57	</div>
58	<div id="ff_backdrop">
59	<div id="ff_dialog_wrapper" class="el-dialog__wrapper hidden">
60	<div role="dialog" aria-modal="true" class="el-dialog" style="margin-top: 25vh; width: 50%;">
61	<div class="el-dialog__header mb-5">
62	<h4><?php esc_html_e( 'Fluent Forms Video Tutorials', 'fluentform' ) ?></h4>
63	<button id="ff_close_btn" type="button" aria-label="Close" class="el-dialog__headerbtn">
64	<i class="el-dialog__close el-icon el-icon-close"></i>
65	</button>
66	</div>
67	<div class="el-dialog__body">
68	<iframe
69	class="w-100"
70	style="height: 340px; border-radius: 8px;"
71	data-src="https://www.youtube.com/embed/geJ9ZQGZz2o?si=PYY7lYWilINmngUV"
72	title="YouTube video player"
73	frameborder="0"
74	loading="lazy"
75	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
76	allowfullscreen>
77	</iframe>
78	</div>
79	</div>
80	</div><!-- .el-dialog__wrapper -->
81	</div>
82	</div>
83	</div><!-- .el-col -->
84	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
85	<div class="ff_card h-100">
86	<h3 class="mb-3"><?php esc_html_e('User Guides', 'fluentform') ?></h3>
87	<p class="text">
88	<?php esc_html_e('Please check the following articles for getting started with Fluent Forms', 'fluentform') ?>
89	</p>
90	<ul class="ff_list">
91	<?php foreach ($user_guides as $user_guide): ?>
92	<li>
93	<a target="_blank" href="<?php echo esc_url($user_guide['link']); ?>">
94	<i class="el-icon el-icon-caret-right"></i>
95	<span><?php echo esc_html($user_guide['title']); ?></span>
96	</a>
97	</li>
98	<?php endforeach; ?>
99	</ul>
100	</div>
101	</div><!-- .el-col -->
102	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
103	<div class="ff_card h-100">
104	<div class="ff_media_group items-start">
105	<div class="ff_media_head">
106	<div class="ff_icon_btn success-soft lg">
107	<i class="ff-icon ff-icon-microphone"></i>
108	</div>
109	</div>
110	<div class="ff_media_body ml-4">
111	<h3 class="mb-2"><?php esc_html_e('Need Expert Support?', 'fluentform') ?></h3>
112	<p class="text mb-4">
113	<?php esc_html_e('Our Experts would like to assist you for your query and any customization.', 'fluentform') ?>
114	</p>
115	<a target="_blank" class="el-button el-button--success el-button--soft" href="https://wpmanageninja.com/support-tickets/">
116	<?php esc_html_e('Contact Support', 'fluentform') ?>
117	</a>
118	</div>
119	</div>
120	</div>
121	</div><!--.el-col -->
122	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
123	<div class="ff_card h-100">
124	<div class="ff_media_group items-start">
125	<div class="ff_media_head">
126	<div class="ff_icon_btn primary-soft lg">
127	<i class="ff-icon ff-icon-document"></i>
128	</div>
129	</div>
130	<div class="ff_media_body ml-4">
131	<h3 class="mb-2"><?php esc_html_e('Documentation', 'fluentform') ?></h3>
132	<p class="text mb-4">
133	<?php esc_html_e('Get detailed and guided instruction to level up your website with the necessary set up.', 'fluentform') ?>
134	</p>
135	<a target="_blank" class="el-button el-button--primary el-button--soft" href="https://wpmanageninja.com/docs/fluent-form/">
136	<?php esc_html_e('Visit Documentation', 'fluentform') ?>
137	</a>
138	</div>
139	</div>
140	</div>
141	</div><!--.el-col -->
142	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
143	<div class="ff_card h-100">
144	<div class="ff_media_group items-start">
145	<div class="ff_media_head">
146	<div class="ff_icon_btn warning-soft lg">
147	<i class="ff-icon ff-icon-bug"></i>
148	</div>
149	</div>
150	<div class="ff_media_body ml-4">
151	<h3 class="mb-2"><?php esc_html_e('Facing An Issue Or Problem?', 'fluentform') ?></h3>
152	<p class="text mb-4">
153	<?php esc_html_e('Please report us and we promise we will fix that as soon as humanly possible.', 'fluentform') ?>
154	</p>
155	<a target="_blank" class="el-button el-button--warning el-button--soft" href="https://wpmanageninja.com/support-tickets/">
156	<?php esc_html_e('Report An Issue', 'fluentform') ?>
157	</a>
158	</div>
159	</div>
160	</div>
161	</div><!--.el-col -->
162	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
163	<div class="ff_card h-100">
164	<div class="ff_media_group items-start">
165	<div class="ff_media_head">
166	<div class="ff_icon_btn blue-soft lg">
167	<i class="ff-icon ff-icon-handshake"></i>
168	</div>
169	</div>
170	<div class="ff_media_body ml-4">
171	<h3 class="mb-2"><?php esc_html_e('Join our community', 'fluentform') ?></h3>
172	<p class="text mb-4">
173	<?php esc_html_e('We have a strong community where we discuss ideas and help each other.', 'fluentform') ?>
174	</p>
175	<a target="_blank" class="el-button el-button--blue el-button--soft" href="https://community.wpmanageninja.com">
176	<?php esc_html_e('Join community', 'fluentform') ?>
177	</a>
178	</div>
179	</div>
180	</div>
181	</div><!--.el-col -->
182	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
183	<div class="ff_card h-100">
184	<div class="ff_media_group items-start">
185	<div class="ff_media_head">
186	<div class="ff_icon_btn danger-soft lg">
187	<i class="ff-icon ff-icon-heart-clock"></i>
188	</div>
189	</div>
190	<div class="ff_media_body ml-4">
191	<h3 class="mb-2"><?php esc_html_e('Show Your Love', 'fluentform') ?></h3>
192	<p class="text mb-4">
193	<?php esc_html_e('We need your help to keep developing the plugin. Please review it and spread the love to keep us motivated.', 'fluentform') ?>
194	</p>
195	<a target="_blank" class="el-button el-button--danger el-button--soft" href="https://wordpress.org/support/plugin/fluentform/reviews/#new-post">
196	<?php esc_html_e('Leave a Review', 'fluentform') ?>
197	</a>
198	</div>
199	</div>
200	</div>
201	</div><!--.el-col -->
202	<div class="el-col el-col-12" style="padding-left: 12px; padding-right: 12px">
203	<div class="ff_card h-100">
204	<div class="ff_media_group items-start">
205	<div class="ff_media_head">
206	<div class="ff_icon_btn cyan-soft lg">
207	<i class="ff-icon ff-icon-star-line"></i>
208	</div>
209	</div>
210	<div class="ff_media_body ml-4">
211	<h3 class="mb-2"><?php esc_html_e('Request a Feature', 'fluentform') ?></h3>
212	<p class="text mb-4">
213	<?php esc_html_e('If you need any feature on Fluent Forms, then please request a feature to us with your requirement.', 'fluentform') ?>
214	</p>
215	<a target="_blank" class="el-button el-button--cyan el-button--soft" href="https://fluentforms.com/contact-us/">
216	<?php esc_html_e('Request Now', 'fluentform') ?>
217	</a>
218	</div>
219	</div>
220	</div>
221	</div><!--.el-col -->
222	</div><!-- .el-row -->
223
224
225	<?php
226	do_action_deprecated(
227	'fluentform_after_documentation_wrapper',
228	[
229	],
230	FLUENTFORM_FRAMEWORK_UPGRADE,
231	'fluentform/after_documentation_wrapper',
232	'Use fluentform/after_documentation_wrapper instead of fluentform_after_documentation_wrapper.'
233	);
234	do_action('fluentform/after_documentation_wrapper');
235
236	wp_add_inline_script('fluent_forms_global', "
237	document.addEventListener('DOMContentLoaded', function() {
238	// For support Page Modal
239	let btnOpenEl = document.getElementById('ff_video_btn');
240	let btnCloseEl = document.getElementById('ff_close_btn');
241	let dialogEl = document.getElementById('ff_dialog_wrapper');
242
243	dialogEl.classList.add('hidden');
244
245	btnOpenEl.addEventListener('click', function(e){
246	e.preventDefault();
247	dialogEl.parentElement.classList.add('ff_backdrop');
248	dialogEl.classList.remove('hidden');
249	dialogEl.classList.add('dialog-fade-enter-active');
250
251	const iframe = dialogEl.querySelector('iframe[data-src]');
252	if (iframe && !iframe.src) {
253	iframe.src = iframe.getAttribute('data-src');
254	}
255	});
256
257	btnCloseEl.addEventListener('click', function(){
258	dialogEl.parentElement.classList.remove('ff_backdrop');
259	dialogEl.classList.add('hidden');
260	dialogEl.classList.remove('dialog-fade-enter-active');
261
262	const videoElement = dialogEl.querySelector('video, iframe');
263	if (videoElement) {
264	if (videoElement.tagName === 'VIDEO') {
265	videoElement.pause();
266	videoElement.currentTime = 0;
267	} else if (videoElement.tagName === 'IFRAME') {
268	videoElement.removeAttribute('src');
269	}
270	}
271	});
272	});
273	");
274	?>
275
276	</div>
277	</div>
278	<global-search></global-search>
279	</div>
280