c80_yax 0.1.0.18 → 0.1.0.20

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

@@ -1,30 +1,50 @@
 "use strict";
 
-var CartTable = function ($table){
+var CartTable = function ($table, on_changd){
 
+    var _this = this;
     var _rows;
     var _$table;
     var _$tbody;
     var _support;
+    var __on_changed;
 
     //<editor-fold desc="// Инициализация">
     var _fInitBehaviour = function (){
     };
-    var _fInit = function ($table){
+    var _fInit = function ($table, on_changed){
         _$table = $table;
         _$tbody = _$table.find('tbody');
         _support = new RowMaker();
         _rows = [];
+        __on_changed = on_changed;
         _fInitBehaviour();
     };
-    _fInit($table);
+    _fInit($table, on_changd);
     //</editor-fold>
 
+    var _on_click_delete_row = function(e) {
+        var $t = $(e.target);
+        var id = $t.data('id');
+        var color = $t.data('color');
+
+        if (coo.cart_remove_row(id, color)) {
+            _this.remove_row(id, color);
+            __on_changed(id, color, {});
+        }
+    };
+
     this.add_row = function(row_hash) {
         _rows.push(row_hash);
         var $row = $(_support.make_row_htmlstr(row_hash));
         _$tbody.append($row);
-        _activate_q_picker();
+        $row.find('.del_action').on('click', _on_click_delete_row);
+        _activate_q_picker(function(value_after_change) {
+            console.log('<value_after_change> ' + value_after_change);
+            var new_price = value_after_change * $row.data('price_per_item');
+            $row.find('td.price').text(new_price);
+            __on_changed($row.data('id'), $row.data('color'), {price: new_price, q:value_after_change });
+        });
     };
 
     this.clear = function() {
@@ -35,15 +55,19 @@ var CartTable = function ($table){
         _rows = [];
     };
 
-    this.remove_row = function(id) {
-        var i, n = _rows.length;
+    this.remove_row = function(id, color) {
+        var i, n = _rows.length - 1;
         for (i = n; i>=0; i--) {
-            if (_rows[i]['id'] === id) {
-                _rows.splice(i, 1);
-                break;
-            }
+            if (_rows[i]['id'] !== id) continue;
+            if (_rows[i]['color'] !== color) continue;
+            _rows.splice(i, 1);
+            break;
         }
-        $('.tr_'+id).remove();
+        $('.tr_'+id).each(function() {
+            var $t = $(this);
+            if ($t.data('color') !== color) return;
+            $t.remove();
+        });
     };
 
 };

data/engines/co/app/assets/javascripts/co/cart_page/message-order-form-ajax.js

@@ -0,0 +1,53 @@
+
+// =[ interface ]=====================================================================================================================
+
+var $cart_form_container;
+var markInvalidateInProgress = false;
+var markWasPasted = false;
+var fCartFormInvalidate;
+var fCartFormOnScroll;
+
+// =[ implementation ]=====================================================================================================================
+
+$(function () {
+
+    $cart_form_container = $("div#cart_form_container");
+
+    if ($cart_form_container.length === 1) {
+
+        fCartFormInvalidate = function () {
+            if (!markInvalidateInProgress) {
+                markInvalidateInProgress = true;
+
+                if (!markWasPasted) {
+
+                    $('<div id="loading"></div>').appendTo($cart_form_container);
+
+                    $.ajax({
+                        url: '/give_me_cart_order_form',
+                        type: 'GET',
+                        dataType: 'script'
+                    }).done(function (data, result) {
+                        if (result === "success") {
+                            markWasPasted = true;
+                        }
+                    });
+                }
+            }
+        };
+
+        fCartFormOnScroll = function(event) {
+            var closeToBottom = jQuery(window).scrollTop() >= 0;
+            if (closeToBottom) {
+                fCartFormInvalidate();
+            }
+        };
+
+        // start
+        $(document).bind('scroll', fCartFormOnScroll);
+        setTimeout(function () {
+            fCartFormOnScroll();
+        },300);
+
+    }
+});

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

@@ -2,7 +2,7 @@
 
 var RowMaker = function() {
 
-    var _ROW = '<tr class="tr_{{ id }}">' +
+    var _ROW = '<tr class="tr_{{ id }}" data-price_per_item="{{ price_per_item }}" data-id="{{ id }}" data-color="{{ color }}">' +
         '<td class="image">' +
             '<a class="lazy-image-wrapper" href=" {{ item_url }}" target="_blank" title="{{ title }}">' +
                 '<img data-original="{{ image_url }}" alt="{{ title }}">' +
@@ -22,7 +22,7 @@ var RowMaker = function() {
             '</div>' +
         '</td>' +
         '<td class="price">{{ price }}</td>' +
-        '<td class="actions"><a title="Удалить" class="del_action" data-id="{{ id }}">Удалить</a></td>' +
+        '<td class="actions"><a title="Удалить" class="del_action" data-id="{{ id }}" data-color="{{ color }}">Удалить</a></td>' +
         '</tr>';
 
     this.make_row_htmlstr = function(obj) {

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var RowPrinter = function() {
+
+    var _ROW = '<tr>' +
+        '<td style="width:290px;">' +
+            '<a href=" {{ item_url }}" title="{{ title }}">' +
+                '{{ title }}' +
+            '</a>' +
+        '</td>' +
+        '<td style="width:130px;">' +
+            'Цвет: {{ color_title }}' +
+        '</td>' +
+        '<td style="width:150px;">' +
+            'Кол-во: {{ q }}' +
+        '</td>' +
+        '<td style="width:190px;">Цена: {{ price }}</td>' +
+        '</tr>';
+
+    var _BOTTOM_ROW = '<tr>' +
+            '<td colspan="2">Итого: {{ order_price }}</td>' +
+            '<td colspan="2">Доставка: {{ deliver }}</td>' +
+        '</tr>';
+
+    var _print = function(obj, pattern) {
+        var res = pattern;
+        var al;
+        for ( var key in obj ){
+            al = "{{ " + key + " }}";
+            res = res.split(al).join(obj[key]);
+        }
+        return res;
+    };
+
+    this.print_row = function(obj) {
+        return _print(obj, _ROW);
+    };
+
+    this.print_bottom_row = function(obj) {
+        return _print(obj, _BOTTOM_ROW);
+    };
+
+};

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var $ss;
+
+var _activate_goto_card = function() {
+    $ss.each(function() {
+        var ins = new ButtonGotoCart(this);
+        ButtonGotoCart.instances.push(ins);
+    });
+    ButtonGotoCart.refresh_count();
+};
+
+$(document).ready(function() {
+    $ss = $('.b_make_order a');
+    if ($ss.length !== 0) {
+        // alert(ButtonAddToCart);
+        _activate_goto_card();
+    }
+});

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var ButtonGotoCart = function(selector) {
+
+    var _$btn;
+    var _$counter;
+
+    //<editor-fold desc="// инициализация">
+    var _fInitBehaviour = function (){
+        if (_$btn.length <= 0) return;
+    };
+    var _fInit = function (selector){
+        _$btn = $(selector);
+        _$counter = $('<div class="counter"></div>');
+        _$counter.appendTo(_$btn);
+        _fInitBehaviour();
+    };
+    _fInit(selector);
+    //</editor-fold>
+
+    this.set_count = function(new_val) {
+        console.log('<ButtonGotoCart#set_count>');
+        _$counter.text(new_val);
+    }
+
+};
+
+ButtonGotoCart.instances = [];
+ButtonGotoCart.refresh_count = function() {
+    console.log('<ButtonGotoCart.refresh_count>');
+    var cart = coo.cart_get();
+    var new_val = 0;
+    for (var i = 0; i < cart.length; i++) {
+        new_val += Number(cart[i]['q']);
+    }
+    for (var i = 0; i < ButtonGotoCart.instances.length; i++) {
+        var ins = ButtonGotoCart.instances[i];
+        ins.set_count(new_val);
+    }
+}

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

@@ -0,0 +1,142 @@
+div.card_row {
+  @include clearfix;
+  margin-bottom: 30px;
+  > div {
+    float: left;
+    width: 50%;
+    &#policy {
+       padding-left: 20px;
+    }
+  }
+}
+
+#cart_form_container {
+  margin: 0;
+  background-color: transparent;
+  min-height: 300px;
+  position: relative;
+  * { &:focus { outline: none !important; } }
+
+  #loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    text-align: center;
+    font-size: 20px;
+    background: rgba(255, 255, 255, 1) url(data:image/gif;base64,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) 50% 50% no-repeat;
+    z-index: 9999;
+    line-height: 3;
+    transition: visibility 1s, opacity 0.5s linear;
+
+    &.invis {
+      visibility: hidden;
+      opacity: 0;
+    }
+
+  }
+
+  div#cart_order_form { /* NOTE:: получается, на странице может быть только одна такая форма */
+
+    .modal-dialog {
+      width: auto;
+      margin: 0;
+
+      .modal-content {
+        box-shadow: none;
+        border: none;
+        /*background-color: transparent;*/
+
+        div.modal-header {
+          border-bottom: none !important;
+        }
+
+        div.modal-body {
+          padding: 0;
+
+          div.form-group {
+            margin-bottom: 25px;
+
+            &.hiddn {
+              width: 0;
+              height: 0;
+              position: absolute;
+              overflow: hidden;
+            }
+
+            label {
+
+            }
+
+            .input_wrapper {
+
+              position: relative;
+
+              &:after {
+                content: "";
+                background: transparent url(image_path('stripe.png')) repeat 0 0; /*NOTE:: можно переопределить в custom классах */
+                opacity: 0.1;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                right: 0;
+                position: absolute;
+                z-index: 0;
+              }
+
+              .form-control {
+                position: relative;
+                z-index: 1;
+
+                &:focus {
+                  text-shadow: none !important;
+                  border: #2d2d2d 1px solid;
+                  box-shadow: none !important;
+                  -webkit-box-shadow: none !important;
+                }
+
+              }
+
+            }
+
+            textarea {
+
+            }
+
+            .help-block {
+              padding-left: 0 !important;
+              position: absolute;
+              text-align: right;
+              padding-right: 0;
+              color: #ff0000;
+            }
+
+            &.has-error {
+
+              .help-block {
+                /*color: #ff7f7c;*/
+              }
+
+            }
+
+          }
+
+          div.actions {
+            margin-top: 15px;
+
+            input.btn {
+              @include color_button(#FFFFFF, $red);
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+  }
+
+}
+

data/engines/co/app/controllers/co/cart_controller.rb

@@ -0,0 +1,27 @@
+module Co
+  class CartController < ::ApplicationController
+
+    def give_me_cart_order_form
+    end
+
+    def message_cart_order
+      puts '<CartController.message_cart_order>'
+      m = OrderMessage.new(mess_params)
+      respond_to do |format|
+        if m.save
+
+          format.js
+          OrderMessageMailer.send_mess(m, 'Заказ').deliver
+        else
+          puts "<CartController.message_cart_order> errors: #{m.errors}"
+          format.js { render json: m.errors, status: :unprocessable_entity }
+        end
+      end
+    end
+
+    def mess_params
+      params.require(:mess).permit(:name, :phone, :comment, :city)
+    end
+
+  end
+end

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

@@ -1,7 +1,29 @@
 module Co
   module CartPageHelper
-    def c80_yax_render_cart
-      render partial: 'co/cart_page'
+
+    def c80_yax_render_cart(page_content = '')
+      render partial: 'co/cart_page',
+             locals: {
+                 page_content: page_content
+             }
     end
+
+    def render_cart_order_form
+
+      render :partial => 'co/cart/shared/cart_order_form',
+             :locals => {
+                 :mess => OrderMessage.new
+             }
+
+    end
+
+    def render_ok_message
+      render :partial => 'co/cart/shared/ok_message',
+             :locals => {
+                 ok_text: 'Мы свяжемся с Вами в ближайшее время.',
+                 wtitle: 'Ваше сообщение отправлено'
+             }
+    end
+
   end
 end

data/engines/co/app/mailers/co/order_message_mailer.rb

@@ -0,0 +1,29 @@
+module Co
+  class OrderMessageMailer < ActionMailer::Base
+
+    default from: Proc.new { SiteProp.first.mail_from },
+            to: Proc.new { SiteProp.first.mail_to }
+
+    def send_mess(message, subject)
+      @message = format_message(message)
+
+      puts '<MessageOrderMailer.send_mess> Отправляем сообщение.'
+      mail(subject: subject) do |format|
+        format.html { render 'mail_mess'}
+      end
+
+      #puts "#{SiteProps.first.mail_to}"
+    end
+
+    private
+
+    def format_message(message)
+      result = "<br> • Имя: #{message.name}"
+      result += "<br> • Телефон: #{message.phone}"
+      result += "<br> • Адрес: #{message.city}"
+      result += "<br> • Детали заказа:<br><br> #{message.comment}"
+      result
+    end
+
+  end
+end

data/engines/co/app/models/co/order_message.rb

@@ -0,0 +1,5 @@
+module Co
+  class OrderMessage < ActiveRecord::Base
+    validates_with OrderMessageValidator
+  end
+end

data/engines/co/app/models/co/order_message_validator.rb

@@ -0,0 +1,22 @@
+module Co
+  class OrderMessageValidator < ActiveModel::Validator
+    def validate(record)
+      unless record.errors.present?
+        puts "<OrderMessageValidator.validate> record = #{record}"
+
+        unless record.name.present?
+          record.errors[:name] = 'Укажите, пожалуйста, Ваше имя'
+        end
+
+        if record.phone.present?
+          if record.phone[/^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$/].present?
+            t2 = 'Пожалуйста, укажите корректный номер телефона'
+            record.errors[:phone] = t2
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -32,10 +32,8 @@
       <%= 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 class="card_row">
+    <div id="cart_form_container"></div>
+    <div id="policy"><%= page_content %></div>
+  </div>
 </div>

data/engines/co/app/views/co/cart/give_me_cart_order_form.js.erb

@@ -0,0 +1,18 @@
+var $cc = $("#cart_form_container");
+var html_str = "<%= j render_cart_order_form %>";
+
+setTimeout(function () {
+    $('#loading').addClass('invis');
+    setTimeout(function () {
+        $cc.html(html_str);
+
+        // перед показом можно переопределить надпись на кнопке
+        /*if ($cc.data('button-label') != undefined) {
+            $cc.find('[type=submit]').attr('value', $cc.data('button-label'));
+        }*/
+
+        aCartPage.print_table_to_comment();
+
+    },500);
+},1000);
+

data/engines/co/app/views/co/cart/message_cart_order.js.erb

@@ -0,0 +1,4 @@
+$('#cart_order_form').modal_success();
+setTimeout(function(){
+    $('#modal_ok').modal("show");
+},400);

data/engines/co/app/views/co/cart/shared/_cart_order_form.html.erb

@@ -0,0 +1,83 @@
+<%= render_ok_message %>
+<div id="cart_order_form" tabindex="-1" role="dialog" aria-labelledby="feedbackForm" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title medium" id="myModalLabel">&nbsp;</h4>
+      </div>
+      <div class="modal-body regular">
+
+        <%= form_for :mess,
+                     :url => '/message_cart_order',
+                     :remote => true,
+                     html: {
+                             multipart: true,
+                             :role => :form,
+                             :id => 'form_message',
+                             :data => {
+                                     :model => 'mess'
+                             }
+                     } do |f| %>
+
+            <div class="form-group clearfix">
+              <%= f.label :name, 'Фамилия Имя Отчество', class: 'control-label must' %>
+              <div class="input_wrapper"><%= f.text_field :name, class: 'form-control' %></div>
+              <span class="help-block col-md-12"></span>
+            </div>
+
+            <div class="form-group clearfix">
+              <%= f.label :phone, 'Контактный телефон', class: 'control-label must' %>
+              <div class="input_wrapper"><%= f.text_field :phone, class: 'form-control' %></div>
+              <span class="help-block col-md-12"></span>
+            </div>
+
+            <div class="form-group clearfix">
+              <%= f.label :date, 'Желаемая дата получения товара', class: 'control-label' %>
+              <div class="input_wrapper"><%= f.text_field :date, class: 'form-control' %></div>
+              <span class="help-block col-md-12"></span>
+            </div>
+
+            <div class="form-group clearfix">
+              <%= f.label :city, 'Адрес', class: 'control-label' %>
+              <div class="input_wrapper"><%= f.text_field :city, class: 'form-control' %></div>
+              <span class="help-block col-md-12"></span>
+            </div>
+
+            <div class="form-group clearfix hiddn" style="margin-bottom: 0;">
+              <%= f.label :comment, 'Сообщение', class: 'control-label' %>
+              <div class="input_wrapper"><%= f.text_area :comment, class: 'form-control', :rows => '1' %></div>
+              <span class="help-block col-md-12"></span>
+            </div>
+
+            <div class="actions clearfix">
+              <%= f.label ' ', class: 'control-label' %>
+              <%= f.submit 'Отправить',
+                           class: 'btn btn-primary',
+                           data: {
+                                   disable_with: 'Отправляется...'
+                           }
+              %>
+            </div>
+
+        <% end %>
+
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<%# настраиваем форму %>
+<script>
+    $(document).ready(function () {
+
+        var $form = $("form#form_message");
+
+        $form.bind("ajax:error", function (event, data, status, xhr) {
+            $form.render_form_errors($.parseJSON(data.responseText));
+        });
+
+        $form.modal_success();
+
+    });
+</script>

data/engines/co/app/views/co/cart/shared/_ok_message.html.erb

@@ -0,0 +1,16 @@
+<div class="modal fade" id="modal_ok" tabindex="1" role="dialog" aria-labelledby="modalOk" aria-hidden="true">
+  <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" id="myModalLabel"><%= wtitle %></h4>
+      </div>
+      <div class="modal-body">
+        <p><%= ok_text %></p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Закрыть</button>
+      </div>
+    </div>
+  </div>
+</div>

data/engines/co/app/views/co/order_message_mailer/mail_mess.html.erb

@@ -0,0 +1 @@
+<%= @message.html_safe %>