goca-spree-frontend 3.1.14.rails.5.0

data/app/assets/javascripts/spree/frontend/cart.js.coffee

@@ -0,0 +1,15 @@
+Spree.ready ($) ->
+  if ($ 'form#update-cart').is('*')
+    ($ 'form#update-cart a.delete').show().one 'click', ->
+      ($ this).parents('.line-item').first().find('input.line_item_quantity').val 0
+      ($ this).parents('form').first().submit()
+      false
+
+  ($ 'form#update-cart').submit ->
+    ($ 'form#update-cart #update-button').attr('disabled', true)
+
+Spree.fetch_cart = ->
+  $.ajax
+    url: Spree.pathFor("cart_link"),
+    success: (data) ->
+      $('#link-to-cart').html data

data/app/assets/javascripts/spree/frontend/checkout/address.js.coffee

@@ -0,0 +1,83 @@
+Spree.ready ($) ->
+  Spree.onAddress = () ->
+    if ($ '#checkout_form_address').is('*')
+      ($ '#checkout_form_address').validate()
+
+      getCountryId = (region) ->
+        $('#' + region + 'country select').val()
+
+      Spree.updateState = (region) ->
+        countryId = getCountryId(region)
+        if countryId?
+          unless Spree.Checkout[countryId]?
+            $.get Spree.routes.states_search, {country_id: countryId}, (data) ->
+              Spree.Checkout[countryId] =
+                states: data.states
+                states_required: data.states_required
+              Spree.fillStates(Spree.Checkout[countryId], region)
+          else
+            Spree.fillStates(Spree.Checkout[countryId], region)
+
+      Spree.fillStates = (data, region) ->
+        statesRequired = data.states_required
+        states = data.states
+
+        statePara = ($ '#' + region + 'state')
+        stateSelect = statePara.find('select')
+        stateInput = statePara.find('input')
+        stateSpanRequired = statePara.find('[id$="state-required"]')
+        if states.length > 0
+          selected = parseInt stateSelect.val()
+          stateSelect.html ''
+          statesWithBlank = [{ name: '', id: ''}].concat(states)
+          $.each statesWithBlank, (idx, state) ->
+            opt = ($ document.createElement('option')).attr('value', state.id).html(state.name)
+            opt.prop 'selected', true if selected is state.id
+            stateSelect.append opt
+
+          stateSelect.prop('disabled', false).show()
+          stateInput.hide().prop 'disabled', true
+          statePara.show()
+          stateSpanRequired.show()
+          stateSelect.addClass('required') if statesRequired
+          stateSelect.removeClass('hidden')
+          stateInput.removeClass('required')
+        else
+          stateSelect.hide().prop 'disabled', true
+          stateInput.show()
+          if statesRequired
+            stateSpanRequired.show()
+            stateInput.addClass('required')
+          else
+            stateInput.val ''
+            stateSpanRequired.hide()
+            stateInput.removeClass('required')
+          statePara.toggle(!!statesRequired)
+          stateInput.prop('disabled', !statesRequired)
+          stateInput.removeClass('hidden')
+          stateSelect.removeClass('required')
+
+      ($ '#bcountry select').change ->
+        Spree.updateState 'b'
+
+      ($ '#scountry select').change ->
+        Spree.updateState 's'
+
+      Spree.updateState 'b'
+
+      order_use_billing = ($ 'input#order_use_billing')
+      order_use_billing.change ->
+        update_shipping_form_state order_use_billing
+
+      update_shipping_form_state = (order_use_billing) ->
+        if order_use_billing.is(':checked')
+          ($ '#shipping .inner').hide()
+          ($ '#shipping .inner input, #shipping .inner select').prop 'disabled', true
+        else
+          ($ '#shipping .inner').show()
+          ($ '#shipping .inner input, #shipping .inner select').prop 'disabled', false
+          Spree.updateState('s')
+
+      update_shipping_form_state order_use_billing
+
+  Spree.onAddress()

data/app/assets/javascripts/spree/frontend/checkout/payment.js.coffee

@@ -0,0 +1,81 @@
+Spree.ready ($) ->
+  Spree.onPayment = () ->
+    if ($ '#checkout_form_payment').is('*')
+
+      if ($ '#existing_cards').is('*')
+        ($ '#payment-method-fields').hide()
+        ($ '#payment-methods').hide()
+
+        ($ '#use_existing_card_yes').click ->
+          ($ '#payment-method-fields').hide()
+          ($ '#payment-methods').hide()
+          ($ '.existing-cc-radio').prop("disabled", false)
+
+        ($ '#use_existing_card_no').click ->
+          ($ '#payment-method-fields').show()
+          ($ '#payment-methods').show()
+          ($ '.existing-cc-radio').prop("disabled", true)
+
+
+      $(".cardNumber").payment('formatCardNumber')
+      $(".cardExpiry").payment('formatCardExpiry')
+      $(".cardCode").payment('formatCardCVC')
+
+      $(".cardNumber").change ->
+        $(this).parent().siblings(".ccType").val($.payment.cardType(@value))
+
+      ($ 'input[type="radio"][name="order[payments_attributes][][payment_method_id]"]').click(->
+        ($ '#payment-methods li').hide()
+        ($ '#payment_method_' + @value).show() if @checked
+      )
+
+      ($ document).on('click', '#cvv_link', (event) ->
+        windowName = 'cvv_info'
+        windowOptions = 'left=20,top=20,width=500,height=500,toolbar=0,resizable=0,scrollbars=1'
+        window.open(($ this).attr('href'), windowName, windowOptions)
+        event.preventDefault()
+      )
+
+      # Activate already checked payment method if form is re-rendered
+      # i.e. if user enters invalid data
+      ($ 'input[type="radio"]:checked').click()
+
+      $('#checkout_form_payment').submit (event) ->
+        # Coupon code application may take a number of seconds.
+        # Informing the user that this is happening is a good way to indicate some progress to them.
+        # In addition to this, if the coupon code FAILS then they don't lose their just-entered payment data.
+        coupon_code_field = $('#order_coupon_code')
+        coupon_code = $.trim(coupon_code_field.val())
+        if (coupon_code != '')
+          if $('#coupon_status').length == 0
+            coupon_status = $("<div id='coupon_status'></div>")
+            coupon_code_field.parent().append(coupon_status)
+          else
+            coupon_status = $("#coupon_status")
+
+          url = Spree.url(Spree.routes.apply_coupon_code(Spree.current_order_id),
+            {
+              order_token: Spree.current_order_token,
+              coupon_code: coupon_code
+            }
+          )
+
+          coupon_status.removeClass();
+          $.ajax({
+            async: false,
+            method: "PUT",
+            url: url,
+            success: (data) =>
+              coupon_code_field.val('')
+              coupon_status.addClass("alert-success").html("Coupon code applied successfully.")
+              @submit()
+              return true
+            error: (xhr) ->
+              handler = JSON.parse(xhr.responseText)
+              coupon_status.addClass("alert-error").html(handler["error"])
+              Spree.enableSave()
+              event.preventDefault()
+              return false
+          })
+
+  Spree.onPayment()

data/app/assets/javascripts/spree/frontend/checkout.js.coffee

@@ -0,0 +1,16 @@
+Spree.disableSaveOnClick = ->
+  ($ 'form.edit_order').on('submit', (e) ->
+    if (($ this).data('submitted') == true)
+      # Previously submitted, don't submit again
+      e.preventDefault()
+    else
+      # Mark it so that the next submit gets ignored
+      ($ this).data('submitted', true)
+      ($ this).find(':submit, :image').removeClass('primary').addClass 'disabled'
+  )
+
+Spree.enableSave = ->
+  ($ 'form.edit_order').data('submitted', false).find(':submit, :image').attr('disabled', false).addClass('primary').removeClass 'disabled'
+
+Spree.ready ($) ->
+  Spree.Checkout = {}

data/app/assets/javascripts/spree/frontend/product.js.coffee

@@ -0,0 +1,54 @@
+Spree.ready ($) ->
+  Spree.addImageHandlers = ->
+    thumbnails = ($ '#product-images ul.thumbnails')
+    ($ '#main-image').data 'selectedThumb', ($ '#main-image img').attr('src')
+    thumbnails.find('li').eq(0).addClass 'selected'
+    thumbnails.find('a').on 'click', (event) ->
+      ($ '#main-image').data 'selectedThumb', ($ event.currentTarget).attr('href')
+      ($ '#main-image').data 'selectedThumbId', ($ event.currentTarget).parent().attr('id')
+      thumbnails.find('li').removeClass 'selected'
+      ($ event.currentTarget).parent('li').addClass 'selected'
+      false
+
+    thumbnails.find('li').on 'mouseenter', (event) ->
+      ($ '#main-image img').attr 'src', ($ event.currentTarget).find('a').attr('href')
+
+    thumbnails.find('li').on 'mouseleave', (event) ->
+      ($ '#main-image img').attr 'src', ($ '#main-image').data('selectedThumb')
+
+  Spree.showVariantImages = (variantId) ->
+    ($ 'li.vtmb').hide()
+    ($ 'li.tmb-' + variantId).show()
+    currentThumb = ($ '#' + ($ '#main-image').data('selectedThumbId'))
+    if not currentThumb.hasClass('vtmb-' + variantId)
+      thumb = ($ ($ '#product-images ul.thumbnails li:visible.vtmb').eq(0))
+      thumb = ($ ($ '#product-images ul.thumbnails li:visible').eq(0)) unless thumb.length > 0
+      newImg = thumb.find('a').attr('href')
+      ($ '#product-images ul.thumbnails li').removeClass 'selected'
+      thumb.addClass 'selected'
+      ($ '#main-image img').attr 'src', newImg
+      ($ '#main-image').data 'selectedThumb', newImg
+      ($ '#main-image').data 'selectedThumbId', thumb.attr('id')
+
+  Spree.updateVariantPrice = (variant) ->
+    variantPrice = variant.data('price')
+    ($ '.price.selling').text(variantPrice) if variantPrice
+
+  Spree.disableCartForm = (variant) ->
+    inStock = variant.data('in-stock')
+    $('#add-to-cart-button').attr('disabled', !inStock)
+
+  radios = ($ '#product-variants input[type="radio"]')
+
+  if radios.length > 0
+    selectedRadio = ($ '#product-variants input[type="radio"][checked="checked"]')
+    Spree.showVariantImages selectedRadio.attr('value')
+    Spree.updateVariantPrice selectedRadio
+    Spree.disableCartForm selectedRadio
+
+    radios.click (event) ->
+      Spree.showVariantImages @value
+      Spree.updateVariantPrice ($ this)
+      Spree.disableCartForm ($ this)
+
+  Spree.addImageHandlers()

data/app/assets/javascripts/spree/frontend.js

@@ -0,0 +1,9 @@
+//= require bootstrap-sprockets
+//= require jquery.payment
+//= require jquery.validate/jquery.validate.min
+//= require spree
+//= require spree/frontend/cart
+//= require spree/frontend/checkout
+//= require spree/frontend/checkout/address
+//= require spree/frontend/checkout/payment
+//= require spree/frontend/product

data/app/assets/stylesheets/spree/frontend/_variables.scss

@@ -0,0 +1,4 @@
+/*--------------------------------
+  Colors
+--------------------------------*/
+$brand-primary: #1c5c92;

data/app/assets/stylesheets/spree/frontend/frontend_bootstrap.css.scss

@@ -0,0 +1,102 @@
+//Add your custom bootstrap variables here, see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss for full list of variables.
+
+@import "bootstrap-sprockets";
+@import "variables";
+@import "bootstrap";
+
+// -- Spree Custom Header and Footer ---------------------
+#spree-header {
+  background: $brand-primary asset-url('spree_header.jpg') center center;
+  background-size: cover;
+  margin-bottom: $line-height-computed;
+
+  #header {
+    background: rgba($gray-darker, 0.4);
+    padding: $line-height-computed 0;
+  }
+
+  #logo {
+    margin-bottom: 10px;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .nav a {
+    color: white;
+
+    &:hover, &:focus {
+      background: rgba($gray-darker, 0.4);
+    }
+  }
+
+  .navbar {
+    border: 0;
+    margin-bottom: 0;
+  }
+}
+
+#spree-footer {
+  background: $gray-dark;
+  padding-top: $padding-base-horizontal;
+  margin-top: $line-height-computed;
+  color: white;
+}
+
+// -- Spree Layout Custom Rules -------------------------
+
+.alert-notice { @extend .alert-success; }
+.alert-error, .alert-registration_error { @extend .alert-danger; }
+.alert-alert { @extend .alert-info; }
+
+.product-body {
+  height: 170px;
+}
+
+.progress-steps {
+  margin-top: $line-height-computed;
+}
+
+h1 {
+  margin-bottom: 30px;
+}
+
+// Center cart line items
+table {
+  &.table > tbody > tr {
+    &.line-item td, &.stock-item td {
+      vertical-align: middle;
+    }
+  }
+
+  &#line-items {
+    > tbody, > tfoot {
+      > tr > td {
+        vertical-align: middle;
+
+        &.order-qty {
+          text-align: center;
+        }
+      }
+    }
+  }
+}
+
+// Footer links
+#footer-left a {
+  color: lighten($brand-primary, 20);
+
+  &:hover {
+    color: lighten($brand-primary, 10);
+  }
+}
+
+// Updated credit-card image
+#credit-card-image {
+  margin-top: -10px;
+}
+
+.existing-credit-card-list td {
+  padding: 5px;
+}

data/app/assets/stylesheets/spree/frontend.css

@@ -0,0 +1,5 @@
+/*
+* This is a manifest file that includes stylesheets for spree_frontend
+ *= require spree/frontend/frontend_bootstrap
+ *= require_self
+*/