solidus_frontend 1.0.0.pre

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a025e34e69311d78a1d09a4c3b2c619342440579
+  data.tar.gz: 98567793b08e294e4e71d0c23949c76d7a3d091c
+SHA512:
+  metadata.gz: 60953903652bd3b10f9c0bb9908e5edbd51dc31b69aae51ebe044231f61a0fa9d3a8fe79d7a3fa17fb3baeff98590930da3857c40be6b28ec5eef8904c44ccf2
+  data.tar.gz: fc9152d577173019be8c7b59f9eeaed18b40e63d25b14b36eb14bf0fb900d5f77ed832a93abbd1eb49c6cd7dfad088070c13b98cdf829cf3cd34218314dd308a

data/LICENSE

@@ -0,0 +1,26 @@
+Copyright (c) 2007-2014, Spree Commerce, Inc. and other contributors
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright notice,
+      this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright notice,
+      this list of conditions and the following disclaimer in the documentation
+      and/or other materials provided with the distribution.
+    * Neither the name Spree nor the names of its contributors may be used to
+      endorse or promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/README.md

@@ -0,0 +1,21 @@
+Core
+====
+
+Core e-commerce functionality for the Spree project
+
+
+Testing
+-------
+
+Create the test site
+
+    bundle exec rake test_app
+
+Run the tests
+
+    bundle exec rake spec
+
+Run the coverage. After the rake task open coverage/index.html
+
+    bundle exec rake rcov
+

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 = ->
+  Spree.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,86 @@
+$ ->
+  if $('#checkout_form_address').is('*')
+    $('#checkout_form_address').validate()
+
+    getCountryId = (region) ->
+      $('#' + region + 'country select').val()
+
+    statesByCountry = {}
+
+    updateState = (region) ->
+      countryId = getCountryId(region)
+      if countryId?
+        unless statesByCountry[countryId]?
+          $.get Spree.routes.states_search, {country_id: countryId}, (data) ->
+            statesByCountry[countryId] =
+              states: data.states
+              states_required: data.states_required
+            fillStates(region)
+        else
+          fillStates(region)
+
+    fillStates = (region) ->
+      countryId = getCountryId(region)
+      data = statesByCountry[countryId]
+      return unless data?
+
+      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 ->
+      updateState 'b'
+
+    $('#scountry select').change ->
+      updateState 's'
+
+    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
+        updateState('s')
+
+    update_shipping_form_state order_use_billing

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

@@ -0,0 +1,79 @@
+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 ->
+        # 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();
+          Spree.ajax({
+            async: false,
+            method: "PUT",
+            url: url,
+            success: (data) ->
+              coupon_code_field.val('')
+              coupon_status.addClass("success").html("Coupon code applied successfully.")
+              return true
+            error: (xhr) ->
+              handler = JSON.parse(xhr.responseText)
+              coupon_status.addClass("error").html(handler["error"])
+              $('.continue').attr('disabled', false)
+              return false
+          })
+
+  Spree.onPayment()

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

@@ -0,0 +1,11 @@
+//= require jquery.payment
+//= require_self
+//= require spree/frontend/checkout/address
+//= require spree/frontend/checkout/payment
+
+Spree.disableSaveOnClick = ->
+  ($ 'form.edit_order').submit ->
+    ($ this).find(':submit, :image').attr('disabled', true).removeClass('primary').addClass 'disabled'
+
+Spree.ready ($) ->
+  Spree.Checkout = {}

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

@@ -0,0 +1,47 @@
+$ ->
+  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
+  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.addImageHandlers()
+
+  radios.click (event) ->
+    Spree.showVariantImages @value
+    Spree.updateVariantPrice ($ this)

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

@@ -0,0 +1,5 @@
+//= require jquery.validate/jquery.validate.min
+//= require spree
+//= require spree/frontend/checkout
+//= require spree/frontend/product
+//= require spree/frontend/cart

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

@@ -0,0 +1,61 @@
+/*--------------------------------------*/
+/* Colors
+/*--------------------------------------*/
+$c_green:       #8dba53 !default;  /* Spree green    */
+$c_red:         #e45353 !default;  /* Error red      */
+
+$layout_background_color:   #FFFFFF !default;
+$title_text_color:          #404042 !default;
+$body_text_color:           #404042 !default;
+$link_text_color:           #00ADEE !default;
+
+$product_background_color:  #FFFFFF !default;
+$product_title_text_color:  #404042 !default;
+$product_body_text_color:   #404042 !default;
+$product_link_text_color:   #BBBBBB !default;
+
+/*--------------------------------------*/
+/* Fonts import from remote
+/*--------------------------------------*/
+@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|&subset=latin,cyrillic,greek,greek-ext,latin-ext,cyrillic-ext);
+
+/*--------------------------------------*/
+/* Font families
+/*--------------------------------------*/
+$ff_base:       'Ubuntu', sans-serif !default;
+
+/*--------------------------------------
+  | Font sizes
+  |--------------------------------------
+  |- Navigation                         
+  |                                    */
+      $header_navigation_font_size:           14px !default;
+      $horizontal_navigation_font_size:       16px !default;
+      $main_navigation_header_font_size:      14px !default;
+      $main_navigation_font_size:             12px !default;
+/*|------------------------------------
+  |- Product Listing                         
+  |                                  */
+      $product_list_name_font_size:           12px !default;
+      $product_list_price_font_size:          16px !default;
+      $product_list_header_font_size:         20px !default;
+      $product_list_search_font_size:         14px !default;
+/*|------------------------------------
+  |- Product Details
+  |                                  */
+      $product_detail_name_font_size:         24px !default;
+      $product_detail_description_font_size:  12px !default;
+      $product_detail_price_font_size:        20px !default;
+      $product_detail_title_font_size:        14px !default;
+/*|------------------------------------
+  |- Basic
+  |                                  */
+      $heading_font_size:                     24px !default;
+      $sub_heading_font_size:                 14px !default;
+      $button_font_size:                      12px !default;
+      $input_box_font_size:                   13px !default;
+      $base_font_size:                        12px !default;
+      $border_color:                          lighten($body_text_color, 60) !default;
+      $default_border:                        1px solid $border_color !default;
+      $button_border_color:                   rgba(0, 138, 189, .75) !default;
+      $table_head_color:                      lighten($body_text_color, 60) !default;