Your IP : 216.73.216.97
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* @api
*/
define([
'jquery',
'jquery-ui-modules/widget'
], function ($) {
'use strict';
$.widget('mage.slide', {
options: {
slideSpeed: 1500,
slideSelector: '#bundle-slide',
slideBackSelector: '.bundle-slide-back',
bundleProductSelector: '#bundleProduct',
bundleOptionsContainer: '#options-container',
productViewContainer: '#productView',
slidedown: true
},
/** @inheritdoc */
_create: function () {
if (this.options.slidedown === true) {
$(this.options.slideSelector).on('click', $.proxy(this._show, this));
$(this.options.slideBackSelector).on('click', $.proxy(this._hide, this));
this.options.autostart && this._show();
} else {
$(this.options.slideSelector).on('click', $.proxy(this._slide, this));
$(this.options.slideBackSelector).on('click', $.proxy(this._slideBack, this));
this.options.autostart && this._slide();
}
},
/**
* slide bundleOptionsContainer over to the main view area
* @private
*/
_slide: function () {
$(this.options.bundleProductSelector).css('top', '0px');
$(this.options.bundleOptionsContainer).show();
this.element.css('height', $(this.options.productViewContainer).height() + 'px');
$(this.options.bundleProductSelector).css('left', '0px').animate(
{
'left': '-' + this.element.width() + 'px'
},
this.options.slideSpeed,
$.proxy(function () {
this.element.css('height', 'auto');
$(this.options.productViewContainer).hide();
}, this)
);
},
/**
* slideback productViewContainer to main view area
* @private
*/
_slideBack: function () {
$(this.options.bundleProductSelector).css('top', '0px');
$(this.options.productViewContainer).show();
this.element.css('height', $(this.options.bundleOptionsContainer).height() + 'px');
$(this.options.bundleProductSelector).animate(
{
'left': '0px'
},
this.options.slideSpeed,
$.proxy(function () {
$(this.options.bundleOptionsContainer).hide();
this.element.css('height', 'auto');
}, this)
);
},
/**
* @private
*/
_show: function () {
$(this.options.bundleOptionsContainer).slideDown(800);
$('html, body').animate({
scrollTop: $(this.options.bundleOptionsContainer).offset().top
}, 600);
$('#product-options-wrapper > fieldset').focus();
},
/**
* @private
*/
_hide: function () {
$('html, body').animate({
scrollTop: 0
}, 600);
$(this.options.bundleOptionsContainer).slideUp(800);
}
});
return $.mage.slide;
});