c80_yax 0.1.0.18 → 0.1.0.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7b913c8fef54a107aba57e59348d9ce469a96e02
-  data.tar.gz: d59d47ce6a4371c48f5c7e70ad7dd20fcdf114a4
+  metadata.gz: 041fbacb1e43b64b2db9667790ad9d1779569333
+  data.tar.gz: f7995f6e3f18f0aa3e869818c99eae75ced5622c
 SHA512:
-  metadata.gz: 2a68312e1c25af4fda7ede582dee1fb6eb697e331e43d13214288eab7df7c7fe399a747b81019ceb9422688659aa367c2e11895c594acad9eb7f842763ed228e
-  data.tar.gz: fe656f4d6f79951ad7eac7514b71fd8e9e856e39b434afb0448e068ebecaca0a7b2c0d95df52a74117f28e4934a571e4bba96be3646a89075f4759dd64345c5a
+  metadata.gz: 1668b05f1292d286d96dcc12ebf445bdbc503bb92fcdcbd215e7ec0296f91ba7101d1aadacff6d9dca1aa1258e54f2724716f8090fcafdb72c47623ba16981f9
+  data.tar.gz: 57a9bb1ac7b5053fe9f796ef4a0225c4ee2c69fd8b9473b6aaecd946b06c627e9bbf9f1ae32e8fafb75289e48e9931b5ffb6d24fdca5e09df77677bacd8f7ad4

data/Gemfile

@@ -5,4 +5,5 @@ gemspec
 
 gem 'pack', path: 'engines/pack'
 gem 'ti', path: 'engines/ti'
-gem 'of', path: 'engines/of'
+gem 'of', path: 'engines/of'
+gem 'co', path: 'engines/co'

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

@@ -1,24 +1,29 @@
 "use strict";
 
+// _color_selector.html.erb
+
 var ItemColorSelector = function(wrapper) {
 
     var _$wrapper;
     var _$lic;
     var _sel_color;
+    var _sel_color_title;
 
-    var _get_sel_color = function() {
-        return  _sel_color;
+    var _get_sel_color = function(mark_return_title) {
+        return (mark_return_title) ? _sel_color_title:_sel_color;
     };
 
-    var _set_sel_color = function(new_color) {
+    var _set_sel_color = function(new_color, new_color_title) {
         _sel_color = new_color;
+        _sel_color_title = new_color_title;
     };
 
     var _onClickColorBox = function(e) {
         e.preventDefault();
         var $t = $(e.target);
         var t_color = $t.data('color');
-        _set_sel_color(t_color);
+        var t_color_title = $t.data('color_title');
+        _set_sel_color(t_color, t_color_title);
         _$lic.removeClass('active');
         $t.addClass('active');
     };
@@ -33,6 +38,8 @@ var ItemColorSelector = function(wrapper) {
 
         _$wrapper = $(wrapper);
         _$lic = _$wrapper.find('li.c');
+        _sel_color = '';
+        _sel_color_title = 'не указан';
 
         _fInitRadioBehaviour();
 

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

@@ -2,10 +2,18 @@
 
 var ITEM_QUANTITY_PICKERS = {};
 
-var _activate_q_picker = function() {
+var _activate_q_picker = function(onChange) {
     $('.quantity_picker').each(function() {
-        ITEM_QUANTITY_PICKERS[$(this).data('id')] =
-            new ItemQuantityPicker(this);
+        var $t = $(this);
+        if ($t.data('initalized') == '1') return;
+        $t.data('initalized', '1');
+        var id = $t.data('id');
+        var ip = new ItemQuantityPicker(this);
+        ITEM_QUANTITY_PICKERS[ id ] = ip;
+
+        if (onChange !== undefined) {
+            ip.on_change(onChange);
+        }
     });
 };
 

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

@@ -5,9 +5,32 @@ var ItemQuantityPicker = function (wrapper){
     var _$wrapper;
     var _$less, _$great, _$input;
     var _cur_val;
+    var __callbacks;
+
+    var _on_change = function(func) {
+        if (__callbacks === null) return;
+        __callbacks.push(func);
+    };
+
+    var _call_on_change = function() {
+        if (__callbacks === null) return;
+
+        for (var i = 0; i < __callbacks.length; i++) {
+            if (__callbacks[i] !== undefined) {
+                __callbacks[i](_get_cur_val());
+            }
+        }
+    };
 
     var _set_cur_val = function (new_val){
-        _cur_val = (new_val === 0) ? 1:new_val;
+        if (new_val !== _cur_val) {
+            if (new_val === 0) {
+                _cur_val = 1;
+            } else {
+                _cur_val = new_val;
+                _call_on_change();
+            }
+        }
     };
 
     var _get_cur_val = function() {
@@ -49,6 +72,7 @@ var ItemQuantityPicker = function (wrapper){
         _$great = _$wrapper.find('a.g');
         _$input = _$wrapper.find('input');
         _cur_val = _$input.val();
+        __callbacks = [];
 
         _fInitBehaviour();
 
@@ -57,7 +81,8 @@ var ItemQuantityPicker = function (wrapper){
     _fInit(wrapper);
 
     return {
-        get_cur_val: _get_cur_val
+        get_cur_val: _get_cur_val,
+        on_change: _on_change
     }
 
 };

data/app/decorators/c80_yax/item_decorator.rb

@@ -110,7 +110,10 @@ module C80Yax
     end
 
     def btn_order
-      h.link_to '', '#', class: 'add_to_bucket_sm'
+      h.link_to '',
+                '#',
+                class: "add_to_bucket_sm add_to_bucket_sm_#{model.id}",
+                data: { id: model.id }
     end
 
 

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

@@ -2,8 +2,8 @@
   <li class="caption">Цвет: </li>
   <% colors.each do |color| %>
       <% style = "style='background-color: #{color.value}'".html_safe %>
-      <% data = "data-color='#{color.value}'".html_safe %>
+      <% data = "data-color='#{color.value}' data-color_title='#{color.title}'".html_safe %>
       <% klass = "class='c c_#{color.id}'".html_safe %>
-      <li <%=style%> <%=klass%> <%=data%></li>
+      <li title="<%= color.title %>" <%=style%> <%=klass%> <%=data%>></li>
   <% end %>
 </ul>

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

@@ -1,6 +1,9 @@
 <ul class="item_index">
   <% items.each do |item| %>
-      <li class="li_item i_<%= item.id%>">
+      <li class="li_item i_<%= item.id%>"
+          data-item_url="<%= item.my_url %>"
+          data-title="<%= item.title %>"
+          data-image_url="<%= item.fetch_first_photo('thumb_md') %>">
         <%= item.main_image(thumb_size) %>
         <%= item.h3_title(thumb_size) %>
         <%= item.div_prices %>

data/config/routes.rb

@@ -1,5 +1,6 @@
 C80Yax::Engine.routes.draw do
   match 'admin_data_get_strsubcat_propnames', :to => 'admin_data#get_strsubcat_propnames', :via => :post
   mount Pack::Engine => '/'
+  mount Co::Engine => '/'
   match 'fetch_items', to: 'ajax#fetch_items', via: :get
 end

data/engines/co/README.md

@@ -18,24 +18,29 @@
  * в виджете-кнопке должно обновиться количество
     
 #### При клике по виджету-кнопке "корзина":
-  * открывается новая страница, содержащая таблицу и форму.
-  * таблица:
-    - картинка-ссылка до товара, новое окно
-    - название
-    - цвет
-    - компонент выбора количества
-    - сумма
-    - кнопка "удалить"
-  * строка "итого"
-  * чекбокс "заказать доставку"
-  * кнопка "очистить корзину"
-  * форма:
+  * [X] открывается новая страница, содержащая таблицу и форму.
+  * [X] таблица:
+    - [X] картинка-ссылка до товара, новое окно
+    - [X] название
+    - [X] цвет
+    - [ ] компонент выбора количества
+    - [X] сумма
+    - [X] кнопка "удалить"
+    
+  * [ ] строка "итого"
+    - [X] Должна содержать сумму цен всех строк
+    - [ ] должна пересчитываться при удалении строк из заказа
+    - [ ] должна пересчитываться при изменении кол-ва
+  * [X] чекбокс "заказать доставку"
+  * [X] кнопка "очистить корзину"
+  
+  * [ ] форма:
     * ФИО
     * Мобильный
     * Дата получения
     * Населённый пункт
     
-  * когда нажимаем кнопку "отправить", уходит письмо с текстом вида:
+  * [ ] когда нажимаем кнопку "отправить", уходит письмо с текстом вида:
   
 ```    
     Заказ:
@@ -51,7 +56,6 @@
    * перед тем, как уходит письмо, создаётся Объект `order` содержащий `rows`
      - [ ] создать модель Order
      - [ ] создать модель Row
-     - [ ]
  
 # Todo Добавить в Корзину
  
@@ -71,9 +75,9 @@
             - [X] реализовать js-компонент "опции"
             - [X] добавить в js-компонент `id` товара (среди множества виджетов необходимо распознать релевантный)
             - [X] добавить и испытать метод, выдающий текущий `value`
-    - [ ] На основе собранной инфы должен создавать объект `DataOrderRow` и помещать его в cookie.
-    - [ ] Находить на странице виджет-кнопку "корзина" и обновлять там количество `DataOrderRow` в корзине
-           - [ ] реализовать js-компонент 'корзина'
+    - [X] На основе собранной инфы должен создавать объект `DataOrderRow` и помещать его в cookie.
+    - [ ] Находить на странице виджет "корзина-кнопка" и обновлять там количество `DataOrderRow` в корзине
+           - [ ] реализовать js-компонент 'корзина-кнопка'
               - [ ] Публичный setter: `set_count`
     - [X] Должен появиться `bootstrap modal` с кнопками "продолжить покупки", "перейти в корзину"
             

data/engines/co/app/admin/co/order_messages.rb

@@ -0,0 +1,23 @@
+ActiveAdmin.register Co::OrderMessage, :as => 'OrderMessage' do
+
+  before_filter :skip_sidebar!, :only => :index
+
+  menu :label => 'Заказы',
+       :parent => 'x_c80_yax',
+       :priority => 20
+
+  index do
+    selectable_column
+    id_column
+    column :created_at
+    column :name
+    column :phone
+    column :comment do |msg|
+      msg.comment.html_safe if msg.comment.present?
+    end
+
+    actions
+  end
+
+
+end

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

@@ -1,5 +1,19 @@
 var CookiesService = function() {
 
+    var Support = function() {
+        this.find_all_by_id = function(array, id) {
+            var res = [];
+            for (var i = 0; i < array.length; i++) {
+                if (array[i]['id'] === id) {
+                    res.push(i);
+                }
+            }
+            return res;
+        }
+    };
+
+    var __ = new Support();
+
     var _create_cookie = function(name, value, days) {
         var expires = '';
 
@@ -32,7 +46,35 @@ var CookiesService = function() {
     this.cart_push = function(row_as_hash) {
         var cart = _read_cookie('cart3');
         if (cart === null) cart = [];
-        cart.push(row_as_hash);
+        
+        // если в корзине уже лежат товары этого id - найдём их все
+        var ids = __.find_all_by_id(cart, row_as_hash['id']);
+        
+        if (ids.length !== 0) {
+            // пробежимся по этим товарам
+            var existent_row;
+            for (var i = 0; i < ids.length; i++) {
+                existent_row = cart[ids[i]];
+                // если цвет совпал - это товар того же цвета - мержим его
+                // console.log(existent_row['color']+'----'+row_as_hash['color']);
+                if (existent_row['color'] === row_as_hash['color']) {
+                    var old_price = existent_row['price'];
+                    var old_quantity = existent_row['q'];
+                    var new_row = existent_row;
+                    new_row['price'] = Number(old_price) + Number(row_as_hash['price']);
+                    new_row['q'] = Number(old_quantity) + Number(row_as_hash['q']);
+                    cart[ids[i]] = new_row;
+                    break;
+                }
+                // если товар того же айди разного цвета - это разные товары, добавляем новый
+                else {
+                    cart.push(row_as_hash);
+                }
+            }
+        } else {
+            cart.push(row_as_hash);
+        }
+        
         _create_cookie('cart3', cart, 256);
         console.log('<CookiesService.cart_push>');
     };
@@ -43,13 +85,40 @@ var CookiesService = function() {
     }
 
     this.cart_clean = function() {
-        console.log('<cart_clean>');
+        // console.log('<cart_clean>');
         var cart = _read_cookie('cart3');
         if (cart === null) return;
         cart = [];
         _create_cookie('cart3', cart, 256);
     };
 
+    this.cart_update_row = function(row_id, color, obj_with_new_values) {
+        // console.log('<cart_update_row> row_id: ' + row_id + "; color: " + color);
+        var cart = _read_cookie('cart3');
+        for (var i = 0, row; i < cart.length; i++) {
+            row = cart[i];
+            if (row['id'] !== row_id) continue;
+            if (row['color'] !== color) continue;
+            for (var key in obj_with_new_values) {
+                row[key] = obj_with_new_values[key];
+            }
+            cart[i] = row; // нужно ли так делать?
+        }
+        _create_cookie('cart3', cart, 256);
+    }
 
+    this.cart_remove_row = function(row_id, color) {
+        var cart = _read_cookie('cart3');
+        for (var i = 0, row; i < cart.length; i++) {
+            row = cart[i];
+            if (row['id'] !== row_id) continue;
+            if (row['color'] !== color) continue;
+            console.log('<cart_remove_row> id: ' + row_id + ", color: " + color);
+            cart.splice(i,1);
+            _create_cookie('cart3', cart, 256);
+            return true;
+        }
+        return false;
+    }
 
 };

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

@@ -4,8 +4,8 @@
 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);
+        // console.log("<AddRowToCart.call> row_as_hash: " + row_as_hash);
+        // console.log(row_as_hash);
 
         coo.cart_push(row_as_hash);
 

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

@@ -11,6 +11,7 @@ var ButtonAddToCart = function(selector) {
         var c = new AddRowToCart(_item_id).call();
         if (c.result) {
             // com.showDouble(c.message);
+            ButtonGotoCart.refresh_count();
             com.showDouble('Продолжить покупки?');
         }
     };

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

@@ -8,9 +8,11 @@ var CollectDataForRow = function(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 price_per_item = Number($item_show.find('.price_props p.cur span.pvalue').text().split(',').join('.'));
+        var price = q * price_per_item;
         var title = $item_show.data('title');
         var color = ITEM_COLOR_SELECTOR[item_id].get_cur_val();
+        var color_title = ITEM_COLOR_SELECTOR[item_id].get_cur_val(true);
         var options = ITEM_OPTIONS[item_id].get_cur_val();
 
         return {
@@ -18,7 +20,9 @@ var CollectDataForRow = function(item_id) {
             title: title,
             q: q,
             color: color,
+            color_title: color_title,
             price: price,
+            price_per_item: price_per_item,
             image_url: $item_show.data('image_url'),
             item_url: $item_show.data('item_url'),
             options: {

data/engines/co/app/assets/javascripts/co/add_to_cart_sm/actions/add_row_to_cart_sm.js

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

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var ButtonAddToCartSm = function(selector) {
+
+    var _$btn;
+    var _item_id;
+
+    var _onClickBtn = function(e) {
+        console.log('<_onClickBtn>');
+        e.preventDefault();
+        var c = new AddRowToCartSm(_item_id).call();
+        if (c.result) {
+            // com.showDouble(c.message);
+            com.showDouble('Продолжить покупки?');
+            ButtonGotoCart.refresh_count();
+        }
+    };
+
+    var _fInitBehaviour = function (){
+        if (_$btn.length <= 0) return;
+        _$btn.on('click', _onClickBtn);
+    };
+
+    /**
+     * selector = "add_to_bucket_sm_#{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_sm/service/collect_data_for_row_sm.js

@@ -0,0 +1,37 @@
+// собирает данные для строки после
+// нажатия мелкой кнопки "в корзину"
+
+var CollectDataForRowSm = function(item_id) {
+    this.call = function() {
+        console.log("<CollectDataForRowSm.call> item_id = " + item_id);
+
+        var $item_show = $('.li_item.i_'+item_id);
+
+        var q = 1;
+        var price_per_item = Number($item_show.find('.price_props p.cur span.pvalue').text().split(',').join('.'));
+        var price = q * price_per_item;
+        var title = $item_show.data('title');
+        var color = '';
+        var color_title = 'не указан';
+        var options = {delivery:false, super_colors:false, metallic:false};
+
+        return {
+            id: item_id,
+            title: title,
+            q: q,
+            color: color,
+            color_title: color_title,
+            price: price,
+            price_per_item: price_per_item,
+            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/cart_page/app.js

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

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

@@ -5,12 +5,33 @@ var CartPage = function($cart_page) {
     var _cart_table;
     var _$clear_btn;
     var _$result_price_val;
+    var _$delivery_checkbox;
+    var _support;
+
     var _fill_table = function() {
         var cart = coo.cart_get();
         for (var i = 0; i < cart.length; i++) {
             _cart_table.add_row(cart[i]);
         }
     };
+    var _print_table = function() {
+        var res = '';
+        var cart = coo.cart_get();
+        for (var i = 0; i < cart.length; i++) {
+            res += _support.print_row(cart[i]);
+        }
+        res += _support.print_bottom_row({
+            order_price: _$result_price_val.text(),
+            deliver: _$delivery_checkbox[0].checked ? 'да':'нет'
+        });
+        res = "<table border='1' cellpadding='0' cellspacing='0'>" + res + "</table>";
+        return res;
+    };
+    var _print_table_to_comment = function() {
+        var ss = _print_table();
+        console.log(ss);
+        $cc.find('#mess_comment').val(ss);
+    }
     var _calc_result_price = function() {
         var cart = coo.cart_get();
         var result = 0;
@@ -23,7 +44,17 @@ var CartPage = function($cart_page) {
         e.preventDefault();
         _cart_table.clear();
         coo.cart_clean();
+        _calc_result_price();
+        _print_table_to_comment();
+        ButtonGotoCart.refresh_count();
     };
+    var _on_row_changed = function(row_id, color, obj_with_new_values) {
+        console.log('<_on_row_changed>');
+        coo.cart_update_row(row_id, color, obj_with_new_values);
+        _calc_result_price();
+        _print_table_to_comment();
+        ButtonGotoCart.refresh_count();
+    }
     var _fInitBehaviour = function (){
         _fill_table();
         _calc_result_price();
@@ -32,10 +63,15 @@ var CartPage = function($cart_page) {
     };
     var _fInit = function($cart_page) {
         _$cart_page = $cart_page;
-        _cart_table = new CartTable(_$cart_page.find('table.cart_table'));
+        _cart_table = new CartTable(_$cart_page.find('table.cart_table'), _on_row_changed);
         _$clear_btn = $cart_page.find('.clear_btn');
         _$result_price_val = $cart_page.find('.bottom_row .result .val');
+        _$delivery_checkbox = $cart_page.find('.bottom_row div.checkbox input');
+        _support = new RowPrinter();
         _fInitBehaviour();
     };
     _fInit($cart_page);
+    return {
+        print_table_to_comment: _print_table_to_comment
+    }
 };