-
https://github.com/angular-slider/angularjs-slider -
2018-06-30 */
/*jslint unparam: true */
/*global angular: false, console: false, define, module */
;(function (root, factory) {
'use strict';
/* istanbul ignore next */
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['angular'], factory);
} else if ((typeof module === 'undefined' ? 'undefined' : _typeof(module)) === 'object' && module.exports) {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
// to support bundler like browserify
var angularObj = angular || require('angular');
if ((!angularObj || !angularObj.module) && typeof angular != 'undefined') {
angularObj = angular;
}
module.exports = factory(angularObj);
} else {
// Browser globals (root is window)
factory(root.angular);
}
})(window, function (angular) {
'use strict';
var module = angular.module('rzModule', []).factory('RzSliderOptions', function () {
var defaultOptions = {
floor: 0,
ceil: null, //defaults to rz-slider-model
step: 1,
precision: 0,
minRange: null,
maxRange: null,
restrictedRange: null,
pushRange: false,
minLimit: null,
maxLimit: null,
id: null,
translate: null,
getLegend: null,
stepsArray: null,
bindIndexForStepsArray: false,
draggableRange: false,
draggableRangeOnly: false,
showSelectionBar: false,
showSelectionBarEnd: false,
showSelectionBarFromValue: null,
showOuterSelectionBars: false,
hidePointerLabels: false,
hideLimitLabels: false,
autoHideLimitLabels: true,
readOnly: false,
disabled: false,
interval: 350,
showTicks: false,
showTicksValues: false,
ticksArray: null,
ticksTooltip: null,
ticksValuesTooltip: null,
vertical: false,
getSelectionBarColor: null,
getTickColor: null,
getPointerColor: null,
keyboardSupport: true,
scale: 1,
enforceStep: true,
enforceRange: false,
noSwitching: false,
onlyBindHandles: false,
onStart: null,
onChange: null,
onEnd: null,
rightToLeft: false,
reversedControls: false,
boundPointerLabels: true,
mergeRangeLabelsIfSame: false,
labelOverlapSeparator: ' - ',
customTemplateScope: null,
logScale: false,
customValueToPosition: null,
customPositionToValue: null,
selectionBarGradient: null,
ariaLabel: null,
ariaLabelledBy: null,
ariaLabelHigh: null,
ariaLabelledByHigh: null
};
var globalOptions = {};
var factory = {};
/**
* `options({})` allows global configuration of all sliders in the
* application.
*
* var app = angular.module( 'App', ['rzModule'], function( RzSliderOptions ) {
* // show ticks for all sliders
* RzSliderOptions.options( { showTicks: true } );
* });
*/
factory.options = function (value) {
angular.extend(globalOptions, value);
};
factory.getOptions = function (options) {
return angular.extend({}, defaultOptions, globalOptions, options);
};
return factory;
}).factory('rzThrottle', ['$timeout', function ($timeout) {
/**
* rzThrottle
*
* Taken from underscore project
*
* @param {Function} func
* @param {number} wait
* @param {ThrottleOptions} options
* @returns {Function}
*/
return function (func, wait, options) {
'use strict';
/* istanbul ignore next */
var getTime = Date.now || function () {
return new Date().getTime();
};
var context, args, result;
var timeout = null;
var previous = 0;
options = options || {};
var later = function later() {
previous = getTime();
timeout = null;
result = func.apply(context, args);
context = args = null;
};
return function () {
var now = getTime();
var remaining = wait - (now - previous);
context = this;
args = arguments;
if (remaining <= 0) {
$timeout.cancel(timeout);
timeout = null;
previous = now;
result = func.apply(context, args);
context = args = null;
} else if (!timeout && options.trailing !== false) {
timeout = $timeout(later, remaining);
}
return result;
};
};
}]).factory('RzSlider', ['$timeout', '$document', '$window', '$compile', 'RzSliderOptions', 'rzThrottle', function ($timeout, $document, $window, $compile, RzSliderOptions, rzThrottle) {
'use strict';
/**
* Slider
*
* @param {ngScope} scope The AngularJS scope
* @param {Element} sliderElem The slider directive element wrapped in jqLite
* @constructor
*/
var Slider = function Slider(scope, sliderElem) {
/**
* The slider's scope
*
* @type {ngScope}
*/
this.scope = scope;
/**
* The slider inner low value (linked to rzSliderModel)
* @type {number}
*/
this.lowValue = 0;
/**
* The slider inner high value (linked to rzSliderHigh)
* @type {number}
*/
this.highValue = 0;
/**
* Slider element wrapped in jqLite
*
* @type {jqLite}
*/
this.sliderElem = sliderElem;
/**
* Slider type
*
* @type {boolean} Set to true for range slider
*/
this.range = this.scope.rzSliderModel !== undefined && this.scope.rzSliderHigh !== undefined;
/**
* Values recorded when first dragging the bar
*
* @type {Object}
*/
this.dragging = {
active: false,
value: 0,
difference: 0,
position: 0,
lowLimit: 0,
highLimit: 0
/**
* property that handle position (defaults to left for horizontal)
* @type {string}
*/
};this.positionProperty = 'left';
/**
* property that handle dimension (defaults to width for horizontal)
* @type {string}
*/
this.dimensionProperty = 'width';
/**
* Half of the width or height of the slider handles
*
* @type {number}
*/
this.handleHalfDim = 0;
/**
* Maximum position the slider handle can have
*
* @type {number}
*/
this.maxPos = 0;
/**
* Precision
*
* @type {number}
*/
this.precision = 0;
/**
* Step
*
* @type {number}
*/
this.step = 1;
/**
* The name of the handle we are currently tracking
*
* @type {string}
*/
this.tracking = '';
/**
* Minimum value (floor) of the model
*
* @type {number}
*/
this.minValue = 0;
/**
* Maximum value (ceiling) of the model
*
* @type {number}
*/
this.maxValue = 0;
/**
* The delta between min and max value
*
* @type {number}
*/
this.valueRange = 0;
/**
* If showTicks/showTicksValues options are number.
* In this case, ticks values should be displayed below the slider.
* @type {boolean}
*/
this.intermediateTicks = false;
/**
* Set to true if init method already executed
*
* @type {boolean}
*/
this.initHasRun = false;
/**
* Used to call onStart on the first keydown event
*
* @type {boolean}
*/
this.firstKeyDown = false;
/**
* Internal flag to prevent watchers to be called when the sliders value are modified internally.
* @type {boolean}
*/
this.internalChange = false;
/**
* Internal flag to keep track of the visibility of combo label
* @type {boolean}
*/
this.cmbLabelShown = false;
/**
* Internal variable to keep track of the focus element
*/
this.currentFocusElement = null;
// Slider DOM elements wrapped in jqLite
this.fullBar = null; // The whole slider bar
this.selBar = null; // Highlight between two handles
this.minH = null; // Left slider handle
this.maxH = null; // Right slider handle
this.flrLab = null; // Floor label
this.ceilLab = null; // Ceiling label
this.minLab = null; // Label above the low value
this.maxLab = null; // Label above the high value
this.cmbLab = null; // Combined label
this.ticks = null; // The ticks
// Initialize slider
this.init();
};
// Add instance methods
Slider.prototype = {
/**
* Initialize slider
*
* @returns {undefined}
*/
init: function init() {
var thrLow,
thrHigh,
self = this;
var calcDimFn = function calcDimFn() {
self.calcViewDimensions();
};
this.applyOptions();
this.syncLowValue();
if (this.range) this.syncHighValue();
this.initElemHandles();
this.manageElementsStyle();
this.setDisabledState();
this.calcViewDimensions();
this.setMinAndMax();
this.updateRestrictionBar();
this.addAccessibility();
this.updateCeilLab();
this.updateFloorLab();
this.initHandles();
this.manageEventsBindings();
// Recalculate slider view dimensions
this.scope.$on('reCalcViewDimensions', calcDimFn);
// Recalculate stuff if view port dimensions have changed
angular.element($window).on('resize', calcDimFn);
this.initHasRun = true;
// Watch for changes to the model
thrLow = rzThrottle(function () {
self.onLowHandleChange();
}, self.options.interval);
thrHigh = rzThrottle(function () {
self.onHighHandleChange();
}, self.options.interval);
this.scope.$on('rzSliderForceRender', function () {
self.resetLabelsValue();
thrLow();
if (self.range) {
thrHigh();
}
self.resetSlider();
});
// Watchers (order is important because in case of simultaneous change,
// watchers will be called in the same order)
this.scope.$watchCollection('rzSliderOptions()', function (newValue, oldValue) {
if (newValue === oldValue) return;
self.applyOptions(); // need to be called before synchronizing the values
self.syncLowValue();
if (self.range) self.syncHighValue();
self.resetSlider();
});
this.scope.$watch('rzSliderModel', function (newValue, oldValue) {
if (self.internalChange) return;
if (newValue === oldValue) return;
thrLow();
});
this.scope.$watch('rzSliderHigh', function (newValue, oldValue) {
if (self.internalChange) return;
if (newValue === oldValue) return;
if (newValue != null) thrHigh();
if (self.range && newValue == null || !self.range && newValue != null) {
self.applyOptions();
self.resetSlider();
}
});
this.scope.$on('$destroy', function () {
self.unbindEvents();
angular.element($window).off('resize', calcDimFn);
self.currentFocusElement = null;
});
},
findStepIndex: function findStepIndex(modelValue) {
var index = 0;
for (var i = 0; i < this.options.stepsArray.length; i++) {
var step = this.options.stepsArray[i];
if (step === modelValue) {
index = i;
break;
} else if (angular.isDate(step)) {
if (step.getTime() === modelValue.getTime()) {
index = i;
break;
}
} else if (angular.isObject(step)) {
if (angular.isDate(step.value) && step.value.getTime() === modelValue.getTime() || step.value === modelValue) {
index = i;
break;
}
}
}
return index;
},
syncLowValue: function syncLowValue() {
if (this.options.stepsArray) {
if (!this.options.bindIndexForStepsArray) this.lowValue = this.findStepIndex(this.scope.rzSliderModel);else this.lowValue = this.scope.rzSliderModel;
} else this.lowValue = this.scope.rzSliderModel;
},
syncHighValue: function syncHighValue() {
if (this.options.stepsArray) {
if (!this.options.bindIndexForStepsArray) this.highValue = this.findStepIndex(this.scope.rzSliderHigh);else this.highValue = this.scope.rzSliderHigh;
} else this.highValue = this.scope.rzSliderHigh;
},
getStepValue: function getStepValue(sliderValue) {
var step = this.options.stepsArray[sliderValue];
if (angular.isDate(step)) return step;
if (angular.isObject(step)) return step.value;
return step;
},
applyLowValue: function applyLowValue() {
if (this.options.stepsArray) {
if (!this.options.bindIndexForStepsArray) this.scope.rzSliderModel = this.getStepValue(this.lowValue);else this.scope.rzSliderModel = this.lowValue;
} else this.scope.rzSliderModel = this.lowValue;
},
applyHighValue: function applyHighValue() {
if (this.options.stepsArray) {
if (!this.options.bindIndexForStepsArray) this.scope.rzSliderHigh = this.getStepValue(this.highValue);else this.scope.rzSliderHigh = this.highValue;
} else this.scope.rzSliderHigh = this.highValue;
},
/*
* Reflow the slider when the low handle changes (called with throttle)
*/
onLowHandleChange: function onLowHandleChange() {
this.syncLowValue();
if (this.range) this.syncHighValue();
this.setMinAndMax();
this.updateLowHandle(this.valueToPosition(this.lowValue));
this.updateSelectionBar();
this.updateTicksScale();
this.updateAriaAttributes();
if (this.range) {
this.updateCmbLabel();
}
},
/*
* Reflow the slider when the high handle changes (called with throttle)
*/
onHighHandleChange: function onHighHandleChange() {
this.syncLowValue();
this.syncHighValue();
this.setMinAndMax();
this.updateHighHandle(this.valueToPosition(this.highValue));
this.updateSelectionBar();
this.updateTicksScale();
this.updateCmbLabel();
this.updateAriaAttributes();
},
/**
* Read the user options and apply them to the slider model
*/
applyOptions: function applyOptions() {
var sliderOptions;
if (this.scope.rzSliderOptions) sliderOptions = this.scope.rzSliderOptions();else sliderOptions = {};
this.options = RzSliderOptions.getOptions(sliderOptions);
if (this.options.step <= 0) this.options.step = 1;
this.range = this.scope.rzSliderModel !== undefined && this.scope.rzSliderHigh !== undefined;
this.options.draggableRange = this.range && this.options.draggableRange;
this.options.draggableRangeOnly = this.range && this.options.draggableRangeOnly;
if (this.options.draggableRangeOnly) {
this.options.draggableRange = true;
}
this.options.showTicks = this.options.showTicks || this.options.showTicksValues || !!this.options.ticksArray;
this.scope.showTicks = this.options.showTicks; //scope is used in the template
if (angular.isNumber(this.options.showTicks) || this.options.ticksArray) this.intermediateTicks = true;
this.options.showSelectionBar = this.options.showSelectionBar || this.options.showSelectionBarEnd || this.options.showSelectionBarFromValue !== null;
if (this.options.stepsArray) {
this.parseStepsArray();
} else {
if (this.options.translate) this.customTrFn = this.options.translate;else this.customTrFn = function (value) {
return String(value);
};
this.getLegend = this.options.getLegend;
}
if (this.options.vertical) {
this.positionProperty = 'bottom';
this.dimensionProperty = 'height';
}
if (this.options.customTemplateScope) this.scope.custom = this.options.customTemplateScope;
},
parseStepsArray: function parseStepsArray() {
this.options.floor = 0;
this.options.ceil = this.options.stepsArray.length - 1;
this.options.step = 1;
if (this.options.translate) {
this.customTrFn = this.options.translate;
} else {
this.customTrFn = function (modelValue) {
if (this.options.bindIndexForStepsArray) return this.getStepValue(modelValue);
return modelValue;
};
}
this.getLegend = function (index) {
var step = this.options.stepsArray[index];
if (angular.isObject(step)) return step.legend;
return null;
};
},
/**
* Resets slider
*
* @returns {undefined}
*/
resetSlider: function resetSlider() {
this.manageElementsStyle();
this.addAccessibility();
this.setMinAndMax();
this.updateCeilLab();
this.updateFloorLab();
this.unbindEvents();
this.manageEventsBindings();
this.setDisabledState();
this.calcViewDimensions();
this.updateRestrictionBar();
this.refocusPointerIfNeeded();
},
refocusPointerIfNeeded: function refocusPointerIfNeeded() {
if (this.currentFocusElement) {
this.onPointerFocus(this.currentFocusElement.pointer, this.currentFocusElement.ref);
this.focusElement(this.currentFocusElement.pointer);
}
},
/**
* Set the slider children to variables for easy access
*
* Run only once during initialization
*
* @returns {undefined}
*/
initElemHandles: function initElemHandles() {
// Assign all slider elements to object properties for easy access
angular.forEach(this.sliderElem.children(), function (elem, index) {
var jElem = angular.element(elem);
switch (index) {
case 0:
this.leftOutSelBar = jElem;
break;
case 1:
this.rightOutSelBar = jElem;
break;
case 2:
this.fullBar = jElem;
break;
case 3:
this.selBar = jElem;
break;
case 4:
this.restrictedBar = jElem;
break;
case 5:
this.minH = jElem;
break;
case 6:
this.maxH = jElem;
break;
case 7:
this.flrLab = jElem;
break;
case 8:
this.ceilLab = jElem;
break;
case 9:
this.minLab = jElem;
break;
case 10:
this.maxLab = jElem;
break;
case 11:
this.cmbLab = jElem;
break;
case 12:
this.ticks = jElem;
break;
}
}, this);
// Initialize position cache properties
this.selBar.rzsp = 0;
this.minH.rzsp = 0;
this.maxH.rzsp = 0;
this.flrLab.rzsp = 0;
this.ceilLab.rzsp = 0;
this.minLab.rzsp = 0;
this.maxLab.rzsp = 0;
this.cmbLab.rzsp = 0;
},
/**
* Update each elements style based on options
*/
manageElementsStyle: function manageElementsStyle() {
if (!this.range) this.maxH.css('display', 'none');else this.maxH.css('display', '');
this.alwaysHide(this.flrLab, this.options.showTicksValues || this.options.hideLimitLabels);
this.alwaysHide(this.ceilLab, this.options.showTicksValues || this.options.hideLimitLabels);
var hideLabelsForTicks = this.options.showTicksValues && !this.intermediateTicks;
this.alwaysHide(this.minLab, hideLabelsForTicks || this.options.hidePointerLabels);
this.alwaysHide(this.maxLab, hideLabelsForTicks || !this.range || this.options.hidePointerLabels);
this.alwaysHide(this.cmbLab, hideLabelsForTicks || !this.range || this.options.hidePointerLabels);
this.alwaysHide(this.selBar, !this.range && !this.options.showSelectionBar);
this.alwaysHide(this.leftOutSelBar, !this.range || !this.options.showOuterSelectionBars);
this.alwaysHide(this.restrictedBar, !this.options.restrictedRange);
this.alwaysHide(this.rightOutSelBar, !this.range || !this.options.showOuterSelectionBars);
if (this.range && this.options.showOuterSelectionBars) {
this.fullBar.addClass('rz-transparent');
}
if (this.options.vertical) this.sliderElem.addClass('rz-vertical');
if (this.options.draggableRange) this.selBar.addClass('rz-draggable');else this.selBar.removeClass('rz-draggable');
if (this.intermediateTicks && this.options.showTicksValues) this.ticks.addClass('rz-ticks-values-under');
},
alwaysHide: function alwaysHide(el, hide) {
el.rzAlwaysHide = hide;
if (hide) this.hideEl(el);else this.showEl(el);
},
/**
* Manage the events bindings based on readOnly and disabled options
*
* @returns {undefined}
*/
manageEventsBindings: function manageEventsBindings() {
if (this.options.disabled || this.options.readOnly) this.unbindEvents();else this.bindEvents();
},
/**
* Set the disabled state based on rzSliderDisabled
*
* @returns {undefined}
*/
setDisabledState: function setDisabledState() {
if (this.options.disabled) {
this.sliderElem.attr('disabled', 'disabled');
} else {
this.sliderElem.attr('disabled', null);
}
},
/**
* Reset label values
*
* @return {undefined}
*/
resetLabelsValue: function resetLabelsValue() {
this.minLab.rzsv = undefined;
this.maxLab.rzsv = undefined;
},
/**
* Initialize slider handles positions and labels
*
* Run only once during initialization and every time view port changes size
*
* @returns {undefined}
*/
initHandles: function initHandles() {
this.updateLowHandle(this.valueToPosition(this.lowValue));
/*
the order here is important since the selection bar should be
updated after the high handle but before the combined label
*/
if (this.range) this.updateHighHandle(this.valueToPosition(this.highValue));
this.updateSelectionBar();
if (this.range) this.updateCmbLabel();
this.updateTicksScale();
},
/**
* Translate value to human readable format
*
* @param {number|string} value
* @param {jqLite} label
* @param {String} which
* @param {boolean} [useCustomTr]
* @returns {undefined}
*/
translateFn: function translateFn(value, label, which, useCustomTr) {
useCustomTr = useCustomTr === undefined ? true : useCustomTr;
var valStr = '',
getDimension = false,
noLabelInjection = label.hasClass('no-label-injection');
if (useCustomTr) {
if (this.options.stepsArray && !this.options.bindIndexForStepsArray) value = this.getStepValue(value);
valStr = String(this.customTrFn(value, this.options.id, which));
} else {
valStr = String(value);
}
if (label.rzsv === undefined || label.rzsv.length !== valStr.length || label.rzsv.length > 0 && label.rzsd === 0) {
getDimension = true;
label.rzsv = valStr;
}
if (!noLabelInjection) {
label.html(valStr);
}
this.scope[which + 'Label'] = valStr;
// Update width only when length of the label have changed
if (getDimension) {
this.getDimension(label);
}
},
/**
* Set maximum and minimum values for the slider and ensure the model and high
* value match these limits
* @returns {undefined}
*/
setMinAndMax: function setMinAndMax() {
this.step = +this.options.step;
this.precision = +this.options.precision;
this.minValue = this.options.floor;
if (this.options.logScale && this.minValue === 0) throw Error("Can't use floor=0 with logarithmic scale");
if (this.options.enforceStep) {
this.lowValue = this.roundStep(this.lowValue);
if (this.range) this.highValue = this.roundStep(this.highValue);
}
if (this.options.ceil != null) this.maxValue = this.options.ceil;else this.maxValue = this.options.ceil = this.range ? this.highValue : this.lowValue;
if (this.options.enforceRange) {
this.lowValue = this.sanitizeValue(this.lowValue);
if (this.range) this.highValue = this.sanitizeValue(this.highValue);
}
this.applyLowValue();
if (this.range) this.applyHighValue();
this.valueRange = this.maxValue - this.minValue;
},
/**
* Adds accessibility attributes
*
* Run only once during initialization
*
* @returns {undefined}
*/
addAccessibility: function addAccessibility() {
this.minH.attr('role', 'slider');
this.updateAriaAttributes();
if (this.options.keyboardSupport && !(this.options.readOnly || this.options.disabled)) this.minH.attr('tabindex', '0');else this.minH.attr('tabindex', '');
if (this.options.vertical) this.minH.attr('aria-orientation', 'vertical');
if (this.options.ariaLabel) this.minH.attr('aria-label', this.options.ariaLabel);else if (this.options.ariaLabelledBy) this.minH.attr('aria-labelledby', this.options.ariaLabelledBy);
if (this.range) {
this.maxH.attr('role', 'slider');
if (this.options.keyboardSupport && !(this.options.readOnly || this.options.disabled)) this.maxH.attr('tabindex', '0');else this.maxH.attr('tabindex', '');
if (this.options.vertical) this.maxH.attr('aria-orientation', 'vertical');
if (this.options.ariaLabelHigh) this.maxH.attr('aria-label', this.options.ariaLabelHigh);else if (this.options.ariaLabelledByHigh) this.maxH.attr('aria-labelledby', this.options.ariaLabelledByHigh);
}
},
/**
* Updates aria attributes according to current values
*/
updateAriaAttributes: function updateAriaAttributes() {
this.minH.attr({
'aria-valuenow': this.scope.rzSliderModel,
'aria-valuetext': this.customTrFn(this.scope.rzSliderModel, this.options.id, 'model'),
'aria-valuemin': this.minValue,
'aria-valuemax': this.maxValue
});
if (this.range) {
this.maxH.attr({
'aria-valuenow': this.scope.rzSliderHigh,
'aria-valuetext': this.customTrFn(this.scope.rzSliderHigh, this.options.id, 'high'),
'aria-valuemin': this.minValue,
'aria-valuemax': this.maxValue
});
}
},
/**
* Calculate dimensions that are dependent on view port size
*
* Run once during initialization and every time view port changes size.
*
* @returns {undefined}
*/
calcViewDimensions: function calcViewDimensions() {
var handleWidth = this.getDimension(this.minH);
this.handleHalfDim = handleWidth / 2;
this.barDimension = this.getDimension(this.fullBar);
this.maxPos = this.barDimension - handleWidth;
this.getDimension(this.sliderElem);
this.sliderElem.rzsp = this.sliderElem[0].getBoundingClientRect()[this.positionProperty];
if (this.initHasRun) {
this.updateFloorLab();
this.updateCeilLab();
this.initHandles();
var self = this;
$timeout(function () {
self.updateTicksScale();
});
}
},
/**
* Update the ticks position
*
* @returns {undefined}
*/
updateTicksScale: function updateTicksScale() {
if (!this.options.showTicks) return;
var ticksArray = this.options.ticksArray || this.getTicksArray(),
translate = this.options.vertical ? 'translateY' : 'translateX',
self = this;
if (this.options.rightToLeft) ticksArray.reverse();
this.scope.ticks = ticksArray.map(function (value) {
var position = self.valueToPosition(value);
if (self.options.vertical) position = self.maxPos - position;
var translation = translate + '(' + Math.round(position) + 'px)';
var tick = {
selected: self.isTickSelected(value),
style: {
'-webkit-transform': translation,
'-moz-transform': translation,
'-o-transform': translation,
'-ms-transform': translation,
transform: translation
}
};
if (tick.selected && self.options.getSelectionBarColor) {
tick.style['background-color'] = self.getSelectionBarColor();
}
if (!tick.selected && self.options.getTickColor) {
tick.style['background-color'] = self.getTickColor(value);
}
if (self.options.ticksTooltip) {
tick.tooltip = self.options.ticksTooltip(value);
tick.tooltipPlacement = self.options.vertical ? 'right' : 'top';
}
if (self.options.showTicksValues === true || value % self.options.showTicksValues === 0) {
tick.value = self.getDisplayValue(value, 'tick-value');
if (self.options.ticksValuesTooltip) {
tick.valueTooltip = self.options.ticksValuesTooltip(value);
tick.valueTooltipPlacement = self.options.vertical ? 'right' : 'top';
}
}
if (self.getLegend) {
var legend = self.getLegend(value, self.options.id);
if (legend) tick.legend = legend;
}
return tick;
});
},
getTicksArray: function getTicksArray() {
var step = this.step,
ticksArray = [];
if (this.intermediateTicks) step = this.options.showTicks;
for (var value = this.minValue; value <= this.maxValue; value += step) {
ticksArray.push(value);
}
return ticksArray;
},
isTickSelected: function isTickSelected(value) {
if (!this.range) {
if (this.options.showSelectionBarFromValue !== null) {
var center = this.options.showSelectionBarFromValue;
if (this.lowValue > center && value >= center && value <= this.lowValue) return true;else if (this.lowValue < center && value <= center && value >= this.lowValue) return true;
} else if (this.options.showSelectionBarEnd) {
if (value >= this.lowValue) return true;
} else if (this.options.showSelectionBar && value <= this.lowValue) return true;
}
if (this.range && value >= this.lowValue && value <= this.highValue) return true;
return false;
},
/**
* Update position of the floor label
*
* @returns {undefined}
*/
updateFloorLab: function updateFloorLab() {
this.translateFn(this.minValue, this.flrLab, 'floor');
this.getDimension(this.flrLab);
var position = this.options.rightToLeft ? this.barDimension - this.flrLab.rzsd : 0;
this.setPosition(this.flrLab, position);
},
/**
* Update position of the ceiling label
*
* @returns {undefined}
*/
updateCeilLab: function updateCeilLab() {
this.translateFn(this.maxValue, this.ceilLab, 'ceil');
this.getDimension(this.ceilLab);
var position = this.options.rightToLeft ? 0 : this.barDimension - this.ceilLab.rzsd;
this.setPosition(this.ceilLab, position);
},
/**
* Update slider handles and label positions
*
* @param {string} which
* @param {number} newPos
*/
updateHandles: function updateHandles(which, newPos) {
if (which === 'lowValue') this.updateLowHandle(newPos);else this.updateHighHandle(newPos);
this.updateSelectionBar();
this.updateTicksScale();
if (this.range) this.updateCmbLabel();
},
/**
* Helper function to work out the position for handle labels depending on RTL or not
*
* @param {string} labelName maxLab or minLab
* @param newPos
*
* @returns {number}
*/
getHandleLabelPos: function getHandleLabelPos(labelName, newPos) {
var labelRzsd = this[labelName].rzsd,
nearHandlePos = newPos - labelRzsd / 2 + this.handleHalfDim,
endOfBarPos = this.barDimension - labelRzsd;
if (!this.options.boundPointerLabels) return nearHandlePos;
if (this.options.rightToLeft && labelName === 'minLab' || !this.options.rightToLeft && labelName === 'maxLab') {
return Math.min(nearHandlePos, endOfBarPos);
} else {
return Math.min(Math.max(nearHandlePos, 0), endOfBarPos);
}
},
/**
* Update low slider handle position and label
*
* @param {number} newPos
* @returns {undefined}
*/
updateLowHandle: function updateLowHandle(newPos) {
this.setPosition(this.minH, newPos);
this.translateFn(this.lowValue, this.minLab, 'model');
this.setPosition(this.minLab, this.getHandleLabelPos('minLab', newPos));
if (this.options.getPointerColor) {
var pointercolor = this.getPointerColor('min');
this.scope.minPointerStyle = {
backgroundColor: pointercolor
};
}
if (this.options.autoHideLimitLabels) {
this.shFloorCeil();
}
},
/**
* Update high slider handle position and label
*
* @param {number} newPos
* @returns {undefined}
*/
updateHighHandle: function updateHighHandle(newPos) {
this.setPosition(this.maxH, newPos);
this.translateFn(this.highValue, this.maxLab, 'high');
this.setPosition(this.maxLab, this.getHandleLabelPos('maxLab', newPos));
if (this.options.getPointerColor) {
var pointercolor = this.getPointerColor('max');
this.scope.maxPointerStyle = {
backgroundColor: pointercolor
};
}
if (this.options.autoHideLimitLabels) {
this.shFloorCeil();
}
},
/**
* Show/hide floor/ceiling label
*
* @returns {undefined}
*/
shFloorCeil: function shFloorCeil() {
// Show based only on hideLimitLabels if pointer labels are hidden
if (this.options.hidePointerLabels) {
return;
}
var flHidden = false,
clHidden = false,
isMinLabAtFloor = this.isLabelBelowFloorLab(this.minLab),
isMinLabAtCeil = this.isLabelAboveCeilLab(this.minLab),
isMaxLabAtCeil = this.isLabelAboveCeilLab(this.maxLab),
isCmbLabAtFloor = this.isLabelBelowFloorLab(this.cmbLab),
isCmbLabAtCeil = this.isLabelAboveCeilLab(this.cmbLab);
if (isMinLabAtFloor) {
flHidden = true;
this.hideEl(this.flrLab);
} else {
flHidden = false;
this.showEl(this.flrLab);
}
if (isMinLabAtCeil) {
clHidden = true;
this.hideEl(this.ceilLab);
} else {
clHidden = false;
this.showEl(this.ceilLab);
}
if (this.range) {
var hideCeil = this.cmbLabelShown ? isCmbLabAtCeil : isMaxLabAtCeil;
var hideFloor = this.cmbLabelShown ? isCmbLabAtFloor : isMinLabAtFloor;
if (hideCeil) {
this.hideEl(this.ceilLab);
} else if (!clHidden) {
this.showEl(this.ceilLab);
}
// Hide or show floor label
if (hideFloor) {
this.hideEl(this.flrLab);
} else if (!flHidden) {
this.showEl(this.flrLab);
}
}
},
isLabelBelowFloorLab: function isLabelBelowFloorLab(label) {
var isRTL = this.options.rightToLeft,
pos = label.rzsp,
dim = label.rzsd,
floorPos = this.flrLab.rzsp,
floorDim = this.flrLab.rzsd;
return isRTL ? pos + dim >= floorPos - 2 : pos <= floorPos + floorDim + 2;
},
isLabelAboveCeilLab: function isLabelAboveCeilLab(label) {
var isRTL = this.options.rightToLeft,
pos = label.rzsp,
dim = label.rzsd,
ceilPos = this.ceilLab.rzsp,
ceilDim = this.ceilLab.rzsd;
return isRTL ? pos <= ceilPos + ceilDim + 2 : pos + dim >= ceilPos - 2;
},
/**
* Update restricted area bar
*
* @returns {undefined}
*/
updateRestrictionBar: function updateRestrictionBar() {
var position = 0,
dimension = 0;
if (this.options.restrictedRange) {
var from = this.valueToPosition(this.options.restrictedRange.from),
to = this.valueToPosition(this.options.restrictedRange.to);
dimension = Math.abs(to - from);
position = this.options.rightToLeft ? to + this.handleHalfDim : from + this.handleHalfDim;
this.setDimension(this.restrictedBar, dimension);
this.setPosition(this.restrictedBar, position);
}
},
/**
* Update slider selection bar, combined label and range label
*
* @returns {undefined}
*/
updateSelectionBar: function updateSelectionBar() {
var position = 0,
dimension = 0,
isSelectionBarFromRight = this.options.rightToLeft ? !this.options.showSelectionBarEnd : this.options.showSelectionBarEnd,
positionForRange = this.options.rightToLeft ? this.maxH.rzsp + this.handleHalfDim : this.minH.rzsp + this.handleHalfDim;
if (this.range) {
dimension = Math.abs(this.maxH.rzsp - this.minH.rzsp);
position = positionForRange;
} else {
if (this.options.showSelectionBarFromValue !== null) {
var center = this.options.showSelectionBarFromValue,
centerPosition = this.valueToPosition(center),
isModelGreaterThanCenter = this.options.rightToLeft ? this.lowValue <= center : this.lowValue > center;
if (isModelGreaterThanCenter) {
dimension = this.minH.rzsp - centerPosition;
position = centerPosition + this.handleHalfDim;
} else {
dimension = centerPosition - this.minH.rzsp;
position = this.minH.rzsp + this.handleHalfDim;
}
} else if (isSelectionBarFromRight) {
dimension = Math.abs(this.maxPos - this.minH.rzsp) + this.handleHalfDim;
position = this.minH.rzsp + this.handleHalfDim;
} else {
dimension = this.minH.rzsp + this.handleHalfDim;
position = 0;
}
}
this.setDimension(this.selBar, dimension);
this.setPosition(this.selBar, position);
if (this.range && this.options.showOuterSelectionBars) {
if (this.options.rightToLeft) {
this.setDimension(this.rightOutSelBar, position);
this.setPosition(this.rightOutSelBar, 0);
this.setDimension(this.leftOutSelBar, this.getDimension(this.fullBar) - (position + dimension));
this.setPosition(this.leftOutSelBar, position + dimension);
} else {
this.setDimension(this.leftOutSelBar, position);
this.setPosition(this.leftOutSelBar, 0);
this.setDimension(this.rightOutSelBar, this.getDimension(this.fullBar) - (position + dimension));
this.setPosition(this.rightOutSelBar, position + dimension);
}
}
if (this.options.getSelectionBarColor) {
var color = this.getSelectionBarColor();
this.scope.barStyle = {
backgroundColor: color
};
} else if (this.options.selectionBarGradient) {
var offset = this.options.showSelectionBarFromValue !== null ? this.valueToPosition(this.options.showSelectionBarFromValue) : 0,
reversed = offset - position > 0 ^ isSelectionBarFromRight,
direction = this.options.vertical ? reversed ? 'bottom' : 'top' : reversed ? 'left' : 'right';
this.scope.barStyle = {
backgroundImage: 'linear-gradient(to ' + direction + ', ' + this.options.selectionBarGradient.from + ' 0%,' + this.options.selectionBarGradient.to + ' 100%)'
};
if (this.options.vertical) {
this.scope.barStyle.backgroundPosition = 'center ' + (offset + dimension + position + (reversed ? -this.handleHalfDim : 0)) + 'px';
this.scope.barStyle.backgroundSize = '100% ' + (this.barDimension - this.handleHalfDim) + 'px';
} else {
this.scope.barStyle.backgroundPosition = offset - position + (reversed ? this.handleHalfDim : 0) + 'px center';
this.scope.barStyle.backgroundSize = this.barDimension - this.handleHalfDim + 'px 100%';
}
}
},
/**
* Wrapper around the getSelectionBarColor of the user to pass to
* correct parameters
*/
getSelectionBarColor: function getSelectionBarColor() {
if (this.range) return this.options.getSelectionBarColor(this.scope.rzSliderModel, this.scope.rzSliderHigh);
return this.options.getSelectionBarColor(this.scope.rzSliderModel);
},
/**
* Wrapper around the getPointerColor of the user to pass to
* correct parameters
*/
getPointerColor: function getPointerColor(pointerType) {
if (pointerType === 'max') {
return this.options.getPointerColor(this.scope.rzSliderHigh, pointerType);
}
return this.options.getPointerColor(this.scope.rzSliderModel, pointerType);
},
/**
* Wrapper around the getTickColor of the user to pass to
* correct parameters
*/
getTickColor: function getTickColor(value) {
return this.options.getTickColor(value);
},
/**
* Update combined label position and value
*
* @returns {undefined}
*/
updateCmbLabel: function updateCmbLabel() {
var isLabelOverlap = null;
if (this.options.rightToLeft) {
isLabelOverlap = this.minLab.rzsp - this.minLab.rzsd - 10 <= this.maxLab.rzsp;
} else {
isLabelOverlap = this.minLab.rzsp + this.minLab.rzsd + 10 >= this.maxLab.rzsp;
}
if (isLabelOverlap) {
var lowTr = this.getDisplayValue(this.lowValue, 'model'),
highTr = this.getDisplayValue(this.highValue, 'high'),
labelVal = '';
if (this.options.mergeRangeLabelsIfSame && lowTr === highTr) {
labelVal = lowTr;
} else {
labelVal = this.options.rightToLeft ? highTr + this.options.labelOverlapSeparator + lowTr : lowTr + this.options.labelOverlapSeparator + highTr;
}
this.translateFn(labelVal, this.cmbLab, 'cmb', false);
var pos = this.options.boundPointerLabels ? Math.min(Math.max(this.selBar.rzsp + this.selBar.rzsd / 2 - this.cmbLab.rzsd / 2, 0), this.barDimension - this.cmbLab.rzsd) : this.selBar.rzsp + this.selBar.rzsd / 2 - this.cmbLab.rzsd / 2;
this.setPosition(this.cmbLab, pos);
this.cmbLabelShown = true;
this.hideEl(this.minLab);
this.hideEl(this.maxLab);
this.showEl(this.cmbLab);
} else {
this.cmbLabelShown = false;
this.updateHighHandle(this.valueToPosition(this.highValue));
this.updateLowHandle(this.valueToPosition(this.lowValue));
this.showEl(this.maxLab);
this.showEl(this.minLab);
this.hideEl(this.cmbLab);
}
if (this.options.autoHideLimitLabels) {
this.shFloorCeil();
}
},
/**
* Return the translated value if a translate function is provided else the original value
* @param value
* @param which if it's min or max handle
* @returns {*}
*/
getDisplayValue: function getDisplayValue(value, which) {
if (this.options.stepsArray && !this.options.bindIndexForStepsArray) {
value = this.getStepValue(value);
}
return this.customTrFn(value, this.options.id, which);
},
/**
* Round value to step and precision based on minValue
*
* @param {number} value
* @param {number} customStep a custom step to override the defined step
* @returns {number}
*/
roundStep: function roundStep(value, customStep) {
var step = customStep ? customStep : this.step,
steppedDifference = parseFloat((value - this.minValue) / step).toPrecision(12);
steppedDifference = Math.round(+steppedDifference) * step;
var newValue = (this.minValue + steppedDifference).toFixed(this.precision);
return +newValue;
},
/**
* Hide element
*
* @param element
* @returns {jqLite} The jqLite wrapped DOM element
*/
hideEl: function hideEl(element) {
return element.css({
visibility: 'hidden'
});
},
/**
* Show element
*
* @param element The jqLite wrapped DOM element
* @returns {jqLite} The jqLite
*/
showEl: function showEl(element) {
if (!!element.rzAlwaysHide) {
return element;
}
return element.css({
visibility: 'visible'
});
},
/**
* Set element left/top position depending on whether slider is horizontal or vertical
*
* @param {jqLite} elem The jqLite wrapped DOM element
* @param {number} pos
* @returns {number}
*/
setPosition: function setPosition(elem, pos) {
elem.rzsp = pos;
var css = {};
css[this.positionProperty] = Math.round(pos) + 'px';
elem.css(css);
return pos;
},
/**
* Get element width/height depending on whether slider is horizontal or vertical
*
* @param {jqLite} elem The jqLite wrapped DOM element
* @returns {number}
*/
getDimension: function getDimension(elem) {
var val = elem[0].getBoundingClientRect();
if (this.options.vertical) elem.rzsd = (val.bottom - val.top) * this.options.scale;else elem.rzsd = (val.right - val.left) * this.options.scale;
return elem.rzsd;
},
/**
* Set element width/height depending on whether slider is horizontal or vertical
*
* @param {jqLite} elem The jqLite wrapped DOM element
* @param {number} dim
* @returns {number}
*/
setDimension: function setDimension(elem, dim) {
elem.rzsd = dim;
var css = {};
css[this.dimensionProperty] = Math.round(dim) + 'px';
elem.css(css);
return dim;
},
/**
* Returns a value that is within slider range
*
* @param {number} val
* @returns {number}
*/
sanitizeValue: function sanitizeValue(val) {
return Math.min(Math.max(val, this.minValue), this.maxValue);
},
/**
* Translate value to pixel position
*
* @param {number} val
* @returns {number}
*/
valueToPosition: function valueToPosition(val) {
var fn = this.linearValueToPosition;
if (this.options.customValueToPosition) fn = this.options.customValueToPosition;else if (this.options.logScale) fn = this.logValueToPosition;
val = this.sanitizeValue(val);
var percent = fn(val, this.minValue, this.maxValue) || 0;
if (this.options.rightToLeft) percent = 1 - percent;
return percent * this.maxPos;
},
linearValueToPosition: function linearValueToPosition(val, minVal, maxVal) {
var range = maxVal - minVal;
return (val - minVal) / range;
},
logValueToPosition: function logValueToPosition(val, minVal, maxVal) {
val = Math.log(val);
minVal = Math.log(minVal);
maxVal = Math.log(maxVal);
var range = maxVal - minVal;
return (val - minVal) / range;
},
/**
* Translate position to model value
*
* @param {number} position
* @returns {number}
*/
positionToValue: function positionToValue(position) {
var percent = position / this.maxPos;
if (this.options.rightToLeft) percent = 1 - percent;
var fn = this.linearPositionToValue;
if (this.options.customPositionToValue) fn = this.options.customPositionToValue;else if (this.options.logScale) fn = this.logPositionToValue;
return fn(percent, this.minValue, this.maxValue) || 0;
},
linearPositionToValue: function linearPositionToValue(percent, minVal, maxVal) {
return percent * (maxVal - minVal) + minVal;
},
logPositionToValue: function logPositionToValue(percent, minVal, maxVal) {
minVal = Math.log(minVal);
maxVal = Math.log(maxVal);
var value = percent * (maxVal - minVal) + minVal;
return Math.exp(value);
},
getEventAttr: function getEventAttr(event, attr) {
return event.originalEvent === undefined ? event[attr] : event.originalEvent[attr];
},
// Events
/**
* Get the X-coordinate or Y-coordinate of an event
*
* @param {Object} event The event
* @param targetTouchId The identifier of the touch with the X/Y coordinates
* @returns {number}
*/
getEventXY: function getEventXY(event, targetTouchId) {
/* http://stackoverflow.com/a/12336075/282882 */
//noinspection JSLint
var clientXY = this.options.vertical ? 'clientY' : 'clientX';
if (event[clientXY] !== undefined) {
return event[clientXY];
}
var touches = this.getEventAttr(event, 'touches');
if (targetTouchId !== undefined) {
for (var i = 0; i < touches.length; i++) {
if (touches[i].identifier === targetTouchId) {
return touches[i][clientXY];
}
}
}
// If no target touch or the target touch was not found in the event
// returns the coordinates of the first touch
return touches[0][clientXY];
},
/**
* Compute the event position depending on whether the slider is horizontal or vertical
* @param event
* @param targetTouchId If targetTouchId is provided it will be considered the position of that
* @returns {number}
*/
getEventPosition: function getEventPosition(event, targetTouchId) {
var sliderPos = this.sliderElem.rzsp,
eventPos = 0;
if (this.options.vertical) eventPos = -this.getEventXY(event, targetTouchId) + sliderPos;else eventPos = this.getEventXY(event, targetTouchId) - sliderPos;
return eventPos * this.options.scale - this.handleHalfDim; // #346 handleHalfDim is already scaled
},
/**
* Get event names for move and event end
*
* @param {Event} event The event
*
* @return {{moveEvent: string, endEvent: string}}
*/
getEventNames: function getEventNames(event) {
var eventNames = {
moveEvent: '',
endEvent: ''
};
if (this.getEventAttr(event, 'touches')) {
eventNames.moveEvent = 'touchmove';
eventNames.endEvent = 'touchend';
} else {
eventNames.moveEvent = 'mousemove';
eventNames.endEvent = 'mouseup';
}
return eventNames;
},
/**
* Get the handle closest to an event.
*
* @param event {Event} The event
* @returns {jqLite} The handle closest to the event.
*/
getNearestHandle: function getNearestHandle(event) {
if (!this.range) {
return this.minH;
}
var position = this.getEventPosition(event),
distanceMin = Math.abs(position - this.minH.rzsp),
distanceMax = Math.abs(position - this.maxH.rzsp);
if (distanceMin < distanceMax) return this.minH;else if (distanceMin > distanceMax) return this.maxH;else if (!this.options.rightToLeft)
//if event is at the same distance from min/max then if it's at left of minH, we return minH else maxH
return position < this.minH.rzsp ? this.minH : this.maxH;
//reverse in rtl
else return position > this.minH.rzsp ? this.minH : this.maxH;
},
/**
* Wrapper function to focus an angular element
*
* @param el {AngularElement} the element to focus
*/
focusElement: function focusElement(el) {
var DOM_ELEMENT = 0;
el[DOM_ELEMENT].focus();
},
/**
* Bind mouse and touch events to slider handles
*
* @returns {undefined}
*/
bindEvents: function bindEvents() {
var barTracking, barStart, barMove;
if (this.options.draggableRange) {
barTracking = 'rzSliderDrag';
barStart = this.onDragStart;
barMove = this.onDragMove;
} else {
barTracking = 'lowValue';
barStart = this.onStart;
barMove = this.onMove;
}
if (!this.options.onlyBindHandles) {
this.selBar.on('mousedown', angular.bind(this, barStart, null, barTracking));
this.selBar.on('mousedown', angular.bind(this, barMove, this.selBar));
}
if (this.options.draggableRangeOnly) {
this.minH.on('mousedown', angular.bind(this, barStart, null, barTracking));
this.maxH.on('mousedown', angular.bind(this, barStart, null, barTracking));
} else {
this.minH.on('mousedown', angular.bind(this, this.onStart, this.minH, 'lowValue'));
if (this.range) {
this.maxH.on('mousedown', angular.bind(this, this.onStart, this.maxH, 'highValue'));
}
if (!this.options.onlyBindHandles) {
this.fullBar.on('mousedown', angular.bind(this, this.onStart, null, null));
this.fullBar.on('mousedown', angular.bind(this, this.onMove, this.fullBar));
this.ticks.on('mousedown', angular.bind(this, this.onStart, null, null));
this.ticks.on('mousedown', angular.bind(this, this.onTickClick, this.ticks));
}
}
if (!this.options.onlyBindHandles) {
this.selBar.on('touchstart', angular.bind(this, barStart, null, barTracking));
this.selBar.on('touchstart', angular.bind(this, barMove, this.selBar));
}
if (this.options.draggableRangeOnly) {
this.minH.on('touchstart', angular.bind(this, barStart, null, barTracking));
this.maxH.on('touchstart', angular.bind(this, barStart, null, barTracking));
} else {
this.minH.on('touchstart', angular.bind(this, this.onStart, this.minH, 'lowValue'));
if (this.range) {
this.maxH.on('touchstart', angular.bind(this, this.onStart, this.maxH, 'highValue'));
}
if (!this.options.onlyBindHandles) {
this.fullBar.on('touchstart', angular.bind(this, this.onStart, null, null));
this.fullBar.on('touchstart', angular.bind(this, this.onMove, this.fullBar));
this.ticks.on('touchstart', angular.bind(this, this.onStart, null, null));
this.ticks.on('touchstart', angular.bind(this, this.onTickClick, this.ticks));
}
}
if (this.options.keyboardSupport) {
this.minH.on('focus', angular.bind(this, this.onPointerFocus, this.minH, 'lowValue'));
if (this.range) {
this.maxH.on('focus', angular.bind(this, this.onPointerFocus, this.maxH, 'highValue'));
}
}
},
/**
* Unbind mouse and touch events to slider handles
*
* @returns {undefined}
*/
unbindEvents: function unbindEvents() {
this.minH.off();
this.maxH.off();
this.fullBar.off();
this.selBar.off();
this.ticks.off();
},
/**
* onStart event handler
*
* @param {?Object} pointer The jqLite wrapped DOM element; if null, the closest handle is used
* @param {?string} ref The name of the handle being changed; if null, the closest handle's value is modified
* @param {Event} event The event
* @returns {undefined}
*/
onStart: function onStart(pointer, ref, event) {
var ehMove,
ehEnd,
eventNames = this.getEventNames(event);
event.stopPropagation();
event.preventDefault();
// We have to do this in case the HTML where the sliders are on
// have been animated into view.
this.calcViewDimensions();
if (pointer) {
this.tracking = ref;
} else {
pointer = this.getNearestHandle(event);
this.tracking = pointer === this.minH ? 'lowValue' : 'highValue';
}
pointer.addClass('rz-active');
if (this.options.keyboardSupport) this.focusElement(pointer);
ehMove = angular.bind(this, this.dragging.active ? this.onDragMove : this.onMove, pointer);
ehEnd = angular.bind(this, this.onEnd, ehMove);
$document.on(eventNames.moveEvent, ehMove);
$document.on(eventNames.endEvent, ehEnd);
this.endHandlerToBeRemovedOnEnd = ehEnd;
this.callOnStart();
var changedTouches = this.getEventAttr(event, 'changedTouches');
if (changedTouches) {
// Store the touch identifier
if (!this.touchId) {
this.isDragging = true;
this.touchId = changedTouches[0].identifier;
}
}
},
/**
* onMove event handler
*
* @param {jqLite} pointer
* @param {Event} event The event
* @param {boolean} fromTick if the event occured on a tick or not
* @returns {undefined}
*/
onMove: function onMove(pointer, event, fromTick) {
var changedTouches = this.getEventAttr(event, 'changedTouches');
var touchForThisSlider;
if (changedTouches) {
for (var i = 0; i < changedTouches.length; i++) {
if (changedTouches[i].identifier === this.touchId) {
touchForThisSlider = changedTouches[i];
break;
}
}
}
if (changedTouches && !touchForThisSlider) {
return;
}
var newPos = this.getEventPosition(event, touchForThisSlider ? touchForThisSlider.identifier : undefined),
newValue,
ceilValue = this.options.rightToLeft ? this.minValue : this.maxValue,
flrValue = this.options.rightToLeft ? this.maxValue : this.minValue;
if (newPos <= 0) {
newValue = flrValue;
} else if (newPos >= this.maxPos) {
newValue = ceilValue;
} else {
newValue = this.positionToValue(newPos);
if (fromTick && angular.isNumber(this.options.showTicks)) newValue = this.roundStep(newValue, this.options.showTicks);else newValue = this.roundStep(newValue);
}
this.positionTrackingHandle(newValue);
},
/**
* onEnd event handler
*
* @param {Event} event The event
* @param {Function} ehMove The bound move event handler
* @returns {undefined}
*/
onEnd: function onEnd(ehMove, event) {
var changedTouches = this.getEventAttr(event, 'changedTouches');
if (changedTouches && changedTouches[0].identifier !== this.touchId) {
return;
}
this.isDragging = false;
this.touchId = null;
if (!this.options.keyboardSupport) {
this.minH.removeClass('rz-active');
this.maxH.removeClass('rz-active');
this.tracking = '';
}
this.dragging.active = false;
var eventName = this.getEventNames(event);
$document.off(eventName.moveEvent, ehMove);
$document.off(eventName.endEvent, this.endHandlerToBeRemovedOnEnd);
this.endHandlerToBeRemovedOnEnd = null;
this.callOnEnd();
},
onTickClick: function onTickClick(pointer, event) {
this.onMove(pointer, event, true);
},
onPointerFocus: function onPointerFocus(pointer, ref) {
this.tracking = ref;
pointer.one('blur', angular.bind(this, this.onPointerBlur, pointer));
pointer.on('keydown', angular.bind(this, this.onKeyboardEvent));
pointer.on('keyup', angular.bind(this, this.onKeyUp));
this.firstKeyDown = true;
pointer.addClass('rz-active');
this.currentFocusElement = {
pointer: pointer,
ref: ref
};
},
onKeyUp: function onKeyUp() {
this.firstKeyDown = true;
this.callOnEnd();
},
onPointerBlur: function onPointerBlur(pointer) {
pointer.off('keydown');
pointer.off('keyup');
pointer.removeClass('rz-active');
if (!this.isDragging) {
this.tracking = '';
this.currentFocusElement = null;
}
},
/**
* Key actions helper function
*
* @param {number} currentValue value of the slider
*
* @returns {?Object} action value mappings
*/
getKeyActions: function getKeyActions(currentValue) {
var increaseStep = currentValue + this.step,
decreaseStep = currentValue - this.step,
increasePage = currentValue + this.valueRange / 10,
decreasePage = currentValue - this.valueRange / 10;
if (this.options.reversedControls) {
increaseStep = currentValue - this.step;
decreaseStep = currentValue + this.step;
increasePage = currentValue - this.valueRange / 10;
decreasePage = currentValue + this.valueRange / 10;
}
//Left to right default actions
var actions = {
UP: increaseStep,
DOWN: decreaseStep,
LEFT: decreaseStep,
RIGHT: increaseStep,
PAGEUP: increasePage,
PAGEDOWN: decreasePage,
HOME: this.options.reversedControls ? this.maxValue : this.minValue,
END: this.options.reversedControls ? this.minValue : this.maxValue
//right to left means swapping right and left arrows
};if (this.options.rightToLeft) {
actions.LEFT = increaseStep;
actions.RIGHT = decreaseStep;
// right to left and vertical means we also swap up and down
if (this.options.vertical) {
actions.UP = decreaseStep;
actions.DOWN = increaseStep;
}
}
return actions;
},
onKeyboardEvent: function onKeyboardEvent(event) {
var currentValue = this[this.tracking],
keyCode = event.keyCode || event.which,
keys = {
38: 'UP',
40: 'DOWN',
37: 'LEFT',
39: 'RIGHT',
33: 'PAGEUP',
34: 'PAGEDOWN',
36: 'HOME',
35: 'END'
},
actions = this.getKeyActions(currentValue),
key = keys[keyCode],
action = actions[key];
if (action == null || this.tracking === '') return;
event.preventDefault();
if (this.firstKeyDown) {
this.firstKeyDown = false;
this.callOnStart();
}
var self = this;
$timeout(function () {
var newValue = self.roundStep(self.sanitizeValue(action));
if (!self.options.draggableRangeOnly) {
self.positionTrackingHandle(newValue);
} else {
var difference = self.highValue - self.lowValue,
newMinValue,
newMaxValue;
if (self.tracking === 'lowValue') {
newMinValue = newValue;
newMaxValue = newValue + difference;
if (newMaxValue > self.maxValue) {
newMaxValue = self.maxValue;
newMinValue = newMaxValue - difference;
}
} else {
newMaxValue = newValue;
newMinValue = newValue - difference;
if (newMinValue < self.minValue) {
newMinValue = self.minValue;
newMaxValue = newMinValue + difference;
}
}
self.positionTrackingBar(newMinValue, newMaxValue);
}
});
},
/**
* onDragStart event handler
*
* Handles dragging of the middle bar.
*
* @param {Object} pointer The jqLite wrapped DOM element
* @param {string} ref One of the refLow, refHigh values
* @param {Event} event The event
* @returns {undefined}
*/
onDragStart: function onDragStart(pointer, ref, event) {
var position = this.getEventPosition(event);
this.dragging = {
active: true,
value: this.positionToValue(position),
difference: this.highValue - this.lowValue,
lowLimit: this.options.rightToLeft ? this.minH.rzsp - position : position - this.minH.rzsp,
highLimit: this.options.rightToLeft ? position - this.maxH.rzsp : this.maxH.rzsp - position
};
this.onStart(pointer, ref, event);
},
/**
* getValue helper function
*
* gets max or min value depending on whether the newPos is outOfBounds above or below the bar and rightToLeft
*
* @param {string} type 'max' || 'min' The value we are calculating
* @param {number} newPos The new position
* @param {boolean} outOfBounds Is the new position above or below the max/min?
* @param {boolean} isAbove Is the new position above the bar if out of bounds?
*
* @returns {number}
*/
getValue: function getValue(type, newPos, outOfBounds, isAbove) {
var isRTL = this.options.rightToLeft,
value = null;
if (type === 'min') {
if (outOfBounds) {
if (isAbove) {
value = isRTL ? this.minValue : this.maxValue - this.dragging.difference;
} else {
value = isRTL ? this.maxValue - this.dragging.difference : this.minValue;
}
} else {
value = isRTL ? this.positionToValue(newPos + this.dragging.lowLimit) : this.positionToValue(newPos - this.dragging.lowLimit);
}
} else {
if (outOfBounds) {
if (isAbove) {
value = isRTL ? this.minValue + this.dragging.difference : this.maxValue;
} else {
value = isRTL ? this.maxValue : this.minValue + this.dragging.difference;
}
} else {
if (isRTL) {
value = this.positionToValue(newPos + this.dragging.lowLimit) + this.dragging.difference;
} else {
value = this.positionToValue(newPos - this.dragging.lowLimit) + this.dragging.difference;
}
}
}
return this.roundStep(value);
},
/**
* onDragMove event handler
*
* Handles dragging of the middle bar.
*
* @param {jqLite} pointer
* @param {Event} event The event
* @returns {undefined}
*/
onDragMove: function onDragMove(pointer, event) {
var newPos = this.getEventPosition(event),
newMinValue,
newMaxValue,
ceilLimit,
flrLimit,
isUnderFlrLimit,
isOverCeilLimit,
flrH,
ceilH;
if (this.options.rightToLeft) {
ceilLimit = this.dragging.lowLimit;
flrLimit = this.dragging.highLimit;
flrH = this.maxH;
ceilH = this.minH;
} else {
ceilLimit = this.dragging.highLimit;
flrLimit = this.dragging.lowLimit;
flrH = this.minH;
ceilH = this.maxH;
}
isUnderFlrLimit = newPos <= flrLimit;
isOverCeilLimit = newPos >= this.maxPos - ceilLimit;
if (isUnderFlrLimit) {
if (flrH.rzsp === 0) return;
newMinValue = this.getValue('min', newPos, true, false);
newMaxValue = this.getValue('max', newPos, true, false);
} else if (isOverCeilLimit) {
if (ceilH.rzsp === this.maxPos) return;
newMaxValue = this.getValue('max', newPos, true, true);
newMinValue = this.getValue('min', newPos, true, true);
} else {
newMinValue = this.getValue('min', newPos, false);
newMaxValue = this.getValue('max', newPos, false);
}
this.positionTrackingBar(newMinValue, newMaxValue);
},
/**
* Set the new value and position for the entire bar
*
* @param {number} newMinValue the new minimum value
* @param {number} newMaxValue the new maximum value
*/
positionTrackingBar: function positionTrackingBar(newMinValue, newMaxValue) {
if (this.options.minLimit != null && newMinValue < this.options.minLimit) {
newMinValue = this.options.minLimit;
newMaxValue = newMinValue + this.dragging.difference;
}
if (this.options.maxLimit != null && newMaxValue > this.options.maxLimit) {
newMaxValue = this.options.maxLimit;
newMinValue = newMaxValue - this.dragging.difference;
}
this.lowValue = newMinValue;
this.highValue = newMaxValue;
this.applyLowValue();
if (this.range) this.applyHighValue();
this.applyModel(true);
this.updateHandles('lowValue', this.valueToPosition(newMinValue));
this.updateHandles('highValue', this.valueToPosition(newMaxValue));
},
/**
* Set the new value and position to the current tracking handle
*
* @param {number} newValue new model value
*/
positionTrackingHandle: function positionTrackingHandle(newValue) {
var valueChanged = false;
newValue = this.applyMinMaxLimit(newValue);
newValue = this.applyRestrictedRange(newValue);
if (this.range) {
if (this.options.pushRange) {
newValue = this.applyPushRange(newValue);
valueChanged = true;
} else {
if (this.options.noSwitching) {
if (this.tracking === 'lowValue' && newValue > this.highValue) newValue = this.applyMinMaxRange(this.highValue);else if (this.tracking === 'highValue' && newValue < this.lowValue) newValue = this.applyMinMaxRange(this.lowValue);
}
newValue = this.applyMinMaxRange(newValue);
/* This is to check if we need to switch the min and max handles */
if (this.tracking === 'lowValue' && newValue > this.highValue) {
this.lowValue = this.highValue;
this.applyLowValue();
this.applyModel();
this.updateHandles(this.tracking, this.maxH.rzsp);
this.updateAriaAttributes();
this.tracking = 'highValue';
this.minH.removeClass('rz-active');
this.maxH.addClass('rz-active');
if (this.options.keyboardSupport) this.focusElement(this.maxH);
valueChanged = true;
} else if (this.tracking === 'highValue' && newValue < this.lowValue) {
this.highValue = this.lowValue;
this.applyHighValue();
this.applyModel();
this.updateHandles(this.tracking, this.minH.rzsp);
this.updateAriaAttributes();
this.tracking = 'lowValue';
this.maxH.removeClass('rz-active');
this.minH.addClass('rz-active');
if (this.options.keyboardSupport) this.focusElement(this.minH);
valueChanged = true;
}
}
}
if (this[this.tracking] !== newValue) {
this[this.tracking] = newValue;
if (this.tracking === 'lowValue') this.applyLowValue();else this.applyHighValue();
this.applyModel();
this.updateHandles(this.tracking, this.valueToPosition(newValue));
this.updateAriaAttributes();
valueChanged = true;
}
if (valueChanged) this.applyModel(true);
},
applyMinMaxLimit: function applyMinMaxLimit(newValue) {
if (this.options.minLimit != null && newValue < this.options.minLimit) return this.options.minLimit;
if (this.options.maxLimit != null && newValue > this.options.maxLimit) return this.options.maxLimit;
return newValue;
},
applyMinMaxRange: function applyMinMaxRange(newValue) {
var oppositeValue = this.tracking === 'lowValue' ? this.highValue : this.lowValue,
difference = Math.abs(newValue - oppositeValue);
if (this.options.minRange != null) {
if (difference < this.options.minRange) {
if (this.tracking === 'lowValue') return this.highValue - this.options.minRange;else return this.lowValue + this.options.minRange;
}
}
if (this.options.maxRange != null) {
if (difference > this.options.maxRange) {
if (this.tracking === 'lowValue') return this.highValue - this.options.maxRange;else return this.lowValue + this.options.maxRange;
}
}
return newValue;
},
applyRestrictedRange: function applyRestrictedRange(newValue) {
if (this.options.restrictedRange != null && newValue > this.options.restrictedRange.from && newValue < this.options.restrictedRange.to) {
var halfWidth = (this.options.restrictedRange.to - this.options.restrictedRange.from) / 2;
if (this.tracking === 'lowValue') {
return newValue > this.options.restrictedRange.from + halfWidth ? this.options.restrictedRange.to : this.options.restrictedRange.from;
}
if (this.tracking === 'highValue') {
return newValue < this.options.restrictedRange.to - halfWidth ? this.options.restrictedRange.from : this.options.restrictedRange.to;
}
}
return newValue;
},
applyPushRange: function applyPushRange(newValue) {
var difference = this.tracking === 'lowValue' ? this.highValue - newValue : newValue - this.lowValue,
minRange = this.options.minRange !== null ? this.options.minRange : this.options.step,
maxRange = this.options.maxRange;
// if smaller than minRange
if (difference < minRange) {
if (this.tracking === 'lowValue') {
this.highValue = Math.min(newValue + minRange, this.maxValue);
newValue = this.highValue - minRange;
this.applyHighValue();
this.updateHandles('highValue', this.valueToPosition(this.highValue));
} else {
this.lowValue = Math.max(newValue - minRange, this.minValue);
newValue = this.lowValue + minRange;
this.applyLowValue();
this.updateHandles('lowValue', this.valueToPosition(this.lowValue));
}
this.updateAriaAttributes();
} else if (maxRange !== null && difference > maxRange) {
// if greater than maxRange
if (this.tracking === 'lowValue') {
this.highValue = newValue + maxRange;
this.applyHighValue();
this.updateHandles('highValue', this.valueToPosition(this.highValue));
} else {
this.lowValue = newValue - maxRange;
this.applyLowValue();
this.updateHandles('lowValue', this.valueToPosition(this.lowValue));
}
this.updateAriaAttributes();
}
return newValue;
},
/**
* Apply the model values using scope.$apply.
* We wrap it with the internalChange flag to avoid the watchers to be called
*/
applyModel: function applyModel(callOnChange) {
this.internalChange = true;
this.scope.$apply();
callOnChange && this.callOnChange();
this.internalChange = false;
},
/**
* Call the onStart callback if defined
* The callback call is wrapped in a $evalAsync to ensure that its result will be applied to the scope.
*
* @returns {undefined}
*/
callOnStart: function callOnStart() {
if (this.options.onStart) {
var self = this,
pointerType = this.tracking === 'lowValue' ? 'min' : 'max';
this.scope.$evalAsync(function () {
self.options.onStart(self.options.id, self.scope.rzSliderModel, self.scope.rzSliderHigh, pointerType);
});
}
},
/**
* Call the onChange callback if defined
* The callback call is wrapped in a $evalAsync to ensure that its result will be applied to the scope.
*
* @returns {undefined}
*/
callOnChange: function callOnChange() {
if (this.options.onChange) {
var self = this,
pointerType = this.tracking === 'lowValue' ? 'min' : 'max';
this.scope.$evalAsync(function () {
self.options.onChange(self.options.id, self.scope.rzSliderModel, self.scope.rzSliderHigh, pointerType);
});
}
},
/**
* Call the onEnd callback if defined
* The callback call is wrapped in a $evalAsync to ensure that its result will be applied to the scope.
*
* @returns {undefined}
*/
callOnEnd: function callOnEnd() {
if (this.options.onEnd) {
var self = this,
pointerType = this.tracking === 'lowValue' ? 'min' : 'max';
this.scope.$evalAsync(function () {
self.options.onEnd(self.options.id, self.scope.rzSliderModel, self.scope.rzSliderHigh, pointerType);
});
}
this.scope.$emit('slideEnded');
}
};
return Slider;
}]).directive('rzslider', ['RzSlider', function (RzSlider) {
'use strict';
return {
restrict: 'AE',
replace: true,
scope: {
rzSliderModel: '=?',
rzSliderHigh: '=?',
rzSliderOptions: '&?',
rzSliderTplUrl: '@'
},
/**
* Return template URL
*
* @param {jqLite} elem
* @param {Object} attrs
* @return {string}
*/
templateUrl: function templateUrl(elem, attrs) {
//noinspection JSUnresolvedVariable
return attrs.rzSliderTplUrl || 'rzSliderTpl.html';
},
link: function link(scope, elem) {
scope.slider = new RzSlider(scope, elem); //attach on scope so we can test it
}
};
}]);
// IDE assist
/**
* @name ngScope
*
* @property {number} rzSliderModel
* @property {number} rzSliderHigh
* @property {Object} rzSliderOptions
*/
/**
* @name jqLite
*
* @property {number|undefined} rzsp rzslider label position position
* @property {number|undefined} rzsd rzslider element dimension
* @property {string|undefined} rzsv rzslider label value/text
* @property {Function} css
* @property {Function} text
*/
/**
* @name Event
* @property {Array} touches
* @property {Event} originalEvent
*/
/**
* @name ThrottleOptions
*
* @property {boolean} leading
* @property {boolean} trailing
*/
module.run(['$templateCache', function ($templateCache) {
'use strict';
$templateCache.put('rzSliderTpl.html', " - {{ t.value }} {{ t.legend }}
");
}]);
return module.name;
});
'use strict';
/**
* @ngdoc overview
* @name alterKonfig
* @description
* # alterKonfig
*
* Main module of the application.
*/
angular.module('triglavQuiz', ['ngAnimate', 'ngResource', 'rzModule', '720kb.tooltips', 'angularjs-datetime-picker', 'angular-google-analytics']
//'ui.bootstrap',
// 'toastr',
//'ngCookies',
).run(['$window', '$rootScope', 'RzSliderOptions', function ($window, $rootScope, RzSliderOptions) {
$rootScope.busy = false;
//rzSlider
RzSliderOptions.options({
noSwitching: true,
showTicks: false,
showSelectionBar: true,
hidePointerLabels: true,
hideLimitLabels: true,
enforceStep: false
});
}]).directive('numberInput', ['$parse', function ($parse) {
return {
require: 'ngModel',
link: function link(scope, element, attrs, modelCtrl) {
var capitalize = function capitalize(inputValue) {
if (inputValue === undefined || typeof inputValue !== "string") {
inputValue = '';
}
var parsed = inputValue.replace(/[^\d]/g, "");
if (parsed !== inputValue) {
modelCtrl.$setViewValue(parsed);
modelCtrl.$render();
}
return parsed;
};
modelCtrl.$parsers.push(capitalize);
capitalize($parse(attrs.ngModel)(scope)); // capitalize initial value
}
};
}]).directive('roundSlider', [function () {
return {
restrict: 'A',
scope: {
sliderModel: "=roundSlider",
options: "=sliderOptions"
},
link: function link(scope, element, attr) {
angular.element(element).roundSlider(angular.extend({}, scope.options, {
change: function change(vl) {
scope.$apply(function () {
scope.sliderModel = vl.value;
});
}
}));
}
};
}]).directive('radarChart', [function () {
return {
restrict: 'A',
scope: {
radarChart: "=radarChart"
},
link: function link(scope, element, attr) {
//var ctx = angular.element(element)[0].getContext('2d');
new Chart(angular.element(element)[0].getContext('2d'), {
type: 'radar',
data: scope.radarChart,
options: {
legend: {
display: false
}
}
});
}
};
}]).directive('staticSocialShare', ['$timeout', function ($timeout) {
return {
restrict: 'A',
link: function link(scope, element, attr) {
$timeout(function () {
angular.element(element).specto_sharer({
//CONTENT
content_wrapp_id: ".static-social-share-texts", //id of content wrapper - valid only if not present in href atttribute or html is rendered by plugin
//string or function, which translates to any css selector (!string!)
elm_title: function elm_title(icn_wrapper, share_type) {
return share_type === "linkedin" ? ".title-linked" : ".title";
},
elm_description: function elm_description(icn_wrapper, share_type) {
return share_type === "email" ? ".description-mail" : share_type === "linkedin" ? ".desc-linked" : ".description";
},
elm_image: "img", // css selector for image element
//FB settings
appId: "348860999185792", //Facebook appId
version: "v3.1", //Facebook app version
has_fb: true //has facebook sharer (to async load fb sdk) -> by default is false
});
}, 200);
}
};
}]).directive('socialShareQuiz', ['$timeout', function ($timeout) {
return {
restrict: 'A',
link: function link(scope, element, attr) {
$timeout(function () {
angular.element(element).specto_sharer({
//CONTENT
content_wrapp_id: "#socialResults", //id of content wrapper - valid only if not present in href atttribute or html is rendered by plugin
//string or function, which translates to any css selector (!string!)
elm_title: function elm_title(icn_wrapper, share_type) {
return share_type === "linkedin" ? ".share_title_linked" : ".share_title";
},
elm_description: function elm_description(icn_wrapper, share_type) {
return share_type === "email" ? ".share_description_mail" : share_type === "linkedin" ? ".share_description_linked" : ".share_description";
},
elm_image: "img", // css selector for image element
//FB settings
appId: "348860999185792", //Facebook appId
version: "v3.1", //Facebook app version
has_fb: true //has facebook sharer (to async load fb sdk) -> by default is false
});
}, 200);
}
};
}]).directive('equalHeight', ['$timeout', function ($timeout) {
return {
restrict: 'A',
link: function link(scope, element, attr) {
$timeout(function () {
$(element).find('.equal-height-title').matchHeight({
byRow: true,
property: 'height',
target: null,
remove: false
});
$(element).find('.equal-height-par').matchHeight({
byRow: true,
property: 'height',
target: null,
remove: false
});
}, 200);
}
};
}]).config(['AnalyticsProvider', function (AnalyticsProvider) {
AnalyticsProvider.setAccount({
tracker: 'UA-58349186-1',
trackEvent: true
});
if($.cookie("cookie_module_cat") == "01" || $.cookie("cookie_module_cat") == "00") {
AnalyticsProvider.disableAnalytics(true);
}
}]).run(['Analytics', function(Analytics) {
}]).directive("datepicker", function () {
return {
restrict: "A",
require: "ngModel",
link: function (scope, elem, attrs, ngModelCtrl) {
var updateModel = function (dateText) {
scope.$apply(function () {
ngModelCtrl.$setViewValue(dateText);
});
};
var options = {
closeText: "Confirm",
minDate: +1,
maxDate: +356,
dateFormat: 'dd.mm.yy',
timeFormat: "HH:mm",
hour: new Date().getHours(),
minute: new Date().getMinutes(),
controlType: 'select',
onSelect: function (dateText) {
updateModel(dateText);
}
};
elem.datetimepicker(options, $.datepicker.regional["sl"] );
}
}
}).directive('onlyNumbers', function () {
return {
restrict: 'A',
link: function (scope, elm, attrs, ctrl) {
elm.on('keydown', function (event) {
if(event.shiftKey){event.preventDefault(); return false;}
//console.log(event.which);
if ([8, 13, 27, 37, 38, 39, 40].indexOf(event.which) > -1) {
// backspace, enter, escape, arrows
return true;
} else if (event.which >= 48 && event.which <= 57) {
// numbers 0 to 9
return true;
} else if (event.which >= 96 && event.which <= 105) {
// numpad number
return true;
}
// else if ([110, 190].indexOf(event.which) > -1) {
// // dot and numpad dot
// return true;
// }
else {
event.preventDefault();
return false;
}
});
}
}
});
/* .filter('notDisabled', function() {
return function(input, list) {
if(input) {
var filtered = [];
angular.forEach(input, function(item, ind){
if(list.indexOf(item.code) < 0) filtered.push(item);
});
return filtered;
}
return [];
}
}); */
window.mobileAndTabletcheck = function () {
var check = false;
(function (a) {
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) {
check = true;
}
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
check = true;
}
})(navigator.userAgent || navigator.vendor || window.opera);
return check;
};
function emailCheck(checkit) {
return checkit.search(/^[\w\d\._\-]+@[\w\d\-_\.]+\.[\d\w][\d\w]+$/) > -1;
}
'use strict';
angular.module('triglavQuiz')
.controller('Quiz', ['$scope', '$window', '$http', '$timeout', '$sce', '$filter', 'Analytics', function ($scope, $window, $http, $timeout, $sce, $filter, Analytics) {
$scope.scrolling_speed = 600;
$scope.step = 1;
$scope.isStep = function(step){ return step == $scope.step; };
$scope.changeStep = function(step){
$scope.step = step;
$timeout(function(){
specto_scroll($(".calc-quiz-wrap").offset().top, $scope.scrolling_speed, 'easeInOutQuint'); //scroll to start steps
}, 0);
};
$scope.tooltip = $sce.trustAsHtml("" +
"
" +
"
Dob utječe na izloženost potencijalnim kritičnim bolestima, na prihode i druge elemente koji utječu na Vaš život. Dob se također uzima u obzir prilikom ugovaranja životnog osiguranja za slučaj smrti, jer ga mogu ugovoriti osobe u dobi od 18 do 65 godina.
" +
"
Za partnera koji finansijski ovisi o Vama posebno je važno da mu osigurate odgovarajuću nadoknadu za gubitak Vašeg prihoda u slučaju Vaše smrti. Budući da je Vaš partner u dobi od 35 do 45 godina i stoga je u zreloj dobi u kojoj su finansijske potrebe i obveze obično stabilne i teško ih je izmijeniti, osiguranje života se izrazito preporučuje. Možda biste htjeli razmotriti produženje razdoblja u kojem biste osigurali gubitak prihoda. Proizvod broja godina i Vaša godišnja neto plaća dodaje se razlici između dugova i štednje i uvećava proračun osigurane sume.
";
}
else if($scope.questions.step1.partner_starost.value > 34 && $scope.questions.step1.partner_starost.value < 46){
partner_n = 7;
$scope.final_values.tooltipPartner = "Za partnera koji je finansijski ovisan o vama posebno je važno da mu osigurate odgovarajuću nadoknadu za gubitak vašeg prihoda u slučaju Vaše smrti. Vaš partner ima manje od 35 godina, što obično znači da pred sobom ima mnogo izazova i finansijskih obaveza (zajmovi, obrazovanje djece, briga za bolji kvalitet života ...). To je razlog zašto možete razmotriti duže razdoblje za koje biste osigurali nadoknadu za gubitak svojih prihoda. Proizvod broja godina osiguranog perioda i Vaše godišnje neto plate dodaje se razlici između dugova i štednje i uvećava proračun osigurane sume.
";
}
else {
partner_n = 5;
$scope.final_values.tooltipPartner = "Posebno je važno za partnera koji finansijski ovisi o Vama da mu osigurate odgovarajuću nadoknadu za gubitak Vašeg prihoda u slučaju Vaše smrti. S obzirom da je Vaš partner stariji od 45 godina, domaćinstvo možda već ima nešto manje finansijske obveze od mlađih ljudi. Ali čak i tokom ovog životnog razdoblja možete razmotriti produženje razdoblja u kojem biste osigurali nadoknadu za gubitak svog prihoda, jer se očekuje da se Vaš partner suočava sa svakodnevnim izazovima i finansijskim obvezama još dugo vremena. Proizvod ovog broja godina i Vaša godišnja neto plata dodaje se razlici između dugova i štednje za obračun osigurane sume.
";
}
}
else {
partner_n = 3;
$scope.final_values.tooltipPartner = "Preporučeni minimalni period (broj godina) za koje bi se Vašem partneru osigurala naknada za Vaš prihod u slučaju Vaše smrti kako bi se on ili ona mogao finansijski oporaviti je tri godine. Stvarno trajanje ovog perioda zavisi od specifičnih potreba Vaše porodice (dospijeće kredita, starost djece ili drugi uzdržavani članovi porodice ...) Možete razgovarati s našim savjetnikom o potrebnom periodu za koje bi imalo smisla nadoknaditi gubitak Vašeg prihoda u slučaju smrti. Proizvod ovog broja godina i Vaše godišnje neto plate dodaje se razlici između dugova i štednje za obračun osigurane sume.
";
}
}
if($scope.questions.step1.otrok_je > 0){ //ima otroke?
otrok_n = 18 - $scope.questions.step1.otrok_najmlajsi.value;
$scope.final_values.tooltipChild = "Ako dijete izgubi roditelja, isplata osiguranja može mu osigurati finansijsku sigurnost u najosjetljivijim godinama, školovanju i pokriti ostale troškove odrastanja. Ako su djeca starija od 16 godina, period u kome se nadoknađuje gubitak prihoda, i na taj način osigurava finansijski oporavak porodice, je tri godine (preporučeni minimum). Proizvod ovog broja godina i Vaše godišnje neto plate dodaje se razlici između dugova i štednje za obračun osigurane sume.
";
if(otrok_n > 10) {
otrok_n = 10;
$scope.final_values.tooltipChild = "Ako dijete izgubi roditelja, isplata osiguranja može mu osigurati finansijsku sigurnost u najosjetljivijim godinama, školovanju i pokriti ostale troškove odrastanja. Ako su djeca starija od 16 godina, period u kome se nadoknađuje gubitak prihoda, i na taj način osigurava finansijski oporavak porodice, je tri godine (preporučeni minimum). Proizvod ovog broja godina i Vaše godišnje neto plate dodaje se razlici između dugova i štednje za obračun osigurane sume.
";
}
else if(otrok_n < 3) otrok_n = 3; //minimalno 3 leta
}
$scope.final_values.partner_n = partner_n;
$scope.final_values.otrok_n = otrok_n;
//n final
if($scope.questions.step1.otrok_je > 0){ //ima otroke?
if($scope.questions.step1.partner_je > 0){ //ima partnerja?
if($scope.questions.step1.partner_dela > 0) { $scope.final_values.n = otrok_n; $scope.final_values.n_otrok = true; }
else {
$scope.final_values.n = Math.max(otrok_n, partner_n);
$scope.final_values.n_otrok = otrok_n == $scope.final_values.n;
if(!$scope.final_values.n_otrok) $scope.final_values.n_partner = true;
}
}
else { $scope.final_values.n = otrok_n; $scope.final_values.n_otrok = true; }
}
else {
if($scope.questions.step1.partner_je > 0) { $scope.final_values.n = partner_n; $scope.final_values.n_partner = true; }
else $scope.final_values.n = 1;
}
//življenjski standard
$scope.final_values.standard = ($scope.questions.step3.brezposeln ? 0 : parseInt($scope.questions.step3.prihodki.value)) * 12 * $scope.final_values.n;
//dolgovi & prihranki
$scope.final_values.dolgovi = $scope.questions.step2.ima_kredit ? $scope.questions.step2.preostanek_kredita.value : 0;
$scope.final_values.prihranki = ($scope.questions.step2.prihranki_extra ? parseInt($scope.questions.step2.prihranki_extra_val) : $scope.questions.step2.prihranki.value) +
($scope.questions.step2.drugo_premozenje > 0 ? $scope.questions.step2.drugo_premozenje_val.value : 0) +
($scope.questions.step2.ze_zivljensko > 0 && !$scope.questions.step2.zavarovalna_ob_smrti_ne_vem ? $scope.questions.step2.zavarovalna_ob_smrti.value : 0);
$scope.final_values.death_sum = $scope.final_values.dolgovi - $scope.final_values.prihranki;
//brez partnerja in otrok
$scope.final_values.no_partner_no_child = $scope.questions.step1.partner_je < 1 && $scope.questions.step1.otrok_je < 1;
//zapuščena zavarovalna vsota
$scope.final_values.family_sum = $scope.final_values.death_sum + $scope.final_values.standard;
$scope.isFinished = true;
$timeout(function(){
specto_scroll($(".main").offset().top, $scope.scrolling_speed, 'easeInOutQuint'); //scroll to start steps
}, 0);
//send user values
$http.post("https://zivljenje.triglav.si/9nasvetov", {
questions: $scope.questions,
final_values: $scope.final_values,
action: "quiz_save-values"
},{withCredentials: true}).then(function(response) {
$.cookie('quiz_uid', response.data);
});
};
if($scope.isStep(1)) {
Analytics.trackEvent('Koliko bi bilo potrebno mojim najblizima', 'Kalkulator', 'Calculation started');
}
}]);
'use strict';
angular.module('triglavQuiz')
.controller('Risk', ['$scope', '$window', '$http', '$timeout', '$filter', '$interval', function ($scope, $window, $http, $timeout, $filter, $interval) {
var self = this;
self.moneyFormat = function(value){ return $filter("number")(value); };
self.last_step = 10;
$scope.scrolling_speed = 600;
$scope.scrollToTop = function(css){
$timeout(function(){
specto_scroll($(css || "main.main").offset().top, $scope.scrolling_speed, 'easeInOutQuint'); //scroll to start steps
}, 0);
};
$scope.too_jung = false;
$scope.too_jung_text = "";
$scope.homeScreen = true;
$scope.startQuiz = function(){ //start quiz
$scope.homeScreen = false;
$scope.changeStep(1);
$scope.scrollToTop();
};
//STEPS
$scope.stepNr = 0;
$scope.isStep = function(step){ return step == $scope.stepNr; };
$scope.isStep_orGreater = function(step){ return step <= parseInt($scope.stepNr); };
$scope.changeStep = function(step, substep_check){ //change quiz step
if(!self.canChangeStep["to_step_"+ step]){ console.log("Error. required check doesn't exist! step:"+ step); return false; }
else if(self.canChangeStep["to_step_"+ step]()){
$scope.stepNr = substep_check ? self.canChangeStep["to_substep_"+ step]() : step;
$scope.scrollToTop();
if($scope.isStep_orGreater(self.last_step)) self.finalizeQuiz();
}
};
//check if can change step
self.canChangeStep = {
to_step_1: function(){ return true; },
to_step_2: function(){
var is_valid = true;
$scope.too_jung = false;
$scope.too_jung_text = "";
angular.forEach(["spol","starost","visina","teza"], function(item, ind){
if(!$scope.results[item] && is_valid){
is_valid = false;
self.markQuestionInvalid(item);
}
});
if(is_valid){ //number required ranges
if(parseInt($scope.results.starost) < 15){
is_valid = false; self.markQuestionInvalid("starost");
$scope.too_jung = true; $scope.too_jung_text = "Pozor, izračun je možen samo za osebe starejše od 14 let.";
}
else if(parseInt($scope.results.starost) > 99){
is_valid = false; self.markQuestionInvalid("starost");
$scope.too_jung = true; $scope.too_jung_text = "Pozor, izračun je možen samo za osebe mlajše od 99 let.";
}
if(parseInt($scope.results.visina) < 100 || parseInt($scope.results.visina) > 240){
is_valid = false; self.markQuestionInvalid("visina");
$scope.too_jung = true; $scope.too_jung_text = "Pozor, izračun je mogoč samo za osebe, ki so visoke od 100 cm do 250 cm.";
}
if(parseInt($scope.results.teza) < 35 || parseInt($scope.results.teza) > 300){
is_valid = false; self.markQuestionInvalid("teza");
$scope.too_jung = true; $scope.too_jung_text = "Pozor, izračun je možen samo za osebe, ki tehtajo od 35 kg do 300 kg.";
}
}
return is_valid;
},
to_step_3: function(){
var is_valid = $scope.results.ocena_zdravja.changed;
if(!is_valid) self.markQuestionInvalid("ocena_zdravja");
return is_valid;
},
to_step_4: function(){
var is_valid = $scope.results.jedilnik.length > 0;
if(!is_valid) self.markQuestionInvalid("jedilnik");
return is_valid;
},
to_step_5: function(){
var is_valid = $scope.results.na_poti.changed;
if(!is_valid) self.markQuestionInvalid("na_poti");
return is_valid;
},
to_step_6: function(){
var is_valid = $scope.results.prisotnost_stresa.value !== null;
if(!is_valid) self.markQuestionInvalid("prisotnost_stresa");
return is_valid;
},
to_step_7: function(){
var is_valid = $scope.results.spanje.value !== null;
if(!is_valid) self.markQuestionInvalid("spanje");
return is_valid;
},
to_step_8: function(){
var is_valid = $scope.results.rekreacija !== null;
if(!is_valid) self.markQuestionInvalid("rekreacija");
return is_valid;
},
to_step_8b: function(){
var is_valid = $scope.results.kadilec !== null;
if(!is_valid) self.markQuestionInvalid("kadilec");
return is_valid;
},
to_substep_8b: function(){ return $scope.results.kadilec > 0 ? "8b" : $scope.isStep_orGreater(9) ? 8 : 9; }, //substep special
to_step_9: function(){
var is_valid = $scope.results.kadilec_kolicina.changed;
if(!is_valid) self.markQuestionInvalid("kadilec_kolicina");
return is_valid;
},
to_step_9b: function(){
var is_valid = $scope.results.alkohol !== null;
if(!is_valid) self.markQuestionInvalid("alkohol");
return is_valid;
},
to_substep_9b: function(){ return $scope.results.alkohol > 0 ? "9b" : 10; }, //substep special - last screen
to_step_10: function(){
var is_valid = $scope.results.alkohol_kolicina.changed;
if(!is_valid) self.markQuestionInvalid("alkohol_kolicina");
return is_valid;
},
};
//mark element invalid
self.markQuestionInvalid = function(elm){
$timeout(function(){
var elem = "[elm-find='"+ elm +"']";
if($(elem).length < 1) { console.log("Element not found!"); return; } //prevent error
specto_scroll($(elem).offset().top, $scope.scrolling_speed, 'easeInOutQuint'); //scroll to start steps
$(elem).addClass("invalid").shake({speed: 70});
$timeout(function(){ $(elem).removeClass("invalid"); }, 5000);
}, 0);
};
//RESULTS
$scope.results = {
//step 1
spol: "",
starost: "",
visina: "",
teza: "",
//step2
ocena_zdravja: {
value: 4,
changed: true,
options: {
floor: 0,
ceil: 10,
hideLimitLabels: false,
translate: function(value, sliderId, label) {
switch(label){
case "floor":
return value +" (zelo slabo)"; break;
case "ceil":
return "(fantastično) "+ value; break;
default:
return value;
}
},
//onEnd: function(){ $scope.results.ocena_zdravja.changed = true; },
showTicks: true,
getLegend: function(value, sliderId){ //show only active legend
return $scope.results.ocena_zdravja.value == value && $scope.results.ocena_zdravja.value < $scope.results.ocena_zdravja.options.ceil && $scope.results.ocena_zdravja.value > 0 ? value : "";
},
}
},
//step3
jedilnik: [],
//step4
na_poti: {
value: 15000,
changed: true,
options: {
floor: 0,
ceil: 45000,
step: 100,
hideLimitLabels: false,
translate: function(value, sliderId, label) {
switch(label){
case "ceil":
return "45.000+"; break;
default:
return value;
}
},
//onEnd: function(){ $scope.results.na_poti.changed = true; },
showTicks: true,
getLegend: function(value, sliderId){ //show only active legend
return $scope.results.na_poti.value == value && $scope.results.na_poti.value < $scope.results.na_poti.options.ceil && $scope.results.na_poti.value > 0 ? self.moneyFormat(value) : "";
},
}
},
//step5
prisotnost_stresa: {
value: 5,
options: {
min: 0,
max: 10,
step: 1,
value: 5,
radius: 145,
width: 4,
handleSize: 23,
circleShape: "half-top",
sliderType: "min-range",
mouseScrollAction: true,
},
},
//step6
spanje: {
value: 8,
options: {
min: 2,
max: 14,
step: 1,
value: 8,
radius: 100,
width: 4,
handleSize: 23,
startAngle: 90,
endAngle: 405,
sliderType: "min-range",
mouseScrollAction: true,
}
},
//step7
rekreacija: null,
//step8
kadilec: null,
//step 8b
kadilec_kolicina: {
value: 15,
changed: true,
percent: {},
calcPercent: function(){ $scope.results.kadilec_kolicina.percent.width = (Math.round( $scope.results.kadilec_kolicina.value / $scope.results.kadilec_kolicina.options.ceil * 10000 ) / 100) +"%"; },
options: {
floor: 0,
ceil: 60,
hideLimitLabels: false,
translate: function(value, sliderId, label) {
switch(label){
case "ceil":
return "60+"; break;
default:
return value;
}
},
onChange : function(){ $scope.results.kadilec_kolicina.calcPercent(); },
//onEnd: function(){ $scope.results.kadilec_kolicina.changed = true; },
showTicks: true,
getLegend: function(value, sliderId){ //show only active legend
return $scope.results.kadilec_kolicina.value == value && $scope.results.kadilec_kolicina.value < $scope.results.kadilec_kolicina.options.ceil && $scope.results.kadilec_kolicina.value > 0 ? value : "";
},
}
},
//step9
alkohol: null,
//step 8b
alkohol_kolicina: {
value: 3,
changed: true,
percent: {},
calcPercent: function(){ $scope.results.alkohol_kolicina.percent.width = (Math.round( $scope.results.alkohol_kolicina.value / $scope.results.alkohol_kolicina.options.ceil * 10000 ) / 100) +"%"; },
options: {
floor: 0,
ceil: 10,
hideLimitLabels: false,
translate: function(value, sliderId, label) {
switch(label){
case "ceil":
return "10+"; break;
default:
return value;
}
},
onChange : function(){ $scope.results.alkohol_kolicina.calcPercent(); },
//onEnd: function(){ $scope.results.kadilec_kolicina.changed = true; },
showTicks: true,
getLegend: function(value, sliderId){ //show only active legend
return $scope.results.alkohol_kolicina.value == value && $scope.results.alkohol_kolicina.value < $scope.results.alkohol_kolicina.options.ceil && $scope.results.alkohol_kolicina.value > 0 ? value : "";
},
}
},
};
//calc percents
$scope.results.kadilec_kolicina.calcPercent();
$scope.results.alkohol_kolicina.calcPercent();
//EXTRAS
//jedilnik - step 3
$scope.menu_items = [
{name: "Pusto meso", icon: "icon-dry-meat", is_healthy: true},
{name: "Hitra prehrana", icon: "icon-fast-food", is_healthy: false},
{name: "Sladkarije", icon: "icon-sweets", is_healthy: false},
{name: "Stročnice", icon: "icon-beans", is_healthy: true},
{name: "Sadje", icon: "icon-fruit", is_healthy: true},
{name: "Zelenjava", icon: "icon-vegetable", is_healthy: true},
{name: "Sladke pijače", icon: "icon-juice", is_healthy: false},
{name: "Slani prigrizki", icon: "icon-salty-baverage", is_healthy: false},
{name: "Izdelki iz bele moke", icon: "icon-bread", is_healthy: false},
{name: "Voda", icon: "icon-water", is_healthy: true},
];
//fill result array - jedilnik
$scope.add_to_result_array = function(item, result_name){
if($scope.results[result_name].indexOf(item) > -1){ $scope.results[result_name].splice($scope.results[result_name].indexOf(item), 1); }
else if($scope.results[result_name].length < 5) $scope.results[result_name].push(item); //max 5 jedi
};
//rekreacija na teden - step 7
$scope.rekreacija_options = [
{name: "0", icon: "icon-recreation1", risk_factor: 10},
{name: "1-2", icon: "icon-recreation2", risk_factor: 5},
{name: "2-3", icon: "icon-recreation3", risk_factor: 3},
{name: "3-4", icon: "icon-recreation4", risk_factor: 1},
{name: "5 +", icon: "icon-recreation5", risk_factor: 0},
];
/* RESULT SETTINGS */
$scope.filters = {
spol: "all",
starost: "all",
itm: "all",
};
$scope.all_filter_options = {
spol: [{name: "Vsi", slug: "all"},{name: "Ženske", slug: "z", icon: "icon-female"},{name: "Moški", slug: "m", icon: "icon-male"},],
starost: [
{name: "Vsi", slug: "all", range_min: "", range_max: ""},
{name: "15-24", slug: "1524", range_min: 15, range_max: 24, icon: "icon-age1"},
{name: "25-34", slug: "2534", range_min: 25, range_max: 34, icon: "icon-age2"},
{name: "35-44", slug: "3544", range_min: 35, range_max: 44, icon: "icon-age3"},
{name: "45-54", slug: "4554", range_min: 45, range_max: 54, icon: "icon-age4"},
{name: "55-64", slug: "5564", range_min: 55, range_max: 64, icon: "icon-age5"},
{name: "65 +", slug: "65+", range_min: 65, range_max: 200, icon: "icon-age6"},
],
itm: [
{name: "Vsi", slug: "all", range_min: "", range_max: ""},
{name: "< 18,50", slug: "min", range_min: 0, range_max: 18.50, icon: "icon-itm1"},
{name: "18,50-24,99", slug: "1825", range_min: 18.50, range_max: 24.99, icon: "icon-itm2"},
{name: "25-29,99", slug: "2530", range_min: 25, range_max: 29.99, icon: "icon-itm3"},
{name: "≥ 30,00", slug: "30+", range_min: 30, range_max: 1000, icon: "icon-itm4"},
],
};
$scope.changeFilter = function(filter, newVal){
$scope.filters[filter] = newVal;
self.calcStatistics();
};
$scope.final_screen = {
active: false,
loading_results: true,
is_form: false,
};
/* FINALIZE */
$scope.final_values = {
starost: 0,
itm_value: 0,
groups: {
spol: "",
starost: "",
itm: "",
},
singles: {
itm: 0,
zdravje: 0,
jedilnik: 0,
na_poti: 0,
prisotnost_stresa: 0,
spanje: 0,
rekreacija: 0,
kadilec: 0,
alkohol: 0,
},
sum: 0,
};
$scope.shown_risk = 0;
$scope.calc_risk = 0;
$scope.risk_text = "";
$scope.radar_chart_values = {
labels: ["ITM","Zdravje","Prehrana","Vožnja","Stres","Spanje","Šport","Kajenje","Alkohol"],
datasets: [{
label: "label",
backgroundColor: "rgba(237, 41, 57, 0.5)",
borderColor: "rgba(237, 41, 57, 0.5)",
borderJoinStyle: "round",
lineTension: 0.1,
data: []
}]
};
$scope.statistics = {
total: 0,
itm: {avg: 0, jaz_css: {}, avg_css: {}},
zdravje: {avg: 0, jaz_css: {}, avg_css: {}},
jedilnik: {avg: 0, jaz_css: {}, avg_css: {}},
na_poti: {avg: 0, jaz_css: {}, avg_css: {}},
prisotnost_stresa: {avg: 0, jaz_css: {}, avg_css: {}},
spanje: {avg: 0, jaz_css: {}, avg_css: {}},
rekreacija: {avg: 0, jaz_css: {}, avg_css: {}},
kadilec: {avg: 0, jaz_css: {}, avg_css: {}},
alkohol: {avg: 0, jaz_css: {}, avg_css: {}},
};
self.statistics_result = {};
self.finalizeQuiz = function(){
$scope.final_values.itm_value = parseInt($scope.results.teza) / Math.pow(parseInt($scope.results.visina) / 100, 2); //itm value
$scope.final_values.itm_value = Math.ceil($scope.final_values.itm_value * 100) / 100; //round to 2 decimals
if($scope.final_values.itm_value > 1000) $scope.final_values.itm_value = 1000; //prevent error
$scope.final_values.groups.spol = $scope.results.spol;
angular.forEach($scope.all_filter_options.starost, function(item, ind){
if(item.slug){ //ignore all option
if($scope.results.starost >= item.range_min && $scope.results.starost <= item.range_max) $scope.final_values.groups.starost = item.slug;
}
});
angular.forEach($scope.all_filter_options.itm, function(item, ind){
if(item.slug){ //ignore all option
if($scope.final_values.itm_value >= item.range_min && $scope.final_values.itm_value <= item.range_max) $scope.final_values.groups.itm = item.slug;
}
});
$scope.final_values.starost = parseInt($scope.results.starost);
//TOČKE
if($scope.final_values.itm_value < 16) $scope.final_values.singles.itm = 8;
else if($scope.final_values.itm_value < 17) $scope.final_values.singles.itm = 4;
else if($scope.final_values.itm_value < 18.50) $scope.final_values.singles.itm = 2;
else if($scope.final_values.itm_value < 25) $scope.final_values.singles.itm = 0;
else if($scope.final_values.itm_value < 27.50) $scope.final_values.singles.itm = 2;
else if($scope.final_values.itm_value < 30) $scope.final_values.singles.itm = 4;
else if($scope.final_values.itm_value < 35) $scope.final_values.singles.itm = 6;
else if($scope.final_values.itm_value < 40) $scope.final_values.singles.itm = 8;
else $scope.final_values.singles.itm = 10;
//zdravje
$scope.final_values.singles.zdravje = Math.abs($scope.results.ocena_zdravja.value - 10);
//jedilnik
angular.forEach($scope.results.jedilnik, function(item, ind){
angular.forEach($scope.menu_items, function(original_itm, indx){
if(item === original_itm.name){
if(!original_itm.is_healthy) $scope.final_values.singles.jedilnik += 2;
}
});
});
//na_poti
if($scope.results.na_poti.value <= 5000) $scope.final_values.singles.na_poti = 1;
else if($scope.results.na_poti.value <= 10000) $scope.final_values.singles.na_poti = 2;
else if($scope.results.na_poti.value <= 15000) $scope.final_values.singles.na_poti = 3;
else if($scope.results.na_poti.value <= 20000) $scope.final_values.singles.na_poti = 4;
else if($scope.results.na_poti.value <= 25000) $scope.final_values.singles.na_poti = 5;
else if($scope.results.na_poti.value <= 30000) $scope.final_values.singles.na_poti = 6;
else if($scope.results.na_poti.value <= 35000) $scope.final_values.singles.na_poti = 7;
else if($scope.results.na_poti.value <= 40000) $scope.final_values.singles.na_poti = 8;
else $scope.final_values.singles.na_poti = 9;
//prisotnost_stresa
$scope.final_values.singles.prisotnost_stresa = $scope.results.prisotnost_stresa.value;
//spanje
switch($scope.results.spanje.value){
case 2: $scope.final_values.singles.spanje = 10; break;
case 3: $scope.final_values.singles.spanje = 8; break;
case 12:
case 4: $scope.final_values.singles.spanje = 6; break;
case 11:
case 5: $scope.final_values.singles.spanje = 4; break;
case 10:
case 6: $scope.final_values.singles.spanje = 2; break;
case 9:
case 8:
case 7: $scope.final_values.singles.spanje = 0; break;
default: console.log("error. Unknown sleep time value");
}
//rekreacija
angular.forEach($scope.rekreacija_options, function(original_itm, indx){
if($scope.results.rekreacija === original_itm.name) $scope.final_values.singles.rekreacija = original_itm.risk_factor;
});
//kadilec
if($scope.results.kadilec > 0){
if($scope.results.kadilec_kolicina.value < 3) $scope.final_values.singles.kadilec = 2;
else if($scope.results.kadilec_kolicina.value < 6) $scope.final_values.singles.kadilec = 4;
else if($scope.results.kadilec_kolicina.value < 11) $scope.final_values.singles.kadilec = 6;
else if($scope.results.kadilec_kolicina.value < 21) $scope.final_values.singles.kadilec = 8;
else $scope.final_values.singles.kadilec = 10;
}
//alkohol
if($scope.results.alkohol > 0){
if($scope.results.alkohol_kolicina.value < 4) $scope.final_values.singles.alkohol = 2;
else if($scope.results.alkohol_kolicina.value < 6) $scope.final_values.singles.alkohol = 4;
else if($scope.results.alkohol_kolicina.value < 8) $scope.final_values.singles.alkohol = 6;
else if($scope.results.alkohol_kolicina.value < 10) $scope.final_values.singles.alkohol = 8;
else $scope.final_values.singles.alkohol = 10;
}
//sum
angular.forEach($scope.final_values.singles, function(item, ind){
$scope.final_values.sum += item;
});
//SUM TEKST
if($scope.final_values.sum <= 30) $scope.risk_text = "Stopnja tveganja v vašem življenju je trenutno zelo nizka. Primeren življenjski slog in obvladovanje dejavnikov, ki tveganje zvišujejo, so prednosti, ki jih ohranjajte. A zavedati se je treba, da se na nekaterih področjih tveganje lahko kaj hitro poveča, zato priporočamo razmislek tudi o ustreznem zavarovanju.";
else if($scope.final_values.sum <= 40) $scope.risk_text = "Indeks kaže, da je večina tveganj v vašem življenju trenutno nizka. Oglejte si, na katerih področjih bi lahko bili nevarnostim še manj izpostavljeni. Hkrati se je dobro zavedati, da se tveganjem nikoli ne morete v celoti izogniti, zato le ohranite zdrav življenjski slog. Smiselno pa se je tudi ustrezno zavarovati.";
else if($scope.final_values.sum <= 50) $scope.risk_text = "Iz izračunanega indeksa se kaže, da na nekaterih področjih stopnja tveganja ni visoka, na drugih pa se že precej dviguje. Ker se tveganja s starostjo še povečujejo, je smiselno, da že danes razmislite, kje bi jih lahko učinkoviteje obvladovali in kako bi se lahko primerno zavarovali.";
else if($scope.final_values.sum <= 60) $scope.risk_text = "Povprečni indeks tveganj v vašem primeru je nad 50, kar že kaže na višjo stopnjo nevarnosti, ki ste jim izpostavljeni. Bodite pozorni na področjih, kjer je stopnja najvišja, in razmislite o tem, kaj lahko v svojem življenjskem slogu spremenite. Izberite tudi primerno zavarovanje.";
else if($scope.final_values.sum <= 70) $scope.risk_text = "Rezultat kaže, da je vaša izpostavljenost tveganjem že zelo visoka. Ker se ob vašem življenjskem slogu in vplivu drugih dejavnikov tveganje lahko hitro spremeni v neželen in potencialno tudi kritičen dogodek, poskrbite za spremembe in se tudi primerno zavarujte.";
else $scope.risk_text = "Izračunani indeks kaže na vašo kritično izpostavljenost tveganjem, saj ta v več kategorijah dosega najvišjo raven. Nujna je korenita sprememba vašega življenjskega sloga, saj so tveganja že danes previsoka, z leti pa še naraščajo. Poskrbite tudi za primerno zavarovanje.";
//radar chart
angular.forEach($scope.final_values.singles, function(item, ind){
$scope.radar_chart_values.datasets[0].data.push(item);
});
//reformat from 100 to 10
$scope.final_values.sum = $scope.final_values.sum / 10;
//are requirements met for form?
if($scope.results.kadilec < 1 && ($scope.final_values.itm_value >= 19 && $scope.final_values.itm_value <= 27) && $scope.final_values.singles.rekreacija < 10 && $scope.final_values.sum <= 3) $scope.final_screen.is_form = true;
//Show final screen
$scope.final_screen.active = true;
//animate sum
$timeout(function(){
self.animateRiskInterval = $interval(function(){
$scope.calc_risk += 0.1;
$scope.calc_risk = Math.round($scope.calc_risk * 10) / 10; //prevent decimal bug
$scope.shown_risk = ($scope.calc_risk +"").replace(".",",");
if($scope.calc_risk == $scope.final_values.sum) {
$interval.cancel(self.animateRiskInterval);
}
}, 30);
}, 500);
//save results + get statistics
self.saveResults();
//console.log($scope.final_values);
};
self.animateRiskInterval = null;
self.saveResults = function(){
//calc jaz_css ofsets
angular.forEach(["itm", "zdravje", "jedilnik", "na_poti", "prisotnost_stresa", "spanje", "rekreacija", "kadilec", "alkohol"], function(item, ind){
$scope.statistics[item].jaz_css = {left: ($scope.final_values.singles[item] * 10) +"%"};
});
//save result
$http.post("//eos.triglav.si/webapp/svetovalnica/save_results.php", $scope.final_values).then(function(back){
$scope.statistics.total = back.data.results_nr;
self.statistics_result = back.data;
self.calcStatistics();
$scope.final_screen.loading_results = false;
});
};
self.calcStatistics = function(){
var objekt = self.statistics_result[$scope.filters.spol][$scope.filters.starost][$scope.filters.itm];
//var total = objekt.nr;
angular.forEach(["itm", "zdravje", "jedilnik", "na_poti", "prisotnost_stresa", "spanje", "rekreacija", "kadilec", "alkohol"], function(item, ind){
$scope.statistics[item].avg = Math.round(objekt[item] / objekt.nr * 10) / 10;
if(isNaN($scope.statistics[item].avg)) $scope.statistics[item].avg = 0;
$scope.statistics[item].avg_css = {left: ($scope.statistics[item].avg * 10) +"%"};
});
};
//sending form
$scope.form_data = {
name: "",
email: "",
tel: "",
postcode: "",
captcha: "",
};
$scope.wrongCaptcha = false;
$scope.resultFormButtonClick = false;
$scope.visitedEmail = false;
$scope.formSended = false;
$scope.captchaUrl = 'https://eos2.triglav.si/zivljenje.triglav.si/captchaw.png';
$scope.sendForm = function(e){
e.preventDefault();
e.stopPropagation();
//send values
/* MISSING VALIDATION FOR ALL */
$scope.resultFormButtonClick = true;
$scope.resultForm.result_name.$setTouched();
$scope.resultForm.result_email.$setTouched();
$scope.resultForm.result_phone.$setTouched();
$scope.resultForm.result_captcha.$setTouched();
$scope.resultForm.result_postcode.$setTouched();
if($scope.resultForm.$valid) {
$http({
method : "POST",
url : "https://eos2.triglav.si/zivljenje.triglav.si/risk-save-values",
headers: {
'Content-Type': 'application/json; charset=UTF-8'
},
withCredentials: true,
data: { form: $scope.form_data, result: $scope.final_values }
}).then(function(back){
if (back.data == 'Wrong captcha') {
$scope.wrongCaptchaAgent = true;
$scope.captchaUrl = "https://eos2.triglav.si/zivljenje.triglav.si/captchaw.png?rand=" + Math.random().toString();
$scope.wrongCaptcha = true;
}
else if (back.data == 'OK'){
$scope.formSended = true;
Analytics.trackEvent(
'Zivljenska zavarovanja',
'Aplikacija - Izracun tveganja',
'Uspesno oddano - informativni izracun'
);
}
});
} else {
console.log("form not valid");
}
};
}]);
"use strict";
angular.module('triglavQuiz').controller('Newsletter', ['$scope', '$http', 'Analytics', function ($scope, $http, Analytics) {
$scope.eml_add = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
$scope.newsletterResponseText = "";
$scope.formButtonClick = false;
$scope.newsletterIsFinished = false;
$scope.subscribeNewsletter = function() {
$scope.formButtonClick = true;
$scope.newsletterForm.email.$setTouched();
$scope.newsletterForm.personal_newsletter.$setTouched();
var d=new Date();
var datum=""+d.getDate()+"."+(d.getMonth()+1)+"."+d.getFullYear()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
var datum2=new Date().toISOString().substr(0, 19);
if($scope.newsletterForm.$valid) {
$http({
method : "POST",
url : "https://gpw.eglasnik.si/i/submit_contact_v1-1.php",
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
data: 'ml_code=NMdIzLhJ5CM%3D' +
'&sec_code=0xi3lv284u' +
'&confirmation=0' +
'&lang=SLO' +
'&api_mode=RESTFUL' +
'&contacteml=' + $scope.newsletterForm.email.$viewValue +
'&sourceuser=' + datum2 + ";" + window.location +
'&category=Q1pwooQfdhg%3D' +
'&a01=' +
'&a02=' + datum
}).then(function(response) {
if (response.data == 'ok') {
$scope.newsletterIsFinished = true;
if($.cookie("cookie_module_cat") == "11") {
Analytics.trackEvent('Koliko bi bilo potrebno mojim najblizima', 'Newsletter', 'Signup successful');
}
}
else {
$scope.newsletterResponseText = "Već ste prijavljeni.";
}
})
} else {
console.log("form not valid");
}
};
}]);
"use strict";
angular.module('triglavQuiz').controller('Whitepaper', ['$scope', '$http', 'Analytics', function ($scope, $http, Analytics) {
$scope.eml_add = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
$scope.whitepaperResponseText = "";
$scope.whitepaperFormButtonClick = false;
$scope.wrongCaptcha = false;
$scope.captchaZivljenje = "https://zivljenje.triglav.si/captcha.png";
$scope.whitepaperIsFinished = false;
$scope.subscribeWhitepaper = function() {
$scope.whitepaperFormButtonClick = true;
$scope.whitepaperForm.email.$setTouched();
$scope.whitepaperForm.captcha.$setTouched();
$scope.whitepaperForm.whitepaper.$setTouched();
$scope.whitepaperForm.age.$setTouched();
var d=new Date();
var datum=""+d.getDate()+"."+(d.getMonth()+1)+"."+d.getFullYear()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
if($scope.whitepaperForm.$valid) {
$http({
method : "POST",
url : "https://zivljenje.triglav.si/9nasvetov",
withCredentials: true,
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
data: '&action=whitepaper' +
'&email=' + $scope.whitepaperForm.email.$viewValue +
'&captcha=' + $scope.whitepaperForm.captcha.$viewValue +
'&whitepaper=' + $scope.whitepaperForm.whitepaper.$viewValue +
'&personal_newsletter=' + $scope.whitepaperForm.personal_newsletter.$viewValue
}).then(function(response) {
if (response.data == 'Wrong captcha') {
$scope.wrongCaptcha = true;
$scope.captchaZivljenje = "https://zivljenje.triglav.si/captcha.png?rand="+ Math.random().toString();
}
else if (response.data == 'OK'){
$scope.wrongCaptcha = false;
//$scope.whitepaperResponseText = "Nasvete boste prejeli na e-naslov.";
$scope.whitepaperIsFinished = true;
if($.cookie("cookie_module_cat") == "10" || $.cookie("cookie_module_cat") == "11") {
fbq('track', 'Contact');
Analytics.trackEvent('Zivljenska zavarovanja', 'Narocilo na e-knjizico', 'Uspesno oddano');
}
} else {
$scope.whitepaperResponseText = "Napaka pri pošiljanju.";
}
})
} else {
console.log("form not valid");
}
};
}]);
"use strict";
angular.module('triglavQuiz').controller('AgentRequest_v2', ['$scope', '$http', 'Analytics', function ($scope, $http, Analytics) {
$scope.eml_add_agent = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
$scope.agentResponseText = "";
$scope.agentFormButtonClick = false;
$scope.wrongCaptchaAgent = false;
$scope.captchaUrl = 'https://zivljenje.triglav.si/captcha.png';
$scope.agentRequestSend = function() {
$scope.agentFormButtonClick = true;
$scope.agentForm.name.$setTouched();
$scope.agentForm.email.$setTouched();
$scope.agentForm.phone.$setTouched();
$scope.agentForm.captcha.$setTouched();
if($scope.agentForm.$valid) {
$http({
method : "POST",
url : "https://zivljenje.triglav.si/9nasvetov",
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
withCredentials: true,
data: '&action=agent_request_v2' +
'&name=' + encodeURIComponent($scope.agentForm.name.$viewValue) +
'&email=' + encodeURIComponent($scope.agentForm.email.$viewValue) +
'&phoneNumber=' + encodeURIComponent($scope.agentForm.phone.$viewValue) +
'&inputMessage=' + encodeURIComponent($scope.agentForm.more.$viewValue) +
'&source=zivljenje.triglav.si' +
'&receiver=' +
'&jcaptcha=' + encodeURIComponent($scope.agentForm.captcha.$viewValue)
}).then(function(response) {
if (response.data == 'Wrong captcha') {
$scope.wrongCaptchaAgent = true;
$scope.captchaUrl = "https://zivljenje.triglav.si/captcha.png?rand=" + Math.random().toString();
}
else if (response.data == 'OK'){
$scope.wrongCaptchaAgent = false;
//$scope.agentResponseText = "OK.";
if($.cookie("cookie_module_cat") == "10" || $.cookie("cookie_module_cat") == "11") {
fbq('track', 'Lead');
Analytics.trackEvent(
'Zivljenska zavarovanja',
'Narocilo svetovalca',
'Uspesno oddano',
{
hitCallback: function () {
window.location.href = '/wps/wcm/connect/zivljenje.triglav.si/home/narocite-svetovalca/hvala';
}
}
);
} else {
window.location.href = '/wps/wcm/connect/zivljenje.triglav.si/home/narocite-svetovalca/hvala';
}
} else {
$scope.agentResponseText = "Napaka pri pošiljanju.";
}
})
} else {
console.log("form not valid");
}
};
$scope.changeCaptcha = function() {
$scope.captchaUrl = "https://zivljenje.triglav.si/captcha.png?rand=" + Math.random().toString();
}
}]);
"use strict";
angular.module('triglavQuiz').controller('AgentRequestQuiz', ['$scope', '$http', 'Analytics', function ($scope, $http, Analytics) {
$scope.eml_add_agent = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
$scope.agentResponseText = "";
$scope.agentFormButtonClick = false;
$scope.wrongCaptchaAgent = false;
$scope.captchaUrl = 'https://www.triglav.ba/zivljenje.triglav.si/captchaw.png';
$scope.agentRequestQuizSubmitted = false;
$scope.agentRequestSend = function() {
$scope.agentFormButtonClick = true;
$scope.agentForm.name.$setTouched();
$scope.agentForm.email.$setTouched();
$scope.agentForm.phone.$setTouched();
$scope.agentForm.captcha.$setTouched();
$scope.agentForm.post.$setTouched();
$scope.agentForm.city.$setTouched();
if($scope.agentForm.$valid) {
$http({
method : "POST",
url : "https://www.triglav.ba/zivljenje.triglav.si/calculation-info-tosa",
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
withCredentials: true,
data: '&name=' + encodeURIComponent($scope.agentForm.name.$viewValue) +
'&email=' + encodeURIComponent($scope.agentForm.email.$viewValue) +
'&phoneNumber=' + encodeURIComponent($scope.agentForm.phone.$viewValue) +
'&jcaptcha=' + encodeURIComponent($scope.agentForm.captcha.$viewValue) +
'&post=' + encodeURIComponent($scope.agentForm.post.$viewValue) +
'&city=' + encodeURIComponent($scope.agentForm.city.$viewValue) +
'&uid=' + $.cookie('quiz_uid')
}).then(function(response) {
if (response.data == 'Wrong captcha') {
$scope.wrongCaptchaAgent = true;
$scope.captchaUrl = "https://www.triglav.ba/zivljenje.triglav.si/captchaw.png?rand=" + Math.random().toString();
}
else if (response.data == 'OK'){
$scope.wrongCaptchaAgent = false;
$scope.agentRequestQuizSubmitted = true;
Analytics.trackEvent(
'Koliko bi bilo potrebno mojim najblizima',
'Agent request form',
'Successfully sent'
);
} else {
$scope.agentResponseText = "Greška prilikom slanja.";
}
})
} else {
console.log("form not valid");
}
};
$scope.changeCaptcha = function() {
$scope.captchaUrl = "https://zivljenje.triglav.si/captcha.png?rand=" + Math.random().toString();
}
}]);
"use strict";
angular.module('triglavQuiz').controller('VodnikZaStarse', ['$scope', '$http', 'Analytics', function ($scope, $http, Analytics) {
$scope.eml_add_vodnik = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
$scope.vodnikResponseText = "";
$scope.vodnikFormButtonClick = false;
$scope.wrongCaptchaVodnik = false;
$scope.captchaUrl = 'https://zivljenje.triglav.si/captcha.png';
$scope.vodnikRequestSend = function() {
$scope.vodnikFormButtonClick = true;
$scope.vodnikForm.name.$setTouched();
$scope.vodnikForm.email.$setTouched();
$scope.vodnikForm.phone.$setTouched();
$scope.vodnikForm.postal_code.$setTouched();
$scope.vodnikForm.captcha.$setTouched();
if($scope.vodnikForm.$valid) {
$http({
method : "POST",
url : "https://zivljenje.triglav.si/9nasvetov",
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
withCredentials: true,
data: '&action=vodnik-za-starse' +
'&name=' + encodeURIComponent($scope.vodnikForm.name.$viewValue) +
'&email=' + encodeURIComponent($scope.vodnikForm.email.$viewValue) +
'&phoneNumber=' + encodeURIComponent($scope.vodnikForm.phone.$viewValue) +
'&postal_code=' + encodeURIComponent($scope.vodnikForm.postal_code.$viewValue) +
'&captcha=' + encodeURIComponent($scope.vodnikForm.captcha.$viewValue)
}).then(function(response) {
if (response.data == 'Wrong captcha') {
$scope.wrongCaptchaVodnik = true;
$scope.captchaUrl = "https://zivljenje.triglav.si/captcha.png?rand=" + Math.random().toString();
}
else if (response.data == 'OK'){
$scope.wrongCaptchaVodnik = false;
//$scope.vodnikResponseText = "OK.";
if($.cookie("cookie_module_cat") == "10" || $.cookie("cookie_module_cat") == "11") {
Analytics.trackEvent(
'Zivljenska zavarovanja',
'Vodnik za bodoce starse',
'Uspesno oddano',
{
hitCallback: function () {
window.location.href = '/wps/wcm/connect/zivljenje.triglav.si/home/ugodnost/hvala';
}
}
);
} else {
window.location.href = '/wps/wcm/connect/zivljenje.triglav.si/home/ugodnost/hvala';
}
} else {
$scope.vodnikResponseText = "Napaka pri pošiljanju.";
}
})
} else {
console.log("form not valid");
}
};
$scope.changeCaptcha = function() {
$scope.captchaUrl = "https://zivljenje.triglav.si/captcha.png?rand=" + Math.random().toString();
}
}]);
"use strict";
// FASTCLICK
$(function () {
FastClick.attach(document.body);
});
//********************************************
//********************************************
// 1.0 - READY
//********************************************
$(document).ready(function () {
$(".menu-img-title").each(function () {
$(this).on("click", function () {
if ($(this).parent().hasClass("is-active")) {
$(this).parent().removeClass("is-active").find(".menu-main-nav").slideUp("250");
} else {
$(this).parent().addClass("is-active").find(".menu-main-nav").slideDown("250");
}
});
});
// OPEN FAQ
$(".faq-title").each(function () {
$(this).on("click", function () {
if ($(this).parent().hasClass("is-open")) {
$(this).parent().removeClass("is-open").find(".faq-content").slideUp("300");
} else {
$(this).parent().addClass("is-open").find(".faq-content").slideDown("300");
}
});
});
// Featured articles slider
$('.why-slider').slick({
//centerMode: true,
speed: 500,
//centerPadding: '0px',
slidesToShow: 1,
slidesToScroll: 1,
//adaptiveHeight: true,
draggable: true,
infinite: false,
dots: true,
fade: true,
cssEase: 'ease-in',
arrows: true,
// appendArrows: $('.featured-slider-arrows'),
prevArrow: '',
nextArrow: ''
}).on('beforeChange', function (event, slick, currentSlide, nextSlide) {
//var currentSlide = nextSlide + 1;
//var totalSlides = slick.slideCount;
//$('.gallery-modal-counter').html(currentSlide + " / " + totalSlides);
});
// SCROLL FROM FIRST SECTION ON HOMEPAGE TO THE SECOND
$(".page-scroll").click(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $("#homepage-video").offset().top
}, 2000);
});
// FAKER INI
var chooseCategorieIni = $(".choose-categorie select").specto_faker({
on_change: function on_change(newVal, jsEvent) {
animateScreens($(".articles-list:not(.mfp-hide)"), ".articles-list.articles-" + newVal, true);
},
animated: false
});
//EQUAL HEIGHT
$(function () {
$('.equal-height').matchHeight({
byRow: true,
property: 'height',
target: null,
remove: false
});
});
$(function () {
$('.equal-height-title').matchHeight({
byRow: true,
property: 'height',
target: null,
remove: false
});
});
$(function () {
$('.equal-height-par').matchHeight({
byRow: true,
property: 'height',
target: null,
remove: false
});
});
// OPEN CONTENT OF CATEGORIE
$(".categorie-single .btn").on("click", function (e) {
e.preventDefault();
var singleCategorieId = $(this).attr("id").replace(/[^\d]/g, "");
$(".sc-categories-content").addClass("categorie-open");
animateScreens(".categories-list", ".articles-tabs, .categories-email-subs, .sub-head", true);
$(chooseCategorieIni[0]).find(".drop-selection div[rel='" + singleCategorieId + "']")[0].click();
console.log($(chooseCategorieIni[0]).find(".drop-value"));
$(chooseCategorieIni[0]).find(".drop-value")[0].click();
});
// CLOSE CONTENT OF CATEGORIE
$(".back-to-cat-list").on("click", function (e) {
e.preventDefault();
$(".sc-categories-content").removeClass("categorie-open");
animateScreens(".articles-tabs", ".categories-list", true);
fadeInEl(".categories-email-subs, .sub-head", true);
});
});
// RESIZE WATCH
$(window).resize(function () {
$.fn.matchHeight._update();
});
//animacija prehodov med screeni
function animateScreens(hidet, showt, noscroll) {
$(hidet).animate({ opacity: "0" }, {
duration: 200,
always: function always() {
$(this).addClass("mfp-hide");
$(showt).css({ opacity: "0" }).removeClass("mfp-hide").animate({ opacity: "1" }, { duration: 500, queue: false });
if (!noscroll) $("html,body").animate({ scrollTop: 0 }, { duration: 950, queue: false });
}
});
return;
}
//single element fade
function fadeInEl(el, fadeout) {
if (!fadeout) $(el).css({ opacity: "0" }).removeClass("mfp-hide").animate({ opacity: "1" }, { duration: 200, queue: false });else $(el).animate({ opacity: "0" }, { duration: 200, queue: false, always: function always() {
$(this).addClass("mfp-hide").removeAttr("style");
} });
}
//********************************************
// Return Window Width
function win_width() {
return $(window).width();
}
//********************************************
// Return Window Height
function win_height() {
return $(window).outerHeight();
}
//********************************************
// Return Header Height
function header_height() {
return $('.header-main').outerHeight();
}
//********************************************
// 1.0 - READY
//********************************************
$(document).ready(function () {
// Header Dropdown
// headerDropdown();
// Round slide
//roundSliderInit();
});
//********************************************
// 2.0 - WINDOW LOAD
//********************************************
$(window).on('load', function () {
// Slickslider
// slickSlidersInit();
// Match height added to class equal-height
$('.equal-height').matchHeight();
$('.equal-height-inner').matchHeight();
$('.equal-height-not-by-row').matchHeight({
byRow: false
});
});
// WINDOW RESIZE
$(window).on('resize', function () {
/*
$(".ui-datepicker").css({
top: $("#inputTerminDate").offset().top + 41,
left: $("#inputTerminDate").offset().left
});
*/
});