camaleon_ecommerce 0.0.4

data/app/views/plugins/ecommerce/front/orders/pay_by_credit_card.html.erb

@@ -0,0 +1,131 @@
+<%= render layout: 'plugins/ecommerce/layouts/ecommerce', locals: {} do %>
+<%= form_tag(plugins_ecommerce_order_pay_by_credit_card_path(order: @order.slug), :method => "post", :class => "form", id: 'payment-form') do %>
+
+    <div class="row">
+      <h3 class="text-center">Details Ticket Bank Transfer (order: <%= @order.slug %>)</h3>
+      <% if @error.present? %>
+          <div class="alert alert-danger"> <%= @error %> </div>
+      <% end  %>
+      <div id="user_details" class="col-md-6 col-md-offset-1">
+
+
+        <div class="panel panel-default">
+          <div class="panel-heading">
+            <h3 class="panel-title"><img class="pull-right" src="http://i76.imgup.net/accepted_c22e0.png">Payment Details</h3>
+          </div>
+          <div class="panel-body">
+
+            <div class="row">
+              <div class="col-xs-6 col-md-6">
+                <div class="form-group">
+                  <label for="firstName">First Name</label>
+                  <input type="text" class="form-control" name="firstName" placeholder="First Name" required autocomplete="off" />
+                </div>
+              </div>
+              <div class="col-xs-6 col-md-6 pull-right">
+                <div class="form-group">
+                  <label for="lastName">Last Name</label>
+                  <input type="text" class="form-control" name="lastName" placeholder="Last Name" required autocomplete="off"  />
+                </div>
+              </div>
+            </div>
+              <div class="row">
+                <div class="col-xs-12">
+                  <div class="form-group">
+                    <label for="cardNumber">CARD NUMBER</label>
+                    <div class="input-group">
+                      <input type="text" class="form-control" name="cardNumber" placeholder="Valid Card Number" required autofocus data-stripe="number" autocomplete="off" />
+                      <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
+                    </div>
+                    <div id="credit_card_log"></div>
+                  </div>
+                </div>
+              </div>
+              <div class="row">
+                <div class="col-xs-7 col-md-7">
+                  <div class="form-group">
+                    <label for="expMonth">EXPIRATION DATE</label>
+                    <div class="col-xs-6 col-lg-6 pl-ziro">
+                      <input type="text" class="form-control" name="expMonth" placeholder="MM" required data-stripe="exp_month" autocomplete="off" />
+                    </div>
+                    <div class="col-xs-6 col-lg-6 pl-ziro">
+                      <input type="text" class="form-control" name="expYear" placeholder="YY" required data-stripe="exp_year" autocomplete="off" />
+                    </div>
+                  </div>
+                </div>
+                <div class="col-xs-5 col-md-5 pull-right">
+                  <div class="form-group">
+                    <label for="cvCode">CV CODE</label>
+                    <input type="password" class="form-control" name="cvCode" placeholder="CV" required data-stripe="cvc" autocomplete="off"  />
+                  </div>
+                </div>
+              </div>
+
+              <div class="row">
+                <div class="col-xs-12">
+                  <button class="btn btn-success btn-lg btn-block" type="submit">Start Payment</button>
+                </div>
+              </div>
+              <div class="row" style="display:none;">
+                <div class="col-xs-12">
+                  <p class="payment-errors"></p>
+                </div>
+              </div>
+          </div>
+        </div>
+
+      </div>
+      <div class="col-md-4">
+        <label for="">Details Bank Transfer</label>
+        <div class="well">
+            <h4><%= @payment_methods.name %></h4>
+          <p><%= @payment_methods.description %></p>
+          <ul class="ec-list-orders-address">
+            <li><strong>Amount:</strong> <span><%= current_site.current_unit %> <%= @order.get_meta("payment")[:amount] %></span></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+<% end %>
+<!-- If you're using Stripe for payments -->
+
+<%
+   append_asset_libraries({ecommerce_credit_card: { js: [plugin_gem_asset('jquery.creditCardValidator')]}})
+   add_asset_library('validate')
+%>
+<style>
+
+
+  #payment-form label{
+    display: block;
+  }
+  #payment-form .panel-heading .panel-title img{
+    margin-right: -16px;
+    margin-top: -12px;
+  }
+
+  /* CSS for Credit Card Payment form */
+  .panel-title {display: inline;font-weight: bold;}
+  .checkbox.pull-right { margin: 0; }
+  .pl-ziro { padding-left: 0px; }
+  .form-control.error {
+    border-color: red;
+    outline: 0;
+    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
+  }
+  label.error {
+    font-weight: bold;
+    color: red;
+    padding: 2px 8px;
+    margin-top: 2px;
+  }
+  .payment-errors {
+    font-weight: bold;
+    color: red;
+    padding: 2px 8px;
+    margin-top: 2px;
+  }
+</style>
+
+<% end %>

data/app/views/plugins/ecommerce/front/orders/pay_by_credit_card_authorize_net.erb

@@ -0,0 +1,150 @@
+<%= render layout: 'plugins/ecommerce/layouts/ecommerce', locals: {} do %>
+    <%= form_tag(plugins_ecommerce_order_pay_by_credit_card_authorize_net_path(order: @order.slug), :method => "post", :class => "form", id: 'payment-form') do %>
+
+        <div class="row">
+          <h3 class="text-center">Details Ticket Bank Transfer (order: <%= @order.slug %>)</h3>
+          <% if @error.present? %>
+              <div class="alert alert-danger"> <%= @error %> </div>
+          <% end %>
+          <div id="user_details" class="col-md-6 col-md-offset-1">
+
+
+            <div class="panel panel-default">
+              <div class="panel-heading">
+                <h3 class="panel-title"><img class="pull-right" src="http://i76.imgup.net/accepted_c22e0.png">Payment
+                  Details</h3>
+              </div>
+              <div class="panel-body">
+
+                <div class="row">
+                  <div class="col-xs-6 col-md-6">
+                    <div class="form-group">
+                      <label for="firstName">First Name</label>
+                      <input type="text" class="form-control" name="firstName" placeholder="First Name" required autocomplete="off"/>
+                    </div>
+                  </div>
+                  <div class="col-xs-6 col-md-6 pull-right">
+                    <div class="form-group">
+                      <label for="lastName">Last Name</label>
+                      <input type="text" class="form-control" name="lastName" placeholder="Last Name" required autocomplete="off"/>
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-xs-12">
+                    <div class="form-group">
+                      <label for="cardNumber">CARD NUMBER</label>
+
+                      <div class="input-group">
+                        <input type="text" class="form-control" name="cardNumber" placeholder="Valid Card Number" required autofocus data-stripe="number" autocomplete="off"/>
+                        <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
+                      </div>
+                      <div id="credit_card_log"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-xs-7 col-md-7">
+                    <div class="form-group">
+                      <label for="expMonth">EXPIRATION DATE</label>
+
+                      <div class="col-xs-6 col-lg-6 pl-ziro">
+                        <input type="text" class="form-control" name="expMonth" placeholder="MM" required data-stripe="exp_month" autocomplete="off"/>
+                      </div>
+                      <div class="col-xs-6 col-lg-6 pl-ziro">
+                        <input type="text" class="form-control" name="expYear" placeholder="YY" required data-stripe="exp_year" autocomplete="off"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-xs-5 col-md-5 pull-right">
+                    <div class="form-group">
+                      <label for="cvCode">CV CODE</label>
+                      <input type="password" class="form-control" name="cvCode" placeholder="CV" required data-stripe="cvc" autocomplete="off"/>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="row">
+                  <div class="col-xs-12">
+                    <button class="btn btn-success btn-lg btn-block" type="submit">Start Payment</button>
+                  </div>
+                </div>
+                <div class="row" style="display:none;">
+                  <div class="col-xs-12">
+                    <p class="payment-errors"></p>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+          </div>
+          <div class="col-md-4">
+            <label for="">Details Bank Transfer</label>
+
+            <div class="well">
+              <h4><%= @payment_methods.name %></h4>
+
+              <p><%= @payment_methods.description %></p>
+              <ul class="ec-list-orders-address">
+                <li><strong>Amount:</strong>
+                  <span><%= current_site.current_unit %> <%= @order.get_meta("payment")[:amount] %></span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+    <% end %>
+    <!-- If you're using Stripe for payments -->
+
+    <%
+       append_asset_libraries({ecommerce_credit_card: {js: [plugin_gem_asset('jquery.creditCardValidator')]}})
+       add_asset_library('validate')
+    %>
+    <style>
+
+
+      #payment-form label {
+        display: block;
+      }
+
+      #payment-form .panel-heading .panel-title img {
+        margin-right: -16px;
+        margin-top: -12px;
+      }
+
+      /* CSS for Credit Card Payment form */
+      .panel-title {
+        display: inline;
+        font-weight: bold;
+      }
+
+      .checkbox.pull-right {
+        margin: 0;
+      }
+
+      .pl-ziro {
+        padding-left: 0px;
+      }
+
+      .form-control.error {
+        border-color: red;
+        outline: 0;
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
+      }
+
+      label.error {
+        font-weight: bold;
+        color: red;
+        padding: 2px 8px;
+        margin-top: 2px;
+      }
+
+      .payment-errors {
+        font-weight: bold;
+        color: red;
+        padding: 2px 8px;
+        margin-top: 2px;
+      }
+    </style>
+
+<% end %>

data/app/views/plugins/ecommerce/front/orders/select_payment.html.erb

@@ -0,0 +1,70 @@
+<%= render layout: 'plugins/ecommerce/layouts/ecommerce', locals: {} do %>
+
+<%= form_tag(plugins_ecommerce_order_set_select_payment_path(order: @order.slug), :method => "post", :class => "form") do %>
+
+<div id="payment" class="col-md-7">
+  <h3>Payment</h3>
+  <% @payment_methods = current_site.payment_methods.actives.all %>
+
+  <div id="e-payments-types" role="tabpanel">
+
+    <!-- Nav tabs -->
+    <ul class="nav nav-tabs" role="tablist">
+      <% @payment_methods.each_with_index do |payment, index| %>
+          <li role="presentation" class="<%= "active" if index == 0 %>"><a href="#<%= payment.slug %>" aria-controls="<%= payment.slug %>" role="tab" data-toggle="tab"><%= payment.name %></a></li>
+      <% end %>
+    </ul>
+
+    <!-- Tab panes -->
+    <div class="tab-content">
+      <% @payment_methods.each_with_index do |payment, index|  %>
+          <div role="tabpanel" class="tab-pane <%= "active" if index == 0 %>" id="<%= payment.slug %>">
+
+            <input type="hidden" name="payment[payment_id]" value="<%= payment.id  %>">
+            <% if payment.options[:type] == 'paypal' %>
+                <h3>Method by Paypal</h3>
+                <p><%= payment.description %></p>
+                <input type="hidden" name="payment[type]" value="paypal">
+                <div class="type-paypal">
+                  <img src="https://www.paypalobjects.com/webstatic/mktg/logo/bdg_payments_by_pp_2line.png" alt="Buy now with PayPal" />
+                </div>
+            <% end  %>
+            <% if payment.options[:type] == 'bank_transfer' %>
+                <h3>Method Bank Transfer</h3>
+                <p><%= payment.description %></p>
+                <input type="hidden" name="payment[type]" value="bank_transfer">
+                <ul class="ec-list-orders-address">
+                  <li><strong>Number Account:</strong> <span> <%= payment.options[:bank_transfer_number_account] %></span></li>
+                  <li><strong>Details:</strong> <span> <%= payment.options[:bank_transfer_detail] %></span></li>
+                </ul>
+            <% end  %>
+            <% if payment.options[:type] == 'credit_card' %>
+                <h3>Method Credit Card</h3>
+                <p><%= payment.description %></p>
+                <input type="hidden" name="payment[type]" value="credit_card">
+                <img src="http://i76.imgup.net/accepted_c22e0.png" alt="Buy now with Credit Card" />
+            <% end  %>
+            <% if payment.options[:type] == 'authorize_net' %>
+                <h3>Method by Authorize.net</h3>
+                <p><%= payment.description %></p>
+                <input type="hidden" name="payment[type]" value="authorize_net">
+                <img src="http://i76.imgup.net/accepted_c22e0.png" alt="Buy now with Authorize.net" />
+            <% end  %>
+          </div>
+      <% end %>
+    </div>
+  </div>
+  <hr/>
+  <div class="text-center">
+    <button class="btn btn-warning btn-lg btn-block">Pay</button>
+  </div>
+
+
+</div>
+<div class="col-md-5">
+  <h3>Products and Payments</h3>
+  <%= render partial: 'plugins/ecommerce/partials/table_order_products', locals: {order: @order} %>
+</div>
+<% end %>
+
+<% end %>

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

@@ -0,0 +1,76 @@
+<%= render layout: 'plugins/ecommerce/layouts/ecommerce', locals: {} do %>
+<div class="row">
+  <div class="col-md-4">
+        <h4>Order: <%= @order.slug %></h4>
+      <h4>Customer Info</h4>
+      <ul class="ec-list-orders-address">
+        <li><strong>Name:</strong> <span> <%= @order.details.customer %></span></li>
+        <li><strong>Email:</strong> <span> <%= @order.details.email %></span></li>
+        <li><strong>Phone:</strong> <span> <%= @order.details.phone %></span></li>
+      </ul>
+
+      <h4>billing address</h4>
+      <% detail = @order.get_meta("billing_address") %>
+      <ul class="ec-list-orders-address">
+        <li><strong>Name:</strong> <span><%= detail[:first_name] %> <%= detail[:last_name] %></span></li>
+        <li><strong>Address:</strong> <span><%= detail[:address1] %> <br/> <%= detail[:address2] %> <br/> <%= detail[:city] %> <br/>  <%= detail[:state] %> <br/>  <%= detail[:zip] %> <br/> <%= detail[:country] %></span></li>
+      </ul>
+
+      <h4>shipping address</h4>
+      <% detail = @order.get_meta("shipping_address") %>
+      <ul class="ec-list-orders-address">
+        <li><strong>Name:</strong> <span><%= detail[:first_name] %> <%= detail[:last_name] %></span></li>
+        <li><strong>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-8">
+    <h4>Products and Payments</h4>
+    <%= render partial: 'plugins/ecommerce/partials/table_order_products', locals: {order: @order} %>
+
+
+    <table class="table table-bordered">
+      <tbody>
+      <tr>
+        <th id="">Type Payment</th>
+        <th id=""></th>
+      </tr>
+
+      <tr>
+        <td><%= @order.payment_method.name  rescue 'Not Payment' %></td>
+        <td><% if @order.get_meta("payment")[:amount].to_f > 0 && @order.unpaid? %>
+              <a href="<%= plugins_ecommerce_order_select_payment_path(order: @order.slug) %>" class="btn btn-warning">Pay Now</a> or
+              <a href="<%= plugins_ecommerce_order_select_payment_path(order: @order.slug, cancel: true) %>" class="btn btn-default btn-sm">Cancel Order</a>
+          <% else %>
+                <%= raw @order.the_pay_status %>
+          <% end  %>
+        </td>
+      </tr>
+
+      </tbody>
+    </table>
+
+    <table class="table table-bordered">
+      <tbody>
+      <tr>
+        <th id="">Order Shipped</th>
+        <th id="">Shipped Date</th>
+        <th id="">URL Tracking</th>
+      </tr>
+
+      <tr>
+        <td><%= @order.shipping_method.name rescue 'Not Shipped Assigned' %></td>
+        <td>    <%= @order.details.shipped_at || 'Not Shipped' %>    </td>
+        <td>    <%= @order.the_url_tracking %>    </td>
+      </tr>
+       </tbody>
+    </table>
+
+    <div class="text-center">
+
+
+    </div>
+  </div>
+</div>
+
+<%#= debug @order.meta %>
+<% end %>

data/app/views/plugins/ecommerce/front/product.html.erb

@@ -0,0 +1,105 @@
+<%= render layout: 'plugins/ecommerce/layouts/ecommerce', locals: {add_breadcrumb: @post.the_breadcrumb} do %>
+    <%
+       @field_values = @post.get_field_values_hash
+    %>
+    <div class="container-fluid">
+      <%#= render partial: 'partials/breadcrumb', locals: {breadcrumb: @post.the_breadcrumb} %>
+      <div class="row">
+        <div class="col-md-9 post-view">
+          <article class="post-content">
+            <div class="row">
+              <div class="col-md-6">
+
+                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+                  <!-- Indicators -->
+                  <ol class="carousel-indicators">
+                    <% @post.the_photos.each_with_index do |pthoto, index| %>
+                        <li data-target="#carousel-example-generic" data-slide-to="<%= index %>" class="<%= 'active' if index == 0 %>"></li>
+                    <% end %>
+                  </ol>
+
+                  <!-- Wrapper for slides -->
+                  <div class="carousel-inner" role="listbox">
+
+                    <% @post.the_photos.each_with_index do |pthoto, index| %>
+                        <div class="item <%= 'active' if index == 0 %>">
+                          <img src="<%= pthoto %>" class="center-block">
+                        </div>
+                    <% end %>
+
+                  </div>
+
+                  <!-- Controls -->
+                  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+                    <span class="glyphicon glyphicon-chevron-left fa fa-chevron-left" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
+                  </a>
+                  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+                    <span class="glyphicon glyphicon-chevron-right fa fa-chevron-right " aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
+                  </a>
+                </div>
+
+
+              </div>
+              <div class="col-md-6">
+                <h1><%= @post.the_title %></h1>
+
+                <h3>SKU: <%= @post.the_sku %>  <span class="pull-right"><%= raw @post.the_featured_status %></span></h3>
+                <h4><%= @post.the_price %> <span class="pull-right"><%= raw @post.the_stock_status %></span></h4>
+                <hr/>
+                <p><%= @post.the_excerpt %></p>
+                <hr/>
+                <% if @post.in_stock? %>
+                    <p>Items available: <%= @post.the_qty_real %></p>
+                    <% if @post.the_qty_real.to_i > 0 %>
+                        <%= form_tag(plugins_ecommerce_checkout_cart_add_path, :method => "post", :class => "form") do %>
+                            <div class="">
+                              <label class="">Qty: </label>
+                              <%= number_field :cart, :qty, value: 1, min: 0, max: @post.the_qty_real.to_i %>
+                              <%= hidden_field :cart, :product_id, value: @post.id %>
+
+                              <button type="submit" class="btn"><i class="fa fa-shopping-cart"></i><%= t('plugin.ecommerce.add_to_cart') %></button>
+                            </div>
+                        <% end %>
+                    <% end %>
+                <% end %>
+              </div>
+            </div>
+
+
+            <div class="row">
+
+              <div class="col-md-6">
+                <h3>Description</h3>
+
+                <div class="item-content">
+                  <%= raw @post.the_content %>
+                </div>
+              </div>
+
+              <% attrs = []; @field_values[:ecommerce_attrs].to_a.each { |attr| attrs << JSON.parse(attr) rescue {} } %>
+              <% if attrs.present? %>
+                  <div class="col-md-6">
+                    <h3>Attributes</h3>
+                    <table class="table table-bordered">
+                      <% attrs.each do |data| %>
+                          <tr>
+                            <td><strong><%= data['attr'] %></strong></td>
+                            <td><%= data['value'] %></td>
+                          </tr>
+                      <% end %>
+                    </table>
+                  </div>
+              <% end %>
+            </div>
+          </article>
+        </div>
+        <div class="col-md-3">
+          <%= render partial: 'partials/sidebar', locals: {post: @post} %>
+        </div>
+      </div>
+    </div>
+<%#= debug @field_values %>
+
+<% end %>