camaleon_ecommerce 0.0.4 → 1.1

data/app/views/plugins/ecommerce/admin/orders/index.html.erb

@@ -1,90 +1,150 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
-    <h4><span class="fa fa-cog"></span> <%= t('plugin.ecommerce.orders') %></h4>
-  </div>
-
-  <div class="panel-body">
-    <div class="box-adv-search pull-right">
+<div class="panel panel-default" id="commerce-orders-list">
+    <div class="panel-heading">
+        <h4><span class="fa fa-cog"></span> <%= t('plugin.ecommerce.orders') %></h4>
+    </div>
 
-      <div class="input-group" id="adv-search">
-        <input type="text" class="form-control" placeholder="<%= t('plugin.ecommerce.search_order_number') %>" name="q" value="<%= params[:q] %>"/>
+    <div class="panel-body">
+        <div class="box-adv-search pull-right" id="orders-box-adv-search">
+            <div class="input-group" id="adv-search">
+                <input type="text" class="form-control" placeholder="<%= t('plugin.ecommerce.search_order_number') %>" name="q" value="<%= params[:q] %>"/>
 
-        <div class="input-group-btn">
-          <div class="btn-group" role="group">
-            <div class="dropdown dropdown-lg">
-              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
-              <div class="dropdown-menu dropdown-menu-right" role="menu">
-                <form action="<%= url_for(action: :index) %>" method="get" class="form-horizontal" role="form">
-                  <div class="form-group">
-                    <label for="contain"><%= t('plugin.ecommerce.table.customer') %> </label>
-                    <input class="form-control" type="text" name="c" value="<%= params[:c] %>"/>
-                  </div>
-                  <div class="form-group">
-                    <label for="contain"><%= t('plugin.ecommerce.e_mail_address') %></label>
-                    <input class="form-control" type="email" name="e" value="<%= params[:e] %>"/>
-                  </div>
-                  <div class="form-group">
-                    <label for="contain"><%= t('plugin.ecommerce.phone_number') %></label>
-                    <input class="form-control" type="text" name="p" value="<%= params[:p] %>"/>
-                  </div>
-                  <div class="form-group">
-                    <label for="contain"><%= t('plugin.ecommerce.table.status') %></label>
-                    <%= select_tag "s", options_for_select([[""], [t('plugin.ecommerce.select.received'), "received"], [t('plugin.ecommerce.select.unpaid'), "unpaid"], [t('plugin.ecommerce.select.accepted'), "accepted"], [t('plugin.ecommerce.select.shipped'), "shipped"], [t('plugin.ecommerce.select.closed'), "closed"], [t('plugin.ecommerce.select.canceled'), "canceled"]], params[:s]), class: 'form-control' %>
-                  </div>
+                <div class="input-group-btn">
+                    <div class="btn-group" role="group">
+                        <div class="dropdown dropdown-lg">
+                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+                                <span class="caret"></span></button>
+                            <div class="dropdown-menu dropdown-menu-right" role="menu">
+                                <form action="<%= url_for(action: :index) %>" method="get" class="form-horizontal" role="form">
+                                    <div class="form-group">
+                                        <label for="contain"><%= t('plugin.ecommerce.table.customer') %> </label>
+                                        <input class="form-control" type="text" name="c" value="<%= params[:c] %>"/>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="contain"><%= t('plugin.ecommerce.e_mail_address') %></label>
+                                        <input class="form-control" type="email" name="e" value="<%= params[:e] %>"/>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="contain"><%= t('plugin.ecommerce.phone_number') %></label>
+                                        <input class="form-control" type="text" name="p" value="<%= params[:p] %>"/>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="contain"><%= t('plugin.ecommerce.table.status') %></label>
+                                        <%= select_tag "s", options_for_select([[""], [t('plugin.ecommerce.select.received'), "received"], [t('plugin.ecommerce.select.unpaid'), "unpaid"], [t('plugin.ecommerce.select.accepted'), "accepted"], [t('plugin.ecommerce.select.shipped'), "shipped"], [t('plugin.ecommerce.select.closed'), "closed"], [t('plugin.ecommerce.select.canceled'), "canceled"]], params[:s]), class: 'form-control' %>
+                                    </div>
 
-                  <button type="submit" class="btn btn-primary"><span class="fa fa-search" aria-hidden="true"></span></button>
-                </form>
-              </div>
+                                    <button type="submit" class="btn btn-primary">
+                                        <span class="fa fa-search" aria-hidden="true"></span></button>
+                                </form>
+                            </div>
+                        </div>
+                        <button type="button" class="btn btn-primary">
+                            <span class="fa fa-search" aria-hidden="true"></span></button>
+                    </div>
+                </div>
             </div>
-            <button type="button" class="btn btn-primary"><span class="fa fa-search" aria-hidden="true"></span></button>
-          </div>
         </div>
-      </div>
-    </div>
+        <div class="hidden" id="commerce_cancel_modal">
+            <%= form_tag '#' do %>
+                <div class="form-group">
+                    <%= label_tag nil, t('plugin.ecommerce.table.description', default: 'Description') %>
+                    <%= text_area_tag 'description', '', class: 'form-control required' %>
+                </div>
+                <div class="">
+                    <span class="input-group-btn"><button class="btn btn-default" type="submit"><%= t('plugin.ecommerce.table.make_canceled', default: 'Mark as Canceled') %></button></span>
+                </div>
+            <% end %>
+        </div>
 
-    <table class="table">
-      <thead>
-        <tr>
-          <th id=""><%= t('plugin.ecommerce.table.id') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.customer') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.status') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.paid') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.products') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.amount') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.received_time') %></th>
-          <th id=""><%= t('plugin.ecommerce.table.payment_method') %></th>
-          <th><%= t('camaleon_cms.admin.table.actions') %></th>
-        </tr>
-      </thead>
-      <tbody>
-        <%
-           @orders.each do |order|
-             order = order.decorate
-        %>
+        <div class="hidden" id="commerce_shipped_modal">
+            <%= form_tag '#' do %>
+                <div>
+                    <%= label_tag nil, t('plugin.ecommerce.show_order.consignment_number', default: 'Consignment Number') %>
+                </div>
+                <div class="input-group">
+                    <%= text_field_tag 'consignment_number', '', class: 'form-control' %>
+                    <span class="input-group-btn"><button class="btn btn-default" type="submit"><%= t('plugin.ecommerce.table.make_shipped', default: 'Mark as Shipped') %></button></span>
+                </div>
+            <% end %>
+        </div>
+
+        <table class="table">
+            <thead>
             <tr>
-              <td><%= order.slug %></td>
-              <td><%= order.details.customer %></td>
-              <td><%= raw order.the_status %></td>
-              <td><%= order.paid? ? 'Yes' : 'No' %></td>
-              <td>
-                <% order.get_meta("products", {}).each do |key, product| %>
-                    <%= product[:qty] %> x <%= product[:product_title] %> (<%= "#{current_site.current_unit} #{product[:price]}" %>) <br>
-                <% end %>
-              </td>
-              <td><%= current_site.current_unit %> <%= order.get_meta("payment", {})[:amount] %></td>
-              <td><%= order.details.received_at %></td>
-              <td><%= order.payment_method.name rescue "" %></td>
-              <td>
-                <%= link_to raw('<i class="fa fa-eye"></i>'), {action: :show, id: order.slug}, class: "btn btn-info btn-xs", title: "#{t('camaleon_cms.admin.button.preview')}" %>
-                <%= link_to raw('<i class="fa fa-edit"></i>'), {action: :edit, id: order.slug}, class: "btn btn-default btn-xs", title: "#{t('camaleon_cms.admin.button.edit')}" %>
-              </td>
+                <th id=""><%= t('plugin.ecommerce.table.id') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.customer') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.status') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.paid') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.products') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.amount') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.received_time') %></th>
+                <th id=""><%= t('plugin.ecommerce.table.payment_method') %></th>
+                <th><%= t('camaleon_cms.admin.table.actions') %></th>
             </tr>
-        <% end %>
+            </thead>
+            <tbody>
+            <%
+                @orders.each do |order|
+                  order = order.decorate
+            %>
+                <tr>
+                    <td><%= order.slug %></td>
+                    <td><%= order.user.fullname %></td>
+                    <td><%= raw order.the_status %></td>
+                    <td><%= order.paid? ? 'Yes' : 'No' %></td>
+                    <td>
+                        <% order.product_items.each do |item| %>
+                            <%= item.qty %> x <%= item.cache_the_title %> (<%= item.cache_the_price %>) <br>
+                        <% end %>
+                    </td>
+                    <td><%= order.cache_the_total %></td>
+                    <td><%= order.received_at %></td>
+                    <td><%= order.payment_method.name rescue "" %></td>
+                    <td>
+                        <%= link_to raw('<i class="fa fa-eye"></i>'), {action: :show, id: order.slug}, class: "btn btn-info btn-xs", title: "#{t('camaleon_cms.admin.button.preview')}" %>
+                        <%= link_to raw('<i class="fa fa-edit"></i>'), {action: :edit, id: order.slug}, class: "btn btn-default btn-xs", title: "#{t('camaleon_cms.admin.button.edit')}" %>
+                        <%= link_to raw('<i class="fa fa-trash"></i>'), {action: :destroy, id: order.slug}, class: "btn btn-danger btn-xs", title: "#{t('camaleon_cms.admin.button.delete', default: 'Delete Order')}", method: :delete, 'data-confirm'=> t('plugin.ecommerce.table.confirm_delete', default: 'Are you sure to delete this order?') %>
+                        <div class="btn-group">
+                            <button class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown" aria-expanded="false" title="<%= t('camaleon_cms.admin.button.settings') %>"><i class="fa fa-cog"></i></button>
+                                <ul class="dropdown-menu pull-right" style="min-width: 50px;">
+                                    <%= content_tag :li, link_to(t('plugin.ecommerce.table.make_accepted', default: 'Mark as Accepted'), url_for(action: :mark_accepted, order_id: order.slug), class: 'btn btn-xs') if order.paid? %>
+                                    <%= content_tag :li, link_to(t('plugin.ecommerce.table.make_shipped', default: 'Mark as Shipped'), url_for(action: :mark_shipped, order_id: order.slug), class: 'btn btn-xs mark_shipped_btn') if order.accepted? || order.paid? %>
+                                    <%= content_tag :li, link_to(t('plugin.ecommerce.table.make_canceled', default: 'Mark as Canceled'), url_for(action: :mark_canceled, order_id: order.slug), class: 'btn btn-xs mark_canceled_btn', 'data-confirm_msg'=> t('plugin.ecommerce.table.confirm_mark_as_cancel', default: 'Are you sure to mark as Canceled?')) if order.bank_pending? || order.paid? %>
+                                    <%= content_tag :li, link_to(t('plugin.ecommerce.table.make_bank_confirmed', default: 'Mark as Paid'), url_for(action: :mark_bank_confirmed, order_id: order.slug), class: 'btn btn-xs', 'data-confirm'=> t('plugin.ecommerce.table.confirm_mark_as_paid', default: 'Are you sure to mark as Paid?')) if order.bank_pending? %>
+                                </ul>
+                        </div>
+                    </td>
+                </tr>
+            <% end %>
+            </tbody>
+        </table>
+        <%= content_tag("div", raw(t('camaleon_cms.admin.message.data_found_list')), class: "alert alert-warning") if @orders.empty? %>
+        <%= will_paginate @orders %>
+    </div>
+</div>
+<script>
+    jQuery(function () {
+        var panel = $('#commerce-orders-list');
+        panel.find('.mark_shipped_btn').click(function(e){
+            var link = $(this);
+            e.preventDefault();
+            open_modal({title: link.text(), content: panel.find('#commerce_shipped_modal').html(), callback: function(modal){ modal.find('form').attr('action', link.attr('href')).validate(); }});
+        });
 
+        panel.find('.mark_canceled_btn').click(function(e){
+            var link = $(this);
+            e.preventDefault();
+            open_modal({title: link.text(), content: panel.find('#commerce_cancel_modal').html(), callback: function(modal){
+                modal.find('form').attr('action', link.attr('href')).validate({submitHandler: function(){ return confirm(link.attr('data-confirm_msg')); }});
+            }});
+        });
 
-      </tbody>
-    </table>
-    <%= content_tag("div", raw(t('camaleon_cms.admin.message.data_found_list')), class: "alert alert-warning") if @orders.empty? %>
-    <%= will_paginate @orders, renderer: BootstrapPagination::Rails %>
-  </div>
-</div>
+        var cont = $('#orders-box-adv-search');
+        var rnd = "input_" + Math.floor((Math.random() * 1000000) + 1);
+        cont.find('#adv-search > input').change(function () {
+            cont.find('form  .' + rnd).val($(this).val());
+        }).clone().attr('type', 'hidden').addClass(rnd).appendTo(cont.find('form'));
+        cont.find('#adv-search .btn-group > button').click(function () {
+            cont.find('form').submit();
+        });
+    });
+</script>

data/app/views/plugins/ecommerce/admin/orders/show.html.erb

@@ -1,173 +1,11 @@
-<div id="order_view" class="panel panel-default">
-  <div class="panel-heading">
-    <h4><%= t('plugin.ecommerce.details_order') %>: <%= @order.slug %></h4>
-    <%= link_to raw("<i class='fa fa-edit'></i> #{t('plugin.ecommerce.edit_order')}"), {action: :edit, id: @order.slug}, class: "btn btn-primary pull-right" %>
-  </div>
-  <div class="panel-body">
-
-    <div class="row">
-      <div class="col-md-4">
-        <h3><%= t('plugin.ecommerce.table.customer_info') %></h3>
-        <ul class="ec-list-orders-address">
-          <li><strong><%= t('plugin.ecommerce.table.name') %>:</strong> <span> <%= @order.details.customer %></span></li>
-          <li><strong><%= t('plugin.ecommerce.table.email') %>:</strong> <span> <%= @order.details.email %></span></li>
-          <li><strong><%= t('plugin.ecommerce.table.phone') %>:</strong> <span> <%= @order.details.phone %></span></li>
-        </ul>
-      </div>
-      <div class="col-md-4">
-        <h3><%= t('plugin.ecommerce.billing_address') %></h3>
-
-        <% detail = @order.get_meta("billing_address") %>
-        <ul class="ec-list-orders-address">
-          <li><strong><%= t('plugin.ecommerce.table.name') %>:</strong> <span><%= detail[:first_name] %> <%= detail[:last_name] %></span></li>
-          <li><strong><%= t('plugin.ecommerce.table.address') %>:</strong> <span><%= detail[:address1] %> <br/> <%= detail[:address2] %> <br/> <%= detail[:city] %> <br/>  <%= detail[:state] %> <br/>  <%= detail[:zip] %> <br/> <%= detail[:country] %></span></li>
-        </ul>
-      </div>
-
-      <div class="col-md-4">
-        <h3><%= t('plugin.ecommerce.shipping_address') %></h3>
-        <% detail = @order.get_meta("shipping_address") %>
-        <ul class="ec-list-orders-address">
-          <li><strong><%= t('plugin.ecommerce.table.name') %>:</strong> <span><%= detail[:first_name] %> <%= detail[:last_name] %></span></li>
-          <li><strong><%= t('plugin.ecommerce.table.address') %>:</strong> <span><%= detail[:address1] %> <br/> <%= detail[:address2] %> <br/> <%= detail[:city] %> <br/>  <%= detail[:state] %> <br/>  <%= detail[:zip] %> <br/> <%= detail[:country] %></span></li>
-        </ul>
-      </div>
-
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <h4><%= t('.title', default: 'Order Details') %>: <%= @order.slug %></h4>
     </div>
-
-
-    <div class="row">
-      <div class="col-md-12">
-
-        <div class="status-bar">
-          <div class="bg-bar"></div>
-          <ul>
-            <%
-              approved_accepted = @order.paid?
-              approved_shipped = false
-            %>
-            <li class="received">
-              <div class="icon"><i class="fa fa-inbox"></i></div>
-              <h4><%= t('plugin.ecommerce.order_received') %>
-                <br/><%= raw @order.the_pay_status %>
-              </h4>
-
-              <p> on <%= @order.details.received_at %></p>
-            </li>
-            <% if approved_accepted %>
-                <li class="accepted">
-                  <%
-                    if @order.details.accepted_at.present?
-                      approved_shipped = true
-                  %>
-                      <div class="icon"><i class="fa fa-thumbs-up"></i></div>
-                      <h4><%= t('plugin.ecommerce.order_accepted') %></h4>
-
-                      <p>
-                        on <%= @order.details.accepted_at %>
-                      </p>
-                  <% else %>
-                      <%= form_tag(admin_plugins_ecommerce_order_accepted_path(order_id: @order.slug), :method => "post", :class => "form") do %>
-                          <button class="btn btn-success" type="submit"><%= t('plugin.ecommerce.accepted') %> &nbsp;&nbsp; <i class="fa fa-arrow-right"></i></button>
-                      <% end %>
-                  <% end %>
-                </li>
-            <% end %>
-            <% if approved_shipped %>
-                <li class="shipped">
-                  <% if @order.details.shipped_at.present? %>
-                      <div class="icon"><i class="fa fa-taxi"></i></div>
-                      <h4><%= t('plugin.ecommerce.order_shipped') %></h4>
-
-                      <p>on <%= @order.details.shipped_at %></p>
-
-                      <p>
-                        <a href="<%= @order.the_url_tracking %>"><%= t('plugin.ecommerce.url_tracking') %></a>
-                      </p>
-                  <% else %>
-                      <%= form_tag(admin_plugins_ecommerce_order_shipped_path(order_id: @order.slug), :method => "post", :class => "form") do %>
-                          <div class="form-group">
-                            <input type="text" class="form-control" name="payment[consignment_number]" placeholder="Consignment Number"/>
-                          </div>
-                          <button class="btn btn-info" type="submit"><%= t('plugin.ecommerce.mark_shipped') %></button>
-                      <% end %>
-                  <% end %>
-                </li>
-            <% end %>
-          </ul>
-        </div>
-
-      </div>
+    <div class="panel-body">
+        <%= render file: plugin_view('front/orders/show'), as_partial: true %>
     </div>
-
-    <div class="row">
-      <div class="col-md-12">
-        <h3><%= t('plugin.ecommerce.table.products') %></h3>
-        <%= render partial: 'plugins/ecommerce/partials/table_order_products', locals: {order: @order} %>
-      </div>
-
+    <div class="panel-footer">
+        <button class="btn btn-default" onclick="history.back()"><%= t('camaleon_cms.admin.button.back') %></button>
     </div>
-
-
-    <div class="row">
-      <div class="col-md-12">
-        <h3><%= t('plugin.ecommerce.method_shipped') %></h3>
-        <table class="table">
-          <tbody>
-            <tr>
-              <th id=""><%= t('plugin.ecommerce.order_shipped') %></th>
-              <th id=""><%= t('plugin.ecommerce.shipped_date') %></th>
-              <th id=""><%= t('plugin.ecommerce.table.url_tracking') %></th>
-            </tr>
-            <tr>
-              <td><%= @order.shipping_method.name rescue "#{t('plugin.ecommerce.message.not_shipped_assigned')}" %></td>
-              <td>    <%= @order.details.shipped_at || "#{t('plugin.ecommerce.message.not_shipped')}" %>    </td>
-              <td>    <%= @order.the_url_tracking %>    </td>
-            </tr>
-          </tbody>
-        </table>
-        <%#= debug payment %>
-      </div>
-
-    </div>
-
-    <div class="row">
-      <div class="col-md-12">
-        <h3><%= t('plugin.ecommerce.payments') %></h3>
-        <table class="table">
-          <tbody>
-            <tr>
-              <th id=""><%= t('plugin.ecommerce.table.method') %></th>
-              <th id=""><%= t('plugin.ecommerce.table.amount') %></th>
-              <th id=""><%= t('plugin.ecommerce.table.details') %></th>
-            </tr>
-            <% payment = @order.get_meta("payment")
-               details = @order.get_meta("pay_#{payment[:type]}".to_sym)
-            %>
-            <tr>
-              <td><%= @order.payment_method.name rescue "" %></td>
-              <td><%= current_site.current_unit %> <%= payment[:amount] %></td>
-              <td><%= raw details.present? ? details.map { |key, value| "<strong>#{key}: </strong> #{value}" }.join("<br>") : "#{t('plugin.ecommerce.table.not_paid')}" %></td>
-            </tr>
-            <tr class="bg-primary">
-              <td><%= t('plugin.ecommerce.table.total') %></td>
-              <td><%= current_site.current_unit %> <%= payment[:amount] %></td>
-              <td></td>
-            </tr>
-          </tbody>
-        </table>
-        <%#= debug payment %>
-      </div>
-
-    </div>
-
-    <%#= debug @order.meta %>
-    <% unless @order.closed? %>
-        <div class="row">
-          <div class="col-md-12 text-center">
-            <%= link_to raw('<i class="fa fa-lock"></i> Close order'), admin_plugins_ecommerce_order_closed_path(order_id: @order.slug), method: :post, data: {confirm: t('plugin.ecommerce.message.modal_close_order')}, class: "btn btn-danger cama_ajax_request", title: "#{t('plugin.ecommerce.buttons.close_order')}" unless @order.closed? %>
-          </div>
-        </div>
-    <% end %>
-  </div>
 </div>

data/app/views/plugins/ecommerce/admin/payment_methods/form.html.erb

@@ -9,13 +9,13 @@
                 <%= f.label t('plugin.ecommerce.table.name') %><br>
                 <%= f.text_field :name, :class => "form-control required" %>
             </div>
-            <div class="form-group">
+            <div class="form-group hidden">
                 <%= f.label t('camaleon_cms.admin.table.slug') %><br>
                 <%= f.text_field :slug, :class => "form-control slug", "data-parent" => 'plugins_ecommerce_payment_method_name' %>
             </div>
             <div class="form-group">
                 <%= f.label t('plugin.ecommerce.table.description') %><br>
-                <%= f.text_area :description, :class => "form-control", :rows => 4 %>
+                <%= f.text_area :description, :class => "form-control translatable", :rows => 4 %>
             </div>
             <div class="form-group">
                 <label><%= f.check_box :status %> &nbsp; <%= t('plugin.ecommerce.active') %> </label>
@@ -30,8 +30,9 @@
                 <ul  class="nav nav-tabs nav-justified">
                     <li class="<%= 'active' if options[:type] == 'bank_transfer' %>"><a href="#tab8" data-toggle="tab"><%= t('plugin.ecommerce.by_bank_transfer') %></a></li>
                     <li class="<%= 'active' if options[:type] == 'paypal' %>"><a href="#tab9" data-toggle="tab"><%= t('plugin.ecommerce.by_paypal') %></a></li>
-                    <li class="<%= 'active' if options[:type] == 'credit_card' %>"><a href="#tab7" data-toggle="tab"><%= t('plugin.ecommerce.by_credit_card') %></a></li>
+                    <!--<li class="<%= 'active' if options[:type] == 'credit_card' %>"><a href="#tab7" data-toggle="tab"><%= t('plugin.ecommerce.by_credit_card') %></a></li>-->
                     <li class="<%= 'active' if options[:type] == 'authorize_net' %>"><a href="#tab10" data-toggle="tab"><%= t('plugin.ecommerce.by_authorize_net') %></a></li>
+                    <li class="<%= 'active' if options[:type] == 'stripe' %>"><a href="#tab11" data-toggle="tab"><%= t('plugin.ecommerce.by_stripe', default: 'Stripe') %></a></li>
                 </ul>
                 <div class="panel-body tab-content">
 
@@ -103,6 +104,17 @@
                             </div>
                         </div>
                     </div>
+                    <div class="tab-pane <%= 'active' if options[:type] == 'stripe' %>" id="tab11">
+                        <%= hidden_field_tag('options[type]', 'stripe') %>
+                        <div class="form-group">
+                            <label><%= t('plugin.ecommerce.stripe_scret_key', default: 'Secret Key') %></label><br>
+                            <%= text_field_tag('options[stripe_id]', options[:stripe_id], class: 'form-control required') %>
+                        </div>
+                        <div class="form-group">
+                            <label><%= t('plugin.ecommerce.stripe_publish_key', default: 'Publishable Key') %></label><br>
+                            <%= text_field_tag('options[stripe_key]', options[:stripe_key], class: 'form-control required') %>
+                        </div>
+                    </div>
                 </div>
             </div>
 
@@ -113,3 +125,18 @@
         </div>
     <% end %>
 </div>
+<script>
+    jQuery(function(){
+        $('#tab-select-payment-method > ul a').click(function (e) {
+            e.preventDefault();
+            disabled_inputs(this)
+        });
+
+        function disabled_inputs(dom_a){
+            var attr_id = $(dom_a).attr('href')
+            $('#tab-select-payment-method .tab-content .tab-pane').find('input, select, textarea').attr('disabled', 'disabled');
+            $(attr_id).find('input, select, textarea').removeAttr('disabled');
+        }
+        disabled_inputs($('#tab-select-payment-method > ul li.active a')[0]);
+    });
+</script>