spina-shop 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 129d8f70d156227ba58e5082e035e650632bad90
+  data.tar.gz: 80e088de364760ac0194f2cea4abb08ff4696185
+SHA512:
+  metadata.gz: c96b079a50f7346e19d630ba59ccc1e1334d010009244afcfea9594ef4a86ca82028bc63b0ef53c475de0f019a1dbeaa585573cdc5f75ec9e4d584dec597602a
+  data.tar.gz: 5a585a6b458142856729ae673d8fbcbe7bb613233c37cc738b0bb2998cfb0b39d99a6b79f23ffc250c78312b33d21fee61842e92070e047b26821c87c242ea48

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Bram Jetten
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# Spina::Shop
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'spina-shop'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install spina-shop
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Spina::Shop'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/spina/shop/admin/app.infinitescroll.js.coffee

@@ -0,0 +1,23 @@
+window.App = {}
+
+class App.InfiniteScroll
+
+  @init: (link) ->
+    $(window).off('scroll.infiniteScroll')
+
+    $link = $(link)
+    if (url = $link.find('a').attr('href'))
+      $(window).on 'scroll.infiniteScroll', => @loadNextPage($link)
+      $(window).scroll()
+
+  @loadNextPage: ($link) ->
+    if ($(window).scrollTop() > $link.offset().top - $(window).height() - 500)
+      $(window).off('scroll.infiniteScroll')
+      $.rails.disableElement($link.find('a'))
+      $.getScript($link.find('a').attr('href'))
+
+$.fn.infiniteScroll = () ->
+  App.InfiniteScroll.init(this)
+
+$(document).on 'turbolinks:before-render', ->
+  $(window).off('scroll.infiniteScroll')

data/app/assets/javascripts/spina/shop/admin/customers.coffee

@@ -0,0 +1,27 @@
+# Dynamically add and remove fields in a nested form
+$(document).on 'click', 'form .add_address_fields', (event) ->
+  time = new Date().getTime()
+  regexp = new RegExp($(this).data('id'), 'g')
+  $(this).before($(this).data('fields').replace(regexp, time))
+
+  # Fire event
+  $(this).closest('form').trigger('spina:address_fields_added')
+
+  event.preventDefault()
+
+$(document).on 'click', 'form .remove_address_fields', (event) ->
+  $(this).prev('input[type=hidden]').val('1')
+  $(this).closest('.sidebar-form-group').slideUp()
+  event.preventDefault()
+
+ready = ->
+  if $('#validate_vat_id').length
+    url = $('#validate_vat_id').attr('data-url')
+    $.getJSON url, (response) ->
+      if response.valid
+        $('#validate_vat_id .result').html('<i class="icon icon-check text-success"></i>')
+        $('#validate_vat_id .result').append("<pre>#{response.details.name}#{response.details.address}</pre>")
+      else
+        $('#validate_vat_id .result').html('<i class="icon icon-cross text-danger"></i>')
+
+$(document).on 'turbolinks:load', ready

data/app/assets/javascripts/spina/shop/admin/orders.coffee

@@ -0,0 +1,18 @@
+toggleSwitch = (toggle) ->
+  $toggle = toggle
+  $target = $($toggle.attr('data-toggle'))
+
+  if $toggle.prop('checked')
+    $target.show()
+  else
+    $target.hide()
+
+ready = ->
+  $('[data-toggle]').each ->
+    toggleSwitch($(this))
+
+$(document).on 'change', '[data-toggle]', (e) ->
+  console.log 'hoi'
+  toggleSwitch($(this))
+
+$(document).on 'turbolinks:load', ready

data/app/assets/javascripts/spina/shop/admin/product_bundles.coffee

@@ -0,0 +1,15 @@
+# Dynamically add and remove fields in a nested form
+$(document).on 'click', 'form .add_product_fields', (event) ->
+  time = new Date().getTime()
+  regexp = new RegExp($(this).data('id'), 'g')
+  $(this).before($(this).data('fields').replace(regexp, time))
+
+  # Fire event
+  $(this).closest('form').trigger('spina:product_fields_added')
+
+  event.preventDefault()
+
+$(document).on 'click', 'form .remove_product_fields', (event) ->
+  $(this).prev('input[type=hidden]').val('1')
+  $(this).closest('.sidebar-form-group').slideUp()
+  event.preventDefault()

data/app/assets/javascripts/spina/shop/admin/product_categories.coffee

@@ -0,0 +1,15 @@
+# Dynamically add and remove fields in a nested form
+$(document).on 'click', 'form .add_property_option_fields', (event) ->
+  time = new Date().getTime()
+  regexp = new RegExp($(this).data('id'), 'g')
+  $(this).before($(this).data('fields').replace(regexp, time))
+
+  # Fire event
+  $(this).closest('form').trigger('spina:property_option_fields_added')
+
+  event.preventDefault()
+
+$(document).on 'click', 'form .remove_property_option_fields', (event) ->
+  $(this).prev('input[type=hidden]').val('1')
+  $(this).closest('.sidebar-form-group').slideUp()
+  event.preventDefault()

data/app/assets/javascripts/spina/shop/admin/products.coffee

@@ -0,0 +1,88 @@
+window.Spina = {}
+
+class Spina.Products
+  @enhance: (element) ->
+    element.find('select.select-products:not(.select2-hidden-accessible)').each ->
+      $select = $(this)
+      $select.select2(
+        ajax:
+          url: '/admin/shop/products'
+          delay: 250
+          dataType: 'json'
+          data: (params) ->
+            q: {translations_name_start: params.term}, page: params.page
+          minimumInputLength: 1
+          processResults: (data, params) ->
+            params.page = params.page or 1
+            return {
+              results: data.results
+              pagination: { more: (params.page * 25) < data.total_count }
+            }
+          cache: true
+        escapeMarkup: (markup) ->
+          return markup
+        templateResult: (product) ->
+          return product.text if product.loading
+          "<div class='select-products-result'><div class='select-products-result-image'><img src='#{product.image_url}' /></div><span>#{product.name} <small>#{product.price}</small></span></div>"
+        templateSelection: (product) ->
+          product.name || product.text
+        minimumInputLength: 1
+      )
+
+$.fn.enhanceProducts = ->
+  Spina.Products.enhance(this)
+
+ready = ->
+  el = document.getElementById('productImageUploader')
+  if el
+    sortable = Sortable.create el, {
+      onSort: (e) ->
+        for id, index in sortable.toArray()
+          $(el).find(".sidebar-form-image[data-id='#{id}'] .product-image-position").val(index)
+    }
+
+  $('body').enhanceProducts()
+  $('select.select2').select2()
+  $('.infinite-table .pagination, .infinite-list .pagination').infiniteScroll()
+
+$(document).on 'turbolinks:load', ready
+
+$(document).on 'turbolinks:before-cache', ->
+  $('select.select2').select2('destroy')
+  $('select.select-products').select2('destroy')
+
+$(document).on 'click', '.filter-form-advanced-link', (e) ->
+  $('.filter-form-advanced').animate({
+    margin: 'toggle',
+    height: 'toggle',
+    opacity: 'toggle'
+  })
+  e.preventDefault()
+
+$(document).on 'click', '.sidebar-form-image a', (e) ->
+  $checkbox = $(this).parents('.sidebar-form-image').find('input[type="checkbox"]')
+  $checkbox.prop("checked", !$checkbox.prop("checked"))
+  e.preventDefault()
+
+$(document).on 'spina:structure_added', 'form', (e) ->
+  $(this).enhanceProducts()
+
+$(document).on 'spina:product_fields_added', 'form', (e) ->
+  $(this).enhanceProducts()
+  $('select.select2').select2()
+
+# Dynamically add and remove fields in a nested form
+$(document).on 'click', 'form .add_price_exception', (event) ->
+  time = new Date().getTime()
+  regexp = new RegExp($(this).data('id'), 'g')
+  $(this).before($(this).data('fields').replace(regexp, time))
+
+  # Fire event
+  $(this).closest('form').trigger('spina:price_exception_added')
+
+  event.preventDefault()
+
+$(document).on 'click', 'form .remove_price_exception', (event) ->
+  $(this).closest('.form-control').slideUp 400, ->
+    $(this).remove()
+  event.preventDefault()

data/app/assets/javascripts/spina/shop/admin/shop.js

@@ -0,0 +1,10 @@
+//= require refile
+//= require ./app.infinitescroll
+//= require ./products
+//= require ./product_bundles
+//= require ./product_categories
+//= require ./orders
+//= require ./customers
+
+// Vendor stuff
+//= require spina_shop/select2

data/app/assets/stylesheets/spina/shop/admin/_customers.sass

@@ -0,0 +1,10 @@
+#validate_vat_id
+  .result
+    font-size: 12px
+    vertical-align: top
+
+  pre
+    color: #666
+    font-family: $font-family
+    line-height: 18px
+    margin: 0

data/app/assets/stylesheets/spina/shop/admin/_forms.sass

@@ -0,0 +1,191 @@
+// Select2
+.select2-container
+  font-size: 14px
+  z-index: 999
+
+  .select2-dropdown
+    border: 1px solid #bbb !important
+    border-bottom: 1px solid #c3c3c3 !important
+    border-top: 1px solid #eee !important
+    box-shadow: 0 10px 12px rgba(0, 0, 0, .2)
+    z-index: 5
+
+  .select2-selection, .select2-selection--multiple
+    background: none
+    border: none !important
+    color: #333
+    height: 50px !important
+    outline: none !important
+    padding: 10px 0
+
+  .select2-selection--multiple
+    height: auto !important
+
+  input
+    height: auto !important
+    padding: 6px 0 !important
+
+  .select2-selection__choice
+    background: #ededf2 !important
+    border: 1px solid #c3c3c3 !important
+    border-radius: 3px !important
+    padding: 4px 8px 4px 6px !important
+
+  .select2-results__option
+    font-size: 14px !important
+    line-height: 24px
+    padding-left: 6px !important
+
+  .select2-results__option[aria-selected="true"]
+    background: #ededf2 !important
+
+  .select2-results__option--highlighted, .select2-results__option--highlighted[aria-selected="true"]
+    background: #6867b2 !important
+
+  .select2-search__field
+    border: none !important
+    box-shadow: none !important
+    padding-left: 4px !important
+
+  .select2-selection__rendered
+    padding-left: 10px !important
+
+  .select2-selection__arrow
+    margin-top: 10px
+    margin-right: 8px
+
+    b
+      border-color: #333 transparent transparent transparent !important
+
+  &.select2-container--open .select2-selection__arrow b
+    border-color: transparent transparent #333 transparent !important    
+
+// Select products
+.horizontal-form-content
+  .select2-container
+    .selection
+      .select2-selection, .select2-selection--multiple
+        border: 1px solid #bbb !important
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) !important
+        height: auto !important
+        padding: 3px 0 !important
+        @include transition(border-color .2s ease)
+
+        &:hover
+          border-color: $primary-color !important
+
+    .select2-selection__arrow
+      margin-top: 4px
+
+.select-products-result
+  .select-products-result-image
+    display: inline-block
+    margin-right: 5px
+    vertical-align: middle
+    width: 30px
+
+    img
+      display: block
+      margin: 0 auto
+
+  span
+    font-weight: 600
+
+    small
+      color: #666
+      font-weight: 400
+
+.select2-results__option--highlighted, .select2-results__option--highlighted[aria-selected="true"]
+  .select-products-result span small
+    color: #fff
+
+// Filter form
+
+.filter-form
+  margin-top: 20px
+  
+  .filter-form-simple
+    display: flex
+
+    .filter-form-input
+      flex: 1
+      position: relative
+
+      input
+        background: tint($primary-color, 85%)
+        border: none
+        box-shadow: none
+        height: 40px
+        padding: 0 14px
+
+      a
+        color: #333
+        display: block
+        font-size: 14px
+        font-weight: 600
+        height: 40px
+        line-height: 40px
+        opacity: .35
+        padding: 0 14px
+        position: absolute
+        right: 0px
+        top: 0px
+
+    button
+      height: 40px
+      line-height: 40px
+      margin-bottom: 0
+      margin-left: 10px
+      margin-right: 0
+      padding: 0 18px
+      vertical-align: middle
+      white-space: nowrap
+
+.filter-form-advanced
+  background: tint($primary-color, 85%)
+  border-radius: 3px
+  display: none
+  margin-top: 20px
+
+.filter-form-advanced-group
+  border-bottom: 1px solid rgba(0, 0, 0, .05)
+  display: flex
+
+  &:last-child
+    border-bottom: none
+
+  .filter-form-label
+    color: #333
+    font-size: 14px
+    font-weight: 500
+    line-height: 40px
+    padding: 0 14px
+    width: 250px
+
+  .filter-form-control
+    flex: 1
+
+    input
+      background: transparent
+      border: none
+      box-shadow: none
+      height: 40px
+      padding: 0 14px
+
+    .select2-container
+      .selection
+        .select2-selection, .select2-selection--multiple
+          background: transparent
+          border: none !important
+          box-shadow: none !important
+          height: auto !important
+          padding: 2px 0 !important
+
+        .select2-selection__rendered
+          padding-left: 14px !important
+
+      .select2-selection__arrow
+        margin-top: 4px
+
+      .select2-selection__choice
+        background: tint($primary-color, 75%) !important