-
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-71445619-3',
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: "Potrdi",
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("" +
"
" +
"
Od starosti zavise izloženost potencijalno kritičnim bolestima, vaši prihodi i drugi faktori koji utiču na vaš život. Starost se takođe uzima u obzir kod ugovaranja Životnog osiguranja za slučaj smrti, jer ga mogu ugovoriti samo osobe od 18 do 65 godina.
" +
"
Budući da je Vaš partner u godinama u kojima obično postoji mnoštvo izazova i finansijskih obaveza (krediti, obrazovanje dece, briga o poboljšanju kvaliteta života…), životno osiguranje se preporučuje kao vid brige o finansijski zavisnom partneru jer mu/joj obezbeđuje odgovarajuću nadoknadu za gubitak Vašeg prihoda u slučaju Vaše smrti. Savetujemo da razmotrite produženje razdoblja u kojem biste osigurali gubitak 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 if($scope.questions.step1.partner_starost.value > 34 && $scope.questions.step1.partner_starost.value < 46){
partner_n = 7;
$scope.final_values.tooltipPartner = "Budući da je Vaš partner u godinama kada su finansijske potrebe I obaveze obično stabilne I teško ih je izmeniti, životno osiguranje se preporučuje kao vid brige o finansijski zavisnom partneru jer mu/joj obezbeđuje odgovarajuću nadoknadu za gubitak Vašeg prihoda u slučaju Vaše smrti. Savetujemo da razmotrite produženje razdoblja u kojem biste osigurali gubitak 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 zavisi od vas da mu osigurate odgovarajuću nadoknadu za gubitak prihoda u slučaju vaše smrti. Savetujemo da razmotrite produženje razdoblja u kom biste osigurali nadoknadu za gubitak svog prihoda jer bi pred vašim partnerom bili dugi periodi suočavanja sa svakodnevnim izazovima i finansijskim obavezama. Proizvod ovog broja godina i vaša godišnja neto plata dodaje se razlici između dugova i štednje za proračun osigurane sume.
";
}
}
else {
partner_n = 3;
$scope.final_values.tooltipPartner = "Preporučeni minimalni period (broj godina) osiguranja naknade za Vaš prihod u slučaju Vaše smrti kako bi Vaš partner bio u mogućnosti da se finansijski oporavi je tri godine. Stvarno trajanje ovog perioda zavisi od specifičnih potreba vaše porodice (dospeće kredita, starost dece ili drugih članova porodice o kojima brinete…) Možete da razgovarate sa našim savetnikom o najadekvatnijem trajanju ovog perioda za vašu porodicu. Proizvod ovog broja godina i Vaše godišnje neto plate dodaje se razlici između dugova i štednje za prorač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 dete izgubi roditelja, isplata osiguranja može mu osigurati finansijsku sigurnost u najosetljivijim godinama, pokriti troškove školovanja i druge troškove odrastanja. Ako su deca 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 proračun osigurane sume.
";
if(otrok_n > 10) {
otrok_n = 10;
$scope.final_values.tooltipChild = "Ako dete izgubi roditelja, isplata osiguranja može mu osigurati finansijsku sigurnost u najosetljivijim godinama, pokriti troškove školovanja i druge troškove odrastanja. Ako su deca 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 prorač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)) {
if($.cookie("cookie_module_cat") == "11") {
Analytics.trackEvent('Koliko bi bilo potrebno mojim najmilijima', 'Kalkulator', 'Izracun - Zacet');
}
}
}]);
'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://www.triglav.hr/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://www.triglav.hr/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://www.triglav.hr/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=9bHEYyB2tm0%3D' +
'&sec_code=s1725v1wkx' +
'&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 najmilijima', 'Newsletter', 'Uspesen subscription');
}
}
else {
$scope.newsletterResponseText = "Ste že 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.rs/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.rs/zivljenje.triglav.si/calculation-info-tobg",
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.rs/zivljenje.triglav.si/captchaw.png?rand=" + Math.random().toString();
}
else if (response.data == 'OK'){
$scope.wrongCaptchaAgent = false;
$scope.agentRequestQuizSubmitted = true;
if($.cookie("cookie_module_cat") == "11") {
Analytics.trackEvent(
'Koliko bi bilo potrebno mojim najmilijima',
'Kalkulator',
'Obrazec - poslan'
);
}
} 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
});
*/
});