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

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