Commit 198ca6c0deca113f34f1d54817a1167c629af3e6
1 parent
542dacfb
-Animations ready except preloader
Showing
10 changed files
with
59 additions
and
293 deletions
Show diff stats
backend/assets/AnalyticsAsset.php
@@ -15,10 +15,12 @@ | @@ -15,10 +15,12 @@ | ||
15 | public $baseUrl = '@web'; | 15 | public $baseUrl = '@web'; |
16 | public $css = []; | 16 | public $css = []; |
17 | public $js = [ | 17 | public $js = [ |
18 | + 'js/jquery.animateNumber.js', | ||
18 | 'js/analytics.js', | 19 | 'js/analytics.js', |
19 | ]; | 20 | ]; |
20 | public $depends = [ | 21 | public $depends = [ |
21 | 'artbox\core\assets\ArtboxAmChartAsset', | 22 | 'artbox\core\assets\ArtboxAmChartAsset', |
23 | + 'backend\assets\AppAsset', | ||
22 | ]; | 24 | ]; |
23 | } | 25 | } |
24 | 26 | ||
25 | \ No newline at end of file | 27 | \ No newline at end of file |
@@ -5,7 +5,6 @@ | @@ -5,7 +5,6 @@ | ||
5 | use backend\models\Analytics; | 5 | use backend\models\Analytics; |
6 | use common\models\Settings; | 6 | use common\models\Settings; |
7 | use yii\filters\VerbFilter; | 7 | use yii\filters\VerbFilter; |
8 | - use yii\helpers\Json; | ||
9 | use yii\web\Controller; | 8 | use yii\web\Controller; |
10 | use yii\web\Response; | 9 | use yii\web\Response; |
11 | 10 | ||
@@ -80,10 +79,10 @@ | @@ -80,10 +79,10 @@ | ||
80 | 'name' => 'Country', | 79 | 'name' => 'Country', |
81 | ] | 80 | ] |
82 | ), | 81 | ), |
83 | - 'sessions' => '<div class="count counter">' . $data[ 'sessions' ] . '</div>', | ||
84 | - 'users' => '<div class="count">' . $data[ 'users' ] . '</div>', | ||
85 | - 'views' => '<div class="count">' . $data[ 'views' ] . '</div>', | ||
86 | - 'newusers' => '<div class="count">' . round(intval($data[ 'new' ]), 2) . ' %</div>', | 82 | + 'sessions' => (int) $data[ 'sessions' ], |
83 | + 'users' => (int) $data[ 'users' ], | ||
84 | + 'views' => (int) $data[ 'views' ], | ||
85 | + 'newusers' => round(intval($data[ 'new' ]), 2), | ||
87 | ]; | 86 | ]; |
88 | } | 87 | } |
89 | 88 |
backend/controllers/SiteController.php
1 | <?php | 1 | <?php |
2 | namespace backend\controllers; | 2 | namespace backend\controllers; |
3 | 3 | ||
4 | - use backend\models\Analytics; | ||
5 | use common\models\Settings; | 4 | use common\models\Settings; |
6 | use Yii; | 5 | use Yii; |
7 | use yii\web\Controller; | 6 | use yii\web\Controller; |
8 | use yii\filters\VerbFilter; | 7 | use yii\filters\VerbFilter; |
9 | use yii\filters\AccessControl; | 8 | use yii\filters\AccessControl; |
10 | use common\models\LoginForm; | 9 | use common\models\LoginForm; |
11 | - use yii\web\Response; | ||
12 | 10 | ||
13 | /** | 11 | /** |
14 | * Site controller | 12 | * Site controller |
@@ -71,37 +69,13 @@ | @@ -71,37 +69,13 @@ | ||
71 | */ | 69 | */ |
72 | public function actionIndex() | 70 | public function actionIndex() |
73 | { | 71 | { |
74 | - // $settings = Settings::getInstance(); | ||
75 | - // | ||
76 | - // if (empty($settings->analytics_key)) { | ||
77 | - return $this->render('index'); | ||
78 | - // } else { | ||
79 | - // $analytics = new Analytics( | ||
80 | - // [ | ||
81 | - // 'viewId' => $settings->analytics_key, | ||
82 | - // ] | ||
83 | - // ); | ||
84 | - // $data = $analytics->generateData(); | ||
85 | - // | ||
86 | - // $browsers = $data[ 'table' ][ 0 ]; | ||
87 | - // arsort($browsers); | ||
88 | - // | ||
89 | - // $cityes = $data[ 'table' ][ 1 ]; | ||
90 | - // arsort($cityes); | ||
91 | - // | ||
92 | - // $countries = $data[ 'table' ][ 2 ]; | ||
93 | - // arsort($countries); | ||
94 | - // | ||
95 | - // return $this->render( | ||
96 | - // 'analytics', | ||
97 | - // [ | ||
98 | - // 'data' => $data, | ||
99 | - // 'browsers' => $browsers, | ||
100 | - // 'cityes' => $cityes, | ||
101 | - // 'countries' => $countries, | ||
102 | - // ] | ||
103 | - // ); | ||
104 | - // } | 72 | + $settings = Settings::getInstance(); |
73 | + | ||
74 | + if (empty($settings->analytics_key)) { | ||
75 | + return $this->render('instruction'); | ||
76 | + } else { | ||
77 | + return $this->render('index'); | ||
78 | + } | ||
105 | } | 79 | } |
106 | 80 | ||
107 | /** | 81 | /** |
backend/views/site/analytics.php deleted
1 | -<?php | ||
2 | - /** | ||
3 | - * @var View $this | ||
4 | - * @var array $data | ||
5 | - * @var array $browsers | ||
6 | - * @var array $cityes | ||
7 | - * @var array $countries | ||
8 | - */ | ||
9 | - | ||
10 | - use speixoto\amcharts\Widget; | ||
11 | - use yii\bootstrap\Tabs; | ||
12 | - use yii\web\View; | ||
13 | - use yiister\gentelella\widgets\Panel; | ||
14 | - | ||
15 | -?> | ||
16 | - | ||
17 | -<div class="row"> | ||
18 | - <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12"> | ||
19 | - <div class="tile-stats"> | ||
20 | - <div class="icon"><i class="fa fa-clock-o"></i> | ||
21 | - </div> | ||
22 | - <div class="count"><?= $data[ 'sessions' ] ?></div> | ||
23 | - | ||
24 | - <h3>Sessions</h3> | ||
25 | - <p>Lorem ipsum psdea itgum rixt.</p> | ||
26 | - </div> | ||
27 | - </div> | ||
28 | - <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12"> | ||
29 | - <div class="tile-stats"> | ||
30 | - <div class="icon"><i class="fa fa-user"></i> | ||
31 | - </div> | ||
32 | - <div class="count"><?= $data[ 'users' ] ?></div> | ||
33 | - | ||
34 | - <h3>Users</h3> | ||
35 | - <p>Lorem ipsum psdea itgum rixt.</p> | ||
36 | - </div> | ||
37 | - </div> | ||
38 | - <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12"> | ||
39 | - <div class="tile-stats"> | ||
40 | - <div class="icon"><i class="fa fa-eye"></i> | ||
41 | - </div> | ||
42 | - <div class="count"><?= $data[ 'views' ] ?></div> | ||
43 | - | ||
44 | - <h3>Page views</h3> | ||
45 | - <p>Lorem ipsum psdea itgum rixt.</p> | ||
46 | - </div> | ||
47 | - </div> | ||
48 | - <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12"> | ||
49 | - <div class="tile-stats"> | ||
50 | - <div class="icon"><i class="fa fa-plus"></i> | ||
51 | - </div> | ||
52 | - <div class="count"><?= round(intval($data[ 'new' ]), 2) ?> %</div> | ||
53 | - | ||
54 | - <h3>New sessions</h3> | ||
55 | - <p>Lorem ipsum psdea itgum rixt.</p> | ||
56 | - </div> | ||
57 | - </div> | ||
58 | -</div> | ||
59 | - | ||
60 | -<div class="row"> | ||
61 | - <div class="col-md-12"> | ||
62 | - <?php $panel = Panel::begin( | ||
63 | - [ | ||
64 | - 'header' => 'Analytics', | ||
65 | - ] | ||
66 | - ); ?> | ||
67 | - | ||
68 | - <?php | ||
69 | - $chartConfiguration = [ | ||
70 | - 'type' => 'serial', | ||
71 | - 'dataProvider' => $data[ 'plot' ], | ||
72 | - 'categoryField' => 'day', | ||
73 | - 'categoryAxis' => [ | ||
74 | - 'labelFrequency' => 5, | ||
75 | - ], | ||
76 | - 'graphs' => [ | ||
77 | - [ | ||
78 | - "balloon" => [ | ||
79 | - "drop" => true, | ||
80 | - "adjustBorderColor" => false, | ||
81 | - "color" => "#ffffff", | ||
82 | - ], | ||
83 | - "bullet" => "round", | ||
84 | - "bulletBorderAlpha" => 1, | ||
85 | - "bulletColor" => "#FFFFFF", | ||
86 | - "bulletSize" => 5, | ||
87 | - "hideBulletsCount" => 50, | ||
88 | - "lineThickness" => 2, | ||
89 | - "title" => "red line", | ||
90 | - "useLineColorForBulletBorder" => true, | ||
91 | - "valueField" => "users", | ||
92 | - "balloonText" => "<span style='font-size:18px;'>Users: [[users]]</span>", | ||
93 | - "lineColor" => '#9ABCC3', | ||
94 | - ], | ||
95 | - [ | ||
96 | - "balloon" => [ | ||
97 | - "drop" => true, | ||
98 | - "adjustBorderColor" => false, | ||
99 | - "color" => "#ffffff", | ||
100 | - ], | ||
101 | - "bullet" => "round", | ||
102 | - "bulletBorderAlpha" => 1, | ||
103 | - "bulletColor" => "#FFFFFF", | ||
104 | - "bulletSize" => 5, | ||
105 | - "hideBulletsCount" => 50, | ||
106 | - "lineThickness" => 2, | ||
107 | - "title" => "red line", | ||
108 | - "useLineColorForBulletBorder" => true, | ||
109 | - "valueField" => "sessions", | ||
110 | - "balloonText" => "<span style='font-size:18px;'>Sessions: [[sessions]]</span>", | ||
111 | - "lineColor" => '#A8E3D6', | ||
112 | - ], | ||
113 | - ], | ||
114 | - 'chartCursor' => [ | ||
115 | - "pan" => true, | ||
116 | - "valueLineEnabled" => true, | ||
117 | - "valueLineBalloonEnabled" => true, | ||
118 | - "cursorAlpha" => 1, | ||
119 | - "cursorColor" => "#1ABB9C", | ||
120 | - "limitToGraph" => "g1", | ||
121 | - "valueLineAlpha" => 0.2, | ||
122 | - "valueZoomable" => true, | ||
123 | - ], | ||
124 | - ]; | ||
125 | - | ||
126 | - echo Widget::widget( | ||
127 | - [ | ||
128 | - 'chartConfiguration' => $chartConfiguration, | ||
129 | - 'width' => '100%', | ||
130 | - ] | ||
131 | - ); | ||
132 | - ?> | ||
133 | - | ||
134 | - <?php $panel::end(); ?> | ||
135 | - | ||
136 | - </div> | ||
137 | -</div> | ||
138 | - | ||
139 | -<div class="row"> | ||
140 | - <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> | ||
141 | - <?php $panel = Panel::begin( | ||
142 | - [ | ||
143 | - 'header' => 'Analytics', | ||
144 | - ] | ||
145 | - ); ?> | ||
146 | - | ||
147 | - <?php | ||
148 | - $chartConfiguration = [ | ||
149 | - "type" => "pie", | ||
150 | - "titleField" => "category", | ||
151 | - "valueField" => "column-1", | ||
152 | - "dataProvider" => [ | ||
153 | - [ | ||
154 | - "category" => "New Visitor", | ||
155 | - "column-1" => round(intval($data[ 'new' ]), 2), | ||
156 | - ], | ||
157 | - [ | ||
158 | - "category" => "Returning Visitor", | ||
159 | - "column-1" => 100 - round(intval($data[ 'new' ]), 2), | ||
160 | - ], | ||
161 | - ], | ||
162 | - "colors" => [ | ||
163 | - "#A8E3D6", | ||
164 | - "#9ABCC3", | ||
165 | - ], | ||
166 | - ]; | ||
167 | - | ||
168 | - echo Widget::widget( | ||
169 | - [ | ||
170 | - 'chartConfiguration' => $chartConfiguration, | ||
171 | - 'width' => '100%', | ||
172 | - ] | ||
173 | - ); | ||
174 | - ?> | ||
175 | - | ||
176 | - <?php $panel::end(); ?> | ||
177 | - </div> | ||
178 | - | ||
179 | - <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> | ||
180 | - | ||
181 | - <?php $panel = Panel::begin( | ||
182 | - [ | ||
183 | - 'header' => 'Analytics', | ||
184 | - ] | ||
185 | - ); ?> | ||
186 | - | ||
187 | - <?php | ||
188 | - echo Tabs::widget( | ||
189 | - [ | ||
190 | - 'options' => [ | ||
191 | - 'class' => 'bar_tabs', | ||
192 | - ], | ||
193 | - 'items' => [ | ||
194 | - [ | ||
195 | - 'label' => 'Browsers', | ||
196 | - 'content' => $this->render( | ||
197 | - '_table', | ||
198 | - [ | ||
199 | - 'data' => $browsers, | ||
200 | - 'name' => 'Browser', | ||
201 | - ] | ||
202 | - ), | ||
203 | - 'active' => true, | ||
204 | - ], | ||
205 | - [ | ||
206 | - 'label' => 'Cities', | ||
207 | - 'content' => $this->render( | ||
208 | - '_table', | ||
209 | - [ | ||
210 | - 'data' => $cityes, | ||
211 | - 'name' => 'City', | ||
212 | - ] | ||
213 | - ), | ||
214 | - ], | ||
215 | - [ | ||
216 | - 'label' => 'Countries', | ||
217 | - 'content' => $this->render( | ||
218 | - '_table', | ||
219 | - [ | ||
220 | - 'data' => $countries, | ||
221 | - 'name' => 'Country', | ||
222 | - ] | ||
223 | - ), | ||
224 | - ], | ||
225 | - ], | ||
226 | - ] | ||
227 | - ); | ||
228 | - | ||
229 | - ?> | ||
230 | - | ||
231 | - <?php $panel::end(); ?> | ||
232 | - | ||
233 | - </div> | ||
234 | - | ||
235 | -</div> | ||
236 | - |
1 | +<?php | ||
2 | + /** | ||
3 | + * @var View $this | ||
4 | + * @var array $data | ||
5 | + * @var array $browsers | ||
6 | + * @var array $cityes | ||
7 | + * @var array $countries | ||
8 | + */ | ||
9 | + | ||
10 | + use yii\web\View; | ||
11 | + use yiister\gentelella\widgets\Panel; | ||
12 | + | ||
13 | +?> | ||
14 | + | ||
15 | +<div class="row"> | ||
16 | + <?php $panel = Panel::begin( | ||
17 | + [ | ||
18 | + 'header' => 'Instruction', | ||
19 | + ] | ||
20 | + ) ?> | ||
21 | + <div class="jumbotron"> | ||
22 | + <h1>Hello, world!</h1> | ||
23 | + <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> | ||
24 | + </div> | ||
25 | + <?php $panel::end(); ?> | ||
26 | +</div> | ||
27 | + |
backend/web/js/analytics.js
@@ -7,13 +7,13 @@ $( | @@ -7,13 +7,13 @@ $( | ||
7 | success: function(data) { | 7 | success: function(data) { |
8 | // Replacing top data | 8 | // Replacing top data |
9 | $('#sessions') | 9 | $('#sessions') |
10 | - .replaceWith(data.sessions); | 10 | + .animateNumber({number: data.sessions}, 2000); |
11 | $('#users') | 11 | $('#users') |
12 | - .replaceWith(data.users); | 12 | + .animateNumber({number: data.users}, 2000); |
13 | $('#views') | 13 | $('#views') |
14 | - .replaceWith(data.views); | 14 | + .animateNumber({number: data.views}, 2000); |
15 | $('#newusers') | 15 | $('#newusers') |
16 | - .replaceWith(data.newusers); | 16 | + .animateNumber({number: data.newusers}, 2000); |
17 | // Building main chart | 17 | // Building main chart |
18 | var chart = AmCharts.makeChart( | 18 | var chart = AmCharts.makeChart( |
19 | "chartdiv", { | 19 | "chartdiv", { |
common/config/settings.php
@@ -2,21 +2,21 @@ | @@ -2,21 +2,21 @@ | ||
2 | 2 | ||
3 | return [ | 3 | return [ |
4 | 1 => [ | 4 | 1 => [ |
5 | - 'phone' => '+38 (044) 593-73-76', | ||
6 | - 'phone2' => '+38 (098) 468-07-64', | ||
7 | - 'skype' => 'artwebstudio', | ||
8 | - 'email' => 'artweb.ua@gmail.com', | ||
9 | - 'house' => '1-М', | ||
10 | - 'street' => 'пр. М. Бажана', | ||
11 | - 'office' => '25', | ||
12 | - 'city' => 'Киев', | ||
13 | - 'country' => 'Украина', | ||
14 | - 'lat' => '50.403696', | ||
15 | - 'lon' => '30.641481', | ||
16 | - 'facebook' => 'https://www.facebook.com/ArtWeb.ua/', | ||
17 | - 'vk' => 'https://vk.com/artwebua', | ||
18 | - 'ok' => 'https://ok.ru/artwebua', | ||
19 | - 'google' => 'https://plus.google.com/+ArtwebUaAgency', | 5 | + 'phone' => '+38 (044) 593-73-76', |
6 | + 'phone2' => '+38 (098) 468-07-64', | ||
7 | + 'skype' => 'artwebstudio', | ||
8 | + 'email' => 'artweb.ua@gmail.com', | ||
9 | + 'house' => '1-М', | ||
10 | + 'street' => 'пр. М. Бажана', | ||
11 | + 'office' => '25', | ||
12 | + 'city' => 'Киев', | ||
13 | + 'country' => 'Украина', | ||
14 | + 'lat' => '50.403696', | ||
15 | + 'lon' => '30.641481', | ||
16 | + 'facebook' => 'https://www.facebook.com/ArtWeb.ua/', | ||
17 | + 'vk' => 'https://vk.com/artwebua', | ||
18 | + 'ok' => 'https://ok.ru/artwebua', | ||
19 | + 'google' => 'https://plus.google.com/+ArtwebUaAgency', | ||
20 | 'twitter' => 'https://twitter.com/ArtWeb_ua', | 20 | 'twitter' => 'https://twitter.com/ArtWeb_ua', |
21 | 'name' => 'Artweb', | 21 | 'name' => 'Artweb', |
22 | 'logo' => '11', | 22 | 'logo' => '11', |