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 | 15 | public $baseUrl = '@web'; |
| 16 | 16 | public $css = []; |
| 17 | 17 | public $js = [ |
| 18 | + 'js/jquery.animateNumber.js', | |
| 18 | 19 | 'js/analytics.js', |
| 19 | 20 | ]; |
| 20 | 21 | public $depends = [ |
| 21 | 22 | 'artbox\core\assets\ArtboxAmChartAsset', |
| 23 | + 'backend\assets\AppAsset', | |
| 22 | 24 | ]; |
| 23 | 25 | } |
| 24 | 26 | |
| 25 | 27 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -5,7 +5,6 @@ |
| 5 | 5 | use backend\models\Analytics; |
| 6 | 6 | use common\models\Settings; |
| 7 | 7 | use yii\filters\VerbFilter; |
| 8 | - use yii\helpers\Json; | |
| 9 | 8 | use yii\web\Controller; |
| 10 | 9 | use yii\web\Response; |
| 11 | 10 | |
| ... | ... | @@ -80,10 +79,10 @@ |
| 80 | 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 | 1 | <?php |
| 2 | 2 | namespace backend\controllers; |
| 3 | 3 | |
| 4 | - use backend\models\Analytics; | |
| 5 | 4 | use common\models\Settings; |
| 6 | 5 | use Yii; |
| 7 | 6 | use yii\web\Controller; |
| 8 | 7 | use yii\filters\VerbFilter; |
| 9 | 8 | use yii\filters\AccessControl; |
| 10 | 9 | use common\models\LoginForm; |
| 11 | - use yii\web\Response; | |
| 12 | 10 | |
| 13 | 11 | /** |
| 14 | 12 | * Site controller |
| ... | ... | @@ -71,37 +69,13 @@ |
| 71 | 69 | */ |
| 72 | 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 | 7 | success: function(data) { |
| 8 | 8 | // Replacing top data |
| 9 | 9 | $('#sessions') |
| 10 | - .replaceWith(data.sessions); | |
| 10 | + .animateNumber({number: data.sessions}, 2000); | |
| 11 | 11 | $('#users') |
| 12 | - .replaceWith(data.users); | |
| 12 | + .animateNumber({number: data.users}, 2000); | |
| 13 | 13 | $('#views') |
| 14 | - .replaceWith(data.views); | |
| 14 | + .animateNumber({number: data.views}, 2000); | |
| 15 | 15 | $('#newusers') |
| 16 | - .replaceWith(data.newusers); | |
| 16 | + .animateNumber({number: data.newusers}, 2000); | |
| 17 | 17 | // Building main chart |
| 18 | 18 | var chart = AmCharts.makeChart( |
| 19 | 19 | "chartdiv", { | ... | ... |
common/config/settings.php
| ... | ... | @@ -2,21 +2,21 @@ |
| 2 | 2 | |
| 3 | 3 | return [ |
| 4 | 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 | 20 | 'twitter' => 'https://twitter.com/ArtWeb_ua', |
| 21 | 21 | 'name' => 'Artweb', |
| 22 | 22 | 'logo' => '11', | ... | ... |