← All changes | src/admin/index.php +150 -164 2.1.2 → 1.3.3 View file →

		@@ -46,9 +46,9 @@
46	46	__('Blockspare', 'blockspare'), // Menu Title.
47	47	'edit_posts', // Capability.
48	48	'blockspare', // Menu slug.
49	49	array($this, 'blockspare_admin_dashboard'), // Action.
50		- 'data:image/svg+xml;base64,' . base64_encode($svg) // Blockspare icon.
	50	+ 'data:image/svg+xml;base64,' . base64_encode($svg) // Blockspare icon.
51	51	);
52	52
53	53	// Our getting started page.
54	54	add_submenu_page(
		@@ -68,83 +68,78 @@
68	68
69	69	public function blockspare_admin_dashboard()
70	70	{
71	71	?>
72		-<div class="wrap blockspare-wrap">
73		- <header class="blockspare-header">
74		- <img src="<?php echo esc_url(plugins_url('assets/blockspare-logo.png', __FILE__)) ?>"
75		- alt="<?php esc_attr_e('Blockspare', 'blockspare') ?>" />
	72	+ <div class="wrap blockspare-wrap">
	73	+ <header class="blockspare-header">
	74	+ <img src="<?php echo esc_url(plugins_url('assets/blockspare-logo.png', __FILE__)) ?>"
	75	+ alt="<?php esc_attr_e('Blockspare', 'blockspare') ?>" />
	76	+ <h1>
	77	+ <?php _e('Blockspare', 'blockspare') ?>
	78	+ </h1>
	79	+ <h2><?php _e('Beautiful Page Building Gutenberg Blocks for WordPress', 'blockspare') ?></h2>
76	80
77		- <h1><?php _e('Blockspare', 'blockspare') ?></h1>
78		- <h2><?php _e('Beautiful Page Building Blocks for WordPress', 'blockspare') ?></h2>
	81	+ <div class="blockspare-separator">
	82	+ <svg class="blockspare-separator-double-wave" preserveAspectRatio="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1946 175">
	83	+ <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>
	84	+ <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>
	85	+ <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>
	86	+ </svg>
	87	+ </div>
	88	+ </header>
	89	+ <section class="blockspare-main-container">
	90	+ <article class="blockspare-intro blockspare-section">
79	91
80		- <div class="blockspare-separator">
81		- <svg class="blockspare-separator-double-wave" preserveAspectRatio="none" aria-hidden="true"
82		- xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1946 175">
83		- <path class="st0"
84		- 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">
85		- </path>
86		- <path class="st1"
87		- 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">
88		- </path>
89		- <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">
90		- </path>
91		- </svg>
92		- </div>
93		- </header>
94		- <section class="blockspare-main-container">
95		- <article class="blockspare-intro blockspare-section">
	92	+ <div class="blockspare-intro-col blockspare-intro-desc">
	93	+ <div class="blockspare-common-header-wrapper">
	94	+ <span class="blockspare-subtitle"><?php _e('Amazing Blocks', 'blockspare') ?></span>
	95	+ <h2><?php _e('Envision Amazing Layouts with Blockspare', 'blockspare') ?></h2>
	96	+ </div>
96	97
97		- <div class="blockspare-intro-col blockspare-intro-desc">
98		- <div class="blockspare-common-header-wrapper">
99		- <span class="blockspare-subtitle"><?php _e('Amazing Blocks', 'blockspare') ?></span>
100		- <h2><?php _e('Envision Amazing Layouts with Blockspare', 'blockspare') ?></h2>
101		- </div>
	98	+ <p><?php _e('Now you have Blockspare for your WordPress editor', 'blockspare') ?></p>
	99	+ <ol>
	100	+ <li>
	101	+ <?php _e('Create a new page', 'blockspare') ?>
	102	+ </li>
	103	+ <li>
	104	+ <?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') ?>
	105	+ </li>
	106	+ <li>
	107	+ <?php _e('Expand Blockspare panel!', 'blockspare') ?>
	108	+ </li>
	109	+ <li>
	110	+ <?php _e('Select to add and customize a block!', 'blockspare') ?>
	111	+ </li>
	112	+ </ol>
102	113
103		- <p><?php _e('Now you have Blockspare for your WordPress editor', 'blockspare') ?></p>
104		- <ol>
105		- <li>
106		- <?php _e('Create a new page', 'blockspare') ?>
107		- </li>
108		- <li>
109		- <?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') ?>
110		- </li>
111		- <li>
112		- <?php _e('Expand Blockspare panel!', 'blockspare') ?>
113		- </li>
114		- <li>
115		- <?php _e('Select to add and customize a block!', 'blockspare') ?>
116		- </li>
117		- </ol>
	114	+ <a href="<?php echo esc_url(admin_url('post-new.php?post_type=page&blockspare_show_intro=true')) ?>"
	115	+ class="blockspare-button"
	116	+ title="<?php esc_attr_e('Try it on New Page', 'blockspare') ?>"><?php _e('Try it on New Page', 'blockspare') ?></a>
	117	+ </p>
	118	+ </div>
	119	+ <div class="blockspare-intro-col blockspare-intro-img">
	120	+ <p><img src="<?php echo esc_url(plugins_url('assets/blockspare-adding-blocks.gif', __FILE__)) ?>"
	121	+ alt="<?php esc_attr_e('Adding Blockspare', 'blockspare') ?>" class="blockspare-gif"/></p>
	122	+ <p>
	123	+ </div>
	124	+ </article>
	125	+ </section>
	126	+ <section class="blockspare-body-container">
	127	+ <div class="blockspare-body">
118	128
119		- <a href="<?php echo esc_url(admin_url('post-new.php?post_type=page&blockspare_show_intro=true')) ?>"
120		- class="blockspare-button"
121		- title="<?php esc_attr_e('Try it on New Page', 'blockspare') ?>"><?php _e('Try it on New Page', 'blockspare') ?></a>
122		- </p>
123		- </div>
124		- <div class="blockspare-intro-col blockspare-intro-img">
125		- <p><img src="<?php echo esc_url(plugins_url('assets/blockspare-adding-blocks.gif', __FILE__)) ?>"
126		- alt="<?php esc_attr_e('Adding Blockspare', 'blockspare') ?>" class="blockspare-gif" /></p>
127		- <p>
128		- </div>
129		- </article>
130		- </section>
131		- <section class="blockspare-body-container">
132		- <div class="blockspare-body">
	129	+ <article class="blockspare-section blockspare-block-intro">
133	130
134		- <article class="blockspare-section blockspare-block-intro">
	131	+ <div class="blockspare-common-header-wrapper">
	132	+ <span class="blockspare-subtitle"><?php _e('Enhanced set of Blocks', 'blockspare') ?></span>
	133	+ <h3><?php _e('Start Creating Page using Enhanced set of Blocks in Minutes!', 'blockspare') ?></h3>
	134	+ </div>
135	135
136		- <div class="blockspare-common-header-wrapper">
137		- <span class="blockspare-subtitle"><?php _e('Enhanced set of Blocks', 'blockspare') ?></span>
138		- <h3><?php _e('Start Creating Page using Enhanced set of Blocks in Minutes!', 'blockspare') ?></h3>
139		- </div>
140		-
141		- <p><?php _e('We design an elegant series of WordPress blocks to help you create the website you always wanted with ease.', 'blockspare') ?>
142		- </p>
143		- <!-- We put all the block controls here. -->
144		- <div class="blockspare-available-blocks-wrapper">
145		- <?php
146		- $blockspare_blocks = blockspare_admin_blocks_list();
	136	+ <p><?php _e('We design an elegant series of WordPress blocks to help you create the website you always wanted with ease.', 'blockspare') ?>
	137	+ </p>
	138	+ <!-- We put all the block controls here. -->
	139	+ <div class="blockspare-available-blocks-wrapper">
	140	+ <?php
	141	+ $blockspare_blocks = blockspare_blocks_list();
147	142	if (isset($blockspare_blocks) && !empty($blockspare_blocks)):
148	143	foreach ($blockspare_blocks as $block):
149	144	$blocks_name = $block['name'];
150	145	$icon_url = plugins_url("assets/" .$block['slug'] . "-image.png", __FILE__);
		@@ -150,117 +145,108 @@
150	145	$icon_url = plugins_url("assets/" .$block['slug'] . "-image.png", __FILE__);
151	146	$demo_url = 'https://blockspare.com/block/'.$block['slug'];
152	147
153	148	?>
154		- <a class="blockspare-explore-btn" href="<?php echo esc_url($demo_url) ?>" target="_blank">
155		- <div class="blockspare-available-blocks">
	149	+ <a class="blockspare-explore-btn" href="<?php echo esc_url($demo_url) ?>" target="_blank">
	150	+ <div class="blockspare-available-blocks">
156	151
157		- <img src="<?php echo esc_attr($icon_url); ?>" alt="<?php echo esc_attr($blocks_name) ?>">
158		- <h4>
159		- <?php echo esc_attr($blocks_name) ?>
160		- </h4>
	152	+ <img src="<?php echo esc_attr($icon_url); ?>" alt="<?php echo esc_attr($blocks_name) ?>">
	153	+ <h4>
	154	+ <?php echo esc_attr($blocks_name) ?>
	155	+ </h4>
161	156
162	157
163	158
164		- </div>
165		- </a>
166		- <?php
	159	+ </div>
	160	+ </a>
	161	+ <?php
167	162	endforeach;
168	163	endif;
169	164
170	165	?>
171		- </div>
172		- <div class="blocksparea-all-blocks-button"><a href="https://blockspare.com/" class="blockspare-button"
173		- target="_blank"
174		- title="<?php esc_attr_e('Explore All Blocks', 'blockspare') ?>"><?php _e('Explore All Blocks', 'blockspare') ?></a>
175		- </div>
176		- </article>
177		- <aside class="blockspare-backward-compatibility-control-wrapper"></aside>
178		- <?php if (BLOCKSPARE_SHOW_PRO_NOTICES): ?>
179		- <aside class="blockspare-pro-control-wrapper"></aside>
180		- <?php endif; ?>
181		- </div>
182		- <div class="blockspare-side">
	166	+ </div>
	167	+ <div class="blocksparea-all-blocks-button"><a href="https://blockspare.com/" class="blockspare-button"
	168	+ target="_blank"
	169	+ title="<?php esc_attr_e('Explore All Blocks', 'blockspare') ?>"><?php _e('Explore All Blocks', 'blockspare') ?></a>
	170	+ </div>
	171	+ </article>
	172	+ <aside class="blockspare-backward-compatibility-control-wrapper"></aside>
	173	+ <?php if (BLOCKSPARE_SHOW_PRO_NOTICES): ?>
	174	+ <aside class="blockspare-pro-control-wrapper"></aside>
	175	+ <?php endif; ?>
	176	+ </div>
	177	+ <div class="blockspare-side">
183	178
184		- <div class="blockspare-side-sticky">
185		- <?php
186		- $blockspare_pro = true;
	179	+ <div class="blockspare-side-sticky">
	180	+ <?php
	181	+ $blockspare_pro = false;
187	182	if ($blockspare_pro == false ) : ?>
188		- <aside class="blockspare-section blockspare-premium-section">
189		- <h3><?php _e('Blockspare Pro', 'blockspare') ?></h3>
190		- <p><?php _e('Want to use Blockspare to build an awesome site with more options and controls? Upgrade to Pro and get:', 'blockspare') ?>
191		- </p>
192		- <ul class="blockspare-premium-features">
193		- <li><?php _e('30+ Custom WordPress Blocks', 'blockspare') ?></li>
194		- <li><?php _e('110+ Pre-designed Blocks Layouts', 'blockspare') ?></li>
195		- <li><?php _e('Gradient Colors Effects', 'blockspare') ?></li>
196		- <li><?php _e('Additional Block Options', 'blockspare') ?></li>
197		- <li><?php _e('Rearrangeable Inner Blocks', 'blockspare') ?></li>
198		- <li><?php _e('Image Masking Colors Effects and Filters ', 'blockspare') ?></li>
199		- <li><?php _e('All Premium Effects', 'blockspare') ?></li>
200		- <li><?php _e('Customer Email Support', 'blockspare') ?></li>
201		- <li><?php _e('Regular Updates & Premium Support', 'blockspare') ?></li>
202		- </ul>
203		- </p>
204		- <p>
205		- <a href="https://blockspare.com/" class="blockspare-button"
206		- title="<?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?>"><?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?></a>
207		- </p>
	183	+ <aside class="blockspare-section blockspare-premium-section">
	184	+ <h3><?php _e('Blockspare Pro', 'blockspare') ?></h3>
	185	+ <p><?php _e('Want to use Blockspare Pro to build an awesome site with more options and controls?', 'blockspare') ?></p>
	186	+ <ul class="blockspare-premium-features">
	187	+ <li><?php _e('30+ Custom WordPress Blocks', 'blockspare') ?></li>
	188	+ <li><?php _e('110+ Pre-designed Blocks Layouts', 'blockspare') ?></li>
	189	+ <li><?php _e('Gradients Color Effects', 'blockspare') ?></li>
	190	+ <li><?php _e('Additional Block Options', 'blockspare') ?></li>
	191	+ <li><?php _e('Rearrangeable Inner Blocks', 'blockspare') ?></li>
	192	+ <li><?php _e('Image Masking Colors Effects and Filters ', 'blockspare') ?></li>
	193	+ <li><?php _e('All Premium Effects', 'blockspare') ?></li>
	194	+ <li><?php _e('Customer Email Support', 'blockspare') ?></li>
	195	+ <li><?php _e('Regular Updates & Premium Support', 'blockspare') ?></li>
	196	+ </ul>
	197	+ </p>
	198	+ <p>
	199	+ <a href="<?php echo esc_url(admin_url( '/admin.php?page=blockspare-pricing' )); ?>" class="blockspare-button"
	200	+ title="<?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?>"><?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?></a>
	201	+ </p>
208	202
209		- </aside>
210		- <?php endif; ?>
	203	+ </aside>
	204	+ <?php endif; ?>
211	205
212		- <aside class="blockspare-section">
213		- <h3><?php _e('Knowledge Base', 'blockspare') ?></h3>
214		- <ul class="blockspare-list blockspare-knowledge-base">
215		- <li>
216		- <h4 class="blockspare-sub-headings">
217		- <a href="https://blockspare.com/docs/"><?php esc_html_e('Documentations', 'blockspare') ?>
218		- →</a>
219		- </h4>
220		- <p><?php esc_html_e('Do you have any difficulties regarding plugin setup and uses? Please visit Documentations page.', 'blockspare') ?>
	206	+ <aside class="blockspare-section">
	207	+ <h3><?php _e('Knowledge Base', 'blockspare') ?></h3>
	208	+ <ul class="blockspare-list blockspare-knowledge-base">
	209	+ <li>
	210	+ <h4 class="blockspare-sub-headings">
	211	+ <a href="https://blockspare.com/docs/"><?php esc_html_e('Documentations', 'blockspare') ?> →</a>
	212	+ </h4>
	213	+ <p><?php esc_html_e('Do you have any difficulties regarding plugin setup and uses? Please visit Documentations page.', 'blockspare') ?></p>
	214	+ </li>
	215	+ <li>
	216	+ <h4 class="blockspare-sub-headings">
	217	+ <a href="https://blockspare.com/block/"><?php esc_html_e('Demos', 'blockspare') ?> →</a>
	218	+ </h4>
	219	+ <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>
	220	+ </li>
	221	+ <li>
	222	+ <h4 class="blockspare-sub-headings">
	223	+ <a href="https://blockspare.com/support/"><?php esc_html_e('Support', 'blockspare') ?> →</a>
	224	+ </h4>
	225	+ <p><?php esc_html_e('You directly come upon to our support guys with your valuable queries.', 'blockspare') ?></p>
	226	+ </li>
	227	+ <li>
	228	+ <h4 class="blockspare-sub-headings">
	229	+ <a href="https://wordpress.org/support/plugin/blockspare/"><?php esc_html_e('WordPress Support Forum', 'blockspare') ?> →</a>
	230	+ </h4>
	231	+ <p><?php esc_html_e('You can also go to our .org forum for any kind of support enquiries.', 'blockspare') ?></p>
	232	+ </li>
	233	+ <li>
	234	+ <h4 class="blockspare-sub-headings">
	235	+ <a href="https://blockspare.com/blog/"><?php esc_html_e('Latest Blog', 'blockspare') ?> →</a>
	236	+ </h4>
	237	+ <p><?php esc_html_e('Get latest articles about WordPress.', 'blockspare') ?></p>
	238	+ </li>
	239	+ </ul>
	240	+
221	241	</p>
222		- </li>
223		- <li>
224		- <h4 class="blockspare-sub-headings">
225		- <a href="https://blockspare.com/block/"><?php esc_html_e('Demos', 'blockspare') ?> →</a>
226		- </h4>
227		- <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') ?>
228		- </p>
229		- </li>
230		- <li>
231		- <h4 class="blockspare-sub-headings">
232		- <a href="https://blockspare.com/support/"><?php esc_html_e('Support', 'blockspare') ?>
233		- →</a>
234		- </h4>
235		- <p><?php esc_html_e('You directly come upon to our support guys with your valuable queries.', 'blockspare') ?>
236		- </p>
237		- </li>
238		- <li>
239		- <h4 class="blockspare-sub-headings">
240		- <a href="https://wordpress.org/plugins/blockspare/"><?php esc_html_e('WordPress Support Forum', 'blockspare') ?>
241		- →</a>
242		- </h4>
243		- <p><?php esc_html_e('You can also go to our .org forum for any kind of support enquiries.', 'blockspare') ?>
244		- </p>
245		- </li>
246		- <li>
247		- <h4 class="blockspare-sub-headings">
248		- <a href="https://blockspare.com/blog/"><?php esc_html_e('Latest Blog', 'blockspare') ?>
249		- →</a>
250		- </h4>
251		- <p><?php esc_html_e('Get latest articles about WordPress.', 'blockspare') ?></p>
252		- </li>
253		- </ul>
	242	+ </aside>
	243	+ </div>
254	244
255		- </p>
256		- </aside>
	245	+ </div>
	246	+ </section>
257	247	</div>
258		-
259		- </div>
260		- </section>
261		-</div>
262		-<?php
	248	+ <?php
263	249	}
264	250
265	251	/**
266	252	* Adds a marker to remember to redirect after activation.
		@@ -287,5 +273,5 @@
287	273	new Blockspare_Admin_Dashboard();
288	274	}
289	275
290	276	// Redirect to the welcome screen.
291		-register_activation_hook(BLOCKSPARE_BASE_FILE, array('Blockspare_Admin_Dashboard', 'start_redirect_to_blockspare_page'));
	277	+register_activation_hook(BLOCKSPARE_BASE_FILE, array('Blockspare_Admin_Dashboard', 'start_redirect_to_blockspare_page'));