fluentform / app / Views / frameless / show_preview.php

show_preview.php in Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder 6.2.2, at app/Views/frameless/show_preview.php

179 lines 11.2 KB

Raw Download Zip

1	<?php
2
3	defined('ABSPATH') or die;
4
5	?>
6	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
7	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
8	<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
9	<head>
10	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
11	<meta http-equiv="Imagetoolbar" content="No"/>
12	<meta name="viewport" content="width=device-width, initial-scale=1">
13	<title><?php esc_html_e('Preview Form', 'fluentform') ?></title>
14	<?php
15	wp_head();
16	?>
17	<style type="text/css">
18
19	</style>
20	</head>
21	<body class="ff-form-preview-body">
22	<div class="ff_preview_text">
23	Design Mode
24	</div>
25	<div id="ff_preview_top">
26	<div id="ff_preview_header">
27	<div class="ff_form_name">
28	<?php echo intval($form->id) .' - '. esc_attr($form->title); ?>
29	</div>
30	<ul class="ff_preview_menu">
31	<li>
32	<a class="ff_preview_menu_link" href="<?php echo esc_url(admin_url('admin.php?page=fluent_forms&form_id=' . intval($form_id) . '&route=editor')) ?>"><?php esc_html_e('Edit Fields', 'fluentform') ?></a>
33	</li>
34	<li>
35	<a class="ff_preview_menu_link" href="<?php echo esc_url(admin_url('admin.php?page=fluent_forms&form_id=' . intval($form_id) . '&route=settings&sub_route=form_settings#/basic_settings' )) ?>"><?php esc_html_e('Settings & Integrations', 'fluentform') ?></a>
36	</li>
37	<li>
38	<a class="ff_preview_menu_link" href="<?php echo esc_url(admin_url('admin.php?page=fluent_forms&form_id=' . intval($form_id) . '&route=entries#/' )) ?>"><?php esc_html_e('Entries', 'fluentform') ?></a>
39	</li>
40	</ul>
41	<div class="ff_preview_only_label_wrap">
42	<label for="ff_preview_only"><input id="ff_preview_only" type="checkbox" /><?php esc_html_e('Preview Only', 'fluentform') ?></label>
43	</div>
44	<div class="ff_preview_action" id="copy-toggle">
45	<i class="el-icon el-icon-document-copy mr-1"></i>
46	<span id="copy">
47	[fluentform id="<?php echo intval($form_id); ?>"]
48	</span>
49	</div>
50	</div>
51	<div class="ff_preview_body">
52	<div class="ff_form_preview_wrapper" style="width:100%">
53	<div class="ff_form_preview_header">
54	<div class="ff_dot_wrap">
55	<span class="dot dot-red"></span>
56	<span class="dot dot-yellow"></span>
57	<span class="dot dot-success"></span>
58	</div>
59	<div class="ff_device_control_wrap">
60	<span class="ff_device_control monitor" data-type="monitor">
61	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1024 1024">
62	<path d="M853.35 597.335c0 23.506-19.113 42.665-42.665 42.665h-597.336c-23.552 0-42.666-19.159-42.666-42.665v-341.335c0-23.51 19.114-42.666 42.666-42.666h597.336c23.552 0 42.665 19.157 42.665 42.666v341.335zM810.685 128h-597.336c-70.57 0-128 57.43-128 128v341.335c0 70.569 57.43 128 128 128h256v85.33h-170.666c-23.466 0-42.666 19.2-42.666 42.67 0 23.465 19.2 42.665 42.666 42.665h426.667c23.465 0 42.665-19.2 42.665-42.665 0-23.47-19.2-42.67-42.665-42.67h-170.665v-85.33h256c70.569 0 128-57.431 128-128v-341.335c0-70.57-57.431-128-128-128v0z"/>
63	</svg>
64	<span class="ff_tooltip"><?php esc_html_e('Desktop', 'fluentform') ?></span>
65	</span>
66	<span class="ff_device_control tablet" data-type="tablet">
67	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1024 1024">
68	<path d="M768 170.683c23.562 0 42.665 19.103 42.665 42.666v597.336c0 23.562-19.103 42.665-42.665 42.665h-512c-23.564 0-42.666-19.103-42.666-42.665v-597.336c0-23.564 19.102-42.666 42.666-42.666h512zM256 85.35c-70.692 0-128 57.308-128 128v597.336c0 70.692 57.308 128 128 128h512c70.692 0 128-57.308 128-128v-597.336c0-70.692-57.308-128-128-128h-512z"/>
69	<path d="M554.685 768.015c0 23.567-19.103 42.67-42.67 42.67-23.563 0-42.665-19.103-42.665-42.67 0-23.562 19.103-42.665 42.665-42.665 23.567 0 42.67 19.103 42.67 42.665z"/>
70	</svg>
71	<span class="ff_tooltip"><?php esc_html_e('Tablet', 'fluentform') ?></span>
72	</span>
73	<span class="ff_device_control mobile" data-type="mobile">
74	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1024 1024">
75	<path d="M384.017 170.683h-42.667c-23.564 0-42.666 19.103-42.666 42.666v597.336c0 23.562 19.103 42.665 42.666 42.665h341.336c23.562 0 42.665-19.103 42.665-42.665v-597.336c0-23.564-19.103-42.666-42.665-42.666h-42.67c0 35.346-28.652 64-64 64h-127.998c-35.346 0-64-28.654-64-64zM682.685 85.35c70.692 0 128 57.308 128 128v597.336c0 70.692-57.308 128-128 128h-341.336c-70.692 0-128-57.308-128-128v-597.336c0-70.692 57.308-128 128-128h341.336z"/>
76	</svg>
77	<span class="ff_tooltip"><?php esc_html_e('Mobile', 'fluentform') ?></span>
78	</span>
79	</div>
80	</div>
81	<div class="ff_form_preview">
82	<?php echo do_shortcode('[fluentform id="' . intval($form_id) . '"]'); ?>
83	</div>
84	</div>
85	<div class="ff_form_styler_wrapper">
86	<?php
87	if (!defined('FLUENTFORMPRO')): ?>
88	<div class="ff_form_preview_app" id="ff_form_preview_app">
89	<preview-app :form_id="<?php echo intval($form_id); ?>"></preview-app>
90	<global-search></global-search>
91	</div>
92	<?php endif; ?>
93	<?php
94	// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variables in view files
95	$isShowPreview = true;
96
97	if(defined('FLUENTFORMPRO')): ?>
98	<?php
99	do_action_deprecated(
100	'fluentform_form_styler',
101	[
102	$form_id
103	],
104	FLUENTFORM_FRAMEWORK_UPGRADE,
105	'fluentform/form_styler',
106	'Use fluentform/form_styler instead of fluentform_form_styler.'
107	);
108	do_action('fluentform/form_styler', $form_id);
109	?>
110	<?php
111	$isShowPreview = apply_filters_deprecated(
112	'fluentform_show_preview_promo',
113	[
114	true
115	],
116	FLUENTFORM_FRAMEWORK_UPGRADE,
117	'fluentform/show_preview_promo',
118	'Use fluentform/show_preview_promo instead of fluentform_show_preview_promo.'
119	);
120	elseif(apply_filters('fluentform/show_preview_promo', $isShowPreview)):
121	?>
122	<div class="ff_styler_promo">
123	<div class="ff_promo_header">
124	<?php esc_html_e('Advanced Form Styler (Pro)', 'fluentform'); ?>
125	</div>
126	<div class="ff_promo_body">
127	<p><a target="_blank" href="https://wpmanageninja.com/docs/fluent-form/fluent-forms-styles/"><?php esc_html_e('Advanced Form styler', 'fluentform'); ?></a> <?php esc_html_e('is available in Pro version of Fluent Forms. You can style every element of the forms including input fields, form container, success / error messages and many more.', 'fluentform'); ?></p>
128	<h5>Other Features</h5>
129	<ul class="ff_feature_list">
130	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Stripe & PayPal with 6 Payment Integration', 'fluentform'); ?></li>
131	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Style Export & Import', 'fluentform'); ?></li>
132	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Conditional Email Routing', 'fluentform'); ?></li>
133	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Advanced Form Fields', 'fluentform'); ?></li>
134	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Quiz & Survey Forms', 'fluentform'); ?></li>
135	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Inventory Module', 'fluentform'); ?></li>
136	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('40+ Integrations', 'fluentform'); ?></li>
137	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Calculated Fields', 'fluentform'); ?></li>
138	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Multi-Step Forms', 'fluentform'); ?></li>
139	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('File Upload Feature', 'fluentform'); ?></li>
140	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('SMS Notifications', 'fluentform'); ?></li>
141	<li><i class="el-icon el-icon-check"></i> <?php esc_html_e('Visual Data Reporting', 'fluentform'); ?></li>
142	</ul>
143	<div style="text-align: center; margin-top: 40px; margin-bottom: 40px;">
144	<a target="_blank" rel="nofollow" class="el-button el-button--primary" href="<?php echo esc_url(fluentform_upgrade_url()); ?>"><?php esc_html_e('Upgrade to Pro', 'fluentform'); ?></a>
145	</div>
146	<?php $addOns = (new \FluentForm\App\Modules\AddOnModule())->getPremiumAddOns(); ?>
147
148	<h5><?php esc_html_e('Integrations available in Fluent Forms Pro', 'fluentform'); ?></h5>
149	<ul class="ff_addons">
150	<?php
151	// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variable in foreach loop
152	foreach ($addOns as $addOn): ?>
153	<li><img title="<?php echo esc_attr($addOn['title']); ?>" src="<?php echo esc_attr($addOn['logo']); ?>" /></li>
154	<?php endforeach; ?>
155	</ul>
156
157	<div style="text-align: center; margin-top: 40px; margin-bottom: 30px;">
158	<a target="_blank" rel="nofollow" class="el-button el-button--primary" href="<?php echo esc_url(fluentform_upgrade_url()); ?>"><?php esc_html_e('Upgrade to Pro', 'fluentform'); ?></a>
159	</div>
160	</div>
161	</div>
162	<?php endif; ?>
163	</div>
164	</div>
165	</div>
166	<div class="ff_notice">
167	<div class="ff_notice_inner">
168	<i class="el-icon el-icon-warning"></i>
169	<p><?php esc_html_e('You are seeing preview version of Fluent Forms. This form is only accessible for Admin users. Other users may not access this page. To use this for in a page please use the following shortcode: ', 'fluentform') ?>
170	<strong>[fluentform id='<?php echo intval($form_id) ?>']</strong>
171	</p>
172	</div>
173	</div>
174	<?php
175	wp_footer();
176	?>
177	</body>
178	</html>
179