Commit fb14ea2a4c769daf465805e75a6d4ea5a4ac2f0a
Merge remote-tracking branch 'origin/master'
Showing
5 changed files
with
219 additions
and
0 deletions
Show diff stats
1 | +<?php | |
2 | + | |
3 | + namespace frontend\controllers; | |
4 | + | |
5 | + use artbox\weblog\models\Article; | |
6 | + use yii\data\ActiveDataProvider; | |
7 | + use yii\web\Controller; | |
8 | + | |
9 | + /** | |
10 | + * Class BlogController | |
11 | + * | |
12 | + * @package frontend\controllers | |
13 | + */ | |
14 | + class BlogController extends Controller | |
15 | + { | |
16 | + public function actionIndex() | |
17 | + { | |
18 | + $dataProvider = new ActiveDataProvider( | |
19 | + [ | |
20 | + 'query' => Article::find() | |
21 | + ->orderBy( | |
22 | + [ | |
23 | + 'created_at' => SORT_DESC, | |
24 | + ] | |
25 | + ), | |
26 | + 'pagination' => [ | |
27 | + 'pageSize' => 3, | |
28 | + ], | |
29 | + ] | |
30 | + ); | |
31 | + | |
32 | + return $this->render( | |
33 | + 'index', | |
34 | + [ | |
35 | + 'dataProvider' => $dataProvider, | |
36 | + ] | |
37 | + ); | |
38 | + } | |
39 | + } | |
0 | 40 | \ No newline at end of file | ... | ... |
1 | +<?php | |
2 | + | |
3 | + use artbox\weblog\models\Article; | |
4 | + | |
5 | + /** | |
6 | + * @var Article $model | |
7 | + */ | |
8 | + | |
9 | +?> | |
10 | + | |
11 | +<section class="post"> | |
12 | + <div class="row"> | |
13 | + <div class="col-md-4"> | |
14 | + <div class="video"> | |
15 | + <div class="embed-responsive embed-responsive-4by3"> | |
16 | + <iframe class="embed-responsive-item" src="//www.youtube.com/embed/upZJpGrppJA"></iframe> | |
17 | + </div> | |
18 | + </div> | |
19 | + </div> | |
20 | + <div class="col-md-8"> | |
21 | + <h2><a href="blog-post.html">Название статьи</a></h2> | |
22 | + <div class="clearfix"> | |
23 | + <p class="author-category">Автор: <a href="#">John Snow</a> в <a href="blog.html">Webdesign</a> | |
24 | + </p> | |
25 | + <p class="date-comments"> | |
26 | + <a href="blog-post.html"><i class="fa fa-calendar-o"></i> 20 июня 2013</a> | |
27 | + <a href="blog-post.html"><i class="fa fa-comment-o"></i> 8 комментариев</a> | |
28 | + </p> | |
29 | + </div> | |
30 | + <p class="intro">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. | |
31 | + Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> | |
32 | + <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Продолжить чтение</a> | |
33 | + </p> | |
34 | + </div> | |
35 | + </div> | |
36 | +</section> | ... | ... |
1 | +<?php | |
2 | + | |
3 | + use yii\data\ActiveDataProvider; | |
4 | + use yii\web\View; | |
5 | + use yii\widgets\ListView; | |
6 | + | |
7 | + /** | |
8 | + * @var View $this | |
9 | + * @var ActiveDataProvider $dataProvider | |
10 | + */ | |
11 | + | |
12 | +?> | |
13 | + | |
14 | +<div id="content"> | |
15 | + <div class="container"> | |
16 | + <div class="row"> | |
17 | + <!-- *** LEFT COLUMN *** | |
18 | +_________________________________________________________ --> | |
19 | + | |
20 | + <div class="col-md-9" id="blog-listing-medium"> | |
21 | + | |
22 | + | |
23 | + <ul class="pager"> | |
24 | + <li class="previous"><a href="#">← Назад</a> | |
25 | + </li> | |
26 | + <li class="next disabled"><a href="#">Вперед →</a> | |
27 | + </li> | |
28 | + </ul> | |
29 | + | |
30 | + | |
31 | + </div> | |
32 | + <!-- /.col-md-9 --> | |
33 | + | |
34 | + | |
35 | + <?= ListView::widget( | |
36 | + [ | |
37 | + 'dataProvider' => $dataProvider, | |
38 | + 'itemView' => '_article', | |
39 | + 'options' => [ | |
40 | + 'class' => 'col-md-9', | |
41 | + 'id' => 'blog-listing-medium', | |
42 | + ], | |
43 | + ] | |
44 | + ); ?> | |
45 | + | |
46 | + | |
47 | + <!-- *** LEFT COLUMN END *** --> | |
48 | + | |
49 | + <!-- *** RIGHT COLUMN *** | |
50 | +_________________________________________________________ --> | |
51 | + | |
52 | + <div class="col-md-3"> | |
53 | + | |
54 | + <!-- *** MENUS AND WIDGETS *** | |
55 | +_________________________________________________________ --> | |
56 | + <div class="panel panel-default sidebar-menu"> | |
57 | + | |
58 | + <div class="panel-heading"> | |
59 | + <h3 class="panel-title">Блог компании</h3> | |
60 | + </div> | |
61 | + | |
62 | + <div class="panel-body text-widget"> | |
63 | + <p> | |
64 | + Мы собираем полезные материалы по тематике бытовой техники и электроники | |
65 | + </p> | |
66 | + | |
67 | + </div> | |
68 | + </div> | |
69 | + | |
70 | + <div class="panel panel-default sidebar-menu"> | |
71 | + | |
72 | + <div class="panel-heading"> | |
73 | + <h3 class="panel-title">Поиск</h3> | |
74 | + </div> | |
75 | + | |
76 | + <div class="panel-body"> | |
77 | + <form role="search"> | |
78 | + <div class="input-group"> | |
79 | + <input type="text" class="form-control" placeholder="Поиск по статьям"> | |
80 | + <span class="input-group-btn"> | |
81 | + | |
82 | + <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button> | |
83 | + | |
84 | + </span> | |
85 | + </div> | |
86 | + </form> | |
87 | + </div> | |
88 | + </div> | |
89 | + | |
90 | + <div class="panel sidebar-menu"> | |
91 | + <div class="panel-heading"> | |
92 | + <h3 class="panel-title">Поиск по тегам</h3> | |
93 | + </div> | |
94 | + | |
95 | + <div class="panel-body"> | |
96 | + <ul class="tag-cloud"> | |
97 | + <li><a href="#"><i class="fa fa-tags"></i> Обзор</a> | |
98 | + </li> | |
99 | + <li><a href="#"><i class="fa fa-tags"></i> Ноутбук</a> | |
100 | + </li> | |
101 | + <li><a href="#"><i class="fa fa-tags"></i> ПК</a> | |
102 | + </li> | |
103 | + <li><a href="#"><i class="fa fa-tags"></i> Моноблок</a> | |
104 | + </li> | |
105 | + <li><a href="#"><i class="fa fa-tags"></i> Смартфоны</a> | |
106 | + </li> | |
107 | + </ul> | |
108 | + </div> | |
109 | + </div> | |
110 | + | |
111 | + <!-- *** MENUS AND FILTERS END *** --> | |
112 | + | |
113 | + </div> | |
114 | + <!-- /.col-md-3 --> | |
115 | + | |
116 | + <!-- *** RIGHT COLUMN END *** --> | |
117 | + | |
118 | + </div> | |
119 | + <!-- /.row --> | |
120 | + </div> | |
121 | + <!-- /.container --> | |
122 | +</div> | |
123 | +<!-- /#content --> | |
0 | 124 | \ No newline at end of file | ... | ... |
frontend/web/css/style.css
... | ... | @@ -4639,4 +4639,18 @@ a.list-group-item.active > .badge, |
4639 | 4639 | -ms-transform: rotate(360deg); |
4640 | 4640 | transform: rotate(360deg); |
4641 | 4641 | } |
4642 | +} | |
4643 | + | |
4644 | +.alert-cart{ | |
4645 | + position: fixed; | |
4646 | + z-index: 1001; | |
4647 | + width: 50%; | |
4648 | + left: 25%; | |
4649 | + top: -75px; | |
4650 | + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | |
4651 | + transition: 0.3s; | |
4652 | +} | |
4653 | +.alert-cart.active{ | |
4654 | + top: 30px; | |
4655 | + box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3); | |
4642 | 4656 | } |
4643 | 4657 | \ No newline at end of file | ... | ... |
frontend/web/js/script.js
... | ... | @@ -112,6 +112,13 @@ $( |
112 | 112 | var id = $(this) |
113 | 113 | .data('id'); |
114 | 114 | basket.add(id, 1); |
115 | + if ($('.alert-cart').length > 0) { | |
116 | + } else { | |
117 | + $('body').prepend($("<div class='alert-cart alert alert-success alert-dismissible'>Товар добавлен в корзину.</div>")); | |
118 | + setTimeout(function(){$(".alert-cart").addClass("active");},100); | |
119 | + setTimeout(function(){$(".alert-cart").removeClass("active");},3500); | |
120 | + setTimeout(function(){$(".alert-cart").remove();},3600); | |
121 | + } | |
115 | 122 | }); |
116 | 123 | |
117 | 124 | $(document) | ... | ... |