Skip to content

Commit a712b5c

Browse files
selulselul
committed
added sidebar and enable tracking.
1 parent ae00274 commit a712b5c

File tree

3 files changed

+171
-56
lines changed

3 files changed

+171
-56
lines changed

‎classes/Visualizer/Render/Library.php

Lines changed: 22 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@
1818
// +----------------------------------------------------------------------+
1919
// | Author: Eugene Manuilov <[email protected]> |
2020
// +----------------------------------------------------------------------+
21-
2221
/**
2322
* Renders visualizer library page.
2423
*
@@ -86,7 +85,7 @@ private function _renderLibrary() {
8685
$link = '<a class=" " href="' . esc_url( add_query_arg( array(
8786
'type' => $type,
8887
'vpage' => false,
89-
) ) ) . '">';
88+
) ) ) . '">';
9089
if ( ! $array['enabled'] ) {
9190
$link = "<a class=' visualizer-pro-only' href='" . Visualizer_Plugin::PRO_TEASER_URL . "' target='_blank'>";
9291
}
@@ -139,15 +138,24 @@ private function _renderLibrary() {
139138
echo '</div>';
140139
echo '</div>';
141140
echo '</div>';
142-
echo '<div id="visualizer-sidebar">';
143-
echo '<div class="visualizer-sidebar-box">';
144-
echo '<h3>' . __( 'Upgrade to PRO', 'visualizer' ) . '</h3><ul>';
145-
echo '<li>' . __( 'Upgrade to PRO', 'visualizer' ) . '</li>';
146-
echo '<li>' . __( 'Upgrade to PRO', 'visualizer' ) . '</li>';
147-
echo '<li>' . __( 'Upgrade to PRO', 'visualizer' ) . '</li></ul>';
148-
echo '</div>';
149-
echo '</div>';
150141
}
142+
echo '<div id="visualizer-sidebar">';
143+
echo '<div class="visualizer-sidebar-box">';
144+
echo '<h3>' . __( 'Upgrade to PRO', 'visualizer' ) . '</h3><ul>';
145+
echo '<li>' . __( 'Upgrade to PRO', 'visualizer' ) . '</li>';
146+
echo '<li>' . __( 'Upgrade to PRO', 'visualizer' ) . '</li>';
147+
echo '<li>' . __( 'Upgrade to PRO', 'visualizer' ) . '</li></ul>';
148+
echo '<a href="' . Visualizer_Plugin::PRO_TEASER_URL . '" target="_blank" class="button button-primary">' . __( 'View more', 'visualizer' ) . '</a>';
149+
echo '</div>';
150+
echo '<div class="visualizer-sidebar-box visualizer-tracking">';
151+
echo '<label class="visualizer-switch">';
152+
echo '<input type="checkbox" >';
153+
echo '<div class="visualizer-slider visualizer-round"></div>';
154+
echo '</label>';
155+
echo '<span>Enable Tracking<sup>*</sup></span>';
156+
echo '<p><small>' . __( 'You can help us improve the plugin by allowing to gather data.','visualizer' ) . '</small></p>';
157+
echo '</div>';
158+
echo '</div>';
151159
}
152160

153161
/**
@@ -158,16 +166,16 @@ private function _renderLibrary() {
158166
* @access private
159167
*
160168
* @param string $placeholder_id The placeholder's id for the chart.
161-
* @param int $chart_id The id of the chart.
169+
* @param int $chart_id The id of the chart.
162170
*/
163171
private function _renderChartBox( $placeholder_id, $chart_id ) {
164-
$ajax_url = admin_url( 'admin-ajax.php' );
165-
$delete_url = add_query_arg( array(
172+
$ajax_url = admin_url( 'admin-ajax.php' );
173+
$delete_url = add_query_arg( array(
166174
'action' => Visualizer_Plugin::ACTION_DELETE_CHART,
167175
'nonce' => wp_create_nonce(),
168176
'chart' => $chart_id,
169177
), $ajax_url );
170-
$clone_url = add_query_arg( array(
178+
$clone_url = add_query_arg( array(
171179
'action' => Visualizer_Plugin::ACTION_CLONE_CHART,
172180
'nonce' => wp_create_nonce( Visualizer_Plugin::ACTION_CLONE_CHART ),
173181
'chart' => $chart_id,

‎css/library.css

Lines changed: 103 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@
2626
}
2727

2828
#visualizer-library {
29+
float: left;
30+
width: 80%;
2931
margin: 20px 0;
30-
width:80%;
31-
float:left;
3232
}
3333

3434
.loader {
@@ -146,25 +146,111 @@
146146
#visualizer-search form {
147147
text-align: right;
148148
}
149-
#visualizer-sidebar{
150-
width:20%;
151-
float:left;
149+
150+
#visualizer-sidebar {
151+
float: left;
152+
width: 20%;
153+
}
154+
155+
.visualizer-sidebar-box ul li {
156+
margin: 4px;
152157
}
153158

154-
.visualizer-sidebar-box ul{
155-
list-style: circle;
156-
width:70%;
159+
.visualizer-sidebar-box ul {
160+
width: 70%;
161+
margin-left: 9%;
162+
text-align: left;
163+
list-style-position: inside;
164+
list-style-type: disc;
157165
}
158-
.visualizer-sidebar-box{
159166

160-
width: 95%;
167+
.visualizer-sidebar-box {
161168
display: block;
162-
height: 200px;
169+
width: 95%;
170+
margin: 0;
171+
margin-top: 20px;
172+
margin-left: 2.5%;
173+
padding-top: 10px;
174+
padding-bottom: 15px;
175+
border-top: 5px solid #0073aa;
176+
color: #0073aa;
163177
background: white;
164-
margin: 0px;
165-
margin-left:2.5%;
166-
padding: 0px;
167-
padding-top:10px;
168178
text-align: center;
169-
color:#0073aa;
170-
}
179+
}
180+
181+
/* The switch - the box around the slider */
182+
.visualizer-switch {
183+
display: inline-block;
184+
position: relative;
185+
width: 60px;
186+
height: 34px;
187+
}
188+
189+
/* Hide default HTML checkbox */
190+
.visualizer-switch input {
191+
display: none;
192+
}
193+
194+
/* The slider */
195+
.visualizer-slider {
196+
position: absolute;
197+
top: 0;
198+
right: 0;
199+
bottom: 0;
200+
left: 0;
201+
background-color: #ccc;
202+
cursor: pointer;
203+
-webkit-transition: 0.4s;
204+
transition: 0.4s;
205+
}
206+
207+
.visualizer-slider:before {
208+
position: absolute;
209+
bottom: 4px;
210+
left: 4px;
211+
width: 26px;
212+
height: 26px;
213+
background-color: white;
214+
content: "";
215+
-webkit-transition: 0.4s;
216+
transition: 0.4s;
217+
}
218+
219+
input:checked + .viusalizer-slider {
220+
background-color: #2196f3;
221+
}
222+
223+
input:focus + .visualizer-slider {
224+
-webkit-box-shadow: 0 0 1px #2196f3;
225+
box-shadow: 0 0 1px #2196f3;
226+
}
227+
228+
input:checked + .visualizer-slider:before {
229+
-webkit-transform: translateX(26px);
230+
-ms-transform: translateX(26px);
231+
transform: translateX(26px);
232+
}
233+
234+
/* Rounded sliders */
235+
.visualizer-slider.visualizer-round {
236+
border-radius: 34px;
237+
}
238+
239+
.visualizer-slider.visualizer-round:before {
240+
border-radius: 50%;
241+
}
242+
243+
.visualizer-tracking p {
244+
padding-left: 24px;
245+
color: #23282d;
246+
line-height: 12px;
247+
text-align: left;
248+
}
249+
250+
.visualizer-tracking span {
251+
margin-left: 10px;
252+
color: #23282d;
253+
background: none;
254+
font-size: 14px;
255+
font-weight: bold;
256+
}

‎languages/visualizer.pot

Lines changed: 46 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ msgid ""
44
msgstr ""
55
"Project-Id-Version: Visualizer: Charts and Graphs Lite 2.0.0\n"
66
"Report-Msgid-Bugs-To: https://github.com/Codeinwp/visualizer/issues\n"
7-
"POT-Creation-Date: 2017-03-30 09:59:57+00:00\n"
7+
"POT-Creation-Date: 2017-03-30 21:47:11+00:00\n"
88
"MIME-Version: 1.0\n"
99
"Content-Type: text/plain; charset=utf-8\n"
1010
"Content-Transfer-Encoding: 8bit\n"
@@ -85,7 +85,7 @@ msgid "Combo"
8585
msgstr ""
8686

8787
#: classes/Visualizer/Module/Admin.php:289
88-
#: classes/Visualizer/Render/Library.php:172
88+
#: classes/Visualizer/Render/Library.php:42
8989
msgid "Visualizer Library"
9090
msgstr ""
9191

@@ -134,45 +134,60 @@ msgstr ""
134134
msgid "Buy now"
135135
msgstr ""
136136

137-
#: classes/Visualizer/Render/Library.php:68
138-
#: classes/Visualizer/Render/Templates.php:68
139-
msgid "Delete"
137+
#: classes/Visualizer/Render/Library.php:43
138+
msgid "Add New"
140139
msgstr ""
141140

142-
#: classes/Visualizer/Render/Library.php:69
143-
msgid "Clone"
141+
#: classes/Visualizer/Render/Library.php:61
142+
msgid ""
143+
"%s option is disabled in your php.ini config. Please, enable it by change "
144+
"its value to 1. This option increases the speed of remote CSV uploading."
144145
msgstr ""
145146

146-
#: classes/Visualizer/Render/Library.php:70
147-
msgid "Edit"
147+
#: classes/Visualizer/Render/Library.php:108
148+
msgid "Search"
148149
msgstr ""
149150

150-
#: classes/Visualizer/Render/Library.php:71
151-
msgid "Export"
151+
#: classes/Visualizer/Render/Library.php:128
152+
#: classes/Visualizer/Render/Templates.php:85
153+
msgid "No charts found"
152154
msgstr ""
153155

154-
#: classes/Visualizer/Render/Library.php:73
155-
#: classes/Visualizer/Render/Templates.php:71
156-
msgid "Click to select"
156+
#: classes/Visualizer/Render/Library.php:144
157+
#: classes/Visualizer/Render/Library.php:145
158+
#: classes/Visualizer/Render/Library.php:146
159+
#: classes/Visualizer/Render/Library.php:147
160+
msgid "Upgrade to PRO"
157161
msgstr ""
158162

159-
#: classes/Visualizer/Render/Library.php:122
160-
msgid "Search"
163+
#: classes/Visualizer/Render/Library.php:148
164+
msgid "View more"
161165
msgstr ""
162166

163-
#: classes/Visualizer/Render/Library.php:144
164-
#: classes/Visualizer/Render/Templates.php:85
165-
msgid "No charts found"
167+
#: classes/Visualizer/Render/Library.php:156
168+
msgid "You can help us improve the plugin by allowing to gather data."
166169
msgstr ""
167170

168-
#: classes/Visualizer/Render/Library.php:173
169-
msgid "Add New"
171+
#: classes/Visualizer/Render/Library.php:194
172+
#: classes/Visualizer/Render/Templates.php:68
173+
msgid "Delete"
170174
msgstr ""
171175

172-
#: classes/Visualizer/Render/Library.php:192
173-
msgid ""
174-
"%s option is disabled in your php.ini config. Please, enable it by change "
175-
"its value to 1. This option increases the speed of remote CSV uploading."
176+
#: classes/Visualizer/Render/Library.php:195
177+
msgid "Clone"
178+
msgstr ""
179+
180+
#: classes/Visualizer/Render/Library.php:196
181+
msgid "Edit"
182+
msgstr ""
183+
184+
#: classes/Visualizer/Render/Library.php:197
185+
msgid "Export"
186+
msgstr ""
187+
188+
#: classes/Visualizer/Render/Library.php:198
189+
#: classes/Visualizer/Render/Templates.php:71
190+
msgid "Click to select"
176191
msgstr ""
177192

178193
#: classes/Visualizer/Render/Page/Data.php:71
@@ -1438,6 +1453,12 @@ msgstr ""
14381453
msgid "Insert"
14391454
msgstr ""
14401455

1456+
#: vendor/codeinwp/themeisle-sdk/class-themeisle-sdk-licenser.php:453
1457+
msgid ""
1458+
"Updating this theme will lose any customizations you have made. Cancel to "
1459+
"stop, OK to update."
1460+
msgstr ""
1461+
14411462
#. Plugin Name of the plugin/theme
14421463
msgid "Visualizer: Charts and Graphs Lite"
14431464
msgstr ""

0 commit comments

Comments
 (0)