Contents

/**
 * @namespace WORKAREA.patternRepeat
 */

 WORKAREA.registerModule('patternRepeat', (function () {
  'use strict';

  var onRadioClick = function (event) {

    var others = $("[name='" + this.name + "']").map(function () {
      return this.value
    }).get().join(" ")
    $('.scalable_main_image, .thumb-set-bg').removeClass(others).addClass(this.value)
  },

  displayLiving = function (event) {
    var target = $(this).data("target")
    $('.product-details__primary-image.overlayed-item').add(target).removeClass("overlayed-image-3 detail-view first-preview overlayed-image-4").addClass('overlayed-image-3')
  },
  displayDining = function (event) {
    var target = $(this).data("target")
    $('.product-details__primary-image.overlayed-item ').add(target).removeClass("overlayed-image-3 detail-view first-preview overlayed-image-4").addClass('overlayed-image-4')
  }, 
  displayDetail = function (event) {
    var target = $(this).data("target")
    $('.product-details__primary-image.overlayed-item').add(target).removeClass("overlayed-image-3 first-preview overlayed-image-4").addClass('detail-view')
  },
  firstPreview = function (event) {
    var target = $(this).data("target")
    $('.product-details__primary-image.overlayed-item').add(target).removeClass("overlayed-image-3 detail-view overlayed-image-4").addClass('first-preview')
  },
  
  init = function ($scope) {

    $('input[type="radio"]', $scope).on('click', onRadioClick);
    $('.first-preview', $scope).on('click', firstPreview);
    $('.overlayed-item-3', $scope).on('click', displayLiving);
    $('.overlayed-item-4', $scope).on('click', displayDining);
    $('.detail-thumb', $scope).on('click', displayDetail);
  };

  return {
    init: init
  };
}()));

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
workarea-image_decoration-1.0.0.pre	app/assets/javascripts/workarea/storefront/image_decoration/modules/pattern_repeat.js