Blame view

frontend/views/goods/index.php 20.1 KB
62dba7d8   Mihail   add goods control...
1
  <?php
b1a1ffd5   Mihail   add params to goo...
2
3
4
5
6
7
8
9
10
11
  use yii\data\Sort;
  use \yii\helpers\Html;
  
  $sort = new Sort([
      'attributes' => [
          'box' => ['label' => 'Наличие'],
          'delivery' => ['label' => 'Срок'],
          'price' => ['label' => 'Цена'],
      ],
  ]);
62dba7d8   Mihail   add goods control...
12
  $this->registerCssFile('/css/BC2_catalog_zapchasti.css');
62dba7d8   Mihail   add goods control...
13
  $this->params['breadcrumbs'][] = $this->title;
b1a1ffd5   Mihail   add params to goo...
14
  \yii\widgets\Pjax::begin();
62dba7d8   Mihail   add goods control...
15
16
17
18
19
20
21
22
23
24
25
26
  ?>
  
  <div class='vin table '>
      <a href="" class='navigation'>Италавто</a>
      <img src="/images/arrow_dots.png">
      <a href="" class='navigation'>Расходные материалы</a>
      <img src="/images/arrow_dots.png">
      <a href="" class='navigation'>Электрооборудование</a>
      <img src="/images/arrow_dots.png">
      <a href="" class='navigation'>Акамуляторы(АКБ)</a>
      <img src="/images/arrow_dots.png">
      <span>Аккумулятор<span class='detail_name'> 0 092 S30 120: BOSCH</span></span>
62dba7d8   Mihail   add goods control...
27
  
f0a8acb5   Mihail   add sort function...
28
29
30
          <p class="vin_article">Аккумулятор 0 092 S30 120: BOSCH</p>
      <div class="tovar_card">
          <div class="search_span zapchasti">
62dba7d8   Mihail   add goods control...
31
  
f0a8acb5   Mihail   add sort function...
32
33
34
35
36
              <img src="/images/car1.png" id="zapchasti_car">
              <p>Укажите свой автомобиль
                  и мы предложим вам
                  еще Аккумуляторы (АКБ)</p>
              <div class="selectize_item2">
62dba7d8   Mihail   add goods control...
37
38
  
  
f0a8acb5   Mihail   add sort function...
39
40
41
42
43
44
45
                  <select class="area">
                      <option value="" disabled="" selected="">Марка</option>
                      <option value="2">Выбери меня!</option>
                      <option value="3">Выбери меня!</option>
                      <option value="5">Меня!</option>
                      <option value="4">Меня</option>
                  </select>
62dba7d8   Mihail   add goods control...
46
  
f0a8acb5   Mihail   add sort function...
47
48
49
50
51
52
53
54
55
56
57
              </div>
              <button class="purple">Есть еще?</button>
          </div>
          <div class='note'>
              <span id="modal_close_tip"><img src="/images/close_form.png"></span>
              <p>
                  У нас есть еще<br>
                  45 Аккумуляторы (АКБ)<br>
                  Возможно что-то вам<br>
                  подойдет
              </p>
62dba7d8   Mihail   add goods control...
58
          </div>
62dba7d8   Mihail   add goods control...
59
  
f0a8acb5   Mihail   add sort function...
60
61
62
63
64
65
          <table class='detail'>
              <tr>
                  <td>
                      <img src="/images/acamulator_big.png">
                      <img src="/images/small_plus.png">
                  </td>
62dba7d8   Mihail   add goods control...
66
  
62dba7d8   Mihail   add goods control...
67
  
f0a8acb5   Mihail   add sort function...
68
69
70
71
72
73
74
75
76
77
78
79
80
                  <td>
                      <p class='bold_line'>0 092 S30 120: BOSCH</p>
                      <p class="thin_line">12V 88Ah 740A</p>
                      <p class='bold_line space'>Емкость, А/Ч:<span class='thin_line'> 88</span></p>
                      <p class="bold_line">Полярность: Правая (-/+)</p>
                  </td>
              </tr>
              <tr class="galery">
                  <td><img src="/images/acamulator_small_gallery.png"><img src="/images/acamulator_small_gallery.png"></td>
              </tr>
          </table>
          <img src="/images/arrow_rounded.png" class='arrow_rounded'>
      </div>
62dba7d8   Mihail   add goods control...
81
82
83
84
  
  
  </div>
  <div class="vin href">
f0a8acb5   Mihail   add sort function...
85
      <p class="button_grey" id="button_grey_card">Скрыть карточку товара</p>
62dba7d8   Mihail   add goods control...
86
87
88
89
90
91
92
93
94
95
96
97
98
  </div>
  <div class="vin tables">
  
      <div class="first_section">
          <p class="bold_line">12V 88Ah 740A Bosch 0092s30120</p>
          <p class="currency  opposite" id="dollars">грн</p>
          <p class="currency active_button_purple1" id="grivna">$</p>
          <table class="tovar_table" cellspacing="0" cellpadding="0" border="0">
              <tbody><tr class="name">
                  <td class="small_width row_name">Фирма</td>
                  <td class="medium_width row_name">Номер детали</td>
                  <td class="large_width row_name">Описание</td>
                  <td class="row_select1 row_name"></td>
9a153572   OlenaKl   V
99
100
101
                  <td class="right_large row_name link_sort arrow_up"><?=$sort->link('box')?></td>
                  <td class="right_small row_name link_sort arrow_up"><?=$sort->link('delivery')?></td>
                  <td class="right_medium row_name link_sort arrow_up"><?=$sort->link('price')?></td>
62dba7d8   Mihail   add goods control...
102
  
62dba7d8   Mihail   add goods control...
103
              </tr>
b1a1ffd5   Mihail   add params to goo...
104
105
106
107
108
109
110
              <?php
              echo \yii\widgets\ListView::widget( [
                  'dataProvider' => $dataProvider,
                  'itemView'=>'one_item',
                  'layout' => "{items}"
              ] );
              ?>
62dba7d8   Mihail   add goods control...
111
112
113
114
115
116
  
              </tbody></table>
  
  
      </div>
      <div class="second_section">
f0a8acb5   Mihail   add sort function...
117
          <p class="bold_line">Замены искомого производителя</p>
62dba7d8   Mihail   add goods control...
118
119
120
          <p class="currency1  opposite1" id="dollars">грн</p>
          <p class="currency1 active_button_purple11" id="grivna">$</p>
          <table class="tovar_table" cellspacing="0" cellpadding="0" border="0">
792c8a88   Mihail   work with goods o...
121
122
              <tbody>
              <tr class="name">
62dba7d8   Mihail   add goods control...
123
124
125
126
                  <td class="small_width row_name">Фирма</td>
                  <td class="medium_width row_name">Номер детали</td>
                  <td class="large_width row_name">Описание</td>
                  <td class="row_select1 row_name"></td>
1f6c97c0   OlenaKl   V
127
128
129
                  <td class="right_large row_name link_sort arrow_up">Наличие</td>
                  <td class="right_small row_name link_sort arrow_up">Срок</td>
                  <td class="right_medium row_name link_sort arrow_up">Цена</td>
62dba7d8   Mihail   add goods control...
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
  
              </tr>
              <tr>
                  <td class="small_width">BOSH</td>
                  <td class="medium_width">0 092 S30 120
                      <img src="/images/favourite_notactive.png" class="favourite">
                      <img src="/images/favourite.png" class="pose">
                  </td>
                  <td class="large_width">12V 88Ah 740A
                      <a href=""><img src="/images/gear.png"></a>
                      <a href="" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="/images/icon_cam.png"></a>
                  </td>
                  <td class="right instock">
                      <table class="right" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
      border-top: 0;">
                          <tbody>
  
  
792c8a88   Mihail   work with goods o...
148
                          <tr class="one" style="border-bottom: 0;border-top: 0;">
62dba7d8   Mihail   add goods control...
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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
                              <td class="row_select" style="border-bottom: 0;
      border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
                          </tr>
                          </tbody></table>
  
                  </td>
                  <td class="right_large instock">3</td>
                  <td class="right_small instock">1 дн.</td>
                  <td class="right_medium instock">103.75</td>
              </tr>
              <tr>
                  <td class="small_width">BOSH</td>
                  <td class="medium_width">0 092 S30 120
                      <img src="/images/favourite_notactive.png" class="favourite">
                      <img src="/images/favourite.png" class="pose">
                  </td>
                  <td class="large_width">12V 88Ah 740A
                      <a href=""><img src="/images/gear.png"></a>
                      <a href="" id="go_photo" data-image="/images/acamulator_big.png"><img src="/images/icon_cam.png"></a>
                  </td>
                  <td class="right " style="border-bottom: 0;
      border-top: 0;">
                      <table class="right" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
      border-top: 0;">
                          <tbody>
  
                          <tr class="one" style="border-bottom: 0;
      border-top: 0;">
                              <td class="row_select" style="border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
  
                          </tr>
                          <tr class="one" style="border-bottom: 0;
      border-top: 0;">
                              <td class="row_select" style="border-bottom: 0;
      border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
                          </tr>
                          </tbody></table>
  
                  </td>
f0a8acb5   Mihail   add sort function...
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
                  <td class="right_large">
                      <table class="inner_table" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
                      border-top: 0;">
                          <tbody>
                              <tr>
                                  <td>3</td>
                              </tr>
                              <tr>
                                  <td>3</td>
                              </tr>
                          </tbody>
                      </table>
  
                      </td>
                  <td class="right_small">
                      <table class="inner_table" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
                      border-top: 0;">
                          <tbody>
                          <tr>
                              <td>1 дн.</td>
                          </tr>
                          <tr>
                              <td>1 дн.</td>
                          </tr>
                          </tbody>
                      </table>
                  </td>
                  <td class="right_medium">
                      <table class="inner_table" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
                      border-top: 0;">
                          <tbody>
                          <tr>
                              <td>103.75</td>
                          </tr>
                          <tr>
                              <td>103.75</td>
                          </tr>
                          </tbody>
                      </table>
                  </td>
62dba7d8   Mihail   add goods control...
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
              </tr>
              <tr>
                  <td class="small_width">BOSH</td>
                  <td class="medium_width">0 092 S30 120
                      <img src="/images/favourite_notactive.png" class="favourite">
                      <img src="/images/favourite.png" class="pose">
                  </td>
                  <td class="large_width">12V 88Ah 740A
                      <a href=""><img src="/images/gear.png"></a>
                      <a href="" id="go_photo" data-image="/images/acamulator_big.png"><img src="/images/icon_cam.png"></a>
                  </td>
                  <td class="right" style="border-bottom: 0;
      border-top: 0;">
                      <table class="right" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
      border-top: 0;">
                          <tbody>
  
  
                          <tr class="one" style="border-bottom: 0;
      border-top: 0;">
                              <td class="row_select" style="border-bottom: 0;
      border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
                          </tr>
                          </tbody></table>
  
                  </td>
                  <td class="right_large">3</td>
                  <td class="right_small">1 дн.</td>
                  <td class="right_medium">103.75</td>
              </tr>
              <tr>
                  <td class="small_width">BOSH</td>
                  <td class="medium_width">0 092 S30 120
                      <img src="/images/favourite_notactive.png" class="favourite">
                      <img src="/images/favourite.png" class="pose">
                  </td>
                  <td class="large_width">12V 88Ah 740A
                      <a href=""><img src="/images/gear.png"></a>
                      <a href="" id="go_photo" data-image="/images/acamulator_big.png"><img src="/images/icon_cam.png"></a>
                  </td>
                  <td class="right" style="border-bottom: 0;
      border-top: 0;">
                      <table class="right" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
      border-top: 0;">
                          <tbody>
  
  
                          <tr class="one" style="border-bottom: 0;
      border-top: 0;">
  
                              <td class="row_select" style="border-bottom: 0;
      border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
                          </tr>
                          </tbody></table>
  
                  </td>
                  <td class="right_large">3</td>
                  <td class="right_small">1 дн.</td>
                  <td class="right_medium">103.75</td>
              </tr>
              <tr>
                  <td class="small_width">BOSH</td>
                  <td class="medium_width">0 092 S30 120
                      <img src="/images/favourite_notactive.png" class="favourite">
                      <img src="/images/favourite.png" class="pose">
                  </td>
                  <td class="large_width">12V 88Ah 740A
                      <a href=""><img src="/images/gear.png"></a>
                      <a href="" id="go_photo" data-image="/images/acamulator_big.png"><img src="/images/icon_cam.png"></a>
                  </td><td class="right" style="border-bottom: 0;
      border-top: 0;">
                      <table class="right" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
      border-top: 0;">
                          <tbody>
  
                          <tr class="one" style="border-bottom: 0;
      border-top: 0;">
                              <td class="row_select" style="border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
  
                          </tr>
                          <tr class="one" style="border-bottom: 0;
      border-top: 0;">
                              <td class="row_select" style="border-bottom: 0;
      border-top: 0;">
                                  <div class="lend-tovar-cart-left">
                                      <input type="text" class="lend-tovar-cart-number" value="1">
                                      <div class="arrow-cart-lend-wr">
                                          <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                          <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                      </div>
                                  </div>
                                  <button class="purple">В корзину</button>
                              </td>
                          </tr>
                          </tbody></table>
  
                  </td>
f0a8acb5   Mihail   add sort function...
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
                  <td class="right_large">
                      <table class="inner_table" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
                      border-top: 0;">
                          <tbody>
                          <tr>
                              <td>3</td>
                          </tr>
                          <tr>
                              <td>3</td>
                          </tr>
                          </tbody>
                      </table>
  
                  </td>
                  <td class="right_small">
                      <table class="inner_table" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
                      border-top: 0;">
                          <tbody>
                          <tr>
                              <td>1 дн.</td>
                          </tr>
                          <tr>
                              <td>1 дн.</td>
                          </tr>
                          </tbody>
                      </table>
                  </td>
                  <td class="right_medium">
                      <table class="inner_table" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 0;
                      border-top: 0;">
                          <tbody>
                          <tr>
                              <td>103.75</td>
                          </tr>
                          <tr>
                              <td>103.75</td>
                          </tr>
                          </tbody>
                      </table>
                  </td>
62dba7d8   Mihail   add goods control...
419
420
421
422
423
424
425
426
              </tr>
  
              </tbody></table>
          <div class="yellow_stock">
              <img src="/images/yellow_squere.jpg"><p>В наличии на центральном складе ItalAuto, в Киеве</p>
          </div>
      </div>
  </div>
62dba7d8   Mihail   add goods control...
427
  
f0a8acb5   Mihail   add sort function...
428
429
430
431
432
433
434
435
436
437
438
439
  </div>
  <script type="text/javascript">
      function changeText() {
          e = document.getElementById('button_grey_card');
          e.innerHTML = e.innerHTML == "Скрыть карточку товара" ? "Открыть карточку товара" : "Скрыть карточку товара";
      }
    $('#button_grey_card').click(function(){
        changeText();
        $(this).toggleClass('change_b');
        $('.tovar_card').toggleClass('tovar_card_visible');
        $('.table').toggleClass('table_height');
    });
9a153572   OlenaKl   V
440
    $('.link_sort').click(function(){
14ab9e33   OlenaKl   V
441
442
  
      $(this).find('.desc).toggleClass('arrow_downA');
9a153572   OlenaKl   V
443
444
  
    })
b1a1ffd5   Mihail   add params to goo...
445
446
447
448
449
  </script>
  
  <?php
  \yii\widgets\Pjax::end();
  ?>