Diff: STRATO-apps/wordpress_03/app/wp-content/plugins/fluentform/app/Views/admin/docs/index.php

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