PluginProbe
BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites / 1.0.5
BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites v1.0.5
4.1.0 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.1.0 1.1.1 1.1.2 1.2.0 1.2.1 1.2.2 1.2.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 2.1.2 2.5.0 2.5.3 2.6.1 All 38 releases
← All changes | src/admin/index.php +161 -189 2.1.21.0.5 View file →
@@ -24,22 +24,19 @@
24 24 {
25 25
26 26 // @see images/blockspare-icon.svg
27 27 $svg = <<< SVG
28 -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
29 - viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
30 -<g>
31 - <g>
32 - <path class="st0" d="M1.6,9.2v21.4l18.3-9.2L20.2,0L1.6,9.2z M16.9,19.8L4.9,26V10.9l12-6.1V19.8z"/>
33 - <polygon id="XMLID_3_" class="st1" points="19.9,21.4 16.9,23 26,27.7 13.8,33.8 4.9,29 1.6,30.7 13.9,36.9 32.4,27.7 "/>
34 - </g>
35 - <g>
36 - <polygon id="XMLID_2_" class="st0" points="23,1.5 23,19.8 32.4,24.6 32.4,9.4 35.3,10.9 35.3,29 38.4,30.7 38.4,9.2 29.4,4.8
37 - 29.2,19.7 26,18.4 26,3.1 "/>
38 - <polygon id="XMLID_1_" class="st1" points="17,38.4 19.9,40 38.4,30.7 35.3,29 "/>
39 - </g>
40 -</g>
41 -</svg>
28 +<svg className="blockspare-svg blockspare-svg-blockspare" fill="#ffffff" width='20px' height='20px' xmlns='http://www.w3.org/2000/svg' viewBox="0 0 608.22 704.72">
29 + <path fill="#ffffff" className="cls-1"
30 + d="M470.13,115.84,212,305.42,200.76,649.88,434.05,767.41l261.4-218.67L482.9,441.92Zm-199,219.58L413.69,228.17l1.15,179.42L263.64,526.79Zm317.46,228L426.88,706.87,254.64,612.08,426,482.82"
31 + transform="translate(-200.76 -115.84)"/>
32 + <polygon className="cls-1" fill="#ffffff"
33 + points="329.48 30.28 384.8 58.16 390.46 257.8 444.73 283.66 440.69 86.31 598.38 165.75 608.22 490.54 338.79 704.72 290.36 680.32 549.52 463.95 546.49 189.07 495.83 164.86 492.17 374.97 337.56 296.15 329.48 30.28"/>
34 + <polygon className="cls-2" fill="#ffffff"
35 + points="0 534.04 53.88 496.23 226.12 591.02 387.85 447.54 225.29 366.97 282.14 326.08 494.69 432.9 233.29 651.57 0 534.04"/>
36 + <polygon className="cls-2" fill="#ffffff"
37 + points="290.36 680.32 338.79 704.72 608.22 490.54 549.52 463.95 290.36 680.32"/>
38 + </svg>
42 39 SVG;
43 40
44 41 add_menu_page(
45 42 __('Blockspare', 'blockspare'), // Page Title.
@@ -46,21 +43,10 @@
46 43 __('Blockspare', 'blockspare'), // Menu Title.
47 44 'edit_posts', // Capability.
48 45 'blockspare', // Menu slug.
49 46 array($this, 'blockspare_admin_dashboard'), // Action.
50 - 'data:image/svg+xml;base64,' . base64_encode($svg) // Blockspare icon.
47 + 'data:image/svg+xml;base64,' . base64_encode($svg) // Blockspare icon.
51 48 );
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 49 }
64 50
65 51 public function enqueue_dashboard_script($hook)
66 52 {
@@ -68,83 +54,78 @@
68 54
69 55 public function blockspare_admin_dashboard()
70 56 {
71 57 ?>
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') ?>" />
58 + <div class="wrap blockspare-wrap">
59 + <header class="blockspare-header">
60 + <img src="<?php echo esc_url(plugins_url('assets/blockspare-logo.png', __FILE__)) ?>"
61 + alt="<?php esc_attr_e('Blockspare', 'blockspare') ?>" />
62 + <h1>
63 + <?php _e('Blockspare', 'blockspare') ?>
64 + </h1>
65 + <h2><?php _e('Beautiful Page Building Blocks for WordPress', 'blockspare') ?></h2>
76 66
77 - <h1><?php _e('Blockspare', 'blockspare') ?></h1>
78 - <h2><?php _e('Beautiful Page Building Blocks for WordPress', 'blockspare') ?></h2>
67 + <div class="blockspare-separator">
68 + <svg class="blockspare-separator-double-wave" preserveAspectRatio="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1946 175">
69 + <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>
70 + <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>
71 + <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>
72 + </svg>
73 + </div>
74 + </header>
75 + <section class="blockspare-main-container">
76 + <article class="blockspare-intro blockspare-section">
79 77
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">
78 + <div class="blockspare-intro-col blockspare-intro-desc">
79 + <div class="blockspare-common-header-wrapper">
80 + <span class="blockspare-subtitle"><?php _e('Amazing Blocks', 'blockspare') ?></span>
81 + <h2><?php _e('Envision Amazing Layouts with Blockspare', 'blockspare') ?></h2>
82 + </div>
96 83
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>
84 + <p><?php _e('Now you have Blockspare for your WordPress editor', 'blockspare') ?></p>
85 + <ol>
86 + <li>
87 + <?php _e('Create a new page', 'blockspare') ?>
88 + </li>
89 + <li>
90 + <?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') ?>
91 + </li>
92 + <li>
93 + <?php _e('Expand Blockspare panel!', 'blockspare') ?>
94 + </li>
95 + <li>
96 + <?php _e('Select to add and customize a block!', 'blockspare') ?>
97 + </li>
98 + </ol>
102 99
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>
100 + <a href="<?php echo esc_url(admin_url('post-new.php?post_type=page&blockspare_show_intro=true')) ?>"
101 + class="blockspare-button"
102 + title="<?php esc_attr_e('Try it on New Page', 'blockspare') ?>"><?php _e('Try it on New Page', 'blockspare') ?></a>
103 + </p>
104 + </div>
105 + <div class="blockspare-intro-col blockspare-intro-img">
106 + <p><img src="<?php echo esc_url(plugins_url('assets/blockspare-adding-blocks.gif', __FILE__)) ?>"
107 + alt="<?php esc_attr_e('Adding Blockspare', 'blockspare') ?>" class="blockspare-gif"/></p>
108 + <p>
109 + </div>
110 + </article>
111 + </section>
112 + <section class="blockspare-body-container">
113 + <div class="blockspare-body">
118 114
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">
115 + <article class="blockspare-section blockspare-block-intro">
133 116
134 - <article class="blockspare-section blockspare-block-intro">
117 + <div class="blockspare-common-header-wrapper">
118 + <span class="blockspare-subtitle"><?php _e('Enhanced set of Blocks', 'blockspare') ?></span>
119 + <h3><?php _e('Start Creating Page using Enhanced set of Blocks in Minutes!', 'blockspare') ?></h3>
120 + </div>
135 121
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();
122 + <p><?php _e('We design an elegant series of WordPress blocks to help you create the website you always wanted with ease.', 'blockspare') ?>
123 + </p>
124 + <!-- We put all the block controls here. -->
125 + <div class="blockspare-available-blocks-wrapper">
126 + <?php
127 + $blockspare_blocks = blockspare_blocks_list();
147 128 if (isset($blockspare_blocks) && !empty($blockspare_blocks)):
148 129 foreach ($blockspare_blocks as $block):
149 130 $blocks_name = $block['name'];
150 131 $icon_url = plugins_url("assets/" .$block['slug'] . "-image.png", __FILE__);
@@ -150,117 +131,108 @@
150 131 $icon_url = plugins_url("assets/" .$block['slug'] . "-image.png", __FILE__);
151 132 $demo_url = 'https://blockspare.com/block/'.$block['slug'];
152 133
153 134 ?>
154 - <a class="blockspare-explore-btn" href="<?php echo esc_url($demo_url) ?>" target="_blank">
155 - <div class="blockspare-available-blocks">
135 + <a class="blockspare-explore-btn" href="<?php echo esc_url($demo_url) ?>" target="_blank">
136 + <div class="blockspare-available-blocks">
156 137
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>
138 + <img src="<?php echo esc_attr($icon_url); ?>" alt="<?php echo esc_attr($blocks_name) ?>">
139 + <h4>
140 + <?php echo esc_attr($blocks_name) ?>
141 + </h4>
161 142
162 143
163 144
164 - </div>
165 - </a>
166 - <?php
145 + </div>
146 + </a>
147 + <?php
167 148 endforeach;
168 149 endif;
169 150
170 151 ?>
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">
152 + </div>
153 + <div class="blocksparea-all-blocks-button"><a href="https://blockspare.com/" class="blockspare-button"
154 + target="_blank"
155 + title="<?php esc_attr_e('Explore All Blocks', 'blockspare') ?>"><?php _e('Explore All Blocks', 'blockspare') ?></a>
156 + </div>
157 + </article>
158 + <aside class="blockspare-backward-compatibility-control-wrapper"></aside>
159 + <?php if (BLOCKSPARE_SHOW_PRO_NOTICES): ?>
160 + <aside class="blockspare-pro-control-wrapper"></aside>
161 + <?php endif; ?>
162 + </div>
163 + <div class="blockspare-side">
183 164
184 - <div class="blockspare-side-sticky">
185 - <?php
186 - $blockspare_pro = true;
165 + <div class="blockspare-side-sticky">
166 + <?php
167 + $blockspare_pro = false;
187 168 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>
169 + <aside class="blockspare-section blockspare-premium-section">
170 + <h3><?php _e('Blockspare Pro', 'blockspare') ?></h3>
171 + <p><?php _e('Want to use Blockspare Pro to build an awesome site with more options and controls?', 'blockspare') ?></p>
172 + <ul class="blockspare-premium-features">
173 + <li><?php _e('30+ Custom WordPress Blocks', 'blockspare') ?></li>
174 + <li><?php _e('110+ Pre-designed Blocks Layouts', 'blockspare') ?></li>
175 + <li><?php _e('Gradients Color Effects', 'blockspare') ?></li>
176 + <li><?php _e('Additional Block Options', 'blockspare') ?></li>
177 + <li><?php _e('Rearrangeable Inner Blocks', 'blockspare') ?></li>
178 + <li><?php _e('Image Masking Colors Effects and Filters ', 'blockspare') ?></li>
179 + <li><?php _e('All Premium Effects', 'blockspare') ?></li>
180 + <li><?php _e('Customer Email Support', 'blockspare') ?></li>
181 + <li><?php _e('Regular Updates & Premium Support', 'blockspare') ?></li>
182 + </ul>
183 + </p>
184 + <p>
185 + <a href="https://blockspare.com/" class="blockspare-button"
186 + title="<?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?>"><?php esc_attr_e('Get Blockspare Pro', 'blockspare') ?></a>
187 + </p>
208 188
209 - </aside>
210 - <?php endif; ?>
189 + </aside>
190 + <?php endif; ?>
211 191
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') ?>
192 + <aside class="blockspare-section">
193 + <h3><?php _e('Knowledge Base', 'blockspare') ?></h3>
194 + <ul class="blockspare-list blockspare-knowledge-base">
195 + <li>
196 + <h4 class="blockspare-sub-headings">
197 + <a href="https://blockspare.com/docs/"><?php esc_html_e('Documentations', 'blockspare') ?> →</a>
198 + </h4>
199 + <p><?php esc_html_e('Do you have any difficulties regarding plugin setup and uses? Please visit Documentations page.', 'blockspare') ?></p>
200 + </li>
201 + <li>
202 + <h4 class="blockspare-sub-headings">
203 + <a href="https://blockspare.com/block/"><?php esc_html_e('Demos', 'blockspare') ?> →</a>
204 + </h4>
205 + <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>
206 + </li>
207 + <li>
208 + <h4 class="blockspare-sub-headings">
209 + <a href="https://blockspare.com/support/"><?php esc_html_e('Support', 'blockspare') ?> →</a>
210 + </h4>
211 + <p><?php esc_html_e('You directly come upon to our support guys with your valuable queries.', 'blockspare') ?></p>
212 + </li>
213 + <li>
214 + <h4 class="blockspare-sub-headings">
215 + <a href="https://wordpress.org/support/plugin/blockspare/"><?php esc_html_e('WordPress Support Forum', 'blockspare') ?> →</a>
216 + </h4>
217 + <p><?php esc_html_e('You can also go to our .org forum for any kind of support enquiries.', 'blockspare') ?></p>
218 + </li>
219 + <li>
220 + <h4 class="blockspare-sub-headings">
221 + <a href="https://blockspare.com/blog/"><?php esc_html_e('Latest Blog', 'blockspare') ?> →</a>
222 + </h4>
223 + <p><?php esc_html_e('Get latest articles about WordPress.', 'blockspare') ?></p>
224 + </li>
225 + </ul>
226 +
221 227 </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>
228 + </aside>
229 + </div>
254 230
255 - </p>
256 - </aside>
231 + </div>
232 + </section>
257 233 </div>
258 -
259 - </div>
260 - </section>
261 -</div>
262 -<?php
234 + <?php
263 235 }
264 236
265 237 /**
266 238 * Adds a marker to remember to redirect after activation.
@@ -287,5 +259,5 @@
287 259 new Blockspare_Admin_Dashboard();
288 260 }
289 261
290 262 // Redirect to the welcome screen.
291 -register_activation_hook(BLOCKSPARE_BASE_FILE, array('Blockspare_Admin_Dashboard', 'start_redirect_to_blockspare_page'));
263 +register_activation_hook(BLOCKSPARE_BASE_FILE, array('Blockspare_Admin_Dashboard', 'start_redirect_to_blockspare_page'));