html-admin-page-builder-setup.php — Everest Forms – Contact Form, Payment Form, Quiz, Survey & Custom Form Builder with AI 1.6.3

everest-forms / includes / admin / views / html-admin-page-builder-setup.php

everest-forms / includes / admin / views Last commit date

html-admin-page-builder-setup.php

168 lines

1	<?php
2	/**
3	* Admin View: Builder setup
4	*
5	* @package EverestForms/Admin/Builder
6	*
7	* @var string $view
8	* @var object $templates
9	*/
10
11	defined( 'ABSPATH' ) \|\| exit;
12
13	?>
14	<div class ="wrap everest-forms">
15	<div class="everest-forms-loader-overlay" style="display:none">
16	<div class="evf-loading evf-loading-active"></div>
17	</div>
18	<div class="everest-forms-setup">
19	<div class="everest-forms-setup-header">
20	<div class="everest-forms-logo">
21	<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" viewBox="0 0 24 24"><path fill="#7e3bd0" d="M21.23,10H17.79L16.62,8h3.46ZM17.77,4l1.15,2H15.48L14.31,4Zm-15,16L12,4l5.77,10H10.85L12,12h2.31L12,8,6.23,18H20.08l1.16,2Z"/></svg>
22	</div>
23	<h4><?php esc_html_e( 'Add New Form', 'everest-forms' ); ?></h4>
24	<?php if ( apply_filters( 'everest_forms_refresh_templates', true ) ) : ?>
25	<a href="<?php echo esc_url( $refresh_url ); ?>" class="everest-forms-btn page-title-action"><?php esc_html_e( 'Refresh Templates', 'everest-forms' ); ?></a>
26	<?php endif; ?>
27	<nav class="everest-forms-tab">
28	<ul>
29	<li class="everest-forms-tab-nav active">
30	<a href="#" id="evf-form-all" class="everest-forms-tab-nav-link"><?php esc_html_e( 'All', 'everest-forms' ); ?></a>
31	</li>
32	<li class="everest-forms-tab-nav">
33	<a href="#" id="evf-form-basic" class="everest-forms-tab-nav-link"><?php esc_html_e( 'Free', 'everest-forms' ); ?></a>
34	</li>
35	<li class="everest-forms-tab-nav">
36	<a href="#" id="evf-form-pro" class="everest-forms-tab-nav-link"><?php esc_html_e( 'Premium', 'everest-forms' ); ?></a>
37	</li>
38	</ul>
39	</nav>
40	</div>
41	<?php
42	if ( 'false' === filter_input( INPUT_GET, 'evf-templates-fetch' ) ) {
43	echo '<div id="message" class="notice notice-warning is-dismissible"><p>' . esc_html__( 'Couldn\'t connect to templates server. Please reload again.', 'everest-forms' ) . '</p><button type="button" class="notice-dismiss"><span class="screen-reader-text">x</span></button></div>';
44	}
45	?>
46	<div class="everest-forms-form-template evf-setup-templates" data-license-type="<?php echo esc_attr( $license_plan ); ?>">
47	<?php
48	if ( empty( $templates ) ) {
49	echo '<div id="message" class="error"><p>' . esc_html__( 'Something went wrong. Please refresh your templates.', 'everest-forms' ) . '</p></div>';
50	} else {
51	foreach ( $templates as $template ) :
52	$badge = '';
53	$upgrade_class = 'evf-template-select';
54	$preview_link = isset( $template->preview_link ) ? $template->preview_link : '';
55	$click_class = '';
56	if ( ! in_array( 'free', $template->plan, true ) ) {
57	$badge = '<span class="everest-forms-badge everest-forms-badge-success">' . esc_html__( 'Pro', 'everest-forms' ) . '</span>';
58	}
59
60	if ( 'blank' === $template->slug ) {
61	$click_class = 'evf-template-select';
62	}
63
64	// Upgrade checks.
65	if ( empty( $license_plan ) && ! in_array( 'free', $template->plan, true ) ) {
66	$upgrade_class = 'upgrade-modal';
67	} elseif ( ! in_array( $license_plan, $template->plan, true ) && ! in_array( 'free', $template->plan, true ) ) {
68	$upgrade_class = 'upgrade-modal';
69	}
70
71	/* translators: %s: Template title */
72	$template_name = sprintf( esc_attr_x( '%s template', 'Template name', 'everest-forms' ), esc_attr( $template->title ) );
73	?>
74	<div class="everest-forms-template-wrap evf-template" id="everest-forms-template-<?php echo esc_attr( $template->slug ); ?>">
75	<figure class="everest-forms-screenshot <?php echo esc_attr( $click_class ); ?>" data-template-name-raw="<?php echo esc_attr( $template->title ); ?>" data-template="<?php echo esc_attr( $template->slug ); ?>" data-template-name="<?php echo esc_attr( $template_name ); ?>">
76	<img src="<?php echo esc_url( $template->image ); ?>"/>
77	<?php echo $badge; // @codingStandardsIgnoreLine ?>
78	<?php if ( 'blank' !== $template->slug ) : ?>
79	<div class="form-action">
80	<a href="#" class="everest-forms-btn everest-forms-btn-primary <?php echo esc_attr( $upgrade_class ); ?>" data-licence-plan="<?php echo esc_attr( $license_plan ); ?>" data-template-name-raw="<?php echo esc_attr( $template->title ); ?>" data-template-name="<?php echo esc_attr( $template_name ); ?>" data-template="<?php echo esc_attr( $template->slug ); ?>"><?php esc_html_e( 'Get Started', 'everest-forms' ); ?></a>
81	<a href="<?php echo esc_url( $preview_link ); ?>" target="_blank" class="everest-forms-btn everest-forms-btn-secondary evf-template-preview"><?php esc_html_e( 'Preview', 'everest-forms' ); ?></a>
82	</div>
83	<?php endif; ?>
84	</figure>
85	<div class="everest-forms-form-id-container">
86	<a class="everest-forms-template-name <?php echo esc_attr( $upgrade_class ); ?>" href="#" data-licence-plan="<?php echo esc_attr( $license_plan ); ?>" data-template-name-raw="<?php echo esc_attr( $template->title ); ?>" data-template="<?php echo esc_attr( $template->slug ); ?>" data-template-name="<?php echo esc_attr( $template_name ); ?>"><?php echo esc_html( $template->title ); ?></a>
87	</div>
88	</div>
89	<?php
90	endforeach;
91	}
92	?>
93	</div>
94	</div>
95	</div>
96	<?php
97	/**
98	* Prints the JavaScript templates for install admin notices.
99	*
100	* Template takes one argument with four values:
101	*
102	* param {object} data {
103	* Arguments for admin notice.
104	*
105	* @type string id ID of the notice.
106	* @type string className Class names for the notice.
107	* @type string message The notice's message.
108	* @type string type The type of update the notice is for. Either 'plugin' or 'theme'.
109	* }
110	*
111	* @since 1.6.0
112	*/
113	function everest_forms_print_admin_notice_templates() {
114	?>
115	<script id="tmpl-wp-installs-admin-notice" type="text/html">
116	<div <# if ( data.id ) { #>id="{{ data.id }}"<# } #> class="notice {{ data.className }}"><p>{{{ data.message }}}</p></div>
117	</script>
118	<script id="tmpl-wp-bulk-installs-admin-notice" type="text/html">
119	<div id="{{ data.id }}" class="{{ data.className }} notice <# if ( data.errors ) { #>notice-error<# } else { #>notice-success<# } #>">
120	<p>
121	<# if ( data.successes ) { #>
122	<# if ( 1 === data.successes ) { #>
123	<# if ( 'plugin' === data.type ) { #>
124	<?php
125	/* translators: %s: Number of plugins */
126	printf( esc_html__( '%s plugin successfully installed.', 'everest-forms' ), '{{ data.successes }}' );
127	?>
128	<# } #>
129	<# } else { #>
130	<# if ( 'plugin' === data.type ) { #>
131	<?php
132	/* translators: %s: Number of plugins */
133	printf( esc_html__( '%s plugins successfully installed.', 'everest-forms' ), '{{ data.successes }}' );
134	?>
135	<# } #>
136	<# } #>
137	<# } #>
138	<# if ( data.errors ) { #>
139	<button class="button-link bulk-action-errors-collapsed" aria-expanded="false">
140	<# if ( 1 === data.errors ) { #>
141	<?php
142	/* translators: %s: Number of failed installs */
143	printf( esc_html__( '%s install failed.', 'everest-forms' ), '{{ data.errors }}' );
144	?>
145	<# } else { #>
146	<?php
147	/* translators: %s: Number of failed installs */
148	printf( esc_html__( '%s installs failed.', 'everest-forms' ), '{{ data.errors }}' );
149	?>
150	<# } #>
151	<span class="screen-reader-text"><?php esc_html_e( 'Show more details', 'everest-forms' ); ?></span>
152	<span class="toggle-indicator" aria-hidden="true"></span>
153	</button>
154	<# } #>
155	</p>
156	<# if ( data.errors ) { #>
157	<ul class="bulk-action-errors hidden">
158	<# _.each( data.errorMessages, function( errorMessage ) { #>
159	<li>{{ errorMessage }}</li>
160	<# } ); #>
161	</ul>
162	<# } #>
163	</div>
164	</script>
165	<?php
166	}
167	everest_forms_print_admin_notice_templates();
168