%PDF-
%PDF-
Mini Shell
Mini Shell
/**
* Rating wrapper.
*
* @author Htmlstream
* @version 1.0
*
*/
;(function($){
'use strict';
$.HSCore.components.HSRating = {
/**
* Base rating configuration.
*
* @var Object _baseConfig
*/
_baseConfig : {
rtl: false,
containerClass: 'g-rating',
backwardClass: 'g-rating-backward',
forwardClass: 'g-rating-forward',
spacing: 0
},
/**
* Collection of all initialized items.
*
* @var jQuery _pageCollection
*/
_pageCollection : $(),
/**
* Initializes rating items.
*
* @param jQuery collection
*
* @return jQuery|undefined
*/
init: function(collection, config) {
if(!collection || !collection.length) return;
config = config && $.isPlainObject(config) ? $.extend(true, {}, this._baseConfig, config) : this._baseConfig;
var self = this;
return collection.each(function(i, el){
var $this = $(el);
config = $.extend(true, {}, config, $this.data());
if(!$this.data('rating-instance')) {
$this.data('rating-instance',new Rating( $this, $this.data('rating'), config ));
self._pageCollection = self._pageCollection.add($this);
}
});
}
};
/**
* Rating constructor function.
*
* @param jQuery element
* @param Number value
*/
function Rating( element, value, config ) {
this.value = value;
this.element = element;
this.config = config;
this.init();
}
/**
* Initializes single rating item.
*
* @return undefined
*/
Rating.prototype.init = function() {
var self = this;
this.container = $('<div></div>', {
class: self.config.containerClass,
style: 'display: inline-block; position: relative; z-index: 1; white-space: nowrap;'
});
this.forward = $('<div></div>', {
class: self.config.forwardClass,
style: 'position: absolute; left: 0; top: 0; height: 100%; overflow: hidden;'
});
this.backward = $('<div></div>', {
class: self.config.backwardClass,
style: 'position: relative; z-index: 1;'
});
for(var i = 0; i < 5; i++) {
var starEmpty = $('<i></i>', {
class: self.element.data('backward-icons-classes') ? self.element.data('backward-icons-classes') : 'fa fa-star-o'
}),
starFilled = $('<i></i>', {
class: self.element.data('forward-icons-classes') ? self.element.data('forward-icons-classes') : 'fa fa-star'
});
this.forward.append(starFilled);
this.backward.append(starEmpty);
}
this.container.append(this.forward);
this.container.append(this.backward);
this.element.append(this.container);
this.forward.css('width', this.value / 5 * 100 + '%');
this.makeSpacing();
};
Rating.prototype.makeSpacing = function() {
var self = this;
this.forward.children().add(this.backward.children()).css({
'margin-left': self.config.spacing,
'margin-right': self.config.spacing
});
this.container.css({
'margin-left': self.config.spacing * -1,
'margin-right': self.config.spacing * -1
});
}
})(jQuery);
Zerion Mini Shell 1.0