blockspare / src / admin / index.php

index.php in BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites 1.0.1, at src/admin/index.php

256 lines 13.9 KB

Raw Download Zip

1	<?php
2	/**
3	* Welcome screen.
4	*/
5
6	// Exit if accessed directly.
7	if (!defined('ABSPATH')) {
8	exit;
9	}
10
11	if (!class_exists('Blockspare_Admin_Dashboard')) {
12	class Blockspare_Admin_Dashboard
13	{
14	function __construct()
15	{
16	add_action('admin_menu', array($this, 'add_dashboard_page'));
17
18	add_action('admin_enqueue_scripts', array($this, 'enqueue_dashboard_script'));
19
20	add_action('admin_init', array($this, 'redirect_to_blockspare_page'));
21	}
22
23	public function add_dashboard_page()
24	{
25
26	// @see images/blockspare-icon.svg
27	$svg = <<< SVG
28	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" style="fill: #ffffff;">
29	<path d="M64.08,136L23,176.66a4.75,4.75,0,0,0,3.53,8.15l86.91,0.14Z"/>
30	<path d="M177.91,128.39a17,17,0,0,0-5-12.07L71.39,14.72h0L26.61,59.5a17,17,0,0,0-5,12.05h0a17,17,0,0,0,5,12.05L128.16,185.2v-0.07l0,0,44.76-44.76a17,17,0,0,0,5-12h0Z"/>
31	<path d="M172.95,14.69l-86.83,0,49.42,49.62,40.92-41.16A5,5,0,0,0,172.95,14.69Z"/>
32	</svg>
33	SVG;
34
35	add_menu_page(
36	__('Blockspare', 'blockspare'), // Page Title.
37	__('Blockspare', 'blockspare'), // Menu Title.
38	'edit_posts', // Capability.
39	'blockspare', // Menu slug.
40	array($this, 'blockspare_admin_dashboard'), // Action.
41	'dashicons-welcome-widgets-menus' // Blockspare icon.
42	// 'data:image/svg+xml;base64,' . base64_encode($svg) // Blockspare icon.
43	);
44	}
45
46	public function enqueue_dashboard_script($hook)
47	{
48	}
49
50	public function blockspare_admin_dashboard()
51	{
52	?>
53	<div class="wrap blockspare-wrap">
54	<header class="blockspare-header">
55
56	<h1><?php _e('Blockspare', 'blockspare') ?></h1>
57	<h2><?php _e('Beautiful Page Building Blocks for WordPress', 'blockspare') ?></h2>
58
59	<div class="blockspare-separator">
60	<svg class="blockspare-separator-double-wave" preserveAspectRatio="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1946 175">
61	<path class="st0" d="M-.5 27.7v146.8h1946V10.7s-170.6 20.4-265 57.2c0 0-374.1 116.7-794.2 24.7 0 0-414.1-100.9-673.1-92-.1 0-102.9 5.2-213.7 27.1z"></path>
62	<path class="st1" d="M1945.5 69.9s-425.5-100-888 20.5c0 0-342.6 63.3-611.4 43.8 0 0-224.9-40.3-446.6-84.4V174h1946V69.9z"></path>
63	<path d="M-.5 88s425.5-100 888 20.5c0 0 342.6 63.3 611.4 43.8 0 0 224.9-20.2 446.6-64.3v87H-.5V88z"></path>
64	</svg>
65	</div>
66	</header>
67	<section class="blockspare-main-container">
68	<article class="blockspare-intro blockspare-section">
69
70	<div class="blockspare-intro-col blockspare-intro-desc">
71	<div class="blockspare-common-header-wrapper">
72	<span class="blockspare-subtitle"><?php _e('Amazing Blocks', 'blockspare') ?></span>
73	<h2><?php _e('Envision Amazing Layouts with Blockspare', 'blockspare') ?></h2>
74	</div>
75
76	<p><?php _e('Now you have Blockspare for your WordPress editor', 'blockspare') ?></p>
77	<ol>
78	<li>
79	<?php _e('Create a new page', 'blockspare') ?>
80	</li>
81	<li>
82	<?php _e('Click on the <span class="plus-btn-svg"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="#222"><path d="M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z"></path></svg></span> button to add a block', 'blockspare') ?>
83	</li>
84	<li>
85	<?php _e('Expand Blockspare panel!', 'blockspare') ?>
86	</li>
87	<li>
88	<?php _e('Select to add and customize a block!', 'blockspare') ?>
89	</li>
90	</ol>
91
92	<a href="<?php echo esc_url(admin_url('post-new.php?post_type=page&blockspare_show_intro=true')) ?>"
93	class="blockspare-button"
94	title="<?php esc_attr_e('Try it on New Page', 'blockspare') ?>"><?php _e('Try it on New Page', 'blockspare') ?></a>
95	</p>
96	</div>
97	<div class="blockspare-intro-col blockspare-intro-img">
98	<p><img src="<?php echo esc_url(plugins_url('assets/blockspare-adding-blocks.gif', __FILE__)) ?>"
99	alt="<?php esc_attr_e('Adding Blockspare', 'blockspare') ?>" class="blockspare-gif"/></p>
100	<p>
101	</div>
102	</article>
103	</section>
104	<section class="blockspare-body-container">
105	<div class="blockspare-body">
106
107	<article class="blockspare-section blockspare-block-intro">
108
109	<div class="blockspare-common-header-wrapper">
110	<span class="blockspare-subtitle"><?php _e('Enhanced set of Blocks', 'blockspare') ?></span>
111	<h3><?php _e('Start Creating Page using Enhanced set of Blocks in Minutes!', 'blockspare') ?></h3>
112	</div>
113
114	<p><?php _e('We design an elegant series of WordPress blocks to help you create the website you always wanted with ease.', 'blockspare') ?>
115	</p>
116	<!-- We put all the block controls here. -->
117	<div class="blockspare-available-blocks-wrapper">
118	<?php
119	$blockspare_blocks = blockspare_blocks_list();
120	if (isset($blockspare_blocks) && !empty($blockspare_blocks)):
121	foreach ($blockspare_blocks as $block):
122	$blocks_name = $block['name'];
123	$icon_url = plugins_url("assets/" .$block['slug'] . "-image.png", __FILE__);
124	$demo_url = 'https://blockspare.com/block/'.$block['slug'];
125
126	?>
127	<a class="blockspare-explore-btn" href="<?php echo esc_url($demo_url) ?>" target="_blank">
128	<div class="blockspare-available-blocks">
129
130	<img src="<?php echo esc_attr($icon_url); ?>" alt="<?php echo esc_attr($blocks_name) ?>">
131	<h4>
132	<?php echo esc_attr($blocks_name) ?>
133	</h4>
134
135
136
137	</div>
138	</a>
139	<?php
140	endforeach;
141	endif;
142
143	?>
144	</div>
145	<div class="blocksparea-all-blocks-button"><a href="https://blockspare.com/" class="blockspare-button"
146	target="_blank"
147	title="<?php esc_attr_e('Explore All Blocks', 'blockspare') ?>"><?php _e('Explore All Blocks', 'blockspare') ?></a>
148	</div>
149	</article>
150	<aside class="blockspare-backward-compatibility-control-wrapper"></aside>
151	<?php if (BLOCKSPARE_SHOW_PRO_NOTICES): ?>
152	<aside class="blockspare-pro-control-wrapper"></aside>
153	<?php endif; ?>
154	</div>
155	<div class="blockspare-side">
156
157	<div class="blockspare-side-sticky">
158	<?php
159	$blockspare_pro = false;
160	if ($blockspare_pro == false ) : ?>
161	<aside class="blockspare-section blockspare-premium-section">
162	<h3><?php _e('Blockspare Pro', 'blockspare') ?></h3>
163	<p><?php _e('Want to use Blockspare Pro to build an awesome site with more options and controls? Upgrade to Pro and get:', 'blockspare') ?></p>
164	<ul class="blockspare-premium-features">
165	<li><?php _e('30+ Custom WordPress Blocks', 'blockspare') ?></li>
166	<li><?php _e('110+ Pre-designed Blocks Layouts', 'blockspare') ?></li>
167	<li><?php _e('Gradient Colors Effects', 'blockspare') ?></li>
168	<li><?php _e('Additional Block Options', 'blockspare') ?></li>
169	<li><?php _e('Rearrangeable Inner Blocks', 'blockspare') ?></li>
170	<li><?php _e('Image Masking Colors Effects and Filters ', 'blockspare') ?></li>
171	<li><?php _e('All Premium Features', 'blockspare') ?></li>
172	<li><?php _e('Email Support', 'blockspare') ?></li>
173	<li><?php _e('Regular Updates & Premium Support', 'blockspare') ?></li>
174	</ul>
175	</p>
176	<p>
177	<a href="https://blockspare.com/" class="blockspare-button"
178	title="<?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?>"><?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?></a>
179	</p>
180
181	</aside>
182	<?php endif; ?>
183
184	<aside class="blockspare-section">
185	<h3><?php _e('Knowledge Base', 'blockspare') ?></h3>
186	<ul class="blockspare-list blockspare-knowledge-base">
187	<li>
188	<h4 class="blockspare-sub-headings">
189	<a href="https://blockspare.com/docs/"><?php esc_html_e('Documentations', 'blockspare') ?> →</a>
190	</h4>
191	<p><?php esc_html_e('Do you have any difficulties regarding plugin setup and uses? Please visit Documentations page.', 'blockspare') ?></p>
192	</li>
193	<li>
194	<h4 class="blockspare-sub-headings">
195	<a href="https://blockspare.com/block/"><?php esc_html_e('Demos', 'blockspare') ?> →</a>
196	</h4>
197	<p><?php esc_html_e('We have also designed and displayed multiple type of layouts with Blockspare. For more details please visit our site.', 'blockspare') ?></p>
198	</li>
199	<li>
200	<h4 class="blockspare-sub-headings">
201	<a href="https://blockspare.com/support/"><?php esc_html_e('Support', 'blockspare') ?> →</a>
202	</h4>
203	<p><?php esc_html_e('You directly come upon to our support guys with your valuable queries.', 'blockspare') ?></p>
204	</li>
205	<li>
206	<h4 class="blockspare-sub-headings">
207	<a href="https://wordpress.org/support/plugin/blockspare/"><?php esc_html_e('WordPress Support Forum', 'blockspare') ?> →</a>
208	</h4>
209	<p><?php esc_html_e('You can also go to our .org forum for any kind of support enquiries.', 'blockspare') ?></p>
210	</li>
211	<li>
212	<h4 class="blockspare-sub-headings">
213	<a href="https://blockspare.com/blog/"><?php esc_html_e('Latest Blog', 'blockspare') ?> →</a>
214	</h4>
215	<p><?php esc_html_e('Get latest articles about WordPress.', 'blockspare') ?></p>
216	</li>
217	</ul>
218
219	</p>
220	</aside>
221	</div>
222
223	</div>
224	</section>
225	</div>
226	<?php
227	}
228
229	/**
230	* Adds a marker to remember to redirect after activation.
231	* Redirecting right away will not work.
232	*/
233	public static function start_redirect_to_blockspare_page()
234	{
235	update_option('blockspare_redirect_to_welcome', '1');
236	}
237
238	/**
239	* Redirect to the welcome screen if our marker exists.
240	*/
241	public function redirect_to_blockspare_page()
242	{
243	if (get_option('blockspare_redirect_to_welcome')) {
244	delete_option('blockspare_redirect_to_welcome');
245	wp_redirect(esc_url(admin_url('admin.php?page=blockspare')));
246	die();
247	}
248	}
249	}
250
251	new Blockspare_Admin_Dashboard();
252	}
253
254	// Redirect to the welcome screen.
255	register_activation_hook(BLOCKSPARE_BASE_FILE, array('Blockspare_Admin_Dashboard', 'start_redirect_to_blockspare_page'));
256