workarea-nvy_theme 1.1.2

data/Rakefile

@@ -0,0 +1,62 @@
+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    = 'Nvy Theme'
+  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'
+load 'workarea/changelog.rake'
+
+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
+
+$LOAD_PATH.unshift File.expand_path('../lib', __FILE__)
+require 'workarea/nvy_theme/version'
+
+desc "Release version #{Workarea::NvyTheme::VERSION} of the gem"
+task :release do
+  host = "https://#{ENV['BUNDLE_GEMS__WEBLINC__COM']}@gems.weblinc.com"
+
+  #Rake::Task['workarea:changelog'].execute
+  #system 'git add CHANGELOG.md'
+  #system 'git commit -m "Update CHANGELOG"'
+  #system 'git push origin HEAD'
+
+  system "git tag -a v#{Workarea::NvyTheme::VERSION} -m 'Tagging #{Workarea::NvyTheme::VERSION}'"
+  system 'git push --tags'
+
+  system "gem build workarea-nvy_theme.gemspec"
+  system "gem push workarea-nvy_theme-#{Workarea::NvyTheme::VERSION}.gem"
+  system "gem push workarea-nvy_theme-#{Workarea::NvyTheme::VERSION}.gem --host #{host}"
+  system "rm workarea-nvy_theme-#{Workarea::NvyTheme::VERSION}.gem"
+end
+
+desc 'Run the JavaScript tests'
+ENV['TEASPOON_RAILS_ENV'] = File.expand_path('../test/dummy/config/environment', __FILE__)
+task teaspoon: 'app:teaspoon'
+
+desc 'Start a server at http://localhost:3000/teaspoon for JavaScript tests'
+task :teaspoon_server do
+  Dir.chdir("test/dummy")
+  teaspoon_env = File.expand_path('../test/teaspoon_env.rb', __FILE__)
+  system "RAILS_ENV=test TEASPOON_ENV=#{teaspoon_env} rails s"
+end
+
+load 'lib/tasks/theme_cleanup.rake'

data/app/assets/images/workarea/storefront/icons/account.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M20 17.5c2.8-1.5 4.8-4.5 4.8-7.9 0-4.9-4-8.9-8.9-8.9s-8.8 4-8.8 8.9c0 3.4 1.9 6.3 4.8 7.9-4.1 1.3-7.3 4.4-8.8 8.3-.6 1.5-.9 3.1-.9 4.8v.8h27.4v-.8c.1-6.2-3.9-11.5-9.6-13.1zM8.7 9.6c0-4 3.2-7.2 7.2-7.2s7.2 3.2 7.2 7.2-3.2 7.2-7.2 7.2-7.2-3.2-7.2-7.2zM4 29.6c.4-6.2 5.6-11.3 12-11.3s11.6 5 12.1 11.3H4z" fill="#010101"/></svg>

data/app/assets/images/workarea/storefront/icons/arrowfill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M.6 8.5c-.2 0-.3.1-.3.2s0 .3.1.4l15.4 15.4c.1.1.2.1.3.1.1 0 .2 0 .3-.1L31.7 9.1c.1-.1.1-.3.1-.4-.1-.1-.2-.2-.3-.2H.6z"/></svg>

data/app/assets/images/workarea/storefront/icons/bag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28 28.8c-.4.3-.8.5-1.3.5H5.3c-.5 0-1-.2-1.3-.5-.3-.3-.5-.8-.4-1.3l2.3-17.1h20.3l2.3 17.2c0 .4-.1.8-.5 1.2zM12.3 8.4V6.9c0-2.2 1-4.2 3.9-4.2s3.9 2 3.9 4.2v1.5h-7.8zm18.3 18.9L28.1 9.2c-.1-.5-.5-.8-1.1-.8h-4.8V6.8c0-4-2.4-6.2-6-6.2s-6 2.2-6 6.2v1.5H4.9c-.5 0-1 .3-1.1.9L1.4 27.3c-.2 1 .2 2 .9 2.8.7.7 1.7 1.2 2.9 1.2h21.5c1.1 0 2.2-.5 2.9-1.2.8-.8 1.1-1.8 1-2.8z"/></svg>

data/app/assets/images/workarea/storefront/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M14 16L.7 2.7C.1 2.1.1 1.2.7.7c.6-.6 1.5-.6 2 0L16 14 29.4.7c.6-.6 1.5-.6 2 0 .6.6.6 1.5 0 2L18.1 16l13.3 13.3c.6.6.6 1.5 0 2-.6.6-1.5.6-2 0L16 18.1 2.7 31.4c-.6.6-1.5.6-2 0-.6-.6-.6-1.5 0-2L14 16z"/></svg>

data/app/assets/images/workarea/storefront/icons/eye.svg

@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M21.8 17.08a5.65 5.65 0 1 0-5.65 5.64 5.65 5.65 0 0 0 5.65-5.64zm-8.65 0a3 3 0 1 1 3 3 3 3 0 0 1-3-3z"/><path data-name="path" d="M7.51 23.77a1.29 1.29 0 0 0 .65.17 1.32 1.32 0 0 0 .66-2.47 17.64 17.64 0 0 1-5.05-4.39 15.82 15.82 0 0 1 12.38-6.38 16 16 0 0 1 13 7.14 1.32 1.32 0 0 0 2.16-1.53C27.52 11.06 22 8.06 16.15 8.06a18.56 18.56 0 0 0-15.1 8.25l-.55.77.55.76a20.45 20.45 0 0 0 6.46 5.93z"/></svg>

data/app/assets/images/workarea/storefront/icons/heart.svg

@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28.91 4.94a8.9 8.9 0 0 0-12.47 0c-.15.15-.3.31-.44.47-.14-.16-.28-.32-.43-.47a8.91 8.91 0 0 0-12.48 0 8.72 8.72 0 0 0 0 12.4L16 29.61l12.91-12.28a8.7 8.7 0 0 0 0-12.39zm-1.15 11.21L16 27.34 4.25 16.16a7.06 7.06 0 0 1 0-10 7.19 7.19 0 0 1 11.07 1.1l.68 1 .69-1a6.85 6.85 0 0 1 .9-1.1 7.26 7.26 0 0 1 10.17 0 7.05 7.05 0 0 1 0 10z"/></svg>

data/app/assets/images/workarea/storefront/icons/minus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M1.8 18.2c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8H30c1 0 1.8.8 1.8 1.8s-.8 1.8-1.8 1.8H1.8z"/></svg>

data/app/assets/images/workarea/storefront/icons/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.5 14.7H17.1V1.4c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v13.4H1.3C.6 14.7 0 15.3 0 16s.5 1.2 1.2 1.2h13.4v13.4c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2V17.2h13.4c.7 0 1.2-.5 1.2-1.2s-.5-1.3-1.1-1.3z"/></svg>

data/app/assets/images/workarea/storefront/icons/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.8 28.9l-8.3-8.2c2-2.2 3.1-5.1 3.1-8.1C25.6 5.9 20 .3 13.1.3S.7 5.8.7 12.6s5.6 12.3 12.5 12.3c2.4 0 4.7-.7 6.8-2l8.5 8.3c.3.3.7.5 1.2.5s.8-.2 1.2-.5c.3-.3.5-.7.5-1.1-.1-.5-.3-.9-.6-1.2zm-8.4-16.3c0 4.9-4.1 9-9.1 9s-9.1-4-9.1-9 4.1-9 9.1-9 9.1 4 9.1 9z"/></svg>

data/app/assets/images/workarea/storefront/icons/social/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.843 8.701l.367-2.844h-2.817V4.041c0-.823.23-1.384 1.41-1.384l1.505-.001V.112A20.19 20.19 0 0 0 12.114 0C9.942 0 8.456 1.325 8.456 3.76v2.097H6v2.844h2.456V16h2.937V8.701h2.45z"/></svg>

data/app/assets/images/workarea/storefront/icons/social/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 3.29c4.14 0 4.63 0 6.26.09a8.35 8.35 0 0 1 2.88.54 4.7 4.7 0 0 1 1.78 1.16 4.7 4.7 0 0 1 1.16 1.78 8.35 8.35 0 0 1 .54 2.88c.07 1.63.09 2.12.09 6.26s0 4.63-.09 6.26a8.35 8.35 0 0 1-.54 2.88 5.15 5.15 0 0 1-2.94 2.94 8.35 8.35 0 0 1-2.88.54c-1.63.07-2.12.09-6.26.09s-4.63 0-6.26-.09a8.35 8.35 0 0 1-2.88-.54 4.7 4.7 0 0 1-1.78-1.16 4.7 4.7 0 0 1-1.16-1.78 8.35 8.35 0 0 1-.54-2.88c-.07-1.63-.09-2.12-.09-6.26s0-4.63.09-6.26a8.35 8.35 0 0 1 .54-2.88 4.7 4.7 0 0 1 1.16-1.78 4.7 4.7 0 0 1 1.78-1.16 8.35 8.35 0 0 1 2.88-.54c1.63-.07 2.12-.09 6.26-.09M16 .5c-4.21 0-4.74 0-6.39.09a11.53 11.53 0 0 0-3.76.72 7.93 7.93 0 0 0-4.54 4.54 11.53 11.53 0 0 0-.72 3.76C.52 11.26.5 11.79.5 16s0 4.74.09 6.39a11.53 11.53 0 0 0 .72 3.76 7.93 7.93 0 0 0 4.54 4.54 11.53 11.53 0 0 0 3.76.72c1.65.07 2.18.09 6.39.09s4.74 0 6.39-.09a11.53 11.53 0 0 0 3.76-.72 7.93 7.93 0 0 0 4.54-4.54 11.53 11.53 0 0 0 .72-3.76c.07-1.65.09-2.18.09-6.39s0-4.74-.09-6.39a11.53 11.53 0 0 0-.72-3.76 7.93 7.93 0 0 0-4.54-4.54 11.53 11.53 0 0 0-3.76-.72C20.74.52 20.21.5 16 .5z"/><path d="M16 8a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm0 13.13A5.17 5.17 0 1 1 21.17 16 5.18 5.18 0 0 1 16 21.17z"/><circle cx="24.27" cy="7.73" r="1.86"/></svg>

data/app/assets/images/workarea/storefront/icons/social/pinterest.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 8a8 8 0 0 0 4.79 7.33 7.31 7.31 0 0 1 .14-1.84L6 9.13a3 3 0 0 1-.3-1.27c0-1.18.69-2.07 1.55-2.07A1.08 1.08 0 0 1 8.33 7a17.31 17.31 0 0 1-.71 2.85 1.23 1.23 0 0 0 1.26 1.53c1.52 0 2.54-1.94 2.54-4.25a3 3 0 0 0-3.33-3.07 3.79 3.79 0 0 0-3.94 3.83 2.33 2.33 0 0 0 .53 1.57.36.36 0 0 1 .11.44c0 .15-.12.5-.16.64a.27.27 0 0 1-.4.2 3.07 3.07 0 0 1-1.64-3c0-2.27 1.92-5 5.72-5a4.78 4.78 0 0 1 5.06 4.58c0 3.14-1.74 5.49-4.31 5.49a2.3 2.3 0 0 1-2-1S6.64 13.6 6.54 14a6.9 6.9 0 0 1-.8 1.71h.16l.57.14.38.06.39.05h1.57c.19 0 .37-.06.55-.09h.25l.37-.1.4-.1h.11a8.1 8.1 0 0 0 2-1 8.22 8.22 0 0 0 2.41-2.57c0-.09.11-.18.15-.27s.09-.18.13-.26.15-.31.22-.47 0-.12.07-.19.14-.37.2-.57v-.12a8.43 8.43 0 0 0 .2-.9v-.25A8.76 8.76 0 0 0 16 8 8 8 0 0 0 0 8z"/></svg>

data/app/assets/images/workarea/storefront/icons/social/tumblr.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M10.53 0v4.043h3.796v2.512h-3.795v4.104c0 .928.048 1.523.146 1.786.1.263.28.473.549.63.354.213.757.32 1.214.32.81 0 1.615-.265 2.416-.791v2.523a9.65 9.65 0 0 1-1.856.68 7.985 7.985 0 0 1-1.8.193c-.73 0-1.376-.093-1.939-.278a4.209 4.209 0 0 1-1.438-.788c-.397-.343-.672-.707-.825-1.093-.153-.383-.23-.942-.23-1.673V6.555H5V4.29a4.668 4.668 0 0 0 1.614-.876c.45-.382.809-.84 1.079-1.374.272-.536.46-1.214.561-2.04h2.277z"/></svg>

data/app/assets/images/workarea/storefront/icons/social/twitter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 3.796a6.57 6.57 0 0 1-1.885.517 3.296 3.296 0 0 0 1.444-1.816 6.583 6.583 0 0 1-2.085.798A3.282 3.282 0 0 0 7.795 5.54c0 .257.03.507.084.748a9.312 9.312 0 0 1-6.764-3.43A3.28 3.28 0 0 0 2.13 7.24a3.258 3.258 0 0 1-1.488-.41v.04a3.284 3.284 0 0 0 2.633 3.22 3.283 3.283 0 0 1-1.482.056 3.286 3.286 0 0 0 3.066 2.28A6.585 6.585 0 0 1 0 13.786a9.302 9.302 0 0 0 5.032 1.473c6.039 0 9.34-5 9.34-9.34 0-.14-.004-.282-.009-.424A6.659 6.659 0 0 0 16 3.795"/></svg>

data/app/assets/images/workarea/storefront/icons/validation_icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="validation-icon"><path class="validation-icon__invalid" d="M14 16L.65 2.65a1.34 1.34 0 0 1 0-2 1.34 1.34 0 0 1 2 0L16 14 29.35.65a1.34 1.34 0 0 1 2 0 1.34 1.34 0 0 1 0 2L18.05 16l13.3 13.3a1.41 1.41 0 0 1-2 2L16 18.05 2.65 31.35a1.34 1.34 0 0 1-2 0 1.34 1.34 0 0 1 0-2z"/><path class="validation-icon__valid" d="M8.77 27.59a2.15 2.15 0 0 1-1.45-.86l-6.7-9.07a2.17 2.17 0 0 1 .48-3 2.2 2.2 0 0 1 3.06.47l5.19 7L28.06 3.61a2.19 2.19 0 0 1 3.1 0 2.15 2.15 0 0 1 0 3.07L10.63 27a2.18 2.18 0 0 1-1.71.63z"/></svg>

data/app/assets/images/workarea/storefront/logo.svg

@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 160 64"><path d="M32.93 0L1 31.93l31.93 31.92 31.92-31.92z" fill="#231f20"/><path d="M20.26 28.47h3.25v.11h-.2a.64.64 0 0 0-.44.17.55.55 0 0 0-.19.41v5.05a6.44 6.44 0 0 0 .09 1.18v.16h-.1l-5.3-4.68v3.82a.62.62 0 0 0 .63.59h.2v.12H15v-.12h.18a.6.6 0 0 0 .45-.17.55.55 0 0 0 .19-.42v-5.08a5.18 5.18 0 0 0-.1-1.14v-.16h.11L21.08 33v-3.8a.57.57 0 0 0-.17-.42.64.64 0 0 0-.45-.17h-.2zm17 .11h-.09a1 1 0 0 0-.49.15 1 1 0 0 0-.39.44l-2.35 5a6.53 6.53 0 0 0-.54 1.41h-.1l-3.03-6.38a1 1 0 0 0-.88-.62h-.08v-.11h3.38v.1h-.09a.37.37 0 0 0-.33.15.45.45 0 0 0-.11.26.74.74 0 0 0 .05.25L33.82 33l1.66-3.75a.85.85 0 0 0 .05-.25.39.39 0 0 0-.11-.26.37.37 0 0 0-.32-.15H35v-.1h2.3zm13.57 0h-.15a1.08 1.08 0 0 0-.57.17 1.44 1.44 0 0 0-.45.4l-2.05 3.16v2.36a.59.59 0 0 0 .19.43.63.63 0 0 0 .46.18h.13v.12H45.2v-.12h.14a.64.64 0 0 0 .45-.18.63.63 0 0 0 .19-.43v-2.36l-2-3.16a1.21 1.21 0 0 0-.43-.41 1.24 1.24 0 0 0-.59-.16h-.14v-.11h3.51v.11h-.12a.36.36 0 0 0-.32.15.42.42 0 0 0-.1.24.35.35 0 0 0 0 .18l1.53 2.66 1.56-2.66a.34.34 0 0 0 0-.18.42.42 0 0 0-.1-.24.36.36 0 0 0-.32-.15h-.06v-.11h2.47z" fill="#fefefe"/><image width="110" height="16" transform="matrix(.74 0 0 .74 74.66 26)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAARCAYAAADT7fLRAAAACXBIWXMAAA7qAAAO6gGjimNxAAAC4ElEQVRYR+2Y4VHjQAyFP91cAS7BJeQ6CBXAVXCmAkIFhAoCFQQqCB0kVJB0AFSAO9D9WBnkzdrr+OZmkpm8GU9srfQsr1ZabURVOeM08SOncMbx4hy8E8Y5eCeMn/5BRCrgjxPtVPWWgRCRKXADFCZq2Tv+GnhU1Q0dMK5LYOLEO1W9FZESuANK4B147uNqICJb4EJV60g+JfKb4N87HUjMVQ3cNjbR+LOqPtEB073k+/2t+RGRmY0DvKrqHABVbV3AFlBgG48NuYCF2StQdPDPczxOf+34ZpH8LfWOHi61908SY3P3njLHlbBZRmNl7HOGqwQ+zebTfxcwNXnVskmQNJO1zr2ww4mvD+oYX3NY8PY+CpjZ8zRnH3Gp45lEY71+d/AVzrdW0AmL+C3HEfHNHNfCybfAKtY/+j1PQxm6t8cCWBFK5r0OKJUdKIC1lavR0FB+H52oAhCRwu6f9626oaoPwMYeZyJSmo8lcJ0yiKN/VJmX8EsZX9Ib+yXf20M1xO8eTp99nyabEZW+oRftSrO2+6uU7tFnnoNfxaWt7rH4AC4IjclSRJYZ/U5oO/sKy5QbQsPRaoyGQEOlafimhCbtJaV7EsGzQN0ROksIq33RaTAANrEXwBOhxN306WfwQOgQIWR1YbKx2Lj71y6lg4J36AoVEd/mNygTshxW9vuLkC0AlbX4o6GqtapeEwI4OpN1f+97GpN1h2Jw8Oys8ZHTI0xEg9ZqFpErQvC8Ti9EZE4oH79tQvy5c/mP5RMAC+B+Q3AYfPb5QP4/9GyWb4RNfM735j7NbbjGUzmelXEsTFbl7B1P0zqvnKxw/jTNRzmAa+Js1qTPoJWN750Dh1zmyzKnl7tonx9XKV9VFTFl4KvM9a3knQ4sB5YRTaZBWJUv2vOvhYf9i1I60U5V64QcAM0cGxIltlbVHRFsDuqhfnqYb0WKdyhs3uLt5j3lTyt4Z5wWBu95Zxwf/gLqp6HNJqa4BgAAAABJRU5ErkJggg==" style="isolation:isolate"/></svg>

data/app/assets/images/workarea/storefront/logo_small.svg

@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M20 0L0 20l20 20 20-20z" fill="#231f20"/><path d="M12 17.79h2v.08a.37.37 0 0 0-.28.1.31.31 0 0 0-.12.26v3.15a3.8 3.8 0 0 0 .06.74v.1h-.06l-3.32-2.93v2.39a.42.42 0 0 0 .12.27.4.4 0 0 0 .28.1h.12v.07h-2v-.07h.12a.4.4 0 0 0 .28-.1.37.37 0 0 0 .11-.27v-3.17a4.67 4.67 0 0 0-.05-.72v-.1h.07l3.3 2.91v-2.37a.36.36 0 0 0-.11-.26.39.39 0 0 0-.28-.1H12zm10.65.08h-.06a.58.58 0 0 0-.3.09.66.66 0 0 0-.25.27l-1.47 3.11a3.76 3.76 0 0 0-.33.88h-.07l-1.92-4a.59.59 0 0 0-.55-.38v-.08h2.12v.07h-.06a.26.26 0 0 0-.21.09.29.29 0 0 0-.06.16.88.88 0 0 0 0 .16l1 2.35 1-2.35a.5.5 0 0 0 0-.16.25.25 0 0 0-.07-.16.23.23 0 0 0-.2-.09h-.06v-.07h1.44zm8.48 0h-.1a.64.64 0 0 0-.35.1.76.76 0 0 0-.28.25l-1.29 2v1.47a.39.39 0 0 0 .13.27.4.4 0 0 0 .29.11h.07v.07h-2v-.07h.09a.41.41 0 0 0 .28-.11.34.34 0 0 0 .12-.27V20.2l-1.27-2a.84.84 0 0 0-.27-.26.81.81 0 0 0-.37-.09h-.09v-.08h2.2v.08h-.08A.23.23 0 0 0 28 18a.29.29 0 0 0-.06.15.2.2 0 0 0 0 .11l1 1.66 1-1.66a.2.2 0 0 0 0-.11.29.29 0 0 0-.06-.15.22.22 0 0 0-.2-.09h-.07v-.08h1.55z" fill="#fefefe"/></svg>

data/app/assets/javascripts/workarea/storefront/modules/alternate_image_buttons.js

@@ -0,0 +1,78 @@
+/**
+ * @namespace WORKAREA.alternateImageButtons
+ */
+WORKAREA.registerModule('alternateImageButtons', (function () {
+    'use strict';
+
+    var updateImageButtons = function ($selectedImageButton, $container) {
+            var $imageButtons = $(
+                    '.product-media__alt-image-link',
+                    $container
+                );
+
+            $imageButtons
+            .removeClass('product-media__alt-image-link--selected');
+
+            $selectedImageButton
+            .addClass('product-media__alt-image-link--selected');
+        },
+
+        updatePrimaryImageButton = function ($selectedImageButton, $container) {
+            var $primaryImageButton = $(
+                    '.product-media__primary-image-link', $container
+                ),
+                zoomImageSrc = $selectedImageButton.attr('href');
+
+            $primaryImageButton.attr('href', zoomImageSrc);
+        },
+
+        updatePrimaryImage = function ($selectedImageButton, $container) {
+            var $primaryImage = $(
+                    '.product-media__primary-image-link-image', $container
+                ),
+                imageData = $selectedImageButton.data('alternateImageButton'),
+                detailImageSrc = imageData.src;
+
+            $primaryImage.attr('src', detailImageSrc);
+        },
+
+        handleImageResponse = function ($selectedImageButton, $container) {
+            updateImageButtons($selectedImageButton, $container);
+            updatePrimaryImageButton($selectedImageButton, $container);
+            updatePrimaryImage($selectedImageButton, $container);
+        },
+
+        handleImageButtonClick = function (event) {
+            var $selectedImageButton = $(event.currentTarget),
+                $details = $selectedImageButton.closest('.product-details'),
+                $primaryImage = $('.product-media__primary-image', $details),
+                imageData = $selectedImageButton.data('alternateImageButton'),
+                detailImageSrc = imageData.src,
+                gettingImage = WORKAREA.image.get(detailImageSrc);
+
+            event.preventDefault();
+
+            WORKAREA.loading.createLoadingIndicator(gettingImage, {
+                container: $primaryImage,
+                cssModifiers: 'loading--fill-parent'
+            });
+
+            gettingImage.done(
+                _.partial(handleImageResponse, $selectedImageButton, $details)
+            );
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.alternateImageButtons
+         */
+        init = function ($scope) {
+            $('[data-alternate-image-button]', $scope)
+            .on('click', handleImageButtonClick);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/storefront/modules/mobile_filter_buttons.js

@@ -0,0 +1,94 @@
+/**
+ * @namespace WORKAREA.mobileFilterButtons
+ *
+ * A clone of WORKAREA.mobileNavButton
+ */
+WORKAREA.registerModule('mobileFilterButtons', (function () {
+    'use strict';
+
+    var closeButton = JST['workarea/storefront/templates/mobile_filters_nav_close_button'],
+
+        deactivate = function ($nav) {
+            $nav
+            .removeClass('mobile-filters-nav--active mobile-filters-nav--closing')
+            .off(WORKAREA.transitionEvents.detect());
+        },
+
+        activate = function ($nav) {
+            $nav.addClass('mobile-filters-nav--active');
+        },
+
+        close = function ($nav, event) {
+            event.preventDefault();
+            $nav.addClass('mobile-filters-nav--closing');
+            if (WORKAREA.environment.isTest) {
+                // Animations are disabled in test, transition event will never fire
+                deactivate($nav);
+            } else {
+                $nav.on(WORKAREA.transitionEvents.detect(), _.partial(deactivate, $nav));
+            }
+        },
+
+        addCloseButton = function ($nav) {
+            var $button = $(closeButton({
+                content: I18n.t('workarea.storefront.products.filter_nav_close_button')
+            }));
+
+            $button.on('click', _.partial(close, $nav));
+
+            $nav.prepend($button);
+        },
+
+        inject = function () {
+            var $nav = $('<div class="mobile-filters-nav" id="mobile_filters_nav" />'),
+                $content = $('#aside-content');
+
+            $nav.append($content);
+
+            addCloseButton($nav);
+
+            $('body').append($nav);
+
+            _.defer(activate, $nav);
+        },
+
+        openMobileFilters = function (event) {
+            event.preventDefault();
+
+            if (_.isEmpty($('#mobile_filters_nav'))) {
+                inject();
+            } else {
+                activate($('#mobile_filters_nav'));
+            }
+        },
+
+        testBodyClick = function (event) {
+            var $target = $(event.target),
+                $nav = $('#mobile_filters_nav'),
+                $navButton = $('[data-mobile-filter-button]'),
+
+                navIsActive = $nav.hasClass('mobile-filters-nav--active'),
+                clickIsOutsideNav = _.isEmpty($target.closest($nav).addBack($nav)),
+                clickIsNavButton = ! _.isEmpty($target.closest($navButton).addBack($navButton));
+
+            if (navIsActive && clickIsOutsideNav && ( ! clickIsNavButton)) {
+                close($nav, event);
+            }
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.mobileFilterButtons
+         */
+        init = function ($scope) {
+            $('[data-mobile-filter-button]', $scope)
+            .on('click', openMobileFilters);
+        };
+
+    $('body').on('click.mobileFilterButtons', testBodyClick);
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/storefront/modules/mobile_nav_button.js

@@ -0,0 +1,104 @@
+/**
+ * @namespace WORKAREA.mobileNavButton
+ *
+ * A clone of WORKAREA.mobileFilterButtons
+ */
+WORKAREA.registerModule('mobileNavButton', (function () {
+    'use strict';
+
+    var replaceNavigation = function ($mobileNav, response) {
+            var $navigation = $(response);
+
+            WORKAREA.initModules($navigation);
+
+            $mobileNav.empty().append($navigation);
+        },
+
+        requestNav = function (event) {
+            var $mobileNav = $(event.delegateTarget);
+
+            event.preventDefault();
+
+            $.get(event.currentTarget.href)
+            .done(_.partial(replaceNavigation, $mobileNav));
+        },
+
+        bindNavigationActions = function ($mobileNav) {
+            $mobileNav
+            .on('click', '.mobile-nav__back-button', requestNav)
+            .on('click', '.mobile-nav__item--has-children a', requestNav)
+            .on('click', '.mobile-nav__close-button', function (event) {
+                event.preventDefault();
+                deactivateMobileNav($(event.delegateTarget), $('#overlay'));
+            });
+        },
+
+        deactivateMobileNav = function ($mobileNav, $overlay) {
+            $mobileNav.removeClass('mobile-nav--active');
+            $overlay.removeClass('overlay--active');
+        },
+
+        activateMobileNav = function ($mobileNav, $overlay) {
+            $mobileNav.addClass('mobile-nav--active');
+            $overlay.addClass('overlay--active');
+        },
+
+        injectMobileNav = function (response) {
+            var $mobileNav = $('<div class="mobile-nav" id="mobile_nav" />'),
+                $overlay = $('<div class="overlay" id="overlay"/>');
+
+            $mobileNav.append(response);
+
+            WORKAREA.initModules($mobileNav);
+
+            activateMobileNav($mobileNav, $overlay);
+            bindNavigationActions($mobileNav);
+
+            $('body').append($overlay, $mobileNav);
+        },
+
+        requestMobileNav = function (href) {
+            $.get(href).done(injectMobileNav);
+        },
+
+        openMobileNav = function (event) {
+            event.preventDefault();
+
+            if (_.isEmpty($('#mobile_nav'))) {
+                requestMobileNav(event.currentTarget.href);
+            } else {
+                activateMobileNav($('#mobile_nav'), $('#overlay'));
+            }
+        },
+
+        testBodyClick = function (event) {
+            var $target = $(event.target),
+                $mobileNav = $('#mobile_nav'),
+                $navButton = $('#mobile_nav_button'),
+                $overlay = $('#overlay'),
+
+                navIsActive = $mobileNav.hasClass('mobile-nav--active'),
+                clickIsOutsideNav = _.isEmpty($target.closest($mobileNav).addBack($mobileNav)),
+                clickIsNavButton = ! _.isEmpty($target.closest($navButton).addBack($navButton));
+
+            if (navIsActive && clickIsOutsideNav && ( ! clickIsNavButton)) {
+                event.preventDefault();
+                deactivateMobileNav($mobileNav, $overlay);
+            }
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.mobileNavButton
+         */
+        init = function ($scope) {
+            $('#mobile_nav_button', $scope).on('click', openMobileNav);
+        };
+
+    $('body').on('click.mobileNavButton', testBodyClick);
+
+    return {
+        init: init
+    };
+}()));