c80_callback 0.1.0.1 → 0.1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 68666bcd57d2a970bf359324af696d6b3acd879e
-  data.tar.gz: 1d6e0e8b5f1f49dd94050c46e11c691eed7d797a
+  metadata.gz: b4675644fb9518d3cb5bfca12415321643df921f
+  data.tar.gz: ceee84f0455f59c74d23f4203f05ddc10f91d5ac
 SHA512:
-  metadata.gz: cad4e3a84c0895db29ea6183b06f66fb4d43beecbcabf5424fc20982378f419ffce4e9107b121bbb4401f229aa74c67ac99e38e71ab4a41e88aa6520e697cd1d
-  data.tar.gz: 0e286f933166ad931a3f9145451bd27d022bb0dcd0059e95d543ef24d86f339db404582c0c200c0ec81caea88cc6743449600c8d6132f9fef9e7b74898f39197
+  metadata.gz: cfc84a2df9dd305fd774c149a3da106c4c257a3782fc2ba993092ffa47d5db1b4c6d37a8f562de1df8c1cdc5567f07cfdb9e9706b7ecede0e98c83bec9618fc5
+  data.tar.gz: 15b5e02c436a71b3062baa702dc650ab3cb6dc82474a96fc477952d73ebe185ff83e0d6a4e8a1247d1e39521d29ef5f64574c9b87866a8dc7d5400a266111865

data/app/assets/javascripts/c80_callback/callback_decorator.js

@@ -0,0 +1,84 @@
+"use strict";
+
+// найдём на странице все элементы класса `.c80_callback_show_popup`
+// и добавим поведение при клике:
+//                              - кнопка должна перейти в состояние "in progress" и стать некликабельной
+//                              - на сервер уходит запрос за popup формой
+// также содержит "метод" removeInProgressState, который переводит все `.c80_callback_show_popup` в "нормальное" состояние
+
+function CallbackDecorator() {
+
+    var css_selector = '.c80_callback_show_popup';
+    var url = '/callback_popup';
+
+    var $links;
+    var _mark_req_in_progress = false;
+
+    //-[ public ]-----------------------------------------------------------------------------------------------------------------------
+
+
+    //-[ private ]-----------------------------------------------------------------------------------------------------------------------
+
+    var _progress_state_add = function ($link) {
+        console.log('<_progress_state_add>');
+        $link.addClass('c80_callback_progress');
+    };
+
+    // у кнопок `.c80_callback_show_popup` уберём in_progress state
+    var _progress_state_remove = function () {
+        setTimeout(function () {
+            $links.removeClass('c80_callback_progress');
+        }, 500);
+    };
+    
+    var _req = function () {
+        $.ajax({
+            url: url,
+            type: 'POST',
+            dataType: 'script'
+        }).done(function (data, result) {
+
+            if (result == "success") { // callback_form.js.erb
+                //markWasPasted = true;
+            }
+
+            _mark_req_in_progress = false;
+            _progress_state_remove();
+
+        })
+    };
+
+    var _on_link_click = function (e) {
+        console.log('<_on_link_click>');
+
+        e.preventDefault();
+
+        if (!_mark_req_in_progress) {
+            _mark_req_in_progress = true;
+            _progress_state_add($(this));
+            _req();
+        }
+
+    };
+
+    var _decorateLinks = function () {
+        console.log('<_decorateLinks>');
+        $links.on('click', _on_link_click);
+
+    };
+
+    //-[ fire ]-----------------------------------------------------------------------------------------------------------------------
+
+    var _fInit = function () {
+        console.log('<_fInit>');
+
+        $links = $(css_selector);
+        _decorateLinks();
+    };
+
+    _fInit();
+}
+
+$(document).ready(function() {
+    var callbackDecorator = new CallbackDecorator();
+});

data/app/assets/stylesheets/c80_callback/bs_modal.scss

@@ -0,0 +1,15 @@
+div#c80_callback_bs_modal {
+
+  div.full_contact_form {
+
+    form#form_callback {
+
+      div.form-group {
+        clear: both;
+      }
+
+    }
+
+  }
+
+}

data/app/assets/stylesheets/c80_callback/c80_callback_progress.scss

@@ -0,0 +1,3 @@
+.c80_callback_progress {
+  background: #ffffff url(image_path('loader_button.gif')) repeat 0 0;
+}

data/app/assets/stylesheets/c80_callback/callback_simple_form.scss

@@ -15,6 +15,23 @@
     input {
       margin-left: 44px;
       width: 151px;
+
+      &::-webkit-input-placeholder {
+        color: #c3c3c3;
+      }
+
+      &:-moz-placeholder { /* Firefox 18- */
+        color: #c3c3c3;
+      }
+
+      &::-moz-placeholder {  /* Firefox 19+ */
+        color: #c3c3c3;
+      }
+
+      &:-ms-input-placeholder {
+        color: #c3c3c3;
+      }
+
     }
     input[type=text] {
       border-radius: 0 !important;
@@ -23,7 +40,7 @@
 
     .has-error {
       input {
-        border: 2px red;
+        border: 2px solid rgba(255, 153, 0, 0.67) !important;
       }
     }
 

data/app/controllers/c80_callback/application_controller.rb

@@ -0,0 +1,18 @@
+require 'c80_lazy_images'
+
+module C80Callback
+  class ApplicationController < ActionController::Base
+
+    helper C80LazyImages::Engine.helpers
+
+    protect_from_forgery with: :exception
+
+    # обрабатываем запрос от `.c80_callback_show_popup` кнопок за popup формой
+    def callback_popup
+      respond_to do |format|
+        format.js
+      end
+    end
+
+  end
+end

data/app/controllers/c80_callback/messages_controller.rb

@@ -0,0 +1,50 @@
+module C80Callback
+  class MessagesController < ActionController::Base
+
+    protect_from_forgery with: :exception
+
+    # на этот скрипт уходят все сообщения с форм обратной связи, затем отправляется почта владельцу сайта
+    def callback_message
+
+      m = Cmessage.new(cmessage_params)
+
+      respond_to do |format|
+
+        if m.save
+
+          format.js
+          CallbacksMailer.send_email(m, 'Пользователь сайта просит перезвонить').deliver
+        else
+          Rails.logger.debug "[TRACE] <MessagesController.callback_message> errors: #{m.errors}"
+          format.js { render json: m.errors, status: :unprocessable_entity }
+        end
+
+      end
+
+    end
+
+    # на этот скрипт уходят все сообщения с простых форм заказа обратного звонка
+    def callback_message_simple
+
+      m = Cmessage.new(cmessage_params)
+
+      respond_to do |format|
+
+        if m.save
+          format.js
+          CallbacksMailer.send_email(m, 'Пользователь сайта просит перезвонить').deliver
+        else
+          Rails.logger.debug "[TRACE] <MessagesController.callback_message_simple> errors: #{m.errors.as_json}"
+          format.js { render json: m.errors, status: :unprocessable_entity }
+        end
+
+      end
+
+    end
+
+    def cmessage_params
+      params.require(:cmessage).permit(:name, :mobile, :kapcha)
+    end
+
+  end
+end

data/app/helpers/c80_callback/app_helper.rb

@@ -1,10 +1,34 @@
 module C80Callback
   module AppHelper
+
+    # отрисовка "упрощённой" формы "заказать обратный звонок"
     def simple_callback_form
       render :partial => 'c80_callback/shared/callback_simple_form',
              :locals => {
-                 :mess => Cmessage.new
+                 :cmessage => Cmessage.new
              }
     end
+
+    # отрисовка полной формы 'перезвоните мне', завёрнутой в bootstrap modal окно
+    def render_popup_callback
+      render :partial => 'c80_callback/shared/popup',
+             :locals => {
+                 title: I18n.t('c80_callback.popup_callback.title'),
+                 content: _render_full_contact_form
+             }
+    end
+
+    # отрисовка success-сообщения, завёрнутого в bootstrap modal окно
+    def render_popup_ok(m='')
+      m = m.present? ? m : I18n.t('c80_callback.popup_ok.message')
+
+      render :partial => 'c80_callback/shared/popup',
+             :locals => {
+                 title: I18n.t('c80_callback.popup_ok.title'),
+                 content: I18n.t('c80_callback.popup_ok.content')
+             }
+
+    end
+
   end
 end

data/app/helpers/c80_callback/inner/forms_helper.rb

@@ -0,0 +1,14 @@
+module C80Callback
+  module Inner
+    module FormsHelper
+
+      def _render_full_contact_form
+        render :partial => 'c80_callback/shared/inner/forms/full_contact_form',
+               :locals => {
+                   cmessage: Cmessage.new
+               }
+      end
+
+    end
+  end
+end

data/app/helpers/c80_callback/inner/modal_helper.rb

@@ -0,0 +1,16 @@
+module C80Callback
+  module Inner
+    module ModalHelper
+
+      def _render_bs_modal(content='', title='')
+        render :partial => 'c80_callback/shared/inner/modal/bs_modal',
+               :locals => {
+                   title: title,
+                   content: content,
+                   close_label: 'Закрыть'
+               }
+      end
+
+    end
+  end
+end

data/app/mailers/c80_callback/callbacks_mailer.rb

@@ -0,0 +1,28 @@
+module C80Callback
+  class CallbacksMailer < ActionMailer::Base
+
+    default from: Proc.new { SiteProp.first.mail_from },
+            to: Proc.new { SiteProp.first.mail_to }
+
+    def send_email(message, subject)
+      @message = format_message(message)
+
+      puts '<CallbackMailer.send_mess> Отправляем сообщение.'
+      mail(subject: subject) do |format|
+        format.html { render 'mail_letter' }
+      end
+
+      #puts "#{SiteProps.first.mail_to}"
+    end
+
+    private
+
+    def format_message(message)
+      result = "<br> • Имя: #{message.name}"
+      result += "<br> • Email: #{message.mobile}"
+      result
+    end
+
+  end
+end
+

data/app/models/c80_callback/cmessage.rb

@@ -0,0 +1,20 @@
+module C80Callback
+
+  class Cmessage < ActiveRecord::Base
+
+    validates :name,
+              presence: true,
+              length: { in: 1..30 }
+
+    validates :mobile,
+              presence: true,
+              length: { in: 1..30 }
+
+    validates_format_of :mobile,
+                        :with => /\A^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$\Z/i
+
+    # validates_with CmessageValidator
+
+  end
+
+end

data/app/models/c80_callback/cmessage_validator.rb

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

data/app/views/c80_callback/application/callback_popup.js.erb

@@ -0,0 +1,23 @@
+<%# это приходит в ответ на запрос формы, завёрнутой в popup (такие запросы отправляют кнопки, обработанные callbackDecorator) %>
+
+var $body = $('body');
+
+// вставим окно
+var html_str = "<%= j render_popup_callback %>";
+var $m = $(html_str);
+$body.append($m);
+
+// покажем окно
+$('#c80_callback_bs_modal')
+        .modal('show')
+        .on('hidden.bs.modal', function () {
+            $(this).remove();
+            //console.log($(this));
+        });
+
+// настроим форму
+var $form = $("form#form_callback");
+$form.bind("ajax:error", function (event, data, status, xhr) {
+    $form.render_form_errors($.parseJSON(data.responseText));
+});
+$form.modal_success();

data/app/views/c80_callback/callbacks_mailer/mail_letter.html.erb

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

data/app/views/c80_callback/messages/callback_message.js.erb

@@ -0,0 +1,23 @@
+<%# это приходит в ответ на успешную отправку сообщения из "полной" формы обратной связи в модальном окне %>
+
+$('#form_callback').modal_success();
+$('#c80_callback_bs_modal').modal('hide');
+
+setTimeout(function () {
+    var $body = $('body');
+
+    // вставим окно
+    var html_str = "<%= j render_popup_ok %>";
+    var $m = $(html_str);
+    $body.append($m);
+
+    // покажем окно
+    $('#c80_callback_bs_modal')
+            .modal('show')
+            .on('hidden.bs.modal', function () {
+                $(this).remove();
+                //console.log($(this));
+            })
+
+
+}, 500);

data/app/views/c80_callback/messages/callback_message_simple.js.erb

@@ -0,0 +1,22 @@
+<%# это приходит в ответ на успешную отправку сообщения из "простой" формы обратной связи %>
+
+$('#form_callback_simple').modal_success();
+
+setTimeout(function () {
+    var $body = $('body');
+
+    // вставим окно
+    var html_str = "<%= j render_popup_ok %>";
+    var $m = $(html_str);
+    $body.append($m);
+
+    // покажем окно
+    $('#c80_callback_bs_modal')
+            .modal('show')
+            .on('hidden.bs.modal', function () {
+                $(this).remove();
+                //console.log($(this));
+            })
+
+
+}, 200);

data/app/views/c80_callback/shared/_callback_simple_form.html.erb

@@ -1,12 +1,12 @@
 
 <div class="form_container callback_simple_form">
 
-  <%= form_for :mess,
-               :url => '/mess_phoneback',
+  <%= form_for :cmessage,
+               :url => '/callback_message_simple',
                :remote => true,
                html: {
                        :role => :form,
-                       :id => 'form_phoneback',
+                       :id => 'form_callback_simple',
                        :data => {
                                :model => 'cmessage'
                        }
@@ -14,19 +14,17 @@
 
       <div class="form-group">
         <%= f.text_field :name,
-                         :value => 'Имя',
                          :class => 'form-control',
-                         :onfocus => "if (this.value == 'Имя') this.value = '';",
-                         :onblur => "if (this.value == '') {this.value = 'Имя';}"
+                         :maxlength => 30,
+                         :placeholder => 'Ваше имя'
         %>
       </div>
 
       <div class="form-group">
         <%= f.text_field :mobile,
-                         :value => 'Телефон',
                          :class => 'form-control',
-                         :onfocus => "if (this.value == 'Телефон') this.value = '';",
-                         :onblur => "if (this.value == '') {this.value = 'Телефон';}"
+                         :maxlength => 30,
+                         :placeholder => 'Номер телефона'
         %>
       </div>
 
@@ -49,9 +47,10 @@
   <script>
       $(document).ready(function(){
 
-          var $form = $("form#form_phoneback");
+          var $form = $("form#form_callback_simple");
 
           $form.bind("ajax:error",function(event, data, status, xhr){
+              console.log('!');
               $form.render_form_errors( $.parseJSON(data.responseText) );
           });
 

data/app/views/c80_callback/shared/_popup.html.erb

@@ -0,0 +1,2 @@
+<% bs_modal = _render_bs_modal(content,title) %>
+<%= bs_modal.html_safe %>

data/app/views/c80_callback/shared/inner/forms/_full_contact_form.html.erb

@@ -0,0 +1,67 @@
+
+<div class="full_contact_form">
+
+  <%= form_for :cmessage,
+               :url => '/callback_message',
+               :remote => true,
+               html: {
+                       :role => :form,
+                       :id => 'form_callback', #-> callback_message.js.erb uses this ID
+                       :data => {
+                               :model => 'cmessage'
+                       }
+               } do |f| %>
+
+      <div class="form-group">
+        <%= f.label :name, 'Ваше имя', class: 'control-label' %>
+        <%= f.text_field :name,
+                         :class => 'form-control',
+                         :maxlength => 30
+        %>
+        <span class="help-block col-md-12"></span>
+      </div>
+
+      <div class="form-group">
+        <%= f.label :mobile, 'Номер телефона', class: 'control-label' %>
+        <%= f.text_field :mobile,
+                         :class => 'form-control',
+                         :maxlength => 30
+        %>
+        <span class="help-block col-md-12"></span>
+      </div>
+
+      <div class="form-group kapcha">
+        <%= f.text_field :kapcha, class: 'form-control', :maxlength => 30 %>
+      </div>
+
+      <div class="actions">
+        <%= f.submit 'Перезвоните мне',
+                     class: 'btn btn-primary',
+                     data: {
+                             disable_with: 'Отправляется...'
+                     }
+        %>
+      </div>
+
+  <% end %>
+
+  <script>
+      $(document).ready(function(){
+
+          var $form = $("form#form_callback");
+
+          $form.bind("ajax:error",function(event, data, status, xhr){
+              $form.render_form_errors( $.parseJSON(data.responseText) );
+          });
+
+          $form.modal_success();
+
+          $form.find("input").each(function() {
+              $(this).blur();
+          })
+
+      });
+  </script>
+
+</div>
+

data/app/views/c80_callback/shared/inner/modal/_bs_modal.html.erb

@@ -0,0 +1,18 @@
+<!-- Modal -->
+<div class="modal fade" id="c80_callback_bs_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel"><%= title %></h4>
+      </div>
+      <div class="modal-body">
+        <%= content.html_safe %>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal"><%= close_label %></button>
+        <!--<button type="button" class="btn btn-primary">Save changes</button>-->
+      </div>
+    </div>
+  </div>
+</div>

data/config/locales/ru.yml

@@ -0,0 +1,17 @@
+ru:
+  activerecord:
+    errors:
+      models:
+        c80_callback/cmessage:
+          attributes:
+            name:
+              blank: 'Укажите, пожалуйста, Ваше имя'
+            mobile:
+              blank: 'Укажите телефон в любом формате'
+              invalid: 'Укажите, пожалуйста, корректный номер телефона'
+  c80_callback:
+    popup_callback:
+      title: 'Мы перезвоним на указанный номер'
+    popup_ok:
+      title: 'Ваше сообщение отправлено'
+      content: 'Мы перезвоним на указанный номер'

data/config/routes.rb

@@ -0,0 +1,7 @@
+C80Callback::Engine.routes.draw do
+
+  match 'callback_popup', :to => 'application#callback_popup', :via => :post # сюда обращается js за формой обратной связи, завёрнутой в bootstrap modal
+  match 'callback_message', :to => 'messages#callback_message', :via => :post # на этот скрипт уходят все сообщения с форм заказа обратного звонка, затем отправляется почта владельцу сайта
+  match 'callback_message_simple', :to => 'messages#callback_message_simple', :via => :post # на этот скрипт уходят все сообщения с простых форм заказа обратного звонка
+
+end

data/lib/c80_callback/version.rb

@@ -1,3 +1,3 @@
 module C80Callback
-  VERSION = "0.1.0.1"
+  VERSION = "0.1.0.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: c80_callback
 version: !ruby/object:Gem::Version
-  version: 0.1.0.1
+  version: 0.1.0.2
 platform: ruby
 authors:
 - C80609A
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-11-15 00:00:00.000000000 Z
+date: 2016-11-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -65,16 +65,34 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/assets/images/loader_button.gif
 - app/assets/javascripts/c80_callback.js.coffee
-- app/assets/javascripts/c80_callback/foo.js
+- app/assets/javascripts/c80_callback/callback_decorator.js
 - app/assets/stylesheets/c80_callback.scss
+- app/assets/stylesheets/c80_callback/bs_modal.scss
+- app/assets/stylesheets/c80_callback/c80_callback_progress.scss
 - app/assets/stylesheets/c80_callback/callback_simple_form.scss
+- app/controllers/c80_callback/application_controller.rb
+- app/controllers/c80_callback/messages_controller.rb
 - app/helpers/c80_callback/app_helper.rb
-- app/models/c80_swiper/cmessage.rb
+- app/helpers/c80_callback/inner/forms_helper.rb
+- app/helpers/c80_callback/inner/modal_helper.rb
+- app/mailers/c80_callback/callbacks_mailer.rb
+- app/models/c80_callback/cmessage.rb
+- app/models/c80_callback/cmessage_validator.rb
+- app/views/c80_callback/application/callback_popup.js.erb
+- app/views/c80_callback/callbacks_mailer/mail_letter.html.erb
+- app/views/c80_callback/messages/callback_message.js.erb
+- app/views/c80_callback/messages/callback_message_simple.js.erb
 - app/views/c80_callback/shared/_callback_simple_form.html.erb
+- app/views/c80_callback/shared/_popup.html.erb
+- app/views/c80_callback/shared/inner/forms/_full_contact_form.html.erb
+- app/views/c80_callback/shared/inner/modal/_bs_modal.html.erb
 - bin/console
 - bin/setup
 - c80_callback.gemspec
+- config/locales/ru.yml
+- config/routes.rb
 - db/migrate/20161115091010_create_c80_callback_cmessages.rb
 - lib/c80_callback.rb
 - lib/c80_callback/engine.rb

data/app/assets/javascripts/c80_callback/foo.js

@@ -1 +0,0 @@
-var asdf = 'asdf';

data/app/models/c80_swiper/cmessage.rb

@@ -1,7 +0,0 @@
-module C80Callback
-
-  class Cmessage < ActiveRecord::Base
-
-  end
-
-end