c80_yax 0.1.0.17 → 0.1.0.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b27cb43794e072755dc0e6619628eaebca9dfab5
-  data.tar.gz: cb43a6459897d944f7f20132e48811dfd1ce52b6
+  metadata.gz: 7b913c8fef54a107aba57e59348d9ce469a96e02
+  data.tar.gz: d59d47ce6a4371c48f5c7e70ad7dd20fcdf114a4
 SHA512:
-  metadata.gz: 7189f75edc61815e45465a882c22bd557592225b03b8cccb8e207afeb4386d33e4b5b3db0bd965cb19ec079ec3e10eda0246fec4c8bcf979389add3f1c410425
-  data.tar.gz: b9ccc3788c03bb70478fadc1c3c965537b50d4456488ccc18bdec517b71b5d73cf1c817a79bd2eceb21b24f5651aa1d74712a36e8b200b91bdbe838e30a4aed5
+  metadata.gz: 2a68312e1c25af4fda7ede582dee1fb6eb697e331e43d13214288eab7df7c7fe399a747b81019ceb9422688659aa367c2e11895c594acad9eb7f842763ed228e
+  data.tar.gz: fe656f4d6f79951ad7eac7514b71fd8e9e856e39b434afb0448e068ebecaca0a7b2c0d95df52a74117f28e4934a571e4bba96be3646a89075f4759dd64345c5a

data/app/assets/javascripts/c80_yax/frontend/item_color_selector/app.js

@@ -1,8 +1,11 @@
 "use strict";
 
+var ITEM_COLOR_SELECTOR = {};
+
 var _activate_color_selectors = function() {
     $('.item_color_selector').each(function() {
-        new ItemColorSelector(this);
+        ITEM_COLOR_SELECTOR[$(this).data('id')] =
+            new ItemColorSelector(this);
     });
 };
 

data/app/assets/javascripts/c80_yax/frontend/item_color_selector/item_color_selector.js

@@ -6,6 +6,10 @@ var ItemColorSelector = function(wrapper) {
     var _$lic;
     var _sel_color;
 
+    var _get_sel_color = function() {
+        return  _sel_color;
+    };
+
     var _set_sel_color = function(new_color) {
         _sel_color = new_color;
     };
@@ -36,4 +40,8 @@ var ItemColorSelector = function(wrapper) {
 
     _fInit(wrapper);
 
+    return {
+        get_cur_val: _get_sel_color
+    }
+
 };

data/app/assets/javascripts/c80_yax/frontend/item_options/app.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var ITEM_OPTIONS = {};
+
+var _activate_item_options = function() {
+    $('.buy_options').each(function() {
+        ITEM_OPTIONS[$(this).data('id')] =
+            new ItemOptions(this);
+    });
+};
+
+$(document).ready(function() {
+    // alert(ItemQuantityPicker);
+    _activate_item_options();
+});

data/app/assets/javascripts/c80_yax/frontend/item_options/item_options.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var ItemOptions = function (wrapper){
+
+    var _$wrapper;
+    var _cur_val = {
+
+    };
+
+    var _get_cur_val = function() {
+        return _cur_val;
+    };
+
+    var _fCollectOptions = function() {
+        _$wrapper.find('div.checkbox').each(function() {
+            var $t = $(this);
+            var tag = $t.data('tag');
+            var $inp = $t.find('input');
+            var val = $inp[0].checked;
+            _cur_val[tag] = val;
+            console.log('<_fCollectOptions> val = ' + val + ": " + tag);
+        });
+        console.log(_cur_val);
+    }
+
+    var _fInitBehaviour = function (){
+        _fCollectOptions();
+    };
+
+    var _fInit = function (wrapper){
+        _$wrapper = $(wrapper);
+        _fInitBehaviour();
+    };
+
+    _fInit(wrapper);
+
+    return {
+        get_cur_val: _get_cur_val
+    }
+
+};

data/app/assets/javascripts/c80_yax/frontend/item_quantity_picker/app.js

@@ -1,8 +1,11 @@
 "use strict";
 
+var ITEM_QUANTITY_PICKERS = {};
+
 var _activate_q_picker = function() {
     $('.quantity_picker').each(function() {
-        new ItemQuantityPicker(this);
+        ITEM_QUANTITY_PICKERS[$(this).data('id')] =
+            new ItemQuantityPicker(this);
     });
 };
 

data/app/assets/javascripts/c80_yax.js.coffee

@@ -1 +1,2 @@
-#= require_tree ./c80_yax/frontend
+#= require_tree ./c80_yax/frontend
+#= require co

data/app/assets/stylesheets/c80_yax.scss

@@ -3,4 +3,5 @@
 @import 'c80_yax/lib_custom/**/*';
 @import 'c80_yax/elems/**/*';
 @import 'of';
-@import 'ti';
+@import 'ti';
+@import 'co';

data/app/decorators/c80_yax/item_decorator.rb

@@ -89,7 +89,7 @@ module C80Yax
         res = ''
         props[:titles].each_with_index do |title, i|
           e = "<p data-title='#{title}' class='old'><span class='pvalue bold'>#{props[:values_old][i]}</span> <span class='puom'>#{_uom(props[:uoms][i])}</span></p>" # 1212,80 руб
-          e += "<p data-title='#{title}'><span class='pvalue bold'>#{props[:values][i]}</span> <span class='puom'>#{_uom(props[:uoms][i])}</span></p>" # 1212,80 руб
+          e += "<p data-title='#{title}' class='cur'><span class='pvalue bold'>#{props[:values][i]}</span> <span class='puom'>#{_uom(props[:uoms][i])}</span></p>" # 1212,80 руб
           e = "<li>#{e}</li>"
           res += e
         end

data/app/helpers/c80_yax/items/shared/buy_options_helper.rb

@@ -3,29 +3,33 @@ module C80Yax
     module Shared
       module BuyOptionsHelper
 
-        def render_buy_options
+        def render_buy_options(item)
 
           elems = [
               {
                   label: 'Нестандартные цвета<br>(+20% к стоимости)',
+                  tag: 'super_colors',
                   value: '1',
                   style: 'small'
               },
               {
                   label: 'Цвета с металлическим блеском<br>(+20% к стоимости)',
+                  tag: 'metallic',
                   value: '2',
                   style: 'small'
               },
               {
                   label: 'Заказать доставку',
                   value: '3',
+                  tag: 'delivery',
                   style: 'huge'
               }
           ]
 
           render :partial => 'c80_yax/items/buy_options',
                  :locals => {
-                     elems: elems
+                     elems: elems,
+                     item: item
                  }
         end
 

data/app/helpers/c80_yax/items/shared/color_selector_helper.rb

@@ -8,7 +8,8 @@ module C80Yax
           unless colors.size.zero?
             render :partial => 'c80_yax/items/color_selector',
                    :locals => {
-                       colors: colors
+                       colors: colors,
+                       item: item
                    }
           end
         end

data/app/helpers/c80_yax/items/shared/quantity_picker_helper.rb

@@ -3,10 +3,10 @@ module C80Yax
     module Shared
       module QuantityPickerHelper
 
-        def render_quantity_picker
+        def render_quantity_picker(item)
             render :partial => 'c80_yax/items/quantity_picker',
                    :locals => {
-
+                       item: item
                    }
         end
 

data/app/views/c80_yax/items/_buy_options.html.erb

@@ -1,9 +1,11 @@
-<% elems.each do |elem| %>
-    <div class="checkbox <%=elem[:style]%>">
-      <label>
-        <input type="checkbox" value="<%=elem[:value]%>" checked>
-        <span class="cr"><i class="cr-icon fa fa-check"></i></span>
-        <%= elem[:label].html_safe %>
-      </label>
-    </div>
-<% end %>
+<div class="buy_options" data-id="<%= item.id %>">
+  <% elems.each do |elem| %>
+      <div data-tag="<%=elem[:tag]%>" data-label="<%=elem[:label]%>" class="checkbox <%=elem[:style]%>">
+        <label>
+          <input type="checkbox" checked>
+          <span class="cr"><i class="cr-icon fa fa-check"></i></span>
+          <%= elem[:label].html_safe %>
+        </label>
+      </div>
+  <% end %>
+</div>

data/app/views/c80_yax/items/_color_selector.html.erb

@@ -1,4 +1,4 @@
-<ul class="item_color_selector">
+<ul class="item_color_selector" data-id="<%= item.id %>">
   <li class="caption">Цвет: </li>
   <% colors.each do |color| %>
       <% style = "style='background-color: #{color.value}'".html_safe %>

data/app/views/c80_yax/items/_quantity_picker.html.erb

@@ -1,4 +1,4 @@
-<div class="quantity_picker">
+<div class="quantity_picker" data-id="<%=item.id%>">
   <span class="caption">Количество: </span>
   <%= link_to '-', '#', class: 'l' %>
   <input name="val" id="val" value="1">

data/engines/co/README.md

@@ -0,0 +1,79 @@
+#### При клике по кнопке "добавить в корзину":
+  * создаётся js объект, содержащий данные:
+   - id товара
+   - кол-во товара
+   - цвет
+   - цена
+   - путь до картинки
+   - путь до товара
+   - заказать доставку?
+   - нестандартные цвета?
+   - металлик?
+ * этот объект помещается в массив, который хранится в cookie
+ * текущий набор объектов в cookie есть список товаров *корзины*
+    - когда заказ оформляется, этот массив отправляется на сервер
+    as-is, сервер на основе их создает объекты модели *OrderRow*
+ * состояние формы заказа товара сбрасывается в начальное
+ * должно появиться оповещение о том, что в корзину добавлен товар
+ * в виджете-кнопке должно обновиться количество
+    
+#### При клике по виджету-кнопке "корзина":
+  * открывается новая страница, содержащая таблицу и форму.
+  * таблица:
+    - картинка-ссылка до товара, новое окно
+    - название
+    - цвет
+    - компонент выбора количества
+    - сумма
+    - кнопка "удалить"
+  * строка "итого"
+  * чекбокс "заказать доставку"
+  * кнопка "очистить корзину"
+  * форма:
+    * ФИО
+    * Мобильный
+    * Дата получения
+    * Населённый пункт
+    
+  * когда нажимаем кнопку "отправить", уходит письмо с текстом вида:
+  
+```    
+    Заказ:
+      * Снегозадержатель, цвет, кол-во, сумма (опции)
+      * Снегозадержатель, цвет, кол-во, сумма (опции)
+    - доставка?
+    - фио
+    - мобильный
+    - дата получения
+    - населённый пункт  
+```
+
+   * перед тем, как уходит письмо, создаётся Объект `order` содержащий `rows`
+     - [ ] создать модель Order
+     - [ ] создать модель Row
+     - [ ]
+ 
+# Todo Добавить в Корзину
+ 
+* [X] Лабаем js-класс `DataOrderRow`
+* [ ] Вешаем js на клик по кнопке "Добавить в корзину". Он должен:
+    - [X] Собирать инфу с формы
+        - [X] id:
+            - [X] необходимо на моменте генерации страницы вшивать 
+            куда-нибудь `id` товара
+        - [X] количество:     
+            - [X] добавить в js-компонент `id` товара (среди множества виджетов необходимо распознать релевантный)
+            - [X] добавить и испытать метод, выдающий текущий `value`
+        - [X] цвет:     
+            - [X] добавить в js-компонент `id` товара (среди множества виджетов необходимо распознать релевантный)
+            - [X] добавить и испытать метод, выдающий текущий `value`
+        - [X] опции:
+            - [X] реализовать js-компонент "опции"
+            - [X] добавить в js-компонент `id` товара (среди множества виджетов необходимо распознать релевантный)
+            - [X] добавить и испытать метод, выдающий текущий `value`
+    - [ ] На основе собранной инфы должен создавать объект `DataOrderRow` и помещать его в cookie.
+    - [ ] Находить на странице виджет-кнопку "корзина" и обновлять там количество `DataOrderRow` в корзине
+           - [ ] реализовать js-компонент 'корзина'
+              - [ ] Публичный setter: `set_count`
+    - [X] Должен появиться `bootstrap modal` с кнопками "продолжить покупки", "перейти в корзину"
+            

data/engines/co/app/assets/javascripts/co/_service/co_modal.js

@@ -0,0 +1,39 @@
+"use strict";
+
+// показывает окна
+
+var CoModal = function() {
+
+    var _modals = {};
+
+    var _init_modal = function(modal_name) {
+        var $modal;
+
+        // if (_modals[modal_name] === undefined) {
+            $modal = $('#' + modal_name + '_modal');
+            $modal.modal();
+            // _modals[modal_name] = $modal;
+            // $modal.on('hidden.bs.modal', function () {
+            //     $modal.remove();
+            // });
+        // }
+
+        // $modal = _modals[modal_name];
+
+        return $modal;
+    };
+
+    // _double_modal.html.erb
+    this.showDouble = function(message) {
+        console.log('<showDouble> message: ' + message);
+        var $modal = _init_modal('double');
+        $modal.find('.modal-body').text(message);
+        $modal.find('.btn_close').on('click', function(e) {
+            $modal.modal('hide');
+        });
+        $modal.find('.btn_go_to_cart').on('click', function(e) {
+            window.location.href = '/cart';
+        });
+        $modal.show();
+    }
+};

data/engines/co/app/assets/javascripts/co/_service/cookies_service.js

@@ -0,0 +1,55 @@
+var CookiesService = function() {
+
+    var _create_cookie = function(name, value, days) {
+        var expires = '';
+
+        if (days) {
+            var date = new Date();
+            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+            expires = "; expires=" + date.toGMTString();
+        }
+
+        document.cookie = encodeURIComponent(name) + '=' + JSON.stringify(value) + expires + "; path=/";
+
+    };
+
+    var _read_cookie = function(name) {
+        // console.log('<CookiesService._read_cookie> name = ' + name);
+        var nameEQ = encodeURIComponent(name) + "=";
+        var ca = document.cookie.split(';');
+        for (var i = 0; i < ca.length; i++) {
+            var c = ca[i];
+            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+            if (c.indexOf(nameEQ) === 0) {
+                var s = JSON.parse(c.substring(nameEQ.length, c.length));
+                // console.log('<CookiesService._read_cookie> subs: ' + s);
+                return s;
+            }
+        }
+        return null;
+    };
+
+    this.cart_push = function(row_as_hash) {
+        var cart = _read_cookie('cart3');
+        if (cart === null) cart = [];
+        cart.push(row_as_hash);
+        _create_cookie('cart3', cart, 256);
+        console.log('<CookiesService.cart_push>');
+    };
+
+    this.cart_get = function() {
+        var cart = _read_cookie('cart3');
+        return cart;
+    }
+
+    this.cart_clean = function() {
+        console.log('<cart_clean>');
+        var cart = _read_cookie('cart3');
+        if (cart === null) return;
+        cart = [];
+        _create_cookie('cart3', cart, 256);
+    };
+
+
+
+};

data/engines/co/app/assets/javascripts/co/add_to_cart/actions/add_row_to_cart.js

@@ -0,0 +1,17 @@
+"use strict";
+
+// добавляет
+var AddRowToCart = function(item_id) {
+    this.call = function() {
+        var row_as_hash = new CollectDataForRow(item_id).call();
+        console.log("<AddRowToCart.call> row_as_hash: " + row_as_hash);
+        console.log(row_as_hash);
+
+        coo.cart_push(row_as_hash);
+
+        return {
+            result: true,
+            message: row_as_hash['q'] + ' товаров добавлено в корзину.'
+        }
+    }
+};

data/engines/co/app/assets/javascripts/co/add_to_cart/button_add_to_cart.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var ButtonAddToCart = function(selector) {
+
+    var _$btn;
+    var _item_id;
+
+    var _onClickBtn = function(e) {
+        console.log('<_onClickBtn>');
+        e.preventDefault();
+        var c = new AddRowToCart(_item_id).call();
+        if (c.result) {
+            // com.showDouble(c.message);
+            com.showDouble('Продолжить покупки?');
+        }
+    };
+
+    var _fInitBehaviour = function (){
+        if (_$btn.length <= 0) return;
+        _$btn.on('click', _onClickBtn);
+    };
+
+    /**
+     * selector = "add_to_bucket_#{item.id}"
+     * @param selector
+     */
+    var _fInit = function (selector){
+        _$btn = $(selector);
+        _item_id = _$btn.data('id');
+        _fInitBehaviour();
+    };
+
+    _fInit(selector);
+
+};

data/engines/co/app/assets/javascripts/co/add_to_cart/data_order_row.js

@@ -0,0 +1,16 @@
+var DataOrderRow = function (){
+    data = {
+        id: 0,
+        title: '',
+        quantity: 0,
+        color: '#ffffff',
+        price: 0,
+        image_url: '',
+        item_url: '',
+        mark_order: true,
+        mark_metallic: false,
+        mark_super_colors: false
+    };
+
+    return data;
+};

data/engines/co/app/assets/javascripts/co/add_to_cart/service/collect_data_for_row.js

@@ -0,0 +1,33 @@
+// собирает данные с формы просмотра/заказа товара, на основе которых
+// создастся row to cart
+
+var CollectDataForRow = function(item_id) {
+    this.call = function() {
+        console.log("<CollectDataForRow.call> item_id = " + item_id);
+
+        var $item_show = $('.item_show_'+item_id);
+
+        var q = ITEM_QUANTITY_PICKERS[item_id].get_cur_val();
+        var price = q * Number($item_show.find('.price_props p.cur span.pvalue').text().split(',').join('.'));
+        var title = $item_show.data('title');
+        var color = ITEM_COLOR_SELECTOR[item_id].get_cur_val();
+        var options = ITEM_OPTIONS[item_id].get_cur_val();
+
+        return {
+            id: item_id,
+            title: title,
+            q: q,
+            color: color,
+            price: price,
+            image_url: $item_show.data('image_url'),
+            item_url: $item_show.data('item_url'),
+            options: {
+                mark_delivery: options['delivery'],
+                mark_super_colors: options['super_colors'],
+                mark_metallic: options['metallic']
+            }
+        }
+
+    }
+
+};

data/engines/co/app/assets/javascripts/co/add_to_cart/xapp.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var $s;
+
+var _activate_cart_button = function() {
+    $s.each(function() {
+        new ButtonAddToCart(this);
+    });
+};
+
+$(document).ready(function() {
+    $s = $('.add_to_bucket');
+    if ($s.length !== 0) {
+        // alert(ButtonAddToCart);
+        _activate_cart_button();
+    }
+});

data/engines/co/app/assets/javascripts/co/app.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var com;
+var coo;
+
+com = new CoModal();
+coo = new CookiesService();

data/engines/co/app/assets/javascripts/co/cart_page/app.js

@@ -0,0 +1,8 @@
+var $cart_page;
+
+$(document).ready(function() {
+    $cart_page = $('div#cart_page');
+    if ($cart_page.length !== 0) {
+        new CartPage($cart_page);
+    }
+});

data/engines/co/app/assets/javascripts/co/cart_page/cart_page.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var CartPage = function($cart_page) {
+    var _$cart_page;
+    var _cart_table;
+    var _$clear_btn;
+    var _$result_price_val;
+    var _fill_table = function() {
+        var cart = coo.cart_get();
+        for (var i = 0; i < cart.length; i++) {
+            _cart_table.add_row(cart[i]);
+        }
+    };
+    var _calc_result_price = function() {
+        var cart = coo.cart_get();
+        var result = 0;
+        for (var i = 0; i < cart.length; i++) {
+            result += Number(cart[i]['price']);
+        }
+        _$result_price_val.text(result);
+    };
+    var _on_click_clear = function(e) {
+        e.preventDefault();
+        _cart_table.clear();
+        coo.cart_clean();
+    };
+    var _fInitBehaviour = function (){
+        _fill_table();
+        _calc_result_price();
+        _$clear_btn.on('click', _on_click_clear);
+
+    };
+    var _fInit = function($cart_page) {
+        _$cart_page = $cart_page;
+        _cart_table = new CartTable(_$cart_page.find('table.cart_table'));
+        _$clear_btn = $cart_page.find('.clear_btn');
+        _$result_price_val = $cart_page.find('.bottom_row .result .val');
+        _fInitBehaviour();
+    };
+    _fInit($cart_page);
+};

data/engines/co/app/assets/javascripts/co/cart_page/cart_table.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var CartTable = function ($table){
+
+    var _rows;
+    var _$table;
+    var _$tbody;
+    var _support;
+
+    //<editor-fold desc="// Инициализация">
+    var _fInitBehaviour = function (){
+    };
+    var _fInit = function ($table){
+        _$table = $table;
+        _$tbody = _$table.find('tbody');
+        _support = new RowMaker();
+        _rows = [];
+        _fInitBehaviour();
+    };
+    _fInit($table);
+    //</editor-fold>
+
+    this.add_row = function(row_hash) {
+        _rows.push(row_hash);
+        var $row = $(_support.make_row_htmlstr(row_hash));
+        _$tbody.append($row);
+        _activate_q_picker();
+    };
+
+    this.clear = function() {
+        var i, n = _rows.length;
+        for (i = 0; i<n; i++) {
+            $('.tr_' + _rows[i]['id']).remove();
+        }
+        _rows = [];
+    };
+
+    this.remove_row = function(id) {
+        var i, n = _rows.length;
+        for (i = n; i>=0; i--) {
+            if (_rows[i]['id'] === id) {
+                _rows.splice(i, 1);
+                break;
+            }
+        }
+        $('.tr_'+id).remove();
+    };
+
+};

data/engines/co/app/assets/javascripts/co/cart_page/support/row_maker.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var RowMaker = function() {
+
+    var _ROW = '<tr class="tr_{{ id }}">' +
+        '<td class="image">' +
+            '<a class="lazy-image-wrapper" href=" {{ item_url }}" target="_blank" title="{{ title }}">' +
+                '<img data-original="{{ image_url }}" alt="{{ title }}">' +
+            '</a>' +
+        '</td>' +
+        '<td class="title">{{ title }}</td>' +
+        '<td class="color">' +
+            '<ul class="item_color_selector" data-id="{{ id }}">' +
+            '<li style="background-color:{{ color }}" class="c"></li>' +
+            '</ul>' +
+        '</td>' +
+        '<td class="q">' +
+        '<div class="quantity_picker" data-id="{{ id }}">' +
+                '<a href="#" class="l">-</a>' +
+                '<input name="val" id="val" value="{{ q }}">' +
+                '<a href="#" class="g">+</a>' +
+            '</div>' +
+        '</td>' +
+        '<td class="price">{{ price }}</td>' +
+        '<td class="actions"><a title="Удалить" class="del_action" data-id="{{ id }}">Удалить</a></td>' +
+        '</tr>';
+
+    this.make_row_htmlstr = function(obj) {
+        var res = _ROW;
+        var al;
+        for ( var key in obj ){
+            al = "{{ " + key + " }}";
+            res = res.split(al).join(obj[key]);
+        }
+        return res;
+    }
+
+}

data/engines/co/app/assets/javascripts/co.coffee

@@ -0,0 +1 @@
+#= require_tree ./co

data/engines/co/app/assets/stylesheets/co/cart_page/_cart_button.scss

@@ -0,0 +1,13 @@
+@mixin cart_button {
+  @include color_button(#cccccc, #ffffff);
+  border: 1px solid #cccccc !important;
+  text-transform: uppercase;
+  padding: 10px 20px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #ffffff !important;
+    border: 1px solid #717171 !important;
+    color: #717171 !important;
+  }
+}

data/engines/co/app/assets/stylesheets/co/cart_page/bottom_row.scss

@@ -0,0 +1,47 @@
+div#cart_page {
+  div.bottom_row {
+    @include clearfix;
+    margin-bottom: 35px;
+
+    > * {
+      float: left;
+      margin-right: 67px;
+
+      &.result {
+        text-transform: uppercase;
+        font-size: 29px;
+        padding-top: 7px;
+        width: 245px;
+
+        .caption {
+          display: inline-block;
+          margin-right: 15px;
+        }
+        .val {
+          display: inline-block;
+        }
+      }
+
+      &.make_order_chbx {
+        label {
+          font-size: 21px;
+          color: #a1a1a1;
+        }
+      }
+
+      &.clear_the_cart {
+        padding-top: 7px;
+        margin-right: 0;
+        width: 643px;
+
+        a {
+          @include cart_button;
+          float: right;
+        }
+      }
+    }
+
+
+
+  }
+}

data/engines/co/app/assets/stylesheets/co/cart_page/cart_table.scss

@@ -0,0 +1,88 @@
+%col-image {
+  width: 290px;
+}
+%col-title {
+  width: 250px;
+}
+%col-color {
+  width: 130px;
+}
+%col-q {
+  width: 198px;
+}
+%col-price {
+  width: 190px;
+}
+%col-actions {
+  width: 233px;
+}
+
+table.cart_table {
+  margin-bottom: 25px;
+
+  th {
+    text-align: left;
+    background-color: #dfdddd;
+    padding: 15px 15px;
+    text-transform: uppercase;
+    color: #6e6e6e;
+    font-size: 17px;
+    font-weight: normal;
+    &.image {
+      @extend %col-image;
+    }
+    &.title {
+      @extend %col-title;
+    }
+    &.color {
+      @extend %col-color;
+    }
+    &.q {
+      @extend %col-q;
+    }
+    &.price {
+      @extend %col-price;
+    }
+    &.actions {
+      @extend %col-actions;
+    }
+  }
+
+  td {
+    padding: 15px;
+    &.image {
+      @extend %col-image;
+      padding-left: 0;
+
+      a.lazy-image-wrapper {
+        display: block;
+        width: 290px;
+        height: 240px;
+      }
+    }
+    &.title {
+      @extend %col-title;
+      font-size: 23px;
+    }
+    &.color {
+      @extend %col-color;
+      padding: 0 25px;
+    }
+    &.q {
+      @extend %col-q;
+    }
+    &.price {
+      @extend %col-price;
+      font-size: 32px;
+      color: #6a6969;
+    }
+    &.actions {
+      @extend %col-actions;
+      padding-right: 0;
+      a {
+        @include cart_button;
+        float: right;
+      }
+    }
+  }
+}

data/engines/co/app/assets/stylesheets/co/modals/double_modal.scss

@@ -0,0 +1,16 @@
+div#double_modal {
+  .modal-dialog {
+    .modal-content {
+
+      .modal-header {
+        opacity: 0;
+        .button { opacity: 0; }
+        h4 { opacity: 0; }
+      }
+
+      .modal-body {
+      }
+
+    }
+  }
+}

data/engines/co/app/assets/stylesheets/co.scss

@@ -0,0 +1 @@
+@import 'co/**/*';

data/engines/co/app/helpers/co/cart_page_helper.rb

@@ -0,0 +1,7 @@
+module Co
+  module CartPageHelper
+    def c80_yax_render_cart
+      render partial: 'co/cart_page'
+    end
+  end
+end

data/engines/co/app/helpers/co/modals_helper.rb

@@ -0,0 +1,11 @@
+module Co
+  module ModalsHelper
+
+    def render_double_modal
+      render partial: 'co/modals/double_modal',
+             locals: {
+             }
+    end
+
+  end
+end

data/engines/co/app/views/co/_cart_page.html.erb

@@ -0,0 +1,41 @@
+<%# CartPageHelper#c80_yax_render_cart %>
+
+<div id="cart_page">
+  <table class="cart_table">
+    <thead>
+      <tr>
+        <th class="image">Товар</th>
+        <th class="title">&nbsp;</th>
+        <th class="color">Цвет</th>
+        <th class="q">Кол-во</th>
+        <th class="price">Сумма</th>
+        <th class="actions">&nbsp;</th>
+      </tr>
+    </thead>
+    <tbody></tbody>
+  </table>
+  <div class="bottom_row">
+    <div class="result">
+      <span class="caption">Итого:</span>
+      <span class="val"></span>
+    </div>
+    <div class="make_order_chbx">
+      <div class="checkbox">
+        <label>
+          <input type="checkbox">
+          <span class="cr"><i class="cr-icon fa fa-check"></i></span>
+          Заказать доставку
+        </label>
+      </div>
+    </div>
+    <div class="clear_the_cart">
+      <%= link_to 'Очистить корзину', '#', class: 'clear_btn' %>
+    </div>
+  </div>
+  <%= render_image_link_lazy({
+                                 :alt_image => 'Корзина демо',
+                                 :image => image_url('demo_cart.jpg'),
+                                 :a_href => '#',
+                                 :a_rel => 'nofollow'
+                             }) %>
+</div>

data/engines/co/app/views/co/modals/_double_modal.html.erb

@@ -0,0 +1,23 @@
+<%# modals_helper.rb: render_double_modal %>
+
+<%# render_ok_message %>
+
+<div id="double_modal" class="modal fade">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h4 class="modal-title medium" id="myModalLabel">&nbsp;</h4>
+      </div>
+      <div class="modal-body regular">
+
+      </div>
+
+      <div class="modal-footer">
+        <button type="button" class="btn btn_close btn-danger">Да, продолжить</button>
+        <button type="button" class="btn btn_go_to_cart btn-danger">Перейти в корзину</button>
+      </div>
+
+    </div>
+  </div>
+</div>

data/engines/co/lib/co/engine.rb

@@ -0,0 +1,23 @@
+module Co
+  class Engine < ::Rails::Engine
+    isolate_namespace Co
+
+    initializer :co_engine do
+      if defined?(ActiveAdmin)
+        ActiveAdmin.application.load_paths += Dir["#{config.root}/app/models/**/"]
+        #ActiveAdmin.application.load_paths += Dir["#{config.root}/app/models/concerns/**/"]
+        ActiveAdmin.application.load_paths += Dir["#{config.root}/app/admin/ti/**/"]
+        # ActiveAdmin.application.load_paths += Dir["#{config.root}/app/jobs/**/"]
+      end
+    end
+
+    initializer :append_migrations do |app|
+      unless app.root.to_s.match root.to_s
+        config.paths['db/migrate'].expanded.each do |expanded_path|
+          app.config.paths['db/migrate'] << expanded_path
+        end
+      end
+    end
+
+  end
+end

data/engines/co/lib/co/version.rb

@@ -0,0 +1,3 @@
+module Co
+  VERSION = '0.1.0'
+end

data/engines/co/lib/co.rb

@@ -0,0 +1,5 @@
+require_relative "./co/version"
+require_relative "./co/engine"
+
+module Co
+end

data/lib/c80_yax/version.rb

@@ -1,3 +1,3 @@
 module C80Yax
-  VERSION = '0.1.0.17'
+  VERSION = '0.1.0.18'
 end

data/lib/c80_yax.rb

@@ -8,6 +8,7 @@ require 'mini_magick'
 require_relative '../engines/pack/lib/pack'
 require_relative '../engines/ti/lib/ti'
 require_relative '../engines/of/lib/of'
+require_relative '../engines/co/lib/co'
 
 module C80Yax
   def self.table_name_prefix

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: c80_yax
 version: !ruby/object:Gem::Version
-  version: 0.1.0.17
+  version: 0.1.0.18
 platform: ruby
 authors:
 - C80609A
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-07-20 00:00:00.000000000 Z
+date: 2017-07-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -140,6 +140,8 @@ files:
 - app/assets/javascripts/c80_yax/backend/strsubcats.js
 - app/assets/javascripts/c80_yax/frontend/item_color_selector/app.js
 - app/assets/javascripts/c80_yax/frontend/item_color_selector/item_color_selector.js
+- app/assets/javascripts/c80_yax/frontend/item_options/app.js
+- app/assets/javascripts/c80_yax/frontend/item_options/item_options.js
 - app/assets/javascripts/c80_yax/frontend/item_quantity_picker/app.js
 - app/assets/javascripts/c80_yax/frontend/item_quantity_picker/item_quantity_picker.js
 - app/assets/javascripts/c80_yax/frontend/more_items_list/app.js
@@ -254,6 +256,32 @@ files:
 - db/migrate/20170625180000_create_c80_yax_join_table_colors_items.rb
 - db/migrate/20170707060000_create_c80_yax_join_table_items_items_similar.rb
 - db/seeds/c80_yax_01_fill_props.rb
+- engines/co/README.md
+- engines/co/app/assets/javascripts/co.coffee
+- engines/co/app/assets/javascripts/co/_service/co_modal.js
+- engines/co/app/assets/javascripts/co/_service/cookies_service.js
+- engines/co/app/assets/javascripts/co/add_to_cart/actions/add_row_to_cart.js
+- engines/co/app/assets/javascripts/co/add_to_cart/button_add_to_cart.js
+- engines/co/app/assets/javascripts/co/add_to_cart/data_order_row.js
+- engines/co/app/assets/javascripts/co/add_to_cart/service/collect_data_for_row.js
+- engines/co/app/assets/javascripts/co/add_to_cart/xapp.js
+- engines/co/app/assets/javascripts/co/app.js
+- engines/co/app/assets/javascripts/co/cart_page/app.js
+- engines/co/app/assets/javascripts/co/cart_page/cart_page.js
+- engines/co/app/assets/javascripts/co/cart_page/cart_table.js
+- engines/co/app/assets/javascripts/co/cart_page/support/row_maker.js
+- engines/co/app/assets/stylesheets/co.scss
+- engines/co/app/assets/stylesheets/co/cart_page/_cart_button.scss
+- engines/co/app/assets/stylesheets/co/cart_page/bottom_row.scss
+- engines/co/app/assets/stylesheets/co/cart_page/cart_table.scss
+- engines/co/app/assets/stylesheets/co/modals/double_modal.scss
+- engines/co/app/helpers/co/cart_page_helper.rb
+- engines/co/app/helpers/co/modals_helper.rb
+- engines/co/app/views/co/_cart_page.html.erb
+- engines/co/app/views/co/modals/_double_modal.html.erb
+- engines/co/lib/co.rb
+- engines/co/lib/co/engine.rb
+- engines/co/lib/co/version.rb
 - engines/of/README.md
 - engines/of/app/admin/ti/offers.rb
 - engines/of/app/assets/javascripts/of.coffee