Commit 567888e86a9d7d39742fe6af54b0d2a4f1c24ff5
1 parent
219af3d1
Widgets
Showing
2 changed files
with
318 additions
and
314 deletions
Show diff stats
backend/views/layouts/main.php
| 1 | <?php | 1 | <?php |
| 2 | 2 | ||
| 3 | /** | 3 | /** |
| 4 | - * @var string $content | 4 | + * @var string $content |
| 5 | * @var \yii\web\View $this | 5 | * @var \yii\web\View $this |
| 6 | */ | 6 | */ |
| 7 | 7 | ||
| 8 | + use artweb\artbox\core\models\User; | ||
| 8 | use yii\helpers\Html; | 9 | use yii\helpers\Html; |
| 9 | 10 | ||
| 10 | $bundle = yiister\gentelella\assets\Asset::register($this); | 11 | $bundle = yiister\gentelella\assets\Asset::register($this); |
| 11 | - | 12 | + /** |
| 13 | + * @var User $user | ||
| 14 | + */ | ||
| 15 | + $user = \Yii::$app->user->identity; | ||
| 12 | ?> | 16 | ?> |
| 13 | <?php $this->beginPage(); ?> | 17 | <?php $this->beginPage(); ?> |
| 14 | <!DOCTYPE html> | 18 | <!DOCTYPE html> |
| 15 | <html lang="<?= Yii::$app->language ?>"> | 19 | <html lang="<?= Yii::$app->language ?>"> |
| 16 | -<head> | ||
| 17 | - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
| 18 | - <meta charset="<?= Yii::$app->charset ?>" /> | ||
| 19 | - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| 20 | - <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| 21 | - <?= Html::csrfMetaTags() ?> | ||
| 22 | - <title><?= Html::encode($this->title) ?></title> | ||
| 23 | - <?php $this->head() ?> | ||
| 24 | - <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | ||
| 25 | - <!--[if lt IE 9]> | ||
| 26 | - <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | ||
| 27 | - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
| 28 | - <![endif]--> | ||
| 29 | -</head> | ||
| 30 | -<body class="nav-md"> | ||
| 31 | -<?php $this->beginBody(); ?> | ||
| 32 | -<div class="container body"> | ||
| 33 | - | ||
| 34 | - <div class="main_container"> | ||
| 35 | - | ||
| 36 | - <div class="col-md-3 left_col"> | ||
| 37 | - <div class="left_col scroll-view"> | ||
| 38 | - | ||
| 39 | - <div class="navbar nav_title" style="border: 0;"> | ||
| 40 | - <a href="/" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a> | ||
| 41 | - </div> | ||
| 42 | - <div class="clearfix"></div> | ||
| 43 | - | ||
| 44 | - <!-- menu prile quick info --> | ||
| 45 | - <div class="profile"> | ||
| 46 | - <div class="profile_pic"> | ||
| 47 | - <img src="http://placehold.it/128x128" alt="..." class="img-circle profile_img"> | ||
| 48 | - </div> | ||
| 49 | - <div class="profile_info"> | ||
| 50 | - <span>Welcome,</span> | ||
| 51 | - <h2>John Doe</h2> | ||
| 52 | - </div> | ||
| 53 | - </div> | ||
| 54 | - <!-- /menu prile quick info --> | ||
| 55 | - | ||
| 56 | - <br /> | ||
| 57 | - | ||
| 58 | - <!-- sidebar menu --> | ||
| 59 | - <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> | ||
| 60 | - | ||
| 61 | - <div class="menu_section"> | ||
| 62 | - <h3>General</h3> | ||
| 63 | - <?= | ||
| 64 | - \yiister\gentelella\widgets\Menu::widget( | ||
| 65 | - [ | ||
| 66 | - "items" => [ | ||
| 67 | - ["label" => "Home", "url" => "/", "icon" => "home"], | ||
| 68 | - ["label" => "Layout", "url" => ["site/layout"], "icon" => "files-o"], | ||
| 69 | - ["label" => "Error page", "url" => ["site/error-page"], "icon" => "close"], | ||
| 70 | - [ | ||
| 71 | - "label" => "Widgets", | ||
| 72 | - "icon" => "th", | ||
| 73 | - "url" => "#", | ||
| 74 | - "items" => [ | ||
| 75 | - ["label" => "Menu", "url" => ["site/menu"]], | ||
| 76 | - ["label" => "Panel", "url" => ["site/panel"]], | ||
| 77 | - ], | ||
| 78 | - ], | ||
| 79 | - [ | ||
| 80 | - "label" => "Badges", | ||
| 81 | - "url" => "#", | ||
| 82 | - "icon" => "table", | ||
| 83 | - "items" => [ | ||
| 84 | - [ | ||
| 85 | - "label" => "Default", | ||
| 86 | - "url" => "#", | ||
| 87 | - "badge" => "123", | ||
| 88 | - ], | ||
| 89 | - [ | ||
| 90 | - "label" => "Success", | ||
| 91 | - "url" => "#", | ||
| 92 | - "badge" => "new", | ||
| 93 | - "badgeOptions" => ["class" => "label-success"], | ||
| 94 | - ], | ||
| 95 | - [ | ||
| 96 | - "label" => "Danger", | ||
| 97 | - "url" => "#", | ||
| 98 | - "badge" => "!", | ||
| 99 | - "badgeOptions" => ["class" => "label-danger"], | ||
| 100 | - ], | ||
| 101 | - ], | ||
| 102 | - ], | ||
| 103 | - [ | ||
| 104 | - "label" => "Multilevel", | ||
| 105 | - "url" => "#", | ||
| 106 | - "icon" => "table", | ||
| 107 | - "items" => [ | ||
| 108 | - [ | ||
| 109 | - "label" => "Second level 1", | ||
| 110 | - "url" => "#", | ||
| 111 | - ], | ||
| 112 | - [ | ||
| 113 | - "label" => "Second level 2", | ||
| 114 | - "url" => "#", | ||
| 115 | - "items" => [ | ||
| 116 | - [ | ||
| 117 | - "label" => "Third level 1", | ||
| 118 | - "url" => "#", | ||
| 119 | - ], | ||
| 120 | - [ | ||
| 121 | - "label" => "Third level 2", | ||
| 122 | - "url" => "#", | ||
| 123 | - ], | ||
| 124 | - ], | ||
| 125 | - ], | ||
| 126 | - ], | ||
| 127 | - ], | ||
| 128 | - ], | ||
| 129 | - ] | ||
| 130 | - ) | ||
| 131 | - ?> | ||
| 132 | - </div> | ||
| 133 | - | ||
| 134 | - </div> | ||
| 135 | - <!-- /sidebar menu --> | ||
| 136 | - | ||
| 137 | - <!-- /menu footer buttons --> | ||
| 138 | - <div class="sidebar-footer hidden-small"> | ||
| 139 | - <a data-toggle="tooltip" data-placement="top" title="Settings"> | ||
| 140 | - <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> | ||
| 141 | - </a> | ||
| 142 | - <a data-toggle="tooltip" data-placement="top" title="FullScreen"> | ||
| 143 | - <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> | ||
| 144 | - </a> | ||
| 145 | - <a data-toggle="tooltip" data-placement="top" title="Lock"> | ||
| 146 | - <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> | ||
| 147 | - </a> | ||
| 148 | - <a data-toggle="tooltip" data-placement="top" title="Logout"> | ||
| 149 | - <span class="glyphicon glyphicon-off" aria-hidden="true"></span> | ||
| 150 | - </a> | ||
| 151 | - </div> | ||
| 152 | - <!-- /menu footer buttons --> | ||
| 153 | - </div> | ||
| 154 | - </div> | ||
| 155 | - | ||
| 156 | - <!-- top navigation --> | ||
| 157 | - <div class="top_nav"> | ||
| 158 | - | ||
| 159 | - <div class="nav_menu"> | ||
| 160 | - <nav class="" role="navigation"> | ||
| 161 | - <div class="nav toggle"> | ||
| 162 | - <a id="menu_toggle"><i class="fa fa-bars"></i></a> | ||
| 163 | - </div> | ||
| 164 | - | ||
| 165 | - <ul class="nav navbar-nav navbar-right"> | ||
| 166 | - <li class=""> | ||
| 167 | - <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> | ||
| 168 | - <img src="http://placehold.it/128x128" alt="">John Doe | ||
| 169 | - <span class=" fa fa-angle-down"></span> | ||
| 170 | - </a> | ||
| 171 | - <ul class="dropdown-menu dropdown-usermenu pull-right"> | ||
| 172 | - <li><a href="javascript:;"> Profile</a> | ||
| 173 | - </li> | ||
| 174 | - <li> | ||
| 175 | - <a href="javascript:;"> | ||
| 176 | - <span class="badge bg-red pull-right">50%</span> | ||
| 177 | - <span>Settings</span> | ||
| 178 | - </a> | ||
| 179 | - </li> | ||
| 180 | - <li> | ||
| 181 | - <a href="javascript:;">Help</a> | ||
| 182 | - </li> | ||
| 183 | - <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a> | ||
| 184 | - </li> | ||
| 185 | - </ul> | ||
| 186 | - </li> | ||
| 187 | - | ||
| 188 | - <li role="presentation" class="dropdown"> | ||
| 189 | - <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false"> | ||
| 190 | - <i class="fa fa-envelope-o"></i> | ||
| 191 | - <span class="badge bg-green">6</span> | ||
| 192 | - </a> | ||
| 193 | - <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu"> | ||
| 194 | - <li> | ||
| 195 | - <a> | 20 | + <head> |
| 21 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | ||
| 22 | + <meta charset="<?= Yii::$app->charset ?>"/> | ||
| 23 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
| 24 | + <meta name="viewport" content="width=device-width, initial-scale=1"/> | ||
| 25 | + <?= Html::csrfMetaTags() ?> | ||
| 26 | + <title><?= Html::encode($this->title) ?></title> | ||
| 27 | + <?php $this->head() ?> | ||
| 28 | + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | ||
| 29 | + <!--[if lt IE 9]> | ||
| 30 | + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | ||
| 31 | + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
| 32 | + <![endif]--> | ||
| 33 | + </head> | ||
| 34 | + <body class="nav-md"> | ||
| 35 | + <?php $this->beginBody(); ?> | ||
| 36 | + <div class="container body"> | ||
| 37 | + | ||
| 38 | + <div class="main_container"> | ||
| 39 | + | ||
| 40 | + <div class="col-md-3 left_col"> | ||
| 41 | + <div class="left_col scroll-view"> | ||
| 42 | + | ||
| 43 | + <div class="navbar nav_title" style="border: 0;"> | ||
| 44 | + <a href="/" class="site_title"><i class="fa fa-rocket"></i><span>Artbox!</span></a> | ||
| 45 | + </div> | ||
| 46 | + <div class="clearfix"></div> | ||
| 47 | + | ||
| 48 | + <!-- menu prile quick info --> | ||
| 49 | + <div class="profile"> | ||
| 50 | + <div class="profile_pic"> | ||
| 51 | + <img src="http://placehold.it/128x128" alt="..." class="img-circle profile_img"> | ||
| 52 | + </div> | ||
| 53 | + <div class="profile_info"> | ||
| 54 | + <span>Welcome,</span> | ||
| 55 | + <h2></h2> | ||
| 56 | + </div> | ||
| 57 | + </div> | ||
| 58 | + <!-- /menu prile quick info --> | ||
| 59 | + | ||
| 60 | + <br/> | ||
| 61 | + | ||
| 62 | + <!-- sidebar menu --> | ||
| 63 | + <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> | ||
| 64 | + | ||
| 65 | + <div class="menu_section"> | ||
| 66 | + <h3>General</h3> | ||
| 67 | + <?= \yiister\gentelella\widgets\Menu::widget( | ||
| 68 | + [ | ||
| 69 | + "items" => [ | ||
| 70 | + [ | ||
| 71 | + "label" => "Home", | ||
| 72 | + "url" => "/", | ||
| 73 | + "icon" => "home", | ||
| 74 | + ], | ||
| 75 | + [ | ||
| 76 | + "label" => "Layout", | ||
| 77 | + "url" => [ "site/layout" ], | ||
| 78 | + "icon" => "files-o", | ||
| 79 | + ], | ||
| 80 | + [ | ||
| 81 | + "label" => "Error page", | ||
| 82 | + "url" => [ "site/error-page" ], | ||
| 83 | + "icon" => "close", | ||
| 84 | + ], | ||
| 85 | + [ | ||
| 86 | + "label" => "Widgets", | ||
| 87 | + "icon" => "th", | ||
| 88 | + "url" => "#", | ||
| 89 | + "items" => [ | ||
| 90 | + [ | ||
| 91 | + "label" => "Menu", | ||
| 92 | + "url" => [ "site/menu" ], | ||
| 93 | + ], | ||
| 94 | + [ | ||
| 95 | + "label" => "Panel", | ||
| 96 | + "url" => [ "site/panel" ], | ||
| 97 | + ], | ||
| 98 | + ], | ||
| 99 | + ], | ||
| 100 | + [ | ||
| 101 | + "label" => "Badges", | ||
| 102 | + "url" => "#", | ||
| 103 | + "icon" => "table", | ||
| 104 | + "items" => [ | ||
| 105 | + [ | ||
| 106 | + "label" => "Default", | ||
| 107 | + "url" => "#", | ||
| 108 | + "badge" => "123", | ||
| 109 | + ], | ||
| 110 | + [ | ||
| 111 | + "label" => "Success", | ||
| 112 | + "url" => "#", | ||
| 113 | + "badge" => "new", | ||
| 114 | + "badgeOptions" => [ "class" => "label-success" ], | ||
| 115 | + ], | ||
| 116 | + [ | ||
| 117 | + "label" => "Danger", | ||
| 118 | + "url" => "#", | ||
| 119 | + "badge" => "!", | ||
| 120 | + "badgeOptions" => [ "class" => "label-danger" ], | ||
| 121 | + ], | ||
| 122 | + ], | ||
| 123 | + ], | ||
| 124 | + [ | ||
| 125 | + "label" => "Multilevel", | ||
| 126 | + "url" => "#", | ||
| 127 | + "icon" => "table", | ||
| 128 | + "items" => [ | ||
| 129 | + [ | ||
| 130 | + "label" => "Second level 1", | ||
| 131 | + "url" => "#", | ||
| 132 | + ], | ||
| 133 | + [ | ||
| 134 | + "label" => "Second level 2", | ||
| 135 | + "url" => "#", | ||
| 136 | + "items" => [ | ||
| 137 | + [ | ||
| 138 | + "label" => "Third level 1", | ||
| 139 | + "url" => "#", | ||
| 140 | + ], | ||
| 141 | + [ | ||
| 142 | + "label" => "Third level 2", | ||
| 143 | + "url" => "#", | ||
| 144 | + ], | ||
| 145 | + ], | ||
| 146 | + ], | ||
| 147 | + ], | ||
| 148 | + ], | ||
| 149 | + ], | ||
| 150 | + ] | ||
| 151 | + ) ?> | ||
| 152 | + </div> | ||
| 153 | + | ||
| 154 | + </div> | ||
| 155 | + <!-- /sidebar menu --> | ||
| 156 | + | ||
| 157 | + <!-- /menu footer buttons --> | ||
| 158 | + <div class="sidebar-footer hidden-small"> | ||
| 159 | + <a data-toggle="tooltip" data-placement="top" title="Settings"> | ||
| 160 | + <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> | ||
| 161 | + </a> | ||
| 162 | + <a data-toggle="tooltip" data-placement="top" title="FullScreen"> | ||
| 163 | + <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> | ||
| 164 | + </a> | ||
| 165 | + <a data-toggle="tooltip" data-placement="top" title="Lock"> | ||
| 166 | + <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> | ||
| 167 | + </a> | ||
| 168 | + <a data-toggle="tooltip" data-placement="top" title="Logout"> | ||
| 169 | + <span class="glyphicon glyphicon-off" aria-hidden="true"></span> | ||
| 170 | + </a> | ||
| 171 | + </div> | ||
| 172 | + <!-- /menu footer buttons --> | ||
| 173 | + </div> | ||
| 174 | + </div> | ||
| 175 | + | ||
| 176 | + <!-- top navigation --> | ||
| 177 | + <div class="top_nav"> | ||
| 178 | + | ||
| 179 | + <div class="nav_menu"> | ||
| 180 | + <nav class="" role="navigation"> | ||
| 181 | + <div class="nav toggle"> | ||
| 182 | + <a id="menu_toggle"><i class="fa fa-bars"></i></a> | ||
| 183 | + </div> | ||
| 184 | + | ||
| 185 | + <ul class="nav navbar-nav navbar-right"> | ||
| 186 | + <li class=""> | ||
| 187 | + <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> | ||
| 188 | + <img src="http://placehold.it/128x128" alt="">John Doe | ||
| 189 | + <span class=" fa fa-angle-down"></span> | ||
| 190 | + </a> | ||
| 191 | + <ul class="dropdown-menu dropdown-usermenu pull-right"> | ||
| 192 | + <li><a href="javascript:;"> Profile</a> | ||
| 193 | + </li> | ||
| 194 | + <li> | ||
| 195 | + <a href="javascript:;"> | ||
| 196 | + <span class="badge bg-red pull-right">50%</span> | ||
| 197 | + <span>Settings</span> | ||
| 198 | + </a> | ||
| 199 | + </li> | ||
| 200 | + <li> | ||
| 201 | + <a href="javascript:;">Help</a> | ||
| 202 | + </li> | ||
| 203 | + <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a> | ||
| 204 | + </li> | ||
| 205 | + </ul> | ||
| 206 | + </li> | ||
| 207 | + | ||
| 208 | + <li role="presentation" class="dropdown"> | ||
| 209 | + <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false"> | ||
| 210 | + <i class="fa fa-envelope-o"></i> | ||
| 211 | + <span class="badge bg-green">6</span> | ||
| 212 | + </a> | ||
| 213 | + <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu"> | ||
| 214 | + <li> | ||
| 215 | + <a> | ||
| 196 | <span class="image"> | 216 | <span class="image"> |
| 197 | - <img src="http://placehold.it/128x128" alt="Profile Image" /> | 217 | + <img src="http://placehold.it/128x128" alt="Profile Image"/> |
| 198 | </span> | 218 | </span> |
| 199 | - <span> | 219 | + <span> |
| 200 | <span>John Smith</span> | 220 | <span>John Smith</span> |
| 201 | <span class="time">3 mins ago</span> | 221 | <span class="time">3 mins ago</span> |
| 202 | </span> | 222 | </span> |
| 203 | - <span class="message"> | 223 | + <span class="message"> |
| 204 | Film festivals used to be do-or-die moments for movie makers. They were where... | 224 | Film festivals used to be do-or-die moments for movie makers. They were where... |
| 205 | </span> | 225 | </span> |
| 206 | - </a> | ||
| 207 | - </li> | ||
| 208 | - <li> | ||
| 209 | - <a> | 226 | + </a> |
| 227 | + </li> | ||
| 228 | + <li> | ||
| 229 | + <a> | ||
| 210 | <span class="image"> | 230 | <span class="image"> |
| 211 | - <img src="http://placehold.it/128x128" alt="Profile Image" /> | 231 | + <img src="http://placehold.it/128x128" alt="Profile Image"/> |
| 212 | </span> | 232 | </span> |
| 213 | - <span> | 233 | + <span> |
| 214 | <span>John Smith</span> | 234 | <span>John Smith</span> |
| 215 | <span class="time">3 mins ago</span> | 235 | <span class="time">3 mins ago</span> |
| 216 | </span> | 236 | </span> |
| 217 | - <span class="message"> | 237 | + <span class="message"> |
| 218 | Film festivals used to be do-or-die moments for movie makers. They were where... | 238 | Film festivals used to be do-or-die moments for movie makers. They were where... |
| 219 | </span> | 239 | </span> |
| 220 | - </a> | ||
| 221 | - </li> | ||
| 222 | - <li> | ||
| 223 | - <a> | 240 | + </a> |
| 241 | + </li> | ||
| 242 | + <li> | ||
| 243 | + <a> | ||
| 224 | <span class="image"> | 244 | <span class="image"> |
| 225 | - <img src="http://placehold.it/128x128" alt="Profile Image" /> | 245 | + <img src="http://placehold.it/128x128" alt="Profile Image"/> |
| 226 | </span> | 246 | </span> |
| 227 | - <span> | 247 | + <span> |
| 228 | <span>John Smith</span> | 248 | <span>John Smith</span> |
| 229 | <span class="time">3 mins ago</span> | 249 | <span class="time">3 mins ago</span> |
| 230 | </span> | 250 | </span> |
| 231 | - <span class="message"> | 251 | + <span class="message"> |
| 232 | Film festivals used to be do-or-die moments for movie makers. They were where... | 252 | Film festivals used to be do-or-die moments for movie makers. They were where... |
| 233 | </span> | 253 | </span> |
| 234 | - </a> | ||
| 235 | - </li> | ||
| 236 | - <li> | ||
| 237 | - <a> | 254 | + </a> |
| 255 | + </li> | ||
| 256 | + <li> | ||
| 257 | + <a> | ||
| 238 | <span class="image"> | 258 | <span class="image"> |
| 239 | - <img src="http://placehold.it/128x128" alt="Profile Image" /> | 259 | + <img src="http://placehold.it/128x128" alt="Profile Image"/> |
| 240 | </span> | 260 | </span> |
| 241 | - <span> | 261 | + <span> |
| 242 | <span>John Smith</span> | 262 | <span>John Smith</span> |
| 243 | <span class="time">3 mins ago</span> | 263 | <span class="time">3 mins ago</span> |
| 244 | </span> | 264 | </span> |
| 245 | - <span class="message"> | 265 | + <span class="message"> |
| 246 | Film festivals used to be do-or-die moments for movie makers. They were where... | 266 | Film festivals used to be do-or-die moments for movie makers. They were where... |
| 247 | </span> | 267 | </span> |
| 248 | - </a> | ||
| 249 | - </li> | ||
| 250 | - <li> | ||
| 251 | - <div class="text-center"> | ||
| 252 | - <a href="/"> | ||
| 253 | - <strong>See All Alerts</strong> | ||
| 254 | - <i class="fa fa-angle-right"></i> | ||
| 255 | - </a> | ||
| 256 | - </div> | ||
| 257 | - </li> | ||
| 258 | - </ul> | ||
| 259 | - </li> | ||
| 260 | - | ||
| 261 | - </ul> | ||
| 262 | - </nav> | ||
| 263 | - </div> | ||
| 264 | - | ||
| 265 | - </div> | ||
| 266 | - <!-- /top navigation --> | ||
| 267 | - | ||
| 268 | - <!-- page content --> | ||
| 269 | - <div class="right_col" role="main"> | ||
| 270 | - <?php if (isset($this->params['h1'])): ?> | ||
| 271 | - <div class="page-title"> | ||
| 272 | - <div class="title_left"> | ||
| 273 | - <h1><?= $this->params['h1'] ?></h1> | ||
| 274 | - </div> | ||
| 275 | - <div class="title_right"> | ||
| 276 | - <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> | ||
| 277 | - <div class="input-group"> | ||
| 278 | - <input type="text" class="form-control" placeholder="Search for..."> | ||
| 279 | - <span class="input-group-btn"> | 268 | + </a> |
| 269 | + </li> | ||
| 270 | + <li> | ||
| 271 | + <div class="text-center"> | ||
| 272 | + <a href="/"> | ||
| 273 | + <strong>See All Alerts</strong> | ||
| 274 | + <i class="fa fa-angle-right"></i> | ||
| 275 | + </a> | ||
| 276 | + </div> | ||
| 277 | + </li> | ||
| 278 | + </ul> | ||
| 279 | + </li> | ||
| 280 | + | ||
| 281 | + </ul> | ||
| 282 | + </nav> | ||
| 283 | + </div> | ||
| 284 | + | ||
| 285 | + </div> | ||
| 286 | + <!-- /top navigation --> | ||
| 287 | + | ||
| 288 | + <!-- page content --> | ||
| 289 | + <div class="right_col" role="main"> | ||
| 290 | + <?php if (isset( $this->params[ 'h1' ] )): ?> | ||
| 291 | + <div class="page-title"> | ||
| 292 | + <div class="title_left"> | ||
| 293 | + <h1><?= $this->params[ 'h1' ] ?></h1> | ||
| 294 | + </div> | ||
| 295 | + <div class="title_right"> | ||
| 296 | + <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> | ||
| 297 | + <div class="input-group"> | ||
| 298 | + <input type="text" class="form-control" placeholder="Search for..."> | ||
| 299 | + <span class="input-group-btn"> | ||
| 280 | <button class="btn btn-default" type="button">Go!</button> | 300 | <button class="btn btn-default" type="button">Go!</button> |
| 281 | </span> | 301 | </span> |
| 302 | + </div> | ||
| 303 | + </div> | ||
| 304 | + </div> | ||
| 305 | + </div> | ||
| 306 | + <?php endif; ?> | ||
| 307 | + <div class="clearfix"></div> | ||
| 308 | + | ||
| 309 | + <?= $content ?> | ||
| 282 | </div> | 310 | </div> |
| 283 | - </div> | 311 | + <!-- /page content --> |
| 312 | + <!-- footer content --> | ||
| 313 | + <footer> | ||
| 314 | + <div class="pull-right"> | ||
| 315 | + Gentelella - Bootstrap Admin Template by | ||
| 316 | + <a href="https://colorlib.com" rel="nofollow" target="_blank">Colorlib</a><br/> | ||
| 317 | + Extension for Yii framework 2 by | ||
| 318 | + <a href="http://yiister.ru" rel="nofollow" target="_blank">Yiister</a> | ||
| 319 | + </div> | ||
| 320 | + <div class="clearfix"></div> | ||
| 321 | + </footer> | ||
| 322 | + <!-- /footer content --> | ||
| 284 | </div> | 323 | </div> |
| 285 | - </div> | ||
| 286 | - <?php endif; ?> | ||
| 287 | - <div class="clearfix"></div> | ||
| 288 | 324 | ||
| 289 | - <?= $content ?> | ||
| 290 | - </div> | ||
| 291 | - <!-- /page content --> | ||
| 292 | - <!-- footer content --> | ||
| 293 | - <footer> | ||
| 294 | - <div class="pull-right"> | ||
| 295 | - Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com" rel="nofollow" target="_blank">Colorlib</a><br /> | ||
| 296 | - Extension for Yii framework 2 by <a href="http://yiister.ru" rel="nofollow" target="_blank">Yiister</a> | ||
| 297 | - </div> | ||
| 298 | - <div class="clearfix"></div> | ||
| 299 | - </footer> | ||
| 300 | - <!-- /footer content --> | ||
| 301 | - </div> | ||
| 302 | - | ||
| 303 | -</div> | ||
| 304 | - | ||
| 305 | -<div id="custom_notifications" class="custom-notifications dsp_none"> | ||
| 306 | - <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group"> | ||
| 307 | - </ul> | ||
| 308 | - <div class="clearfix"></div> | ||
| 309 | - <div id="notif-group" class="tabbed_notifications"></div> | ||
| 310 | -</div> | ||
| 311 | -<!-- /footer content --> | ||
| 312 | -<?php $this->endBody(); ?> | ||
| 313 | -</body> | 325 | + </div> |
| 326 | + | ||
| 327 | + <div id="custom_notifications" class="custom-notifications dsp_none"> | ||
| 328 | + <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group"> | ||
| 329 | + </ul> | ||
| 330 | + <div class="clearfix"></div> | ||
| 331 | + <div id="notif-group" class="tabbed_notifications"></div> | ||
| 332 | + </div> | ||
| 333 | + <!-- /footer content --> | ||
| 334 | + <?php $this->endBody(); ?> | ||
| 335 | + </body> | ||
| 314 | </html> | 336 | </html> |
| 315 | <?php $this->endPage(); ?> | 337 | <?php $this->endPage(); ?> |
backend/views/site/index.php
| 1 | <?php | 1 | <?php |
| 2 | - | ||
| 3 | -/* @var $this yii\web\View */ | ||
| 4 | - | ||
| 5 | -$this->title = 'My Yii Application'; | 2 | + |
| 3 | + /* @var $this yii\web\View */ | ||
| 4 | + | ||
| 5 | + use artweb\artbox\gentelella\widgets\XPanel; | ||
| 6 | + use yii\bootstrap\Carousel; | ||
| 7 | + use yii\bootstrap\Collapse; | ||
| 8 | + | ||
| 9 | + $this->title = 'My Yii Application'; | ||
| 10 | +?> | ||
| 11 | +<?php | ||
| 12 | + $panel = XPanel::begin(); | ||
| 13 | + $panel::end(); | ||
| 6 | ?> | 14 | ?> |
| 7 | <div class="site-index"> | 15 | <div class="site-index"> |
| 8 | - | ||
| 9 | - <div class="jumbotron"> | ||
| 10 | - <h1>Congratulations!</h1> | ||
| 11 | - | ||
| 12 | - <p class="lead">You have successfully created your Yii-powered application.</p> | ||
| 13 | - | ||
| 14 | - <p><a class="btn btn-lg btn-success" href="http://www.yiiframework.com">Get started with Yii</a></p> | ||
| 15 | - </div> | ||
| 16 | - | ||
| 17 | - <div class="body-content"> | ||
| 18 | - | ||
| 19 | - <div class="row"> | ||
| 20 | - <div class="col-lg-4"> | ||
| 21 | - <h2>Heading</h2> | ||
| 22 | - | ||
| 23 | - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et | ||
| 24 | - dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip | ||
| 25 | - ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu | ||
| 26 | - fugiat nulla pariatur.</p> | ||
| 27 | - | ||
| 28 | - <p><a class="btn btn-default" href="http://www.yiiframework.com/doc/">Yii Documentation »</a></p> | ||
| 29 | - </div> | ||
| 30 | - <div class="col-lg-4"> | ||
| 31 | - <h2>Heading</h2> | ||
| 32 | - | ||
| 33 | - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et | ||
| 34 | - dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip | ||
| 35 | - ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu | ||
| 36 | - fugiat nulla pariatur.</p> | ||
| 37 | - | ||
| 38 | - <p><a class="btn btn-default" href="http://www.yiiframework.com/forum/">Yii Forum »</a></p> | ||
| 39 | - </div> | ||
| 40 | - <div class="col-lg-4"> | ||
| 41 | - <h2>Heading</h2> | ||
| 42 | - | ||
| 43 | - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et | ||
| 44 | - dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip | ||
| 45 | - ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu | ||
| 46 | - fugiat nulla pariatur.</p> | ||
| 47 | - | ||
| 48 | - <p><a class="btn btn-default" href="http://www.yiiframework.com/extensions/">Yii Extensions »</a></p> | ||
| 49 | - </div> | 16 | + <div class="x_panel"> |
| 17 | + <div class="x_title"> | ||
| 18 | + <h2>Test</h2> | ||
| 19 | + <ul class="nav navbar-right panel_toolbox"> | ||
| 20 | + <li> | ||
| 21 | + <a class="collapse-link"> | ||
| 22 | + <i class="fa fa-chevron-up"></i> | ||
| 23 | + </a> | ||
| 24 | + </li> | ||
| 25 | + <li> | ||
| 26 | + <a class="close-link"> | ||
| 27 | + <i class="fa fa-close"></i> | ||
| 28 | + </a> | ||
| 29 | + </li> | ||
| 30 | + </ul> | ||
| 31 | + <div class="clearfix"></div> | ||
| 50 | </div> | 32 | </div> |
| 51 | - | 33 | + <div class="x_content">Velox nuclear vexatum iaceres ducunt ad eleates.</div> |
| 52 | </div> | 34 | </div> |
| 53 | </div> | 35 | </div> |