view.php
10.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<?php
/**
* @var \yii\web\View $this;
* @var \common\models\Book $model;
*/
use artbox\core\helpers\ImageHelper;
use yii\helpers\Url;
$this->params[ 'breadrumbs'][] = [
'label' => 'Книги',
'url' => Url::to(['book/index'])
];
$this->params['breadcrumbs'][] = $model->title;
?>
<section class="section-card">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 card-img-col">
<?php if ($model->image !== null){?>
<div class="card-img">
<?=ImageHelper::set('@storage/books/'.$model->id.'/'.$model->image)->cropResize(262, 390)->renderImage()?>
</div>
<?php } ?>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="style card-title"><?=$model->title?></div>
<div class="style card-autor-wrapp">
<div class="autor-img">
<div><img src="images/card/autor.jpg" alt=""></div>
</div>
<div class="autor-name"><?=$model->author->name?> <?=$model->author->secondname?></div>
</div>
<div class="style card-btns-price-wr">
<?php if ($model->price == null){ ?>
<div>
<div class="price-block">
<!--"необхідно" выводится без класса '.have'-->
<!--<p><b>110000</b> грн. <span>необхідно</span></p>-->
<p><b>37620</b> грн. <span class="have">зібрано</span></p>
<p><b>460</b> <span class="supporters">підтримувачів</span></p>
</div>
<div class="style books-btn books-btn-new">
<a href="#" class="btn_">Підтримати</a>
</div>
</div>
<?php } else {?>
<div>
<div class="style price-books-catalog"><div>вартість <b>150</b> грн.</div></div>
<div class="style books-btn books-btn-buy">
<a href="#" class="btn_">придбати</a>
</div>
</div>
<?php } ?>
</div>
<div class="style card-seti-wr">
<p>поділитися в соціальних мережах</p>
<!--вставлять ссылку на эту страницу сюда {link-this-page}-->
<ul>
<li class="card-s1"><a target="_blank" rel="nofollow" href="http://www.facebook.com/sharer/sharer.php?u=http://{link-this-page}"></a></li>
<li class="card-s2"><a target="_blank" rel="nofollow" href="https://twitter.com/intent/tweet?text=Hello%20world&url=http://{link-this-page}"></a></li>
<li class="card-s3"><a target="_blank" rel="nofollow" href="https://plus.google.com/share?url=http://{link-this-page}"></a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
<div class="card-text style">
<?=$model->preview?>
</div>
</div>
</div>
</div>
</section>
<?php if ($model->description != null){?>
<section class="section-card-description">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="card-desk-title">Опис</div>
</div>
<div class="col-xs-12 col-sm-12 card-desk-text blog-view">
<?=$model->description; ?>
</div>
<div style="display: none;" class="style mob-card-desk-btn" data-hide="згорнути" data-show="розгорнути">
<span>розгорнути</span>
</div>
</div>
</div>
</section>
<?php } ?>
<section class="section-card-title">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="card-desk-title">коментарі</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 comments-card-col">
<div class="hidden-comments-form-card style" style="display: none;">
<div class="style card-form-add-wrapp">
<form action="#">
<div class="style title-add-comments-form">Відповісти</div>
<div class="input-wr">
<label for="q1">Ім'я</label>
<input id="q1" type="text">
</div>
<div class="input-wr">
<label for="q2">Пошта</label>
<input id="q2" type="text">
</div>
<div class="input-wr">
<label for="q3">Коментар</label>
<textarea name="" id="q3" cols="30" rows="10"></textarea>
</div>
<div class="button-wr">
<button type="submit">відповісти</button>
</div>
</form>
</div>
</div>
<div class="style">
<div class="comments-card-wr style">
<div class="style comments-card-autor">Ольга Ващенко</div>
<div class="style comments-card-text">Скоріше відкривайте, чекатиму з нетерпінням! Неймовірне вам спасибі за видання цього автора українською!</div>
<div class="style answers-wr">
<span>відповісти</span>
</div>
</div>
<div class="comments-card-wr style">
<div class="style comments-card-autor">Олександр Кармаш</div>
<div class="style comments-card-text">Скоріше відкривайте, чекатиму з нетерпінням! Неймовірне вам спасибі за видання цього автора українською!Це вже остаточний варіант обкладинки? Бо це мені вперше не сподобалась обкладинка книжки вашого видавництва...(як на мене фраза про розчинний убік збоку псує всю картину і видається зайвою)..</div>
<div class="style answers-wr">
<span>відповісти</span>
</div>
<div class="comments-card-ansvers-text-wr style">
<div class="style comments-card-autor-ansvers comments-card-autor">Андрій</div>
<div class="comments-card-text style">
Доброго дня! Це не обкладинка, а просто футуристична картинка "для ілюстрації". Обкладинку ми зараз готуємо і незабаром додамо її на сайт.
</div>
</div>
</div>
<div class="comments-card-wr style">
<div class="style comments-card-autor">Вікторія</div>
<div class="style comments-card-text">Дочекався. Перша книжка Діка яку я прочитав (російською), тепер й українською. Неймовірно захоплива, і з (спойлер).
Але, шановні, змініть обкладинку, це ж обкладинка бразильського видання "Нейромант" Вільяма Гібсона </div>
<div class="style answers-wr">
<span>відповісти</span>
</div>
</div>
<div class="comments-card-wr style">
<div class="style comments-card-autor">Руслан Ковтун</div>
<div class="style comments-card-text">Дочекався. Перша книжка Діка яку я прочитав (російською), тепер й українською. Неймовірно захоплива, і з (спойлер).
Але, шановні, змініть обкладинку, це ж обкладинка бразильського видання "Нейромант" Вільяма Гібсона </div>
<div class="style answers-wr">
<span>відповісти</span>
</div>
</div>
</div>
</div>
<div class="col-xs-12 hidden-sm col-md-1"></div>
<div class="col-xs-12 col-sm-6 col-md-5">
<div class="style card-form-add-wrapp">
<form action="#">
<div class="style title-add-comments-form">Додати коментар</div>
<div class="input-wr">
<label for="q1">Ім'я</label>
<input id="q1" type="text">
</div>
<div class="input-wr">
<label for="q2">Пошта</label>
<input id="q2" type="text">
</div>
<div class="input-wr">
<label for="q3">Коментар</label>
<textarea name="" id="q3" cols="30" rows="10"></textarea>
</div>
<div class="button-wr">
<button type="submit">додати</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>