/* Minification failed. Returning unminified contents. (4207,27-28): run-time error JS1195: Expected expression: > (4216,10-11): run-time error JS1195: Expected expression: ) (5249,1-2): run-time error JS1002: Syntax error: } */ !function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a():"function"==typeof define&&define.amd?define(a):e.moment=a()}(this,function(){"use strict";var e,n;function l(){return e.apply(null,arguments)}function _(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function i(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function o(e){return void 0===e}function m(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function u(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function M(e,a){var t,s=[];for(t=0;t>>0,s=0;sTe(e)?(d=e+1,_-Te(e)):(d=e,_),{year:d,dayOfYear:r}}function Ce(e,a,t){var s,n,d=Ne(e.year(),a,t),r=Math.floor((e.dayOfYear()-d-1)/7)+1;return r<1?s=r+Ie(n=e.year()-1,a,t):r>Ie(e.year(),a,t)?(s=r-Ie(e.year(),a,t),n=e.year()+1):(n=e.year(),s=r),{week:s,year:n}}function Ie(e,a,t){var s=Ne(e,a,t),n=Ne(e+1,a,t);return(Te(e)-s+n)/7}C("w",["ww",2],"wo","week"),C("W",["WW",2],"Wo","isoWeek"),O("week","w"),O("isoWeek","W"),E("week",5),E("isoWeek",5),ie("w",B),ie("ww",B,V),ie("W",B),ie("WW",B,V),Me(["w","ww","W","WW"],function(e,a,t,s){a[s.substr(0,1)]=g(e)});function Ue(e,a){return e.slice(a,7).concat(e.slice(0,a))}C("d",0,"do","day"),C("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),C("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),C("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),C("e",0,0,"weekday"),C("E",0,0,"isoWeekday"),O("day","d"),O("weekday","e"),O("isoWeekday","E"),E("day",11),E("weekday",11),E("isoWeekday",11),ie("d",B),ie("e",B),ie("E",B),ie("dd",function(e,a){return a.weekdaysMinRegex(e)}),ie("ddd",function(e,a){return a.weekdaysShortRegex(e)}),ie("dddd",function(e,a){return a.weekdaysRegex(e)}),Me(["dd","ddd","dddd"],function(e,a,t,s){var n=t._locale.weekdaysParse(e,s,t._strict);null!=n?a.d=n:Y(t).invalidWeekday=e}),Me(["d","e","E"],function(e,a,t,s){a[s]=g(e)});var Ge="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_");var Ve="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_");var Ke="Su_Mo_Tu_We_Th_Fr_Sa".split("_");var Ze=re;var $e=re;var Be=re;function qe(){function e(e,a){return a.length-e.length}var a,t,s,n,d,r=[],_=[],i=[],o=[];for(a=0;a<7;a++)t=c([2e3,1]).day(a),s=this.weekdaysMin(t,""),n=this.weekdaysShort(t,""),d=this.weekdays(t,""),r.push(s),_.push(n),i.push(d),o.push(s),o.push(n),o.push(d);for(r.sort(e),_.sort(e),i.sort(e),o.sort(e),a=0;a<7;a++)_[a]=me(_[a]),i[a]=me(i[a]),o[a]=me(o[a]);this._weekdaysRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+_.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+r.join("|")+")","i")}function Qe(){return this.hours()%12||12}function Xe(e,a){C(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),a)})}function ea(e,a){return a._meridiemParse}C("H",["HH",2],0,"hour"),C("h",["hh",2],0,Qe),C("k",["kk",2],0,function(){return this.hours()||24}),C("hmm",0,0,function(){return""+Qe.apply(this)+F(this.minutes(),2)}),C("hmmss",0,0,function(){return""+Qe.apply(this)+F(this.minutes(),2)+F(this.seconds(),2)}),C("Hmm",0,0,function(){return""+this.hours()+F(this.minutes(),2)}),C("Hmmss",0,0,function(){return""+this.hours()+F(this.minutes(),2)+F(this.seconds(),2)}),Xe("a",!0),Xe("A",!1),O("hour","h"),E("hour",13),ie("a",ea),ie("A",ea),ie("H",B),ie("h",B),ie("k",B),ie("HH",B,V),ie("hh",B,V),ie("kk",B,V),ie("hmm",q),ie("hmmss",Q),ie("Hmm",q),ie("Hmmss",Q),le(["H","HH"],Ye),le(["k","kk"],function(e,a,t){var s=g(e);a[Ye]=24===s?0:s}),le(["a","A"],function(e,a,t){t._isPm=t._locale.isPM(e),t._meridiem=e}),le(["h","hh"],function(e,a,t){a[Ye]=g(e),Y(t).bigHour=!0}),le("hmm",function(e,a,t){var s=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s)),Y(t).bigHour=!0}),le("hmmss",function(e,a,t){var s=e.length-4,n=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s,2)),a[fe]=g(e.substr(n)),Y(t).bigHour=!0}),le("Hmm",function(e,a,t){var s=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s))}),le("Hmmss",function(e,a,t){var s=e.length-4,n=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s,2)),a[fe]=g(e.substr(n))});var aa,ta=Se("Hours",!0),sa={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Oe,monthsShort:Pe,week:{dow:0,doy:6},weekdays:Ge,weekdaysMin:Ke,weekdaysShort:Ve,meridiemParse:/[ap]\.?m?\.?/i},na={},da={};function ra(e){return e?e.toLowerCase().replace("_","-"):e}function _a(e){var a=null;if(!na[e]&&"undefined"!=typeof module&&module&&module.exports)try{a=aa._abbr,require("./locale/"+e),ia(a)}catch(e){}return na[e]}function ia(e,a){var t;return e&&((t=o(a)?ma(e):oa(e,a))?aa=t:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),aa._abbr}function oa(e,a){if(null===a)return delete na[e],null;var t,s=sa;if(a.abbr=e,null!=na[e])S("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=na[e]._config;else if(null!=a.parentLocale)if(null!=na[a.parentLocale])s=na[a.parentLocale]._config;else{if(null==(t=_a(a.parentLocale)))return da[a.parentLocale]||(da[a.parentLocale]=[]),da[a.parentLocale].push({name:e,config:a}),null;s=t._config}return na[e]=new j(b(s,a)),da[e]&&da[e].forEach(function(e){oa(e.name,e.config)}),ia(e),na[e]}function ma(e){var a;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return aa;if(!_(e)){if(a=_a(e))return a;e=[e]}return function(e){for(var a,t,s,n,d=0;d=a&&r(n,t,!0)>=a-1)break;a--}d++}return aa}(e)}function ua(e){var a,t=e._a;return t&&-2===Y(e).overflow&&(a=t[Le]<0||11je(t[he],t[Le])?ce:t[Ye]<0||24Ie(t,d,r)?Y(e)._overflowWeeks=!0:null!=i?Y(e)._overflowWeekday=!0:(_=Re(t,s,n,d,r),e._a[he]=_.year,e._dayOfYear=_.dayOfYear)}(e),null!=e._dayOfYear&&(d=la(e._a[he],s[he]),(e._dayOfYear>Te(d)||0===e._dayOfYear)&&(Y(e)._overflowDayOfYear=!0),t=Je(d,0,e._dayOfYear),e._a[Le]=t.getUTCMonth(),e._a[ce]=t.getUTCDate()),a=0;a<3&&null==e._a[a];++a)e._a[a]=r[a]=s[a];for(;a<7;a++)e._a[a]=r[a]=null==e._a[a]?2===a?1:0:e._a[a];24===e._a[Ye]&&0===e._a[ye]&&0===e._a[fe]&&0===e._a[ke]&&(e._nextDay=!0,e._a[Ye]=0),e._d=(e._useUTC?Je:function(e,a,t,s,n,d,r){var _;return e<100&&0<=e?(_=new Date(e+400,a,t,s,n,d,r),isFinite(_.getFullYear())&&_.setFullYear(e)):_=new Date(e,a,t,s,n,d,r),_}).apply(null,r),n=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[Ye]=24),e._w&&void 0!==e._w.d&&e._w.d!==n&&(Y(e).weekdayMismatch=!0)}}var ha=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,La=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,ca=/Z|[+-]\d\d(?::?\d\d)?/,Ya=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],ya=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],fa=/^\/?Date\((\-?\d+)/i;function ka(e){var a,t,s,n,d,r,_=e._i,i=ha.exec(_)||La.exec(_);if(i){for(Y(e).iso=!0,a=0,t=Ya.length;at.valueOf():t.valueOf()this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},Mt.isLocal=function(){return!!this.isValid()&&!this._isUTC},Mt.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},Mt.isUtc=Ra,Mt.isUTC=Ra,Mt.zoneAbbr=function(){return this._isUTC?"UTC":""},Mt.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},Mt.dates=t("dates accessor is deprecated. Use date instead.",_t),Mt.months=t("months accessor is deprecated. Use month instead",Ae),Mt.years=t("years accessor is deprecated. Use year instead",ve),Mt.zone=t("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,a){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,a),this):-this.utcOffset()}),Mt.isDSTShifted=t("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){if(!o(this._isDSTShifted))return this._isDSTShifted;var e={};if(k(e,this),(e=va(e))._a){var a=e._isUTC?c(e._a):Ha(e._a);this._isDSTShifted=this.isValid()&&01)throw new TypeError("isEnabled expects a single character string parameter");switch(a){case"y":return i.indexOf("Y")!==-1;case"M":return i.indexOf("M")!==-1;case"d":return i.toLowerCase().indexOf("d")!==-1;case"h":case"H":return i.toLowerCase().indexOf("h")!==-1;case"m":return i.indexOf("m")!==-1;case"s":return i.indexOf("s")!==-1;default:return!1}},A=function(){return z("h")||z("m")||z("s")},B=function(){return z("y")||z("M")||z("d")},C=function(){var b=a("").append(a("").append(a("").addClass("prev").attr("data-action","previous").append(a("").addClass(d.icons.previous))).append(a("").addClass("picker-switch").attr("data-action","pickerSwitch").attr("colspan",d.calendarWeeks?"6":"5")).append(a("").addClass("next").attr("data-action","next").append(a("").addClass(d.icons.next)))),c=a("").append(a("").append(a("").attr("colspan",d.calendarWeeks?"8":"7")));return[a("
").addClass("datepicker-days").append(a("").addClass("table-condensed").append(b).append(a(""))),a("
").addClass("datepicker-months").append(a("
").addClass("table-condensed").append(b.clone()).append(c.clone())),a("
").addClass("datepicker-years").append(a("
").addClass("table-condensed").append(b.clone()).append(c.clone())),a("
").addClass("datepicker-decades").append(a("
").addClass("table-condensed").append(b.clone()).append(c.clone()))]},D=function(){var b=a(""),c=a(""),e=a("");return z("h")&&(b.append(a("
").append(a("").attr({href:"#",tabindex:"-1",title:d.tooltips.incrementHour}).addClass("btn").attr("data-action","incrementHours").append(a("").addClass(d.icons.up)))),c.append(a("").append(a("").addClass("timepicker-hour").attr({"data-time-component":"hours",title:d.tooltips.pickHour}).attr("data-action","showHours"))),e.append(a("").append(a("").attr({href:"#",tabindex:"-1",title:d.tooltips.decrementHour}).addClass("btn").attr("data-action","decrementHours").append(a("").addClass(d.icons.down))))),z("m")&&(z("h")&&(b.append(a("").addClass("separator")),c.append(a("").addClass("separator").html(":")),e.append(a("").addClass("separator"))),b.append(a("").append(a("").attr({href:"#",tabindex:"-1",title:d.tooltips.incrementMinute}).addClass("btn").attr("data-action","incrementMinutes").append(a("").addClass(d.icons.up)))),c.append(a("").append(a("").addClass("timepicker-minute").attr({"data-time-component":"minutes",title:d.tooltips.pickMinute}).attr("data-action","showMinutes"))),e.append(a("").append(a("").attr({href:"#",tabindex:"-1",title:d.tooltips.decrementMinute}).addClass("btn").attr("data-action","decrementMinutes").append(a("").addClass(d.icons.down))))),z("s")&&(z("m")&&(b.append(a("").addClass("separator")),c.append(a("").addClass("separator").html(":")),e.append(a("").addClass("separator"))),b.append(a("").append(a("").attr({href:"#",tabindex:"-1",title:d.tooltips.incrementSecond}).addClass("btn").attr("data-action","incrementSeconds").append(a("").addClass(d.icons.up)))),c.append(a("").append(a("").addClass("timepicker-second").attr({"data-time-component":"seconds",title:d.tooltips.pickSecond}).attr("data-action","showSeconds"))),e.append(a("").append(a("").attr({href:"#",tabindex:"-1",title:d.tooltips.decrementSecond}).addClass("btn").attr("data-action","decrementSeconds").append(a("").addClass(d.icons.down))))),h||(b.append(a("").addClass("separator")),c.append(a("").append(a("").addClass("separator"))),a("
").addClass("timepicker-picker").append(a("").addClass("table-condensed").append([b,c,e]))},E=function(){var b=a("
").addClass("timepicker-hours").append(a("
").addClass("table-condensed")),c=a("
").addClass("timepicker-minutes").append(a("
").addClass("table-condensed")),d=a("
").addClass("timepicker-seconds").append(a("
").addClass("table-condensed")),e=[D()];return z("h")&&e.push(b),z("m")&&e.push(c),z("s")&&e.push(d),e},F=function(){var b=[];return d.showTodayButton&&b.push(a("').attr({ 'data-questionid': questionId, 'data-optionid': optionId, 'data-price-with-vat': item.CalculatedPrice }); $.each(props, function (index, prop) { if (item[prop] === item["OptionName"]) { $('" + ""; var $rowVatPercent = $tbody.find(".vat-percent"); var $rowVatPrice = $tbody.find(".vat-price"); var $tableRows = $tbody.find('tr'); var $rowGrandTotal = $tfoot.find(".js-row-grand-total"); var vatPercent = 0, vatAmount = 0, commonVatRows = [], seen = {}; $rowVatPercent.each(function () { var $tblrow = $(this); vatPercent = parseFloat($tblrow.html()); }); $rowVatPrice.each(function () { var $tblrow = $(this); vatAmount = parseFloat($tblrow.html()); }); $tableRows.each(function () { var vtPercent = parseFloat($(this).find(".vat-percent").text()); var vtAmount = parseFloat($(this).find(".vat-price").text()); if (seen[vtPercent]) {//already exists into table for (var i = 0; i < commonVatRows.length; i++) { if (commonVatRows[i].vtPercent === vtPercent) { commonVatRows[i].vtPercent = vtPercent; commonVatRows[i].vtAmount += vtAmount; } } } else { seen[vtPercent] = true; commonVatRows.push({ vtPercent: vtPercent, vtAmount: vtAmount }); } }); $tfoot.find(".vat-percent-area").each(function () {//First remove all vat row $(this).remove(); }); for (var i = 0; i < commonVatRows.length; i++) {// Add row again vatPercent = commonVatRows[i].vtPercent; vatAmount = commonVatRows[i].vtAmount; var formattedRow = Webropol.Shared.Common.stringFormat($rowSummaryVatPercent, optionId, questionId, messages.summaryVatLabel, vatPercent.toFixed(2), vatAmount.toFixed(2)); $rowGrandTotal.before(formattedRow); } }; var removeVatRowByOptionId = function (optionId) { var $rowVatPercentArea = $tfoot.find('tr[data-optionid="' + optionId + '"]'); $rowVatPercentArea.remove(); }; var addClassToTable = function () { $tbody.find('td:nth-child(2)').addClass('text-right price-exclude-vat'); $tbody.find('td:nth-child(3)').addClass('text-right vat-percent'); $tbody.find('td:nth-child(4)').addClass('text-right vat-price'); $tbody.find('td:nth-child(5)').addClass('text-right price-include-vat'); }; }; ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipation = Webropol.Survey.SurveyParticipation || {}; Webropol.Survey.SurveyParticipation.SameAnswersPopup = function (participation) { var _this = this, _participation = participation, _popup = null; this.showPopup = function () { if (_popup) { _popup.modal("show"); } else { var $confirmationCheckbox = $("#same-answers-confirm"); var $proceedButton = $("#same-answers-proceed-button"); $confirmationCheckbox.on("change", function() { if (this.checked) { $proceedButton.removeAttr('disabled'); } else { $proceedButton.attr('disabled', 'disabled'); } }); $proceedButton.on("click", function () { _participation.handleSubmit(true); }); var options = { doNotClone: true, afterHidePopup: function () { $confirmationCheckbox.prop("checked", false); $proceedButton.attr('disabled', 'disabled'); } }; _popup = Webropol.Shared.Common.showPopupForContainer($("#same-answers-dialog"), options); } }; };; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipation = Webropol.Survey.SurveyParticipation || {}; Webropol.Survey.SurveyParticipation.SignResponsePopup = function (participation, urls) { var _this = this, _participation = participation, _urls = urls, _popup = null; var pinIsValid = function (pin) { var totalCount = Webropol.Constants.Common.ResponseToken.TotalCount; var pattern = new RegExp("[0-9]{" + totalCount + "}"); return pattern.test(pin); } this.showPopup = function () { var $proceedButton = $("#sign-response-proceed-button"); var $pinInput = $("#sign-response-pin"); var $inputValidation = $("#input-validation-error"); var $pinValidation = $("#pin-validation-error"); if (_popup) { $pinInput.val(""); $inputValidation.hide(); $pinValidation.hide(); _popup.modal("show"); } else { $proceedButton.on("click", function () { var pin = $pinInput.val(); if(!pinIsValid(pin)) { $inputValidation.show(); return false; } else { $inputValidation.hide(); } Webropol.Shared.Common.callAsync( null, _urls.validateToken + "&inputToken=" + encodeURIComponent(pin), function (data) { if(data && data.ExtraData) { _popup.modal("hide"); _participation.doSubmit(); } else { $pinValidation.show(); } }, function () { $pinValidation.show(); }); return false; }); $pinInput.on("change", function() { console.log($(this).val()); }); var options = { doNotClone: true, afterHidePopup: function () { } }; _popup = Webropol.Shared.Common.showPopupForContainer($("#sign-response-dialog"), options); } } }; ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipation = Webropol.Survey.SurveyParticipation || {}; Webropol.Survey.SurveyParticipation.SummaryCloseWarningPopup = function (participation) { var _this = this, _participation = participation, _popup = null; this.showPopup = function () { var $proceedButton = $("#close-summary-proceed-button"); if (_popup) { _popup.modal("show"); } else { $proceedButton.on("click", function () { _popup.modal("hide"); _participation.doFinishSummary(); return false; }); var options = { doNotClone: true, afterHidePopup: function () { } }; _popup = Webropol.Shared.Common.showPopupForContainer($("#summary-close-warning-dialog"), options); } } }; ;
").append(a("").attr({"data-action":"today",title:d.tooltips.today}).append(a("").addClass(d.icons.today)))),!d.sideBySide&&B()&&A()&&b.push(a("").append(a("").attr({"data-action":"togglePicker",title:d.tooltips.selectTime}).append(a("").addClass(d.icons.time)))),d.showClear&&b.push(a("").append(a("").attr({"data-action":"clear",title:d.tooltips.clear}).append(a("").addClass(d.icons.clear)))),d.showClose&&b.push(a("").append(a("").attr({"data-action":"close",title:d.tooltips.close}).append(a("").addClass(d.icons.close)))),a("").addClass("table-condensed").append(a("").append(a("").append(b)))},G=function(){var b=a("
").addClass("bootstrap-datetimepicker-widget dropdown-menu"),c=a("
").addClass("datepicker").append(C()),e=a("
").addClass("timepicker").append(E()),f=a("
    ").addClass("list-unstyled"),g=a("
  • ").addClass("picker-switch"+(d.collapse?" accordion-toggle":"")).append(F());return d.inline&&b.removeClass("dropdown-menu"),h&&b.addClass("usetwentyfour"),z("s")&&!h&&b.addClass("wider"),d.sideBySide&&B()&&A()?(b.addClass("timepicker-sbs"),"top"===d.toolbarPlacement&&b.append(g),b.append(a("
    ").addClass("row").append(c.addClass("col-md-6")).append(e.addClass("col-md-6"))),"bottom"===d.toolbarPlacement&&b.append(g),b):("top"===d.toolbarPlacement&&f.append(g),B()&&f.append(a("
  • ").addClass(d.collapse&&A()?"collapse in":"").append(c)),"default"===d.toolbarPlacement&&f.append(g),A()&&f.append(a("
  • ").addClass(d.collapse&&B()?"collapse":"").append(e)),"bottom"===d.toolbarPlacement&&f.append(g),b.append(f))},H=function(){var b,e={};return b=c.is("input")||d.inline?c.data():c.find("input").data(),b.dateOptions&&b.dateOptions instanceof Object&&(e=a.extend(!0,e,b.dateOptions)),a.each(d,function(a){var c="date"+a.charAt(0).toUpperCase()+a.slice(1);void 0!==b[c]&&(e[a]=b[c])}),e},I=function(){var b,e=(n||c).position(),f=(n||c).offset(),g=d.widgetPositioning.vertical,h=d.widgetPositioning.horizontal;if(d.widgetParent)b=d.widgetParent.append(o);else if(c.is("input"))b=c.after(o).parent();else{if(d.inline)return void(b=c.append(o));b=c,c.children().first().after(o)}if("auto"===g&&(g=f.top+1.5*o.height()>=a(window).height()+a(window).scrollTop()&&o.height()+c.outerHeight()a(window).width()?"right":"left"),"top"===g?o.addClass("top").removeClass("bottom"):o.addClass("bottom").removeClass("top"),"right"===h?o.addClass("pull-right"):o.removeClass("pull-right"),"static"===b.css("position")&&(b=b.parents().filter(function(){return"static"!==a(this).css("position")}).first()),0===b.length)throw new Error("datetimepicker component should be placed within a non-static positioned container");o.css({top:"top"===g?"auto":e.top+c.outerHeight(),bottom:"top"===g?b.outerHeight()-(b===c?0:e.top):"auto",left:"left"===h?b===c?0:e.left:"auto",right:"left"===h?"auto":b.outerWidth()-c.outerWidth()-(b===c?0:e.left)})},J=function(a){"dp.change"===a.type&&(a.date&&a.date.isSame(a.oldDate)||!a.date&&!a.oldDate)||c.trigger(a)},K=function(a){"y"===a&&(a="YYYY"),J({type:"dp.update",change:a,viewDate:f.clone()})},L=function(a){o&&(a&&(k=Math.max(p,Math.min(3,k+a))),o.find(".datepicker > div").hide().filter(".datepicker-"+q[k].clsName).show())},M=function(){var b=a("
"),c=f.clone().startOf("w").startOf("d");for(d.calendarWeeks===!0&&b.append(a(""),d.calendarWeeks&&c.append('"),j.push(c)),k=["day"],b.isBefore(f,"M")&&k.push("old"),b.isAfter(f,"M")&&k.push("new"),b.isSame(e,"d")&&!m&&k.push("active"),R(b,"d")||k.push("disabled"),b.isSame(y(),"d")&&k.push("today"),0!==b.day()&&6!==b.day()||k.push("weekend"),J({type:"dp.classify",date:b,classNames:k}),c.append('"),b.add(1,"d");h.find("tbody").empty().append(j),T(),U(),V()}},X=function(){var b=o.find(".timepicker-hours table"),c=f.clone().startOf("d"),d=[],e=a("");for(f.hour()>11&&!h&&c.hour(12);c.isSame(f,"d")&&(h||f.hour()<12&&c.hour()<12||f.hour()>11);)c.hour()%4===0&&(e=a(""),d.push(e)),e.append('"),c.add(1,"h");b.empty().append(d)},Y=function(){for(var b=o.find(".timepicker-minutes table"),c=f.clone().startOf("h"),e=[],g=a(""),h=1===d.stepping?5:d.stepping;f.isSame(c,"h");)c.minute()%(4*h)===0&&(g=a(""),e.push(g)),g.append('"),c.add(h,"m");b.empty().append(e)},Z=function(){for(var b=o.find(".timepicker-seconds table"),c=f.clone().startOf("m"),d=[],e=a("");f.isSame(c,"m");)c.second()%20===0&&(e=a(""),d.push(e)),e.append('"),c.add(5,"s");b.empty().append(d)},$=function(){var a,b,c=o.find(".timepicker span[data-time-component]");h||(a=o.find(".timepicker [data-action=togglePeriod]"),b=e.clone().add(e.hours()>=12?-12:12,"h"),a.text(e.format("A")),R(b,"h")?a.removeClass("disabled"):a.addClass("disabled")),c.filter("[data-time-component=hours]").text(e.format(h?"HH":"hh")),c.filter("[data-time-component=minutes]").text(e.format("mm")),c.filter("[data-time-component=seconds]").text(e.format("ss")),X(),Y(),Z()},_=function(){o&&(W(),$())},aa=function(a){var b=m?null:e;if(!a)return m=!0,g.val(""),c.data("date",""),J({type:"dp.change",date:!1,oldDate:b}),void _();if(a=a.clone().locale(d.locale),x()&&a.tz(d.timeZone),1!==d.stepping)for(a.minutes(Math.round(a.minutes()/d.stepping)*d.stepping).seconds(0);d.minDate&&a.isBefore(d.minDate);)a.add(d.stepping,"minutes");R(a)?(e=a,f=e.clone(),g.val(e.format(i)),c.data("date",e.format(i)),m=!1,_(),J({type:"dp.change",date:e.clone(),oldDate:b})):(d.keepInvalid?J({type:"dp.change",date:a,oldDate:b}):g.val(m?"":e.format(i)),J({type:"dp.error",date:a,oldDate:b}))},ba=function(){var b=!1;return o?(o.find(".collapse").each(function(){var c=a(this).data("collapse");return!c||!c.transitioning||(b=!0,!1)}),b?l:(n&&n.hasClass("btn")&&n.toggleClass("active"),o.hide(),a(window).off("resize",I),o.off("click","[data-action]"),o.off("mousedown",!1),o.remove(),o=!1,J({type:"dp.hide",date:e.clone()}),g.blur(),k=0,f=e.clone(),l)):l},ca=function(){aa(null)},da=function(a){return void 0===d.parseInputDate?(!b.isMoment(a)||a instanceof Date)&&(a=y(a)):a=d.parseInputDate(a),a},ea={next:function(){var a=q[k].navFnc;f.add(q[k].navStep,a),W(),K(a)},previous:function(){var a=q[k].navFnc;f.subtract(q[k].navStep,a),W(),K(a)},pickerSwitch:function(){L(1)},selectMonth:function(b){var c=a(b.target).closest("tbody").find("span").index(a(b.target));f.month(c),k===p?(aa(e.clone().year(f.year()).month(f.month())),d.inline||ba()):(L(-1),W()),K("M")},selectYear:function(b){var c=parseInt(a(b.target).text(),10)||0;f.year(c),k===p?(aa(e.clone().year(f.year())),d.inline||ba()):(L(-1),W()),K("YYYY")},selectDecade:function(b){var c=parseInt(a(b.target).data("selection"),10)||0;f.year(c),k===p?(aa(e.clone().year(f.year())),d.inline||ba()):(L(-1),W()),K("YYYY")},selectDay:function(b){var c=f.clone();a(b.target).is(".old")&&c.subtract(1,"M"),a(b.target).is(".new")&&c.add(1,"M"),aa(c.date(parseInt(a(b.target).text(),10))),A()||d.keepOpen||d.inline||ba()},incrementHours:function(){var a=e.clone().add(1,"h");R(a,"h")&&aa(a)},incrementMinutes:function(){var a=e.clone().add(d.stepping,"m");R(a,"m")&&aa(a)},incrementSeconds:function(){var a=e.clone().add(1,"s");R(a,"s")&&aa(a)},decrementHours:function(){var a=e.clone().subtract(1,"h");R(a,"h")&&aa(a)},decrementMinutes:function(){var a=e.clone().subtract(d.stepping,"m");R(a,"m")&&aa(a)},decrementSeconds:function(){var a=e.clone().subtract(1,"s");R(a,"s")&&aa(a)},togglePeriod:function(){aa(e.clone().add(e.hours()>=12?-12:12,"h"))},togglePicker:function(b){var c,e=a(b.target),f=e.closest("ul"),g=f.find(".in"),h=f.find(".collapse:not(.in)");if(g&&g.length){if(c=g.data("collapse"),c&&c.transitioning)return;g.collapse?(g.collapse("hide"),h.collapse("show")):(g.removeClass("in"),h.addClass("in")),e.is("span")?e.toggleClass(d.icons.time+" "+d.icons.date):e.find("span").toggleClass(d.icons.time+" "+d.icons.date)}},showPicker:function(){o.find(".timepicker > div:not(.timepicker-picker)").hide(),o.find(".timepicker .timepicker-picker").show()},showHours:function(){o.find(".timepicker .timepicker-picker").hide(),o.find(".timepicker .timepicker-hours").show()},showMinutes:function(){o.find(".timepicker .timepicker-picker").hide(),o.find(".timepicker .timepicker-minutes").show()},showSeconds:function(){o.find(".timepicker .timepicker-picker").hide(),o.find(".timepicker .timepicker-seconds").show()},selectHour:function(b){var c=parseInt(a(b.target).text(),10);h||(e.hours()>=12?12!==c&&(c+=12):12===c&&(c=0)),aa(e.clone().hours(c)),ea.showPicker.call(l)},selectMinute:function(b){aa(e.clone().minutes(parseInt(a(b.target).text(),10))),ea.showPicker.call(l)},selectSecond:function(b){aa(e.clone().seconds(parseInt(a(b.target).text(),10))),ea.showPicker.call(l)},clear:ca,today:function(){var a=y();R(a,"d")&&aa(a)},close:ba},fa=function(b){return!a(b.currentTarget).is(".disabled")&&(ea[a(b.currentTarget).data("action")].apply(l,arguments),!1)},ga=function(){var b,c={year:function(a){return a.month(0).date(1).hours(0).seconds(0).minutes(0)},month:function(a){return a.date(1).hours(0).seconds(0).minutes(0)},day:function(a){return a.hours(0).seconds(0).minutes(0)},hour:function(a){return a.seconds(0).minutes(0)},minute:function(a){return a.seconds(0)}};return g.prop("disabled")||!d.ignoreReadonly&&g.prop("readonly")||o?l:(void 0!==g.val()&&0!==g.val().trim().length?aa(da(g.val().trim())):m&&d.useCurrent&&(d.inline||g.is("input")&&0===g.val().trim().length)&&(b=y(),"string"==typeof d.useCurrent&&(b=c[d.useCurrent](b)),aa(b)),o=G(),M(),S(),o.find(".timepicker-hours").hide(),o.find(".timepicker-minutes").hide(),o.find(".timepicker-seconds").hide(),_(),L(),a(window).on("resize",I),o.on("click","[data-action]",fa),o.on("mousedown",!1),n&&n.hasClass("btn")&&n.toggleClass("active"),I(),o.show(),d.focusOnShow&&!g.is(":focus")&&g.focus(),J({type:"dp.show"}),l)},ha=function(){return o?ba():ga()},ia=function(a){var b,c,e,f,g=null,h=[],i={},j=a.which,k="p";w[j]=k;for(b in w)w.hasOwnProperty(b)&&w[b]===k&&(h.push(b),parseInt(b,10)!==j&&(i[b]=!0));for(b in d.keyBinds)if(d.keyBinds.hasOwnProperty(b)&&"function"==typeof d.keyBinds[b]&&(e=b.split(" "),e.length===h.length&&v[j]===e[e.length-1])){for(f=!0,c=e.length-2;c>=0;c--)if(!(v[e[c]]in i)){f=!1;break}if(f){g=d.keyBinds[b];break}}g&&(g.call(l,o),a.stopPropagation(),a.preventDefault())},ja=function(a){w[a.which]="r",a.stopPropagation(),a.preventDefault()},ka=function(b){var c=a(b.target).val().trim(),d=c?da(c):null;return aa(d),b.stopImmediatePropagation(),!1},la=function(){g.on({change:ka,blur:d.debug?"":ba,keydown:ia,keyup:ja,focus:d.allowInputToggle?ga:""}),c.is("input")?g.on({focus:ga}):n&&(n.on("click",ha),n.on("mousedown",!1))},ma=function(){g.off({change:ka,blur:blur,keydown:ia,keyup:ja,focus:d.allowInputToggle?ba:""}),c.is("input")?g.off({focus:ga}):n&&(n.off("click",ha),n.off("mousedown",!1))},na=function(b){var c={};return a.each(b,function(){var a=da(this);a.isValid()&&(c[a.format("YYYY-MM-DD")]=!0)}),!!Object.keys(c).length&&c},oa=function(b){var c={};return a.each(b,function(){c[this]=!0}),!!Object.keys(c).length&&c},pa=function(){var a=d.format||"L LT";i=a.replace(/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,function(a){var b=e.localeData().longDateFormat(a)||a;return b.replace(/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,function(a){return e.localeData().longDateFormat(a)||a})}),j=d.extraFormats?d.extraFormats.slice():[],j.indexOf(a)<0&&j.indexOf(i)<0&&j.push(i),h=i.toLowerCase().indexOf("a")<1&&i.replace(/\[.*?\]/g,"").indexOf("h")<1,z("y")&&(p=2),z("M")&&(p=1),z("d")&&(p=0),k=Math.max(p,k),m||aa(e)};if(l.destroy=function(){ba(),ma(),c.removeData("DateTimePicker"),c.removeData("date")},l.toggle=ha,l.show=ga,l.hide=ba,l.disable=function(){return ba(),n&&n.hasClass("btn")&&n.addClass("disabled"),g.prop("disabled",!0),l},l.enable=function(){return n&&n.hasClass("btn")&&n.removeClass("disabled"),g.prop("disabled",!1),l},l.ignoreReadonly=function(a){if(0===arguments.length)return d.ignoreReadonly;if("boolean"!=typeof a)throw new TypeError("ignoreReadonly () expects a boolean parameter");return d.ignoreReadonly=a,l},l.options=function(b){if(0===arguments.length)return a.extend(!0,{},d);if(!(b instanceof Object))throw new TypeError("options() options parameter should be an object");return a.extend(!0,d,b),a.each(d,function(a,b){if(void 0===l[a])throw new TypeError("option "+a+" is not recognized!");l[a](b)}),l},l.date=function(a){if(0===arguments.length)return m?null:e.clone();if(!(null===a||"string"==typeof a||b.isMoment(a)||a instanceof Date))throw new TypeError("date() parameter must be one of [null, string, moment or Date]");return aa(null===a?null:da(a)),l},l.format=function(a){if(0===arguments.length)return d.format;if("string"!=typeof a&&("boolean"!=typeof a||a!==!1))throw new TypeError("format() expects a string or boolean:false parameter "+a);return d.format=a,i&&pa(),l},l.timeZone=function(a){if(0===arguments.length)return d.timeZone;if("string"!=typeof a)throw new TypeError("newZone() expects a string parameter");return d.timeZone=a,l},l.dayViewHeaderFormat=function(a){if(0===arguments.length)return d.dayViewHeaderFormat;if("string"!=typeof a)throw new TypeError("dayViewHeaderFormat() expects a string parameter");return d.dayViewHeaderFormat=a,l},l.extraFormats=function(a){if(0===arguments.length)return d.extraFormats;if(a!==!1&&!(a instanceof Array))throw new TypeError("extraFormats() expects an array or false parameter");return d.extraFormats=a,j&&pa(),l},l.disabledDates=function(b){if(0===arguments.length)return d.disabledDates?a.extend({},d.disabledDates):d.disabledDates;if(!b)return d.disabledDates=!1,_(),l;if(!(b instanceof Array))throw new TypeError("disabledDates() expects an array parameter");return d.disabledDates=na(b),d.enabledDates=!1,_(),l},l.enabledDates=function(b){if(0===arguments.length)return d.enabledDates?a.extend({},d.enabledDates):d.enabledDates;if(!b)return d.enabledDates=!1,_(),l;if(!(b instanceof Array))throw new TypeError("enabledDates() expects an array parameter");return d.enabledDates=na(b),d.disabledDates=!1,_(),l},l.daysOfWeekDisabled=function(a){if(0===arguments.length)return d.daysOfWeekDisabled.splice(0);if("boolean"==typeof a&&!a)return d.daysOfWeekDisabled=!1,_(),l;if(!(a instanceof Array))throw new TypeError("daysOfWeekDisabled() expects an array parameter");if(d.daysOfWeekDisabled=a.reduce(function(a,b){return b=parseInt(b,10),b>6||b<0||isNaN(b)?a:(a.indexOf(b)===-1&&a.push(b),a)},[]).sort(),d.useCurrent&&!d.keepInvalid){for(var b=0;!R(e,"d");){if(e.add(1,"d"),31===b)throw"Tried 31 times to find a valid date";b++}aa(e)}return _(),l},l.maxDate=function(a){if(0===arguments.length)return d.maxDate?d.maxDate.clone():d.maxDate;if("boolean"==typeof a&&a===!1)return d.maxDate=!1,_(),l;"string"==typeof a&&("now"!==a&&"moment"!==a||(a=y()));var b=da(a);if(!b.isValid())throw new TypeError("maxDate() Could not parse date parameter: "+a);if(d.minDate&&b.isBefore(d.minDate))throw new TypeError("maxDate() date parameter is before options.minDate: "+b.format(i));return d.maxDate=b,d.useCurrent&&!d.keepInvalid&&e.isAfter(a)&&aa(d.maxDate),f.isAfter(b)&&(f=b.clone().subtract(d.stepping,"m")),_(),l},l.minDate=function(a){if(0===arguments.length)return d.minDate?d.minDate.clone():d.minDate;if("boolean"==typeof a&&a===!1)return d.minDate=!1,_(),l;"string"==typeof a&&("now"!==a&&"moment"!==a||(a=y()));var b=da(a);if(!b.isValid())throw new TypeError("minDate() Could not parse date parameter: "+a);if(d.maxDate&&b.isAfter(d.maxDate))throw new TypeError("minDate() date parameter is after options.maxDate: "+b.format(i));return d.minDate=b,d.useCurrent&&!d.keepInvalid&&e.isBefore(a)&&aa(d.minDate),f.isBefore(b)&&(f=b.clone().add(d.stepping,"m")),_(),l},l.defaultDate=function(a){if(0===arguments.length)return d.defaultDate?d.defaultDate.clone():d.defaultDate;if(!a)return d.defaultDate=!1,l;"string"==typeof a&&(a="now"===a||"moment"===a?y():y(a));var b=da(a);if(!b.isValid())throw new TypeError("defaultDate() Could not parse date parameter: "+a);if(!R(b))throw new TypeError("defaultDate() date passed is invalid according to component setup validations");return d.defaultDate=b,(d.defaultDate&&d.inline||""===g.val().trim())&&aa(d.defaultDate),l},l.locale=function(a){if(0===arguments.length)return d.locale;if(!b.localeData(a))throw new TypeError("locale() locale "+a+" is not loaded from moment locales!");return d.locale=a,e.locale(d.locale),f.locale(d.locale),i&&pa(),o&&(ba(),ga()),l},l.stepping=function(a){return 0===arguments.length?d.stepping:(a=parseInt(a,10),(isNaN(a)||a<1)&&(a=1),d.stepping=a,l)},l.useCurrent=function(a){var b=["year","month","day","hour","minute"];if(0===arguments.length)return d.useCurrent;if("boolean"!=typeof a&&"string"!=typeof a)throw new TypeError("useCurrent() expects a boolean or string parameter");if("string"==typeof a&&b.indexOf(a.toLowerCase())===-1)throw new TypeError("useCurrent() expects a string parameter of "+b.join(", "));return d.useCurrent=a,l},l.collapse=function(a){if(0===arguments.length)return d.collapse;if("boolean"!=typeof a)throw new TypeError("collapse() expects a boolean parameter");return d.collapse===a?l:(d.collapse=a,o&&(ba(),ga()),l)},l.icons=function(b){if(0===arguments.length)return a.extend({},d.icons);if(!(b instanceof Object))throw new TypeError("icons() expects parameter to be an Object");return a.extend(d.icons,b),o&&(ba(),ga()),l},l.tooltips=function(b){if(0===arguments.length)return a.extend({},d.tooltips);if(!(b instanceof Object))throw new TypeError("tooltips() expects parameter to be an Object");return a.extend(d.tooltips,b),o&&(ba(),ga()),l},l.useStrict=function(a){if(0===arguments.length)return d.useStrict;if("boolean"!=typeof a)throw new TypeError("useStrict() expects a boolean parameter");return d.useStrict=a,l},l.sideBySide=function(a){if(0===arguments.length)return d.sideBySide;if("boolean"!=typeof a)throw new TypeError("sideBySide() expects a boolean parameter");return d.sideBySide=a,o&&(ba(),ga()),l},l.viewMode=function(a){if(0===arguments.length)return d.viewMode;if("string"!=typeof a)throw new TypeError("viewMode() expects a string parameter");if(r.indexOf(a)===-1)throw new TypeError("viewMode() parameter must be one of ("+r.join(", ")+") value");return d.viewMode=a,k=Math.max(r.indexOf(a),p),L(),l},l.toolbarPlacement=function(a){if(0===arguments.length)return d.toolbarPlacement;if("string"!=typeof a)throw new TypeError("toolbarPlacement() expects a string parameter");if(u.indexOf(a)===-1)throw new TypeError("toolbarPlacement() parameter must be one of ("+u.join(", ")+") value");return d.toolbarPlacement=a,o&&(ba(),ga()),l},l.widgetPositioning=function(b){if(0===arguments.length)return a.extend({},d.widgetPositioning);if("[object Object]"!=={}.toString.call(b))throw new TypeError("widgetPositioning() expects an object variable");if(b.horizontal){if("string"!=typeof b.horizontal)throw new TypeError("widgetPositioning() horizontal variable must be a string");if(b.horizontal=b.horizontal.toLowerCase(),t.indexOf(b.horizontal)===-1)throw new TypeError("widgetPositioning() expects horizontal parameter to be one of ("+t.join(", ")+")");d.widgetPositioning.horizontal=b.horizontal}if(b.vertical){if("string"!=typeof b.vertical)throw new TypeError("widgetPositioning() vertical variable must be a string");if(b.vertical=b.vertical.toLowerCase(),s.indexOf(b.vertical)===-1)throw new TypeError("widgetPositioning() expects vertical parameter to be one of ("+s.join(", ")+")");d.widgetPositioning.vertical=b.vertical}return _(),l},l.calendarWeeks=function(a){if(0===arguments.length)return d.calendarWeeks;if("boolean"!=typeof a)throw new TypeError("calendarWeeks() expects parameter to be a boolean value");return d.calendarWeeks=a,_(),l},l.showTodayButton=function(a){if(0===arguments.length)return d.showTodayButton;if("boolean"!=typeof a)throw new TypeError("showTodayButton() expects a boolean parameter");return d.showTodayButton=a,o&&(ba(),ga()),l},l.showClear=function(a){if(0===arguments.length)return d.showClear;if("boolean"!=typeof a)throw new TypeError("showClear() expects a boolean parameter");return d.showClear=a,o&&(ba(),ga()),l},l.widgetParent=function(b){if(0===arguments.length)return d.widgetParent;if("string"==typeof b&&(b=a(b)),null!==b&&"string"!=typeof b&&!(b instanceof a))throw new TypeError("widgetParent() expects a string or a jQuery object parameter");return d.widgetParent=b,o&&(ba(),ga()),l},l.keepOpen=function(a){if(0===arguments.length)return d.keepOpen;if("boolean"!=typeof a)throw new TypeError("keepOpen() expects a boolean parameter");return d.keepOpen=a,l},l.focusOnShow=function(a){if(0===arguments.length)return d.focusOnShow;if("boolean"!=typeof a)throw new TypeError("focusOnShow() expects a boolean parameter");return d.focusOnShow=a,l},l.inline=function(a){if(0===arguments.length)return d.inline;if("boolean"!=typeof a)throw new TypeError("inline() expects a boolean parameter");return d.inline=a,l},l.clear=function(){return ca(),l},l.keyBinds=function(a){return 0===arguments.length?d.keyBinds:(d.keyBinds=a,l)},l.getMoment=function(a){return y(a)},l.debug=function(a){if("boolean"!=typeof a)throw new TypeError("debug() expects a boolean parameter");return d.debug=a,l},l.allowInputToggle=function(a){if(0===arguments.length)return d.allowInputToggle;if("boolean"!=typeof a)throw new TypeError("allowInputToggle() expects a boolean parameter");return d.allowInputToggle=a,l},l.showClose=function(a){if(0===arguments.length)return d.showClose;if("boolean"!=typeof a)throw new TypeError("showClose() expects a boolean parameter");return d.showClose=a,l},l.keepInvalid=function(a){if(0===arguments.length)return d.keepInvalid;if("boolean"!=typeof a)throw new TypeError("keepInvalid() expects a boolean parameter"); return d.keepInvalid=a,l},l.datepickerInput=function(a){if(0===arguments.length)return d.datepickerInput;if("string"!=typeof a)throw new TypeError("datepickerInput() expects a string parameter");return d.datepickerInput=a,l},l.parseInputDate=function(a){if(0===arguments.length)return d.parseInputDate;if("function"!=typeof a)throw new TypeError("parseInputDate() sholud be as function");return d.parseInputDate=a,l},l.disabledTimeIntervals=function(b){if(0===arguments.length)return d.disabledTimeIntervals?a.extend({},d.disabledTimeIntervals):d.disabledTimeIntervals;if(!b)return d.disabledTimeIntervals=!1,_(),l;if(!(b instanceof Array))throw new TypeError("disabledTimeIntervals() expects an array parameter");return d.disabledTimeIntervals=b,_(),l},l.disabledHours=function(b){if(0===arguments.length)return d.disabledHours?a.extend({},d.disabledHours):d.disabledHours;if(!b)return d.disabledHours=!1,_(),l;if(!(b instanceof Array))throw new TypeError("disabledHours() expects an array parameter");if(d.disabledHours=oa(b),d.enabledHours=!1,d.useCurrent&&!d.keepInvalid){for(var c=0;!R(e,"h");){if(e.add(1,"h"),24===c)throw"Tried 24 times to find a valid date";c++}aa(e)}return _(),l},l.enabledHours=function(b){if(0===arguments.length)return d.enabledHours?a.extend({},d.enabledHours):d.enabledHours;if(!b)return d.enabledHours=!1,_(),l;if(!(b instanceof Array))throw new TypeError("enabledHours() expects an array parameter");if(d.enabledHours=oa(b),d.disabledHours=!1,d.useCurrent&&!d.keepInvalid){for(var c=0;!R(e,"h");){if(e.add(1,"h"),24===c)throw"Tried 24 times to find a valid date";c++}aa(e)}return _(),l},l.viewDate=function(a){if(0===arguments.length)return f.clone();if(!a)return f=e.clone(),l;if(!("string"==typeof a||b.isMoment(a)||a instanceof Date))throw new TypeError("viewDate() parameter must be one of [string, moment or Date]");return f=da(a),K(),l},c.is("input"))g=c;else if(g=c.find(d.datepickerInput),0===g.length)g=c.find("input");else if(!g.is("input"))throw new Error('CSS class "'+d.datepickerInput+'" cannot be applied to non input element');if(c.hasClass("input-group")&&(n=0===c.find(".datepickerbutton").length?c.find(".input-group-addon"):c.find(".datepickerbutton")),!d.inline&&!g.is("input"))throw new Error("Could not initialize DateTimePicker without an input element");return e=y(),f=e.clone(),a.extend(!0,d,H()),l.options(d),pa(),la(),g.prop("disabled")&&l.disable(),g.is("input")&&0!==g.val().trim().length?aa(da(g.val().trim())):d.defaultDate&&void 0===g.attr("placeholder")&&aa(d.defaultDate),d.inline&&ga(),l};return a.fn.datetimepicker=function(b){b=b||{};var d,e=Array.prototype.slice.call(arguments,1),f=!0,g=["destroy","hide","show","toggle"];if("object"==typeof b)return this.each(function(){var d,e=a(this);e.data("DateTimePicker")||(d=a.extend(!0,{},a.fn.datetimepicker.defaults,b),e.data("DateTimePicker",c(e,d)))});if("string"==typeof b)return this.each(function(){var c=a(this),g=c.data("DateTimePicker");if(!g)throw new Error('bootstrap-datetimepicker("'+b+'") method was called on an element that is not using DateTimePicker');d=g[b].apply(g,e),f=d===g}),f||a.inArray(b,g)>-1?this:d;throw new TypeError("Invalid arguments for DateTimePicker: "+b)},a.fn.datetimepicker.defaults={timeZone:"",format:!1,dayViewHeaderFormat:"MMMM YYYY",extraFormats:!1,stepping:1,minDate:!1,maxDate:!1,useCurrent:!0,collapse:!0,locale:b.locale(),defaultDate:!1,disabledDates:!1,enabledDates:!1,icons:{time:"glyphicon glyphicon-time",date:"glyphicon glyphicon-calendar",up:"glyphicon glyphicon-chevron-up",down:"glyphicon glyphicon-chevron-down",previous:"glyphicon glyphicon-chevron-left",next:"glyphicon glyphicon-chevron-right",today:"glyphicon glyphicon-screenshot",clear:"glyphicon glyphicon-trash",close:"glyphicon glyphicon-remove"},tooltips:{today:"Go to today",clear:"Clear selection",close:"Close the picker",selectMonth:"Select Month",prevMonth:"Previous Month",nextMonth:"Next Month",selectYear:"Select Year",prevYear:"Previous Year",nextYear:"Next Year",selectDecade:"Select Decade",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevCentury:"Previous Century",nextCentury:"Next Century",pickHour:"Pick Hour",incrementHour:"Increment Hour",decrementHour:"Decrement Hour",pickMinute:"Pick Minute",incrementMinute:"Increment Minute",decrementMinute:"Decrement Minute",pickSecond:"Pick Second",incrementSecond:"Increment Second",decrementSecond:"Decrement Second",togglePeriod:"Toggle Period",selectTime:"Select Time"},useStrict:!1,sideBySide:!1,daysOfWeekDisabled:!1,calendarWeeks:!1,viewMode:"days",toolbarPlacement:"default",showTodayButton:!1,showClear:!1,showClose:!1,widgetPositioning:{horizontal:"auto",vertical:"auto"},widgetParent:null,ignoreReadonly:!1,keepOpen:!1,focusOnShow:!0,inline:!1,keepInvalid:!1,datepickerInput:".datepickerinput",keyBinds:{up:function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")?this.date(b.clone().subtract(7,"d")):this.date(b.clone().add(this.stepping(),"m"))}},down:function(a){if(!a)return void this.show();var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")?this.date(b.clone().add(7,"d")):this.date(b.clone().subtract(this.stepping(),"m"))},"control up":function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")?this.date(b.clone().subtract(1,"y")):this.date(b.clone().add(1,"h"))}},"control down":function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")?this.date(b.clone().add(1,"y")):this.date(b.clone().subtract(1,"h"))}},left:function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")&&this.date(b.clone().subtract(1,"d"))}},right:function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")&&this.date(b.clone().add(1,"d"))}},pageUp:function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")&&this.date(b.clone().subtract(1,"M"))}},pageDown:function(a){if(a){var b=this.date()||this.getMoment();a.find(".datepicker").is(":visible")&&this.date(b.clone().add(1,"M"))}},enter:function(){this.hide()},escape:function(){this.hide()},"control space":function(a){a&&a.find(".timepicker").is(":visible")&&a.find('.btn[data-action="togglePeriod"]').click()},t:function(){this.date(this.getMoment())},delete:function(){this.clear()}},debug:!1,allowInputToggle:!1,disabledTimeIntervals:!1,disabledHours:!1,enabledHours:!1,viewDate:!1},a.fn.datetimepicker});; /*! * Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2016 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ (function (root, factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module unless amdModuleId is set define(["jquery"], function (a0) { return (factory(a0)); }); } else if (typeof exports === 'object') { // Node. Does not work with strict CommonJS, but // only CommonJS-like environments that support module.exports, // like Node. module.exports = factory(require("jquery")); } else { factory(jQuery); } }(this, function (jQuery) { (function ($) { 'use strict'; // if (!String.prototype.includes) { (function () { 'use strict'; // needed to support `apply`/`call` with `undefined`/`null` var toString = {}.toString; var defineProperty = (function () { // IE 8 only supports `Object.defineProperty` on DOM elements try { var object = {}; var $defineProperty = Object.defineProperty; var result = $defineProperty(object, object, object) && $defineProperty; } catch (error) { } return result; }()); var indexOf = ''.indexOf; var includes = function (search) { if (this == null) { throw new TypeError(); } var string = String(this); if (search && toString.call(search) == '[object RegExp]') { throw new TypeError(); } var stringLength = string.length; var searchString = String(search); var searchLength = searchString.length; var position = arguments.length > 1 ? arguments[1] : undefined; // `ToInteger` var pos = position ? Number(position) : 0; if (pos != pos) { // better `isNaN` pos = 0; } var start = Math.min(Math.max(pos, 0), stringLength); // Avoid the `indexOf` call if no match is possible if (searchLength + start > stringLength) { return false; } return indexOf.call(string, searchString, pos) != -1; }; if (defineProperty) { defineProperty(String.prototype, 'includes', { 'value': includes, 'configurable': true, 'writable': true }); } else { String.prototype.includes = includes; } }()); } if (!String.prototype.startsWith) { (function () { 'use strict'; // needed to support `apply`/`call` with `undefined`/`null` var defineProperty = (function () { // IE 8 only supports `Object.defineProperty` on DOM elements try { var object = {}; var $defineProperty = Object.defineProperty; var result = $defineProperty(object, object, object) && $defineProperty; } catch (error) { } return result; }()); var toString = {}.toString; var startsWith = function (search) { if (this == null) { throw new TypeError(); } var string = String(this); if (search && toString.call(search) == '[object RegExp]') { throw new TypeError(); } var stringLength = string.length; var searchString = String(search); var searchLength = searchString.length; var position = arguments.length > 1 ? arguments[1] : undefined; // `ToInteger` var pos = position ? Number(position) : 0; if (pos != pos) { // better `isNaN` pos = 0; } var start = Math.min(Math.max(pos, 0), stringLength); // Avoid the `indexOf` call if no match is possible if (searchLength + start > stringLength) { return false; } var index = -1; while (++index < searchLength) { if (string.charCodeAt(start + index) != searchString.charCodeAt(index)) { return false; } } return true; }; if (defineProperty) { defineProperty(String.prototype, 'startsWith', { 'value': startsWith, 'configurable': true, 'writable': true }); } else { String.prototype.startsWith = startsWith; } }()); } if (!Object.keys) { Object.keys = function ( o, // object k, // key r // result array ){ // initialize object and result r=[]; // iterate over object keys for (k in o) // fill result array with non-prototypical keys r.hasOwnProperty.call(o, k) && r.push(k); // return result return r; }; } // set data-selected on select element if the value has been programmatically selected // prior to initialization of bootstrap-select // * consider removing or replacing an alternative method * var valHooks = { useDefault: false, _set: $.valHooks.select.set }; $.valHooks.select.set = function(elem, value) { if (value && !valHooks.useDefault) $(elem).data('selected', true); return valHooks._set.apply(this, arguments); }; var changed_arguments = null; $.fn.triggerNative = function (eventName) { var el = this[0], event; if (el.dispatchEvent) { // for modern browsers & IE9+ if (typeof Event === 'function') { // For modern browsers event = new Event(eventName, { bubbles: true }); } else { // For IE since it doesn't support Event constructor event = document.createEvent('Event'); event.initEvent(eventName, true, false); } el.dispatchEvent(event); } else if (el.fireEvent) { // for IE8 event = document.createEventObject(); event.eventType = eventName; el.fireEvent('on' + eventName, event); } else { // fall back to jQuery.trigger this.trigger(eventName); } }; // // Case insensitive contains search $.expr.pseudos.icontains = function (obj, index, meta) { var $obj = $(obj); var haystack = ($obj.data('tokens') || $obj.text()).toString().toUpperCase(); return haystack.includes(meta[3].toUpperCase()); }; // Case insensitive begins search $.expr.pseudos.ibegins = function (obj, index, meta) { var $obj = $(obj); var haystack = ($obj.data('tokens') || $obj.text()).toString().toUpperCase(); return haystack.startsWith(meta[3].toUpperCase()); }; // Case and accent insensitive contains search $.expr.pseudos.aicontains = function (obj, index, meta) { var $obj = $(obj); var haystack = ($obj.data('tokens') || $obj.data('normalizedText') || $obj.text()).toString().toUpperCase(); return haystack.includes(meta[3].toUpperCase()); }; // Case and accent insensitive begins search $.expr.pseudos.aibegins = function (obj, index, meta) { var $obj = $(obj); var haystack = ($obj.data('tokens') || $obj.data('normalizedText') || $obj.text()).toString().toUpperCase(); return haystack.startsWith(meta[3].toUpperCase()); }; /** * Remove all diatrics from the given text. * @access private * @param {String} text * @returns {String} */ function normalizeToBase(text) { var rExps = [ {re: /[\xC0-\xC6]/g, ch: "A"}, {re: /[\xE0-\xE6]/g, ch: "a"}, {re: /[\xC8-\xCB]/g, ch: "E"}, {re: /[\xE8-\xEB]/g, ch: "e"}, {re: /[\xCC-\xCF]/g, ch: "I"}, {re: /[\xEC-\xEF]/g, ch: "i"}, {re: /[\xD2-\xD6]/g, ch: "O"}, {re: /[\xF2-\xF6]/g, ch: "o"}, {re: /[\xD9-\xDC]/g, ch: "U"}, {re: /[\xF9-\xFC]/g, ch: "u"}, {re: /[\xC7-\xE7]/g, ch: "c"}, {re: /[\xD1]/g, ch: "N"}, {re: /[\xF1]/g, ch: "n"} ]; $.each(rExps, function () { text = text.replace(this.re, this.ch); }); return text; } function htmlEscape(html) { var escapeMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '`': '`' }; var source = '(?:' + Object.keys(escapeMap).join('|') + ')', testRegexp = new RegExp(source), replaceRegexp = new RegExp(source, 'g'), string = html == null ? '' : '' + html; return testRegexp.test(string) ? string.replace(replaceRegexp, function (match) { return escapeMap[match]; }) : string; } var Selectpicker = function (element, options, e) { // bootstrap-select has been initialized - revert valHooks.select.set back to its original function if (!valHooks.useDefault) { $.valHooks.select.set = valHooks._set; valHooks.useDefault = true; } if (e) { e.stopPropagation(); e.preventDefault(); } this.$element = $(element); this.$newElement = null; this.$button = null; this.$menu = null; this.$lis = null; this.options = options; // If we have no title yet, try to pull it from the html title attribute (jQuery doesnt' pick it up as it's not a // data-attribute) if (this.options.title === null) { this.options.title = this.$element.attr('title'); } //Expose public methods this.val = Selectpicker.prototype.val; this.render = Selectpicker.prototype.render; this.refresh = Selectpicker.prototype.refresh; this.setStyle = Selectpicker.prototype.setStyle; this.selectAll = Selectpicker.prototype.selectAll; this.deselectAll = Selectpicker.prototype.deselectAll; this.destroy = Selectpicker.prototype.destroy; this.remove = Selectpicker.prototype.remove; this.show = Selectpicker.prototype.show; this.hide = Selectpicker.prototype.hide; this.init(); }; Selectpicker.VERSION = '1.11.2'; // part of this is duplicated in i18n/defaults-en_US.js. Make sure to update both. Selectpicker.DEFAULTS = { noneSelectedText: 'Nothing selected', noneResultsText: 'No results matched {0}', countSelectedText: function (numSelected, numTotal) { return (numSelected == 1) ? "{0} item selected" : "{0} items selected"; }, maxOptionsText: function (numAll, numGroup) { return [ (numAll == 1) ? 'Limit reached ({n} item max)' : 'Limit reached ({n} items max)', (numGroup == 1) ? 'Group limit reached ({n} item max)' : 'Group limit reached ({n} items max)' ]; }, selectAllText: 'Select All', deselectAllText: 'Deselect All', doneButton: false, doneButtonText: 'Close', multipleSeparator: ', ', styleBase: 'btn', style: 'btn-default', size: 'auto', title: null, selectedTextFormat: 'values', width: false, container: false, hideDisabled: false, showSubtext: false, showIcon: true, showContent: true, dropupAuto: true, header: false, liveSearch: false, liveSearchPlaceholder: null, liveSearchNormalize: false, liveSearchStyle: 'contains', actionsBox: false, iconBase: 'glyphicon', tickIcon: 'glyphicon-ok', showTick: false, template: { caret: '' }, maxOptions: false, mobile: false, selectOnTab: false, dropdownAlignRight: false }; Selectpicker.prototype = { constructor: Selectpicker, init: function () { var that = this, id = this.$element.attr('id'); this.$element.addClass('bs-select-hidden'); // store originalIndex (key) and newIndex (value) in this.liObj for fast accessibility // allows us to do this.$lis.eq(that.liObj[index]) instead of this.$lis.filter('[data-original-index="' + index + '"]') this.liObj = {}; this.multiple = this.$element.prop('multiple'); this.autofocus = this.$element.prop('autofocus'); this.$newElement = this.createView(); this.$element .after(this.$newElement) .appendTo(this.$newElement); this.$button = this.$newElement.children('button'); this.$menu = this.$newElement.children('.dropdown-menu'); this.$menuInner = this.$menu.children('.inner'); this.$searchbox = this.$menu.find('input'); this.$element.removeClass('bs-select-hidden'); if (this.options.dropdownAlignRight === true) this.$menu.addClass('dropdown-menu-right'); if (typeof id !== 'undefined') { this.$button.attr('data-id', id); $('label[for="' + id + '"]').click(function (e) { e.preventDefault(); that.$button.focus(); }); } this.checkDisabled(); this.clickListener(); if (this.options.liveSearch) this.liveSearchListener(); this.render(); this.setStyle(); this.setWidth(); if (this.options.container) this.selectPosition(); this.$menu.data('this', this); this.$newElement.data('this', this); if (this.options.mobile) this.mobile(); this.$newElement.on({ 'hide.bs.dropdown': function (e) { that.$menuInner.attr('aria-expanded', false); that.$element.trigger('hide.bs.select', e); }, 'hidden.bs.dropdown': function (e) { that.$element.trigger('hidden.bs.select', e); }, 'show.bs.dropdown': function (e) { that.$menuInner.attr('aria-expanded', true); that.$element.trigger('show.bs.select', e); }, 'shown.bs.dropdown': function (e) { that.$element.trigger('shown.bs.select', e); } }); if (that.$element[0].hasAttribute('required')) { this.$element.on('invalid', function () { that.$button .addClass('bs-invalid') .focus(); that.$element.on({ 'focus.bs.select': function () { that.$button.focus(); that.$element.off('focus.bs.select'); }, 'shown.bs.select': function () { that.$element .val(that.$element.val()) // set the value to hide the validation message in Chrome when menu is opened .off('shown.bs.select'); }, 'rendered.bs.select': function () { // if select is no longer invalid, remove the bs-invalid class if (this.validity.valid) that.$button.removeClass('bs-invalid'); that.$element.off('rendered.bs.select'); } }); }); } setTimeout(function () { that.$element.trigger('loaded.bs.select'); }); }, createDropdown: function () { // Options // If we are multiple or showTick option is set, then add the show-tick class var showTick = (this.multiple || this.options.showTick) ? ' show-tick' : '', inputGroup = this.$element.parent().hasClass('input-group') ? ' input-group-btn' : '', autofocus = this.autofocus ? ' autofocus' : ''; // Elements var header = this.options.header ? '
' + this.options.header + '
' : ''; var searchbox = this.options.liveSearch ? '
' + '' + '
' : ''; var actionsbox = this.multiple && this.options.actionsBox ? '
' + '
' + '' + '' + '
' + '
' : ''; var donebutton = this.multiple && this.options.doneButton ? '
' + '
' + '' + '
' + '
' : ''; var drop = '
' + '' + '
' + header + searchbox + actionsbox + '' + donebutton + '
' + '
'; return $(drop); }, createView: function () { var $drop = this.createDropdown(), li = this.createLi(); $drop.find('ul')[0].innerHTML = li; return $drop; }, reloadLi: function () { //Remove all children. this.destroyLi(); //Re build var li = this.createLi(); this.$menuInner[0].innerHTML = li; }, destroyLi: function () { this.$menu.find('li').remove(); }, createLi: function () { var that = this, _li = [], optID = 0, titleOption = document.createElement('option'), liIndex = -1; // increment liIndex whenever a new
  • element is created to ensure liObj is correct // Helper functions /** * @param content * @param [index] * @param [classes] * @param [optgroup] * @returns {string} */ var generateLI = function (content, index, classes, optgroup) { return '' + content + '
    • '; }; /** * @param text * @param [classes] * @param [inline] * @param [tokens] * @returns {string} */ var generateA = function (text, classes, inline, tokens) { return '' + text + '' + ''; }; if (this.options.title && !this.multiple) { // this option doesn't create a new
  • element, but does add a new option, so liIndex is decreased // since liObj is recalculated on every refresh, liIndex needs to be decreased even if the titleOption is already appended liIndex--; if (!this.$element.find('.bs-title-option').length) { // Use native JS to prepend option (faster) var element = this.$element[0]; titleOption.className = 'bs-title-option'; titleOption.appendChild(document.createTextNode(this.options.title)); titleOption.value = ''; element.insertBefore(titleOption, element.firstChild); // Check if selected or data-selected attribute is already set on an option. If not, select the titleOption option. // the selected item may have been changed by user or programmatically before the bootstrap select plugin runs, // if so, the select will have the data-selected attribute var $opt = $(element.options[element.selectedIndex]); if ($opt.attr('selected') === undefined && this.$element.data('selected') === undefined) { titleOption.selected = true; } } } this.$element.find('option').each(function (index) { var $this = $(this); liIndex++; if ($this.hasClass('bs-title-option')) return; // Get the class and text for the option var optionClass = this.className || '', inline = this.style.cssText, text = $this.data('content') ? $this.data('content') : $this.html(), tokens = $this.data('tokens') ? $this.data('tokens') : null, subtext = typeof $this.data('subtext') !== 'undefined' ? '' + $this.data('subtext') + '' : '', icon = typeof $this.data('icon') !== 'undefined' ? ' ' : '', $parent = $this.parent(), isOptgroup = $parent[0].tagName === 'OPTGROUP', isOptgroupDisabled = isOptgroup && $parent[0].disabled, isDisabled = this.disabled || isOptgroupDisabled; if (icon !== '' && isDisabled) { icon = '' + icon + ''; } if (that.options.hideDisabled && (isDisabled && !isOptgroup || isOptgroupDisabled)) { liIndex--; return; } if (!$this.data('content')) { // Prepend any icon and append any subtext to the main text. text = icon + '' + text + subtext + ''; } if (isOptgroup && $this.data('divider') !== true) { if (that.options.hideDisabled && isDisabled) { if ($parent.data('allOptionsDisabled') === undefined) { var $options = $parent.children(); $parent.data('allOptionsDisabled', $options.filter(':disabled').length === $options.length); } if ($parent.data('allOptionsDisabled')) { liIndex--; return; } } var optGroupClass = ' ' + $parent[0].className || ''; if ($this.index() === 0) { // Is it the first option of the optgroup? optID += 1; // Get the opt group label var label = $parent[0].label, labelSubtext = typeof $parent.data('subtext') !== 'undefined' ? '' + $parent.data('subtext') + '' : '', labelIcon = $parent.data('icon') ? ' ' : ''; label = labelIcon + '' + label + labelSubtext + ''; if (index !== 0 && _li.length > 0) { // Is it NOT the first option of the select && are there elements in the dropdown? liIndex++; _li.push(generateLI('', null, 'divider', optID + 'div')); } liIndex++; _li.push(generateLI(label, null, 'dropdown-header' + optGroupClass, optID)); } if (that.options.hideDisabled && isDisabled) { liIndex--; return; } _li.push(generateLI(generateA(text, 'opt ' + optionClass + optGroupClass, inline, tokens), index, '', optID)); } else if ($this.data('divider') === true) { _li.push(generateLI('', index, 'divider')); } else if ($this.data('hidden') === true) { _li.push(generateLI(generateA(text, optionClass, inline, tokens), index, 'hidden is-hidden')); } else { var showDivider = this.previousElementSibling && this.previousElementSibling.tagName === 'OPTGROUP'; // if previous element is not an optgroup and hideDisabled is true if (!showDivider && that.options.hideDisabled) { // get previous elements var $prev = $(this).prevAll(); for (var i = 0; i < $prev.length; i++) { // find the first element in the previous elements that is an optgroup if ($prev[i].tagName === 'OPTGROUP') { var optGroupDistance = 0; // loop through the options in between the current option and the optgroup // and check if they are hidden or disabled for (var d = 0; d < i; d++) { var prevOption = $prev[d]; if (prevOption.disabled || $(prevOption).data('hidden') === true) optGroupDistance++; } // if all of the options between the current option and the optgroup are hidden or disabled, show the divider if (optGroupDistance === i) showDivider = true; break; } } } if (showDivider) { liIndex++; _li.push(generateLI('', null, 'divider', optID + 'div')); } _li.push(generateLI(generateA(text, optionClass, inline, tokens), index)); } that.liObj[index] = liIndex; }); //If we are not multiple, we don't have a selected item, and we don't have a title, select the first element so something is set in the button if (!this.multiple && this.$element.find('option:selected').length === 0 && !this.options.title) { this.$element.find('option').eq(0).prop('selected', true).attr('selected', 'selected'); } return _li.join(''); }, findLis: function () { if (this.$lis == null) this.$lis = this.$menu.find('li'); return this.$lis; }, /** * @param [updateLi] defaults to true */ render: function (updateLi) { var that = this, notDisabled; //Update the LI to match the SELECT if (updateLi !== false) { this.$element.find('option').each(function (index) { var $lis = that.findLis().eq(that.liObj[index]); that.setDisabled(index, this.disabled || this.parentNode.tagName === 'OPTGROUP' && this.parentNode.disabled, $lis); that.setSelected(index, this.selected, $lis); }); } this.togglePlaceholder(); this.tabIndex(); var selectedItems = this.$element.find('option').map(function () { if (this.selected) { if (that.options.hideDisabled && (this.disabled || this.parentNode.tagName === 'OPTGROUP' && this.parentNode.disabled)) return; var $this = $(this), icon = $this.data('icon') && that.options.showIcon ? ' ' : '', subtext; if (that.options.showSubtext && $this.data('subtext') && !that.multiple) { subtext = ' ' + $this.data('subtext') + ''; } else { subtext = ''; } if (typeof $this.attr('title') !== 'undefined') { return $this.attr('title'); } else if ($this.data('content') && that.options.showContent) { return $this.data('content'); } else { return icon + $this.html() + subtext; } } }).toArray(); //Fixes issue in IE10 occurring when no default option is selected and at least one option is disabled //Convert all the values into a comma delimited string var title = !this.multiple ? selectedItems[0] : selectedItems.join(this.options.multipleSeparator); //If this is multi select, and the selectText type is count, the show 1 of 2 selected etc.. if (this.multiple && this.options.selectedTextFormat.indexOf('count') > -1) { var max = this.options.selectedTextFormat.split('>'); if ((max.length > 1 && selectedItems.length > max[1]) || (max.length == 1 && selectedItems.length >= 2)) { notDisabled = this.options.hideDisabled ? ', [disabled]' : ''; var totalCount = this.$element.find('option').not('[data-divider="true"], [data-hidden="true"]' + notDisabled).length, tr8nText = (typeof this.options.countSelectedText === 'function') ? this.options.countSelectedText(selectedItems.length, totalCount) : this.options.countSelectedText; title = tr8nText.replace('{0}', selectedItems.length.toString()).replace('{1}', totalCount.toString()); } } if (this.options.title == undefined) { this.options.title = this.$element.attr('title'); } if (this.options.selectedTextFormat == 'static') { title = this.options.title; } //If we dont have a title, then use the default, or if nothing is set at all, use the not selected text if (!title) { title = typeof this.options.title !== 'undefined' ? this.options.title : this.options.noneSelectedText; } //strip all html-tags and trim the result this.$button.attr('title', $.trim(title.replace(/<[^>]*>?/g, ''))); this.$button.children('.filter-option').html(title); this.$element.trigger('rendered.bs.select'); }, /** * @param [style] * @param [status] */ setStyle: function (style, status) { if (this.$element.attr('class')) { this.$newElement.addClass(this.$element.attr('class').replace(/selectpicker|mobile-device|bs-select-hidden|validate\[.*\]/gi, '')); } var buttonClass = style ? style : this.options.style; if (status == 'add') { this.$button.addClass(buttonClass); } else if (status == 'remove') { this.$button.removeClass(buttonClass); } else { this.$button.removeClass(this.options.style); this.$button.addClass(buttonClass); } }, liHeight: function (refresh) { if (!refresh && (this.options.size === false || this.sizeInfo)) return; var newElement = document.createElement('div'), menu = document.createElement('div'), menuInner = document.createElement('ul'), divider = document.createElement('li'), li = document.createElement('li'), a = document.createElement('a'), text = document.createElement('span'), header = this.options.header && this.$menu.find('.popover-title').length > 0 ? this.$menu.find('.popover-title')[0].cloneNode(true) : null, search = this.options.liveSearch ? document.createElement('div') : null, actions = this.options.actionsBox && this.multiple && this.$menu.find('.bs-actionsbox').length > 0 ? this.$menu.find('.bs-actionsbox')[0].cloneNode(true) : null, doneButton = this.options.doneButton && this.multiple && this.$menu.find('.bs-donebutton').length > 0 ? this.$menu.find('.bs-donebutton')[0].cloneNode(true) : null; text.className = 'text'; newElement.className = this.$menu[0].parentNode.className + ' open'; menu.className = 'dropdown-menu open'; menuInner.className = 'dropdown-menu inner'; divider.className = 'divider'; text.appendChild(document.createTextNode('Inner text')); a.appendChild(text); li.appendChild(a); menuInner.appendChild(li); menuInner.appendChild(divider); if (header) menu.appendChild(header); if (search) { // create a span instead of input as creating an input element is slower var input = document.createElement('span'); search.className = 'bs-searchbox'; input.className = 'form-control'; search.appendChild(input); menu.appendChild(search); } if (actions) menu.appendChild(actions); menu.appendChild(menuInner); if (doneButton) menu.appendChild(doneButton); newElement.appendChild(menu); document.body.appendChild(newElement); var liHeight = a.offsetHeight, headerHeight = header ? header.offsetHeight : 0, searchHeight = search ? search.offsetHeight : 0, actionsHeight = actions ? actions.offsetHeight : 0, doneButtonHeight = doneButton ? doneButton.offsetHeight : 0, dividerHeight = $(divider).outerHeight(true), // fall back to jQuery if getComputedStyle is not supported menuStyle = typeof getComputedStyle === 'function' ? getComputedStyle(menu) : false, $menu = menuStyle ? null : $(menu), menuPadding = { vert: parseInt(menuStyle ? menuStyle.paddingTop : $menu.css('paddingTop')) + parseInt(menuStyle ? menuStyle.paddingBottom : $menu.css('paddingBottom')) + parseInt(menuStyle ? menuStyle.borderTopWidth : $menu.css('borderTopWidth')) + parseInt(menuStyle ? menuStyle.borderBottomWidth : $menu.css('borderBottomWidth')), horiz: parseInt(menuStyle ? menuStyle.paddingLeft : $menu.css('paddingLeft')) + parseInt(menuStyle ? menuStyle.paddingRight : $menu.css('paddingRight')) + parseInt(menuStyle ? menuStyle.borderLeftWidth : $menu.css('borderLeftWidth')) + parseInt(menuStyle ? menuStyle.borderRightWidth : $menu.css('borderRightWidth')) }, menuExtras = { vert: menuPadding.vert + parseInt(menuStyle ? menuStyle.marginTop : $menu.css('marginTop')) + parseInt(menuStyle ? menuStyle.marginBottom : $menu.css('marginBottom')) + 2, horiz: menuPadding.horiz + parseInt(menuStyle ? menuStyle.marginLeft : $menu.css('marginLeft')) + parseInt(menuStyle ? menuStyle.marginRight : $menu.css('marginRight')) + 2 } document.body.removeChild(newElement); this.sizeInfo = { liHeight: liHeight, headerHeight: headerHeight, searchHeight: searchHeight, actionsHeight: actionsHeight, doneButtonHeight: doneButtonHeight, dividerHeight: dividerHeight, menuPadding: menuPadding, menuExtras: menuExtras }; }, setSize: function () { this.findLis(); this.liHeight(); if (this.options.header) this.$menu.css('padding-top', 0); if (this.options.size === false) return; var that = this, $menu = this.$menu, $menuInner = this.$menuInner, $window = $(window), selectHeight = this.$newElement[0].offsetHeight, selectWidth = this.$newElement[0].offsetWidth, liHeight = this.sizeInfo['liHeight'], headerHeight = this.sizeInfo['headerHeight'], searchHeight = this.sizeInfo['searchHeight'], actionsHeight = this.sizeInfo['actionsHeight'], doneButtonHeight = this.sizeInfo['doneButtonHeight'], divHeight = this.sizeInfo['dividerHeight'], menuPadding = this.sizeInfo['menuPadding'], menuExtras = this.sizeInfo['menuExtras'], notDisabled = this.options.hideDisabled ? '.disabled' : '', menuHeight, menuWidth, getHeight, getWidth, selectOffsetTop, selectOffsetBot, selectOffsetLeft, selectOffsetRight, getPos = function() { var pos = that.$newElement.offset(), $container = $(that.options.container), containerPos; if (that.options.container && !$container.is('body')) { containerPos = $container.offset(); containerPos.top += parseInt($container.css('borderTopWidth')); containerPos.left += parseInt($container.css('borderLeftWidth')); } else { containerPos = { top: 0, left: 0 }; } selectOffsetTop = pos.top - containerPos.top - $window.scrollTop(); selectOffsetBot = $window.height() - selectOffsetTop - selectHeight - containerPos.top; selectOffsetLeft = pos.left - containerPos.left - $window.scrollLeft(); selectOffsetRight = $window.width() - selectOffsetLeft - selectWidth - containerPos.left; }; getPos(); if (this.options.size === 'auto') { var getSize = function () { var minHeight, hasClass = function (className, include) { return function (element) { if (include) { return (element.classList ? element.classList.contains(className) : $(element).hasClass(className)); } else { return !(element.classList ? element.classList.contains(className) : $(element).hasClass(className)); } }; }, lis = that.$menuInner[0].getElementsByTagName('li'), lisVisible = Array.prototype.filter ? Array.prototype.filter.call(lis, hasClass('hidden', false)) : that.$lis.not('.hidden'), optGroup = Array.prototype.filter ? Array.prototype.filter.call(lisVisible, hasClass('dropdown-header', true)) : lisVisible.filter('.dropdown-header'); getPos(); menuHeight = selectOffsetBot - menuExtras.vert; menuWidth = selectOffsetRight - menuExtras.horiz; if (that.options.container) { if (!$menu.data('height')) $menu.data('height', $menu.height()); getHeight = $menu.data('height'); if (!$menu.data('width')) $menu.data('width', $menu.width()); getWidth = $menu.data('width'); } else { getHeight = $menu.height(); getWidth = $menu.width(); } if (that.options.dropupAuto) { that.$newElement.toggleClass('dropup', selectOffsetTop > selectOffsetBot && (menuHeight - menuExtras.vert) < getHeight); } if (that.$newElement.hasClass('dropup')) { menuHeight = selectOffsetTop - menuExtras.vert; } if (that.options.dropdownAlignRight === 'auto') { $menu.toggleClass('dropdown-menu-right', selectOffsetLeft > selectOffsetRight && (menuWidth - menuExtras.horiz) < (getWidth - selectWidth)); } if ((lisVisible.length + optGroup.length) > 3) { minHeight = liHeight * 3 + menuExtras.vert - 2; } else { minHeight = 0; } $menu.css({ 'max-height': menuHeight + 'px', 'overflow': 'hidden', 'min-height': minHeight + headerHeight + searchHeight + actionsHeight + doneButtonHeight + 'px' }); $menuInner.css({ 'max-height': menuHeight - headerHeight - searchHeight - actionsHeight - doneButtonHeight - menuPadding.vert + 'px', 'overflow-y': 'auto', 'min-height': Math.max(minHeight - menuPadding.vert, 0) + 'px' }); }; getSize(); this.$searchbox.off('input.getSize propertychange.getSize').on('input.getSize propertychange.getSize', getSize); $window.off('resize.getSize scroll.getSize').on('resize.getSize scroll.getSize', getSize); } else if (this.options.size && this.options.size != 'auto' && this.$lis.not(notDisabled).length > this.options.size) { var optIndex = this.$lis.not('.divider').not(notDisabled).children().slice(0, this.options.size).last().parent().index(), divLength = this.$lis.slice(0, optIndex + 1).filter('.divider').length; menuHeight = liHeight * this.options.size + divLength * divHeight + menuPadding.vert; if (that.options.container) { if (!$menu.data('height')) $menu.data('height', $menu.height()); getHeight = $menu.data('height'); } else { getHeight = $menu.height(); } if (that.options.dropupAuto) { //noinspection JSUnusedAssignment this.$newElement.toggleClass('dropup', selectOffsetTop > selectOffsetBot && (menuHeight - menuExtras.vert) < getHeight); } $menu.css({ 'max-height': menuHeight + headerHeight + searchHeight + actionsHeight + doneButtonHeight + 'px', 'overflow': 'hidden', 'min-height': '' }); $menuInner.css({ 'max-height': menuHeight - menuPadding.vert + 'px', 'overflow-y': 'auto', 'min-height': '' }); } }, setWidth: function () { if (this.options.width === 'auto') { this.$menu.css('min-width', '0'); // Get correct width if element is hidden var $selectClone = this.$menu.parent().clone().appendTo('body'), $selectClone2 = this.options.container ? this.$newElement.clone().appendTo('body') : $selectClone, ulWidth = $selectClone.children('.dropdown-menu').outerWidth(), btnWidth = $selectClone2.css('width', 'auto').children('button').outerWidth(); $selectClone.remove(); $selectClone2.remove(); // Set width to whatever's larger, button title or longest option this.$newElement.css('width', Math.max(ulWidth, btnWidth) + 'px'); } else if (this.options.width === 'fit') { // Remove inline min-width so width can be changed from 'auto' this.$menu.css('min-width', ''); this.$newElement.css('width', '').addClass('fit-width'); } else if (this.options.width) { // Remove inline min-width so width can be changed from 'auto' this.$menu.css('min-width', ''); this.$newElement.css('width', this.options.width); } else { // Remove inline min-width/width so width can be changed this.$menu.css('min-width', ''); this.$newElement.css('width', ''); } // Remove fit-width class if width is changed programmatically if (this.$newElement.hasClass('fit-width') && this.options.width !== 'fit') { this.$newElement.removeClass('fit-width'); } }, selectPosition: function () { this.$bsContainer = $('
    '); var that = this, $container = $(this.options.container), pos, containerPos, actualHeight, getPlacement = function ($element) { that.$bsContainer.addClass($element.attr('class').replace(/form-control|fit-width/gi, '')).toggleClass('dropup', $element.hasClass('dropup')); pos = $element.offset(); if (!$container.is('body')) { containerPos = $container.offset(); containerPos.top += parseInt($container.css('borderTopWidth')) - $container.scrollTop(); containerPos.left += parseInt($container.css('borderLeftWidth')) - $container.scrollLeft(); } else { containerPos = { top: 0, left: 0 }; } actualHeight = $element.hasClass('dropup') ? 0 : $element[0].offsetHeight; that.$bsContainer.css({ 'top': pos.top - containerPos.top + actualHeight, 'left': pos.left - containerPos.left, 'width': $element[0].offsetWidth }); }; this.$button.on('click', function () { var $this = $(this); if (that.isDisabled()) { return; } getPlacement(that.$newElement); that.$bsContainer .appendTo(that.options.container) .toggleClass('open', !$this.hasClass('open')) .append(that.$menu); }); $(window).on('resize scroll', function () { getPlacement(that.$newElement); }); this.$element.on('hide.bs.select', function () { that.$menu.data('height', that.$menu.height()); that.$bsContainer.detach(); }); }, /** * @param {number} index - the index of the option that is being changed * @param {boolean} selected - true if the option is being selected, false if being deselected * @param {JQuery} $lis - the 'li' element that is being modified */ setSelected: function (index, selected, $lis) { if (!$lis) { this.togglePlaceholder(); // check if setSelected is being called by changing the value of the select $lis = this.findLis().eq(this.liObj[index]); } $lis.toggleClass('selected', selected).find('a').attr('aria-selected', selected); }, /** * @param {number} index - the index of the option that is being disabled * @param {boolean} disabled - true if the option is being disabled, false if being enabled * @param {JQuery} $lis - the 'li' element that is being modified */ setDisabled: function (index, disabled, $lis) { if (!$lis) { $lis = this.findLis().eq(this.liObj[index]); } if (disabled) { $lis.addClass('disabled').children('a').attr('href', '#').attr('tabindex', -1).attr('aria-disabled', true); } else { $lis.removeClass('disabled').children('a').removeAttr('href').attr('tabindex', 0).attr('aria-disabled', false); } }, isDisabled: function () { return this.$element[0].disabled; }, checkDisabled: function () { var that = this; if (this.isDisabled()) { this.$newElement.addClass('disabled'); this.$button.addClass('disabled').attr('tabindex', -1); } else { if (this.$button.hasClass('disabled')) { this.$newElement.removeClass('disabled'); this.$button.removeClass('disabled'); } if (this.$button.attr('tabindex') == -1 && !this.$element.data('tabindex')) { this.$button.removeAttr('tabindex'); } } this.$button.click(function () { return !that.isDisabled(); }); }, togglePlaceholder: function () { var value = this.$element.val(); this.$button.toggleClass('bs-placeholder', value === null || value === ''); }, tabIndex: function () { if (this.$element.data('tabindex') !== this.$element.attr('tabindex') && (this.$element.attr('tabindex') !== -98 && this.$element.attr('tabindex') !== '-98')) { this.$element.data('tabindex', this.$element.attr('tabindex')); this.$button.attr('tabindex', this.$element.data('tabindex')); } this.$element.attr('tabindex', -98); }, clickListener: function () { var that = this, $document = $(document); this.$newElement.on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }); $document.data('spaceSelect', false); this.$button.on('keyup', function (e) { if (/(32)/.test(e.keyCode.toString(10)) && $document.data('spaceSelect')) { e.preventDefault(); $document.data('spaceSelect', false); } }); this.$button.on('click', function () { that.setSize(); }); this.$element.on('shown.bs.select', function () { if (!that.options.liveSearch && !that.multiple) { that.$menuInner.find('.selected a').focus(); } else if (!that.multiple) { var selectedIndex = that.liObj[that.$element[0].selectedIndex]; if (typeof selectedIndex !== 'number' || that.options.size === false) return; // scroll to selected option var offset = that.$lis.eq(selectedIndex)[0].offsetTop - that.$menuInner[0].offsetTop; offset = offset - that.$menuInner[0].offsetHeight/2 + that.sizeInfo.liHeight/2; that.$menuInner[0].scrollTop = offset; } }); this.$menuInner.on('click', 'li a', function (e) { var $this = $(this), clickedIndex = $this.parent().data('originalIndex'), prevValue = that.$element.val(), prevIndex = that.$element.prop('selectedIndex'), triggerChange = true; // Don't close on multi choice menu if (that.multiple && that.options.maxOptions !== 1) { e.stopPropagation(); } e.preventDefault(); //Don't run if we have been disabled if (!that.isDisabled() && !$this.parent().hasClass('disabled')) { var $options = that.$element.find('option'), $option = $options.eq(clickedIndex), state = $option.prop('selected'), $optgroup = $option.parent('optgroup'), maxOptions = that.options.maxOptions, maxOptionsGrp = $optgroup.data('maxOptions') || false; if (!that.multiple) { // Deselect all others if not multi select box $options.prop('selected', false); $option.prop('selected', true); that.$menuInner.find('.selected').removeClass('selected').find('a').attr('aria-selected', false); that.setSelected(clickedIndex, true); } else { // Toggle the one we have chosen if we are multi select. $option.prop('selected', !state); that.setSelected(clickedIndex, !state); $this.blur(); if (maxOptions !== false || maxOptionsGrp !== false) { var maxReached = maxOptions < $options.filter(':selected').length, maxReachedGrp = maxOptionsGrp < $optgroup.find('option:selected').length; if ((maxOptions && maxReached) || (maxOptionsGrp && maxReachedGrp)) { if (maxOptions && maxOptions == 1) { $options.prop('selected', false); $option.prop('selected', true); that.$menuInner.find('.selected').removeClass('selected'); that.setSelected(clickedIndex, true); } else if (maxOptionsGrp && maxOptionsGrp == 1) { $optgroup.find('option:selected').prop('selected', false); $option.prop('selected', true); var optgroupID = $this.parent().data('optgroup'); that.$menuInner.find('[data-optgroup="' + optgroupID + '"]').removeClass('selected'); that.setSelected(clickedIndex, true); } else { var maxOptionsText = typeof that.options.maxOptionsText === 'string' ? [that.options.maxOptionsText, that.options.maxOptionsText] : that.options.maxOptionsText, maxOptionsArr = typeof maxOptionsText === 'function' ? maxOptionsText(maxOptions, maxOptionsGrp) : maxOptionsText, maxTxt = maxOptionsArr[0].replace('{n}', maxOptions), maxTxtGrp = maxOptionsArr[1].replace('{n}', maxOptionsGrp), $notify = $('
    '); // If {var} is set in array, replace it /** @deprecated */ if (maxOptionsArr[2]) { maxTxt = maxTxt.replace('{var}', maxOptionsArr[2][maxOptions > 1 ? 0 : 1]); maxTxtGrp = maxTxtGrp.replace('{var}', maxOptionsArr[2][maxOptionsGrp > 1 ? 0 : 1]); } $option.prop('selected', false); that.$menu.append($notify); if (maxOptions && maxReached) { $notify.append($('
    ' + maxTxt + '
    ')); triggerChange = false; that.$element.trigger('maxReached.bs.select'); } if (maxOptionsGrp && maxReachedGrp) { $notify.append($('
    ' + maxTxtGrp + '
    ')); triggerChange = false; that.$element.trigger('maxReachedGrp.bs.select'); } setTimeout(function () { that.setSelected(clickedIndex, false); }, 10); $notify.delay(750).fadeOut(300, function () { $(this).remove(); }); } } } } if (!that.multiple || (that.multiple && that.options.maxOptions === 1)) { that.$button.focus(); } else if (that.options.liveSearch) { that.$searchbox.focus(); } // Trigger select 'change' if (triggerChange) { if ((prevValue != that.$element.val() && that.multiple) || (prevIndex != that.$element.prop('selectedIndex') && !that.multiple)) { // $option.prop('selected') is current option state (selected/unselected). state is previous option state. changed_arguments = [clickedIndex, $option.prop('selected'), state]; that.$element .triggerNative('change'); } } } }); this.$menu.on('click', 'li.disabled a, .popover-title, .popover-title :not(.close)', function (e) { if (e.currentTarget == this) { e.preventDefault(); e.stopPropagation(); if (that.options.liveSearch && !$(e.target).hasClass('close')) { that.$searchbox.focus(); } else { that.$button.focus(); } } }); this.$menuInner.on('click', '.divider, .dropdown-header', function (e) { e.preventDefault(); e.stopPropagation(); if (that.options.liveSearch) { that.$searchbox.focus(); } else { that.$button.focus(); } }); this.$menu.on('click', '.popover-title .close', function () { that.$button.click(); }); this.$searchbox.on('click', function (e) { e.stopPropagation(); }); this.$menu.on('click', '.actions-btn', function (e) { if (that.options.liveSearch) { that.$searchbox.focus(); } else { that.$button.focus(); } e.preventDefault(); e.stopPropagation(); if ($(this).hasClass('bs-select-all')) { that.selectAll(); } else { that.deselectAll(); } }); this.$element.change(function () { that.render(false); that.$element.trigger('changed.bs.select', changed_arguments); changed_arguments = null; }); }, liveSearchListener: function () { var that = this, $no_results = $('
  • '); this.$button.on('click.dropdown.data-api touchstart.dropdown.data-api', function () { that.$menuInner.find('.active').removeClass('active'); if (!!that.$searchbox.val()) { that.$searchbox.val(''); that.$lis.not('.is-hidden').removeClass('hidden'); if (!!$no_results.parent().length) $no_results.remove(); } if (!that.multiple) that.$menuInner.find('.selected').addClass('active'); setTimeout(function () { that.$searchbox.focus(); }, 10); }); this.$searchbox.on('click.dropdown.data-api focus.dropdown.data-api touchend.dropdown.data-api', function (e) { e.stopPropagation(); }); this.$searchbox.on('input propertychange', function () { if (that.$searchbox.val()) { var $searchBase = that.$lis.not('.is-hidden').removeClass('hidden').children('a'); if (that.options.liveSearchNormalize) { $searchBase = $searchBase.not(':a' + that._searchStyle() + '("' + normalizeToBase(that.$searchbox.val()) + '")'); } else { $searchBase = $searchBase.not(':' + that._searchStyle() + '("' + that.$searchbox.val() + '")'); } $searchBase.parent().addClass('hidden'); that.$lis.filter('.dropdown-header').each(function () { var $this = $(this), optgroup = $this.data('optgroup'); if (that.$lis.filter('[data-optgroup=' + optgroup + ']').not($this).not('.hidden').length === 0) { $this.addClass('hidden'); that.$lis.filter('[data-optgroup=' + optgroup + 'div]').addClass('hidden'); } }); var $lisVisible = that.$lis.not('.hidden'); // hide divider if first or last visible, or if followed by another divider $lisVisible.each(function (index) { var $this = $(this); if ($this.hasClass('divider') && ( $this.index() === $lisVisible.first().index() || $this.index() === $lisVisible.last().index() || $lisVisible.eq(index + 1).hasClass('divider'))) { $this.addClass('hidden'); } }); if (!that.$lis.not('.hidden, .no-results').length) { if (!!$no_results.parent().length) { $no_results.remove(); } $no_results.html(that.options.noneResultsText.replace('{0}', '"' + htmlEscape(that.$searchbox.val()) + '"')).show(); that.$menuInner.append($no_results); } else if (!!$no_results.parent().length) { $no_results.remove(); } } else { that.$lis.not('.is-hidden').removeClass('hidden'); if (!!$no_results.parent().length) { $no_results.remove(); } } that.$lis.filter('.active').removeClass('active'); if (that.$searchbox.val()) that.$lis.not('.hidden, .divider, .dropdown-header').eq(0).addClass('active').children('a').focus(); $(this).focus(); }); }, _searchStyle: function () { var styles = { begins: 'ibegins', startsWith: 'ibegins' }; return styles[this.options.liveSearchStyle] || 'icontains'; }, val: function (value) { if (typeof value !== 'undefined') { this.$element.val(value); this.render(); return this.$element; } else { return this.$element.val(); } }, changeAll: function (status) { if (!this.multiple) return; if (typeof status === 'undefined') status = true; this.findLis(); var $options = this.$element.find('option'), $lisVisible = this.$lis.not('.divider, .dropdown-header, .disabled, .hidden'), lisVisLen = $lisVisible.length, selectedOptions = []; if (status) { if ($lisVisible.filter('.selected').length === $lisVisible.length) return; } else { if ($lisVisible.filter('.selected').length === 0) return; } $lisVisible.toggleClass('selected', status); for (var i = 0; i < lisVisLen; i++) { var origIndex = $lisVisible[i].getAttribute('data-original-index'); selectedOptions[selectedOptions.length] = $options.eq(origIndex)[0]; } $(selectedOptions).prop('selected', status); this.render(false); this.togglePlaceholder(); this.$element .triggerNative('change'); }, selectAll: function () { return this.changeAll(true); }, deselectAll: function () { return this.changeAll(false); }, toggle: function (e) { e = e || window.event; if (e) e.stopPropagation(); this.$button.trigger('click'); }, keydown: function (e) { var $this = $(this), $parent = $this.is('input') ? $this.parent().parent() : $this.parent(), $items, that = $parent.data('this'), index, next, first, last, prev, nextPrev, prevIndex, isActive, selector = ':not(.disabled, .hidden, .dropdown-header, .divider)', keyCodeMap = { 32: ' ', 48: '0', 49: '1', 50: '2', 51: '3', 52: '4', 53: '5', 54: '6', 55: '7', 56: '8', 57: '9', 59: ';', 65: 'a', 66: 'b', 67: 'c', 68: 'd', 69: 'e', 70: 'f', 71: 'g', 72: 'h', 73: 'i', 74: 'j', 75: 'k', 76: 'l', 77: 'm', 78: 'n', 79: 'o', 80: 'p', 81: 'q', 82: 'r', 83: 's', 84: 't', 85: 'u', 86: 'v', 87: 'w', 88: 'x', 89: 'y', 90: 'z', 96: '0', 97: '1', 98: '2', 99: '3', 100: '4', 101: '5', 102: '6', 103: '7', 104: '8', 105: '9' }; if (that.options.liveSearch) $parent = $this.parent().parent(); if (that.options.container) $parent = that.$menu; $items = $('[role="listbox"] li', $parent); isActive = that.$newElement.hasClass('open'); if (!isActive && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105 || e.keyCode >= 65 && e.keyCode <= 90)) { if (!that.options.container) { that.setSize(); that.$menu.parent().addClass('open'); isActive = true; } else { that.$button.trigger('click'); } that.$searchbox.focus(); return; } if (that.options.liveSearch) { if (/(^9$|27)/.test(e.keyCode.toString(10)) && isActive) { e.preventDefault(); e.stopPropagation(); that.$button.click().focus(); } // $items contains li elements when liveSearch is enabled $items = $('[role="listbox"] li' + selector, $parent); if (!$this.val() && !/(38|40)/.test(e.keyCode.toString(10))) { if ($items.filter('.active').length === 0) { $items = that.$menuInner.find('li'); if (that.options.liveSearchNormalize) { $items = $items.filter(':a' + that._searchStyle() + '(' + normalizeToBase(keyCodeMap[e.keyCode]) + ')'); } else { $items = $items.filter(':' + that._searchStyle() + '(' + keyCodeMap[e.keyCode] + ')'); } } } } if (!$items.length) return; if (/(38|40)/.test(e.keyCode.toString(10))) { index = $items.index($items.find('a').filter(':focus').parent()); first = $items.filter(selector).first().index(); last = $items.filter(selector).last().index(); next = $items.eq(index).nextAll(selector).eq(0).index(); prev = $items.eq(index).prevAll(selector).eq(0).index(); nextPrev = $items.eq(next).prevAll(selector).eq(0).index(); if (that.options.liveSearch) { $items.each(function (i) { if (!$(this).hasClass('disabled')) { $(this).data('index', i); } }); index = $items.index($items.filter('.active')); first = $items.first().data('index'); last = $items.last().data('index'); next = $items.eq(index).nextAll().eq(0).data('index'); prev = $items.eq(index).prevAll().eq(0).data('index'); nextPrev = $items.eq(next).prevAll().eq(0).data('index'); } prevIndex = $this.data('prevIndex'); if (e.keyCode == 38) { if (that.options.liveSearch) index--; if (index != nextPrev && index > prev) index = prev; if (index < first) index = first; if (index == prevIndex) index = last; } else if (e.keyCode == 40) { if (that.options.liveSearch) index++; if (index == -1) index = 0; if (index != nextPrev && index < next) index = next; if (index > last) index = last; if (index == prevIndex) index = first; } $this.data('prevIndex', index); if (!that.options.liveSearch) { $items.eq(index).children('a').focus(); } else { e.preventDefault(); if (!$this.hasClass('dropdown-toggle')) { $items.removeClass('active').eq(index).addClass('active').children('a').focus(); $this.focus(); } } } else if (!$this.is('input')) { var keyIndex = [], count, prevKey; $items.each(function () { if (!$(this).hasClass('disabled')) { if ($.trim($(this).children('a').text().toLowerCase()).substring(0, 1) == keyCodeMap[e.keyCode]) { keyIndex.push($(this).index()); } } }); count = $(document).data('keycount'); count++; $(document).data('keycount', count); prevKey = $.trim($(':focus').text().toLowerCase()).substring(0, 1); if (prevKey != keyCodeMap[e.keyCode]) { count = 1; $(document).data('keycount', count); } else if (count >= keyIndex.length) { $(document).data('keycount', 0); if (count > keyIndex.length) count = 1; } $items.eq(keyIndex[count - 1]).children('a').focus(); } // Select focused option if "Enter", "Spacebar" or "Tab" (when selectOnTab is true) are pressed inside the menu. if ((/(13|32)/.test(e.keyCode.toString(10)) || (/(^9$)/.test(e.keyCode.toString(10)) && that.options.selectOnTab)) && isActive) { if (!/(32)/.test(e.keyCode.toString(10))) e.preventDefault(); if (!that.options.liveSearch) { var elem = $(':focus'); elem.click(); // Bring back focus for multiselects elem.focus(); // Prevent screen from scrolling if the user hit the spacebar e.preventDefault(); // Fixes spacebar selection of dropdown items in FF & IE $(document).data('spaceSelect', true); } else if (!/(32)/.test(e.keyCode.toString(10))) { that.$menuInner.find('.active a').click(); $this.focus(); } $(document).data('keycount', 0); } if ((/(^9$|27)/.test(e.keyCode.toString(10)) && isActive && (that.multiple || that.options.liveSearch)) || (/(27)/.test(e.keyCode.toString(10)) && !isActive)) { that.$menu.parent().removeClass('open'); if (that.options.container) that.$newElement.removeClass('open'); that.$button.focus(); } }, mobile: function () { this.$element.addClass('mobile-device'); }, refresh: function () { this.$lis = null; this.liObj = {}; this.reloadLi(); this.render(); this.checkDisabled(); this.liHeight(true); this.setStyle(); this.setWidth(); if (this.$lis) this.$searchbox.trigger('propertychange'); this.$element.trigger('refreshed.bs.select'); }, hide: function () { this.$newElement.hide(); }, show: function () { this.$newElement.show(); }, remove: function () { this.$newElement.remove(); this.$element.remove(); }, destroy: function () { this.$newElement.before(this.$element).remove(); if (this.$bsContainer) { this.$bsContainer.remove(); } else { this.$menu.remove(); } this.$element .off('.bs.select') .removeData('selectpicker') .removeClass('bs-select-hidden selectpicker'); } }; // SELECTPICKER PLUGIN DEFINITION // ============================== function Plugin(option, event) { // get the args of the outer function.. var args = arguments; // The arguments of the function are explicitly re-defined from the argument list, because the shift causes them // to get lost/corrupted in android 2.3 and IE9 #715 #775 var _option = option, _event = event; [].shift.apply(args); var value; var chain = this.each(function () { var $this = $(this); if ($this.is('select')) { var data = $this.data('selectpicker'), options = typeof _option == 'object' && _option; if (!data) { var config = $.extend({}, Selectpicker.DEFAULTS, $.fn.selectpicker.defaults || {}, $this.data(), options); config.template = $.extend({}, Selectpicker.DEFAULTS.template, ($.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.template : {}), $this.data().template, options.template); $this.data('selectpicker', (data = new Selectpicker(this, config, _event))); } else if (options) { for (var i in options) { if (options.hasOwnProperty(i)) { data.options[i] = options[i]; } } } if (typeof _option == 'string') { if (data[_option] instanceof Function) { value = data[_option].apply(data, args); } else { value = data.options[_option]; } } } }); if (typeof value !== 'undefined') { //noinspection JSUnusedAssignment return value; } else { return chain; } } var old = $.fn.selectpicker; $.fn.selectpicker = Plugin; $.fn.selectpicker.Constructor = Selectpicker; // SELECTPICKER NO CONFLICT // ======================== $.fn.selectpicker.noConflict = function () { $.fn.selectpicker = old; return this; }; $(document) .data('keycount', 0) .on('keydown.bs.select', '.bootstrap-select [data-toggle=dropdown], .bootstrap-select [role="listbox"], .bs-searchbox input', Selectpicker.prototype.keydown) .on('focusin.modal', '.bootstrap-select [data-toggle=dropdown], .bootstrap-select [role="listbox"], .bs-searchbox input', function (e) { e.stopPropagation(); }); // SELECTPICKER DATA-API // ===================== $(window).on('load.bs.select.data-api', function () { $('.selectpicker').each(function () { var $selectpicker = $(this); Plugin.call($selectpicker, $selectpicker.data()); }) }); })(jQuery); })); ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.Case = Webropol.Survey.Case || {}; Webropol.Survey.Case.MoreInformationPopup = function (questionId, surveyId, responseId, questionEl, urls, localization) { var _this = this; var _urls = urls; _this.popup = null; var createMoreInformationRequest = function () { // this uses jquery.form.js plugin var $form = $(_this.popup).find('.more-information-form'); Webropol.Shared.Common.callAjaxSubmit($form, { url: _urls.createMoreInformationRequest, success: function (data) { var section = $(questionEl).find('.more-information-section'); // it might be hidden in case we are adding first comment. We need to show it. section.show(); section.find('> td').append(data); } }, true); }; this.show = function () { _this.popup = Webropol.Shared.Common.showPopupForContainer($("#moreinformation-popup-container .more-information-popup"), { doNotClone: false, withDataAndEvents: true }); $(_this.popup).find('.more-information-question-id').val(questionId); $(_this.popup).find('.more-information-survey-id').val(surveyId); $(_this.popup).find('.more-information-response-id').val(responseId); $(_this.popup).find('.send-more-information-request-btn').on("click", createMoreInformationRequest); }; }; ; var Webropol = Webropol || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.ValidationMethods = function() { var hasAllNumericOptionEmptyInner = function (element, findQuestion, findNumericFields) { var result = true; var $question = findQuestion($(element)); var $numericFields = findNumericFields($question); $numericFields.each(function (i, elem) { var val = parseFloat(elem.value.replace(",", ".")); if (!isNaN(val)) { result = false; } }); return result; }; var hasAllNumericOptionEmpty = function (element) { var res = hasAllNumericOptionEmptyInner($(element), function ($element) { return $element.closest(".numeric-question"); }, function ($question) { return $question.find(".numeric-field"); }); return res; }; var hasAllCustomNumericOptionEmpty = function ($element) { var questionShortId = $element.closest("[data-question-short-id]").attr("data-question-short-id"); var res = hasAllNumericOptionEmptyInner($element, function ($elem) { return $elem.closest(".custom-table-question"); }, function ($question) { return $question.find(".custom-table-numeric-field[data-question-short-id=" + questionShortId + "]"); }); return res; }; var hasAllNumericOptionEmptySelector = function ($element) { if ($element.closest(".custom-table-question").length) { return hasAllCustomNumericOptionEmpty($element); } else { return hasAllNumericOptionEmpty($element); } }; this.numericOptionsSumLessThan = function (element, calculatedSum, sumValue) { if (hasAllNumericOptionEmptySelector($(element))) { return true; } return +calculatedSum.toFixed(10) < sumValue; }; this.numericOptionsSumEquals = function (element, calculatedSum, sumValue) { if (hasAllNumericOptionEmptySelector($(element))) { return true; } return +calculatedSum.toFixed(10) == sumValue; }; this.numericOptionsSumGreaterThan = function (element, calculatedSum, sumValue) { if (hasAllNumericOptionEmptySelector($(element))) { return true; } return +calculatedSum.toFixed(10) > sumValue; }; }; ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipationValidator = function () { var _this = this; var _validator; var _validationMethods = new Webropol.Survey.ValidationMethods(); var _previousErrorList = []; var _idPostfix = "-summary"; this.suppressAllValidation = function () { _validator.settings.ignore = "*"; }; this.getValidationMethod = function (methodName) { return _validationMethods[methodName]; }; this.init = function (options) { _this.getQuestionByShortId = function (questionShortId) { return options.getQuestionByShortIdMethod(questionShortId); }; _this.getFourfoldOptionAnswers = function (optionShortId) { return options.getFourfoldOptionAnswersMethod(optionShortId); }; _this.addValidationMethods(); _this.createFormValidator(); }; this.createFormValidator = function () { _validator = $("#participation-form").validate({ ignore: ":hidden *", onfocusout: function (element) { $(element).valid(); // attachment question mandotary alert has to be hidden manually if ($(element).closest(".attachment-question").find('.answer-option').length > 1) { _this.getAlertFor($(element)).hide(); } }, onkeyup: false, onclick: function (element, event) { var errorElements = _this.getAlertFor($(element)).find("div.error"); if ($(element).closest(".selection-question").length > 0) { if (errorElements.length > 0) { if ($(element).is(':visible:checked')) { _this.hideAlert($(element)); } else { _this.showAlert($(element)); } } } else if ($(element).closest(".multiselection-question").length > 0) { if (errorElements.length > 0) { var checkedOption = $(element).closest(".question-body").find(".inner-body").find(".option:visible:checked"); if (checkedOption.length > 0) { _this.hideAlert($(element)); } else { _this.showAlert($(element)); } } } else if ($(element).closest(".matrixselection-question").length > 0 || $(element).closest(".position-question").length > 0) { var optionRows = $(element).closest(".question-body").find(".inner-body").find("table .optionRow:visible"); var checkedOptions = [], validOptionRows = []; optionRows.each(function (index, el) { var $row = $(el); var checked = $row.find(".option:visible:checked"); if (checked.length > 0) { checkedOptions.push(checked); $row.find('.option-attached-text').valid(); } //we need to avoid subheading row which does not have options var $options = $row.find(".option"); if ($options.length > 0) { validOptionRows.push($row); } }); if (checkedOptions.length == validOptionRows.length) { _this.hideAlert($(element)); } } else if ($(element).closest(".custom-table-question").length > 0) { if (errorElements.length > 0) { var inputId = $(element).closest(".optionRow").find("input.error:hidden").attr("id"); var errorId = ""; if (inputId) { errorId = inputId.concat("-error"); //Unchecking does not show error for radio and checkboxes if ($(element).is(":visible:checked")) { _this.getAlertFor($(element)).find("#" + errorId).text(''); _this.alertInSummary($(element)).find("#" + errorId).text(''); } } if (_validator.numberOfInvalidsOfQuestion(element) === 0) { _this.getAlertFor($(element)).hide(); } } } }, errorElement: "div", success: function ($error, element) { if (_validator.numberOfInvalidsOfQuestion(element) === 0) { var alert = _this.getAlertFor($(element)); alert.hide(); $("#errors").hide(); var alertSummary = _this.alertInSummary($(element)); var errorDivs = alertSummary.find("a div.error:visible"); if (errorDivs.length > 0) { $("#" + getSummaryErrorId($error)).hide(); } } }, showErrors: function (errorMap, errorList) { _previousErrorList = []; for (var i = 0; errorList[i]; i++) { var element = errorList[i].element; var alert = _this.getAlertFor($(element)); _previousErrorList.push(alert); alert.show(); var alertSummary = _this.alertInSummary($(element)); var errorDivs = alertSummary.find("a div.error"); var errorId = $(element).attr("id").concat("-error-summary"); var summaryEl = $("#" + errorId); _validator.errorsFor(element).remove(); if (errorDivs.length > 0) { summaryEl.remove(); } } if (errorList.length > 0) { $("#errors").show(); //re-order error messages by option order //check if target has option order attribute; if at least one option has "order" -> all input"s have var tmpElem = errorList[0].element; if ($(tmpElem).attr("order")) { var sortredArray = errorList.sort(function (a, b) { var aOrder = parseInt($(a.element).attr("order")); var bOrder = parseInt($(b.element).attr("order")); return (aOrder > bOrder) ? 1 : -1; }); _validator.errorList = sortredArray.slice(0); } } _validator.defaultShowErrors(); if ($('.question-wrapper .error:visible').length === 0) { $("#mandatory-validation-errors").css("display", "none"); } }, errorPlacement: function ($error, $element) { if ($error.text().length > 0) { var alert = _this.getAlertFor($element); alert.append($error); var alertSummary = _this.alertInSummary($element); var errorDivs = alertSummary.find("a div.error"); var nextErrorId = alert.closest(".question-body-group").nextAll(".question-body-group") .find("div.error:visible").first().attr("id"); if (errorDivs.length > 1 && nextErrorId) { $("#" + nextErrorId.concat(_idPostfix)) .before($error.clone().prop('id', getSummaryErrorId($error))); } else { alertSummary.find("a").append($error.clone().prop('id', getSummaryErrorId($error))); } $("#errors").append($error.clone()); } } }); if (_validator != null) { _validator.numberOfInvalidsOfQuestion = function (element) { var errorCount = 0; var alert = _this.getAlertFor($(element)); var errorElements = alert.find("div.error"); errorElements.each(function () { if ($(this).text() != "") errorCount++; }); return errorCount; }; } }; this.addValidationMethods = function () { addValidationMethod("calendarDateRequired", _this.calendarDateRequired); addValidationMethod("textAnswerRequired", _this.textAnswerRequired); addValidationMethod("choiceRequired", _this.choiceRequired); addValidationMethod("selectionChoiceRequired", _this.selectionChoiceRequired); addValidationMethod("customTableOptionRequired", _this.customTableOptionRequired); addValidationMethod("fourfoldOptionRequired", _this.fourfoldOptionRequired); addValidationMethod("fourfoldChoiceRequired", _this.fourfoldChoiceRequired); addValidationMethod("matrixOptionRequired", _this.matrixOptionRequired); addValidationMethod("matrixChoiceRequired", _this.matrixChoiceRequired); addValidationMethod("checkSpaces", _this.checkSpaces); addValidationMethod("hierarchyRequired", _this.hierarchyRequired); addValidationMethod("dropdownListRequired", _this.dropdownListRequired); addValidationMethod("regex", _this.regex); addValidationMethod("numericRange", _this.numericRange); addValidationMethod("numericOptionsSumEquals", _this.numericOptionsSumEquals); addValidationMethod("numericOptionsSumGreaterThan", _this.numericOptionsSumGreaterThan); addValidationMethod("numericOptionsSumLessThan", _this.numericOptionsSumLessThan); addValidationMethod("fileRequired", _this.fileRequired); addValidationMethod("textMinLength", _this.textMinLength); addValidationMethod("textMaxLength", _this.textMaxLength); addValidationMethod("minLimitNumberOfAnswers", _this.minLimitNumberOfAnswers); addValidationMethod("maxLimitNumberOfAnswers", _this.maxLimitNumberOfAnswers); addValidationMethod("rankingOrderRankAllValues", _this.rankingOrderRankAllValues); addValidationMethod("calendarDateRange", _this.calendarDateRange); addValidationMethod("sliderValueRequired", _this.sliderValueRequired); addValidationMethod("sliderChoiceRequired", _this.sliderChoiceRequired); addValidationMethod("matrixRowAttachedTextFieldRequired", _this.matrixRowAttachedTextFieldRequired); addValidationMethod("attachedTextFieldNonEmptyMatrixRowRequired", _this.attachedTextFieldNonEmptyMatrixRowRequired); }; var addValidationMethod = function (validationMethodName, validationMethod) { $.validator.addMethod(validationMethodName, validationMethod, "DEFAULT"); }; this.calendarDateRequired = function (value, element) { var datePickers = $(element).closest(".question-body").find(".date"); var dateString = datePickers.find("input.calendar-input").val(); if (dateString === "") { return true; } var dateFormat = datePickers.eq(0).data("DateTimePicker").format(); return moment(dateString, dateFormat, true).isValid(); }; this.textAnswerRequired = function (value, element) { var textarea = $(element).closest(".question-body").find(".inner-body").find("textarea"); return getTextAnswerLength(textarea.val()) > 0; }; this.selectionChoiceRequired = function (value, element) { var $selectedAttribute = $(element).closest(".question-body").find(".inner-body").find("input[type=hidden][name$='SelectedAttribute']"); var selectedAttributeValue = $selectedAttribute.val(); return !!selectedAttributeValue; }; this.choiceRequired = function (value, element) { var checkedOption = $(element).closest(".question-body").find(".inner-body").find(".option:visible:checked"); return checkedOption.length > 0; }; this.customTableOptionRequired = function (value, element, params) { var questionShortId = $(element).closest(".question-body").find(".inner-body").attr("id"); var question = _this.getQuestionByShortId(questionShortId); var optionId = value; var option = question.findOption(optionId); var optionOfEachQuestionHasAnswers = option.IsDisable || doesEachChildQuestionHaveAnswersForOption(question, option); return optionOfEachQuestionHasAnswers; }; this.fourfoldOptionRequired = function (value, element, params) { var questionShortId = $(element).closest(".question-body").find(".inner-body").attr("id"); var question = _this.getQuestionByShortId(questionShortId); var optionId = value; var option = question.findOption(optionId); if (option.IsDisable) { return true; } var answerData = _this.getFourfoldOptionAnswers(option.ShortId); return !isNaN(answerData.x) && !isNaN(answerData.y) || !!answerData.dontKnow; }; this.fourfoldChoiceRequired = function (value, element, params) { var $question = $(element).closest(".fourfold-question"); var result = true; $question.find(".optionRow > input:hidden").each(function (index, el) { var $option = $(el); result = result && _this.fourfoldOptionRequired($option.val(), el); }); return result; }; this.matrixOptionRequired = function (value, element, params) { var $row = $(element).closest(".optionRow"); var isAnyOptionChecked = hasCheckedOptions($row, false, value); return isAnyOptionChecked; }; this.matrixChoiceRequired = function (value, element, params) { var isInCustomTable = $(element).closest(".custom-table-question").length > 0; var table = $(element).closest(".question-body").find(".inner-body").find("table"); var hasNotApplicableOption = params.hasNotApplicableOption || false; if (hasNotApplicableOption) { var $notApplicableOptionRow = table.find(".not-applicable-option-row"); var isNotApplicableOptionChecked = hasCheckedOptions($notApplicableOptionRow, isInCustomTable, value); if (isNotApplicableOptionChecked !== undefined && isNotApplicableOptionChecked) { return true; } } var result = true; table.find(".optionRow").each(function (index, el) { var $row = $(el); var isAnyOptionChecked = hasCheckedOptions($row, isInCustomTable, value); if (isAnyOptionChecked !== undefined) { result = result && isAnyOptionChecked; } }); return result; }; this.checkSpaces = function (value, element) { var containsSpaces = /\s+/g.test(value); return !containsSpaces; }; this.hierarchyRequired = function (value, element) { var hierarchyLevelsSelections = $(element).closest(".question-body").find(".inner-body select"); for (var i = 0; i < hierarchyLevelsSelections.length; i++) { var $hierarchyLevelSelect = hierarchyLevelsSelections.eq(i); var selectedValue = $hierarchyLevelSelect.val(); var optionCount = $hierarchyLevelSelect.find("option").length; if (optionCount > 1 && !selectedValue) { return false; } } return true; }; this.dropdownListRequired = function (value, element) { var selected = $(element).closest(".question-body").find(".inner-body").find("option:selected"); return !!selected.val(); }; this.regex = function (value, element, regexp) { var val = $(element).val(); return regexp.test($.trim(val)); }; this.numericRange = function (value, element, range) { if ($(element).val() === "") { return true; } var val = parseFloat($(element).val()); return val >= range[0] && val <= range[1]; }; this.numericOptionsSumEquals = function (value, element, sumValue) { var sum = getNumericOptionsAnswersSumSelector($(element)); return _validationMethods.numericOptionsSumEquals(element, sum, sumValue); }; this.numericOptionsSumGreaterThan = function (value, element, sumValue) { var sum = getNumericOptionsAnswersSumSelector($(element)); return _validationMethods.numericOptionsSumGreaterThan(element, sum, sumValue); }; this.numericOptionsSumLessThan = function (value, element, sumValue) { var sum = getNumericOptionsAnswersSumSelector($(element)); return _validationMethods.numericOptionsSumLessThan(element, sum, sumValue); }; this.fileRequired = function (value, element) { var choosedFiles = $(element).closest(".question-body").find(".inner-body").find(".answer-option:visible"); return choosedFiles.length > 1; // > 1 because one .answer-option it is empty input for a new file }; this.textMinLength = function (value, element, minValue) { var length = getTextAnswerLength(value, true); return length === 0 || length >= minValue; }; this.textMaxLength = function (value, element, maxValue) { return getTextAnswerLength(value, true) <= maxValue; }; this.minLimitNumberOfAnswers = function (value, element, minValue) { var checkedOptions = $(element).closest(".question-body").find("input.option:checked"); var isSelectOneOptionChecked = checkedOptions.attr("is-select-one") === 1; if (isSelectOneOptionChecked) { return true; // ASP-690 } var checkedOptionsCount = checkedOptions.length; return (checkedOptionsCount >= minValue) || (checkedOptionsCount === 0); }; this.maxLimitNumberOfAnswers = function (value, element, maxValue) { var checkedOptions = $(element).closest(".question-body").find("input.option:checked"); var isSelectOneOptionChecked = checkedOptions.attr("is-select-one") == 1; if (isSelectOneOptionChecked) { return true; // ASP-690 } return checkedOptions.length <= maxValue; }; this.rankingOrderRankAllValues = function (value, element, params) { var parent = $(element).closest(".question-body"); var allSelects = $(parent).find("select"); var answers = []; for (var i = 0; i < allSelects.length; i++) { var val = allSelects[i].value; if (val.length > 0) { answers.push(val); } } var needRankAllValues = params[0]; var isQuestionMandatory = params[1]; var minimumRankedCount = params[2]; var optionCount = params[3]; var useRankedScaleForValues = params[4]; if (answers.length === 0) { return !isQuestionMandatory; } var isHideDisableItems = []; var hideDisableInputs = $(parent).find("input[id^='o_'][id$='_IsHiddenOrDisabledByDynamicRule']"); for (var i = 0; i < hideDisableInputs.length; i++) { var hideDisableItem = hideDisableInputs[i]; if ($(hideDisableItem).val().toLowerCase() === "true" && $.inArray($(hideDisableItem).attr("id"), isHideDisableItems) === -1) { isHideDisableItems.push($(hideDisableItem).attr("id")); } } if (needRankAllValues) { if (answers.length != 0 && answers.length != (optionCount - (useRankedScaleForValues ? 0 : isHideDisableItems.length))) return false; } else { if (answers.length != 0 && answers.length < (minimumRankedCount - isHideDisableItems.length)) return false; } return true; }; this.calendarDateRange = function (value, element) { var datePickers = $(element).closest(".question-body").find(".date"); var date1Str = datePickers.eq(0).find("input.calendar-input").val(); var date2Str = datePickers.eq(1).find("input.calendar-input").val(); if (date1Str != "" && date2Str != "") { // we do range validation only when 2 dates are set var dateFormat = datePickers.eq(0).data("DateTimePicker").format(); var date1 = moment(date1Str, dateFormat).toDate(); var date2 = moment(date2Str, dateFormat).toDate(); return date2 >= date1; } return true; }; this.sliderValueRequired = function (value, element, params) { var optionShortId = params[0]; var isShowNotApplicableButton = params[1]; if (isShowNotApplicableButton) { var isUsedNotApplicableButton = ($("#q_" + value + "_use_not_applicable").val() || "").toLowerCase() === "true"; if (isUsedNotApplicableButton) { return true; } } var hiddenTextValue = $("#" + optionShortId + "_hidden_text_value").val() || ""; var selectedAttributeId = $("#" + optionShortId + "_SelectedAttribute").val() || ""; return hiddenTextValue.length > 0 || selectedAttributeId.length > 0; }; this.sliderChoiceRequired = function (value, element, params) { var questionId = params.questionId; var hasNotApplicableOption = params.hasNotApplicableOption || false; var $customTableQuestion = $(element).closest(".custom-table-question"); var isInCustomTable = $customTableQuestion.length > 0; var $sliderInitialisers; if (!isInCustomTable) { var $questionInnerBody = $(element).closest(".question-body").find(".inner-body"); $sliderInitialisers = $questionInnerBody.find('.slider-initialiser'); } else { $sliderInitialisers = $customTableQuestion.find('.slider-initialiser').filter(function (i, x) { return $(x).closest("[data-option-for-question-short-id='" + questionId + "']").length > 0; }); } var result = true; $sliderInitialisers.each(function() { var optionShortId = $(this).attr('id'); var $optionRowContainer = $(this).closest('.optionRow'); if (optionShortId && $optionRowContainer.is(":visible") && !$optionRowContainer.hasClass("disabled") ) { if (!_this.sliderValueRequired(questionId, element, [optionShortId, hasNotApplicableOption])) { result = false; } } }); return result; }; this.hidePreviousErrors = function () { for (var i = 0; _previousErrorList[i]; i++) { _previousErrorList[i].hide(); } }; this.attachedTextFieldNonEmptyMatrixRowRequired = function (value, element, params) { if ($.trim(value).length === 0) { return true; } var questionId = params[0]; var optionShortId = params[1]; var isShowNotApplicableButton = params[2]; var isSlider = params[3]; if (isSlider) { return _this.sliderValueRequired(questionId, element, [optionShortId, isShowNotApplicableButton]); } return _this.matrixOptionRequired(value, element); }; this.matrixRowAttachedTextFieldRequired = function (value, element, params) { var questionId = params[0]; var optionShortId = params[1]; var isShowNotApplicableButton = params[2]; var isSlider = params[3]; if (isSlider) { if (!_this.sliderValueRequired(questionId, element, [optionShortId, isShowNotApplicableButton])) { return true; } } else { if (!_this.matrixOptionRequired(value, element)) { return true; } } return $.trim(value).length > 0; }; var hasCheckedOptions = function ($row, isInCustomTable, value) { var $options = $row.find(".option"); if (isInCustomTable) { $options = $options.filter(function (i, x) { return $(x).closest("[data-option-for-question-short-id='" + value + "']").length > 0; }); } //all columns are disable or hidden var optionsLength = $options.length; if ($options.filter(":disabled").length === optionsLength || $options.filter(":hidden").length === optionsLength) { return true; } if ($options.filter(":enabled:visible").length > 0) { var checked = $options.filter(":checked"); var isAnyOptionChecked = checked.length > 0; return isAnyOptionChecked; } return undefined; }; var getNumericOptionsAnswersSumSelector = function ($element) { if ($element.closest(".custom-table-question").length) { return getCustomTableNumericOptionsAnswersSum($element); } else { return getNumericOptionsAnswersSum($element); } }; var getCustomTableNumericOptionsAnswersSum = function ($element) { var questionShortId = $element.closest("[data-question-short-id]").attr("data-question-short-id"); var sum = getNumericOptionsAnswersSumInner($element, function ($elem) { return $elem.closest(".custom-table-question"); }, function ($question) { return $question.find(".custom-table-numeric-field[data-question-short-id=" + questionShortId + "]"); }); return sum; }; var getNumericOptionsAnswersSum = function (element) { var sum = getNumericOptionsAnswersSumInner($(element), function ($element) { return $element.closest(".numeric-question"); }, function ($question) { return $question.find(".numeric-field"); }); return sum; }; var getNumericOptionsAnswersSumInner = function (element, findQuestion, findNumericFields) { var sum = 0; var $question = findQuestion($(element)); var $numericFields = findNumericFields($question); $numericFields.each(function (i, elem) { var val = parseFloat(elem.value.replace(",", ".")); if (!isNaN(val)) { sum += val; } }); return sum; }; var doesEachChildQuestionHaveAnswersForOption = function (question, option) { var optionOfEachQuestionHasAnswers = true; $.each(question.Questions, function (i, childQuestion) { var hasAnswers = false; var childOption = childQuestion.findOptionByOrderNumber(option.OptionOrder); switch (childQuestion.QuestionType) { case Webropol.Constants.QuestionTypes.MatrixSelection: case Webropol.Constants.QuestionTypes.MatrixMultiSelection: hasAnswers = doesMatrixHaveAnswersForOption(childQuestion, childOption); break; case Webropol.Constants.QuestionTypes.Numeric: case Webropol.Constants.QuestionTypes.TextField: hasAnswers = doesTextFieldHaveAnswersForOption(childQuestion, childOption); break; } optionOfEachQuestionHasAnswers = optionOfEachQuestionHasAnswers && hasAnswers; }); return optionOfEachQuestionHasAnswers; }; var doesMatrixHaveAnswersForOption = function (question, option) { //not check mandatory if all columns are disable or hide var allColumnsAreHiddenOrDidable = true; if (question.isSliderQuestion()) { return _this.sliderValueRequired(null, null, [option.ShortId, question.HasNotApplicableOption]); } for (var i = 0; i < question.Columns.length; i++) { var column = question.Columns[i]; var columnInput = $("#o_" + option.OptionId + "_" + column.OptionId); if (columnInput.length > 0 && !columnInput.is(":disabled") && columnInput.is(":visible")) { allColumnsAreHiddenOrDidable = false; break; } } if (allColumnsAreHiddenOrDidable) { return true; } var $questionContainer = question.getContainer(); var $answers = $.map(option.Answers, function (answer) { return $questionContainer.find("#" + answer.ShortId); } ); var hasAnswers = $.grep($answers, function (answer) { var $answer = $(answer); return $answer.is(":checked"); } ).length > 0; return hasAnswers; }; var doesTextFieldHaveAnswersForOption = function (question, option) { var allChildRowsAreHiddenOrDisable = true; $("textarea[data-question-short-id='" + question.ShortId + "']").each(function () { var $input = $(this); if (!$input.is(":disabled") && $input.is(":visible")) { allChildRowsAreHiddenOrDisable = false; return; } }); if (allChildRowsAreHiddenOrDisable) { return true; } var $questionContainer = question.getContainer(); var $answers = $.map(option.Answers, function (answer) { return $questionContainer.find("#" + answer.ShortId); }); var hasAnswers = $.grep($answers, function (answer) { var $answer = $(answer); return $answer.val().trim().length > 0; }).length > 0; return hasAnswers; }; this.getAlertFor = function ($element) { if (isInCustomTable($element)) { return alertForCustomTable($element); } var $alertParent = $element.closest(".question-body"); var $validationBehavior = $alertParent.find(".validation-behavior"); var useSumValidation = $validationBehavior.length != 0; if (useSumValidation) { return $alertParent.find(".inner-body").next("legend").find(".alert.alert-danger"); } var optionId = $alertParent.find(".question-body-item").attr("id"); if (optionId !== undefined) { return $element.closest(".optionRow.question-body-item").find(".alert.alert-danger[data-option-short-id='" + optionId + "']"); } if ($alertParent.length === 0) { $alertParent = $element.closest(".confirm-submit-body"); } return $alertParent.find(".alert.alert-danger"); }; this.alertInSummary = function ($element) { var questionShortId = $element.closest(".question-body").find(".inner-body").attr('id'); var $alertForSummary = $("#mandatory-validation-errors") .find(".error-item[data-alert-for-question-short-id='" + questionShortId + "']"); return $alertForSummary; }; this.hideAlert = function ($element) { _this.getAlertFor($element).hide(); _this.alertInSummary($element).hide(); }; this.showAlert = function ($element) { _this.getAlertFor($element).show(); _this.alertInSummary($element).show(); }; var isInCustomTable = function ($element) { return $element.closest(".custom-table-question").length > 0; }; var alertForCustomTable = function ($element) { var questionShortId = $element.closest(".question-body").find(".inner-body").attr("id"); return $element.closest(".inner-body").next().find(".alert.alert-danger[data-alert-for-question-short-id='" + questionShortId + "']"); }; var getTextAnswerLength = function (value, ignoreNewLine) { value = $.trim(value); if (ignoreNewLine) { return value.replace(/[\r\n]+/gm, "").length; } return value.length; }; var getSummaryErrorId = function($error) { return $error.attr('id').concat(_idPostfix); }; };; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipation = function (urls, localization) { var _this = this; var _urls = urls; var _localization = localization; var _newlyUploadedFilesTotalLength = 0; var _commentCounter = 1; var _questions = []; var _logicalRulesService, _logicalRuleGroupsService, _commonRulesService; var _questionNoteService = null; var _cache = null; var _isDirty = false; var _sameAnswersPopup = null; var _signResponsePopup = null; var _summaryCloseWarningPopup = null; var _participationValidator = new Webropol.Survey.SurveyParticipationValidator(); var _fourfoldQuestionHelper = new Webropol.Survey.ParticipationQuestion.FourfoldHelper(); this.submitUrl = ''; var changeOptionSumOfNumeric = function ($element, $validationsContainer, getNumericOptionsAnswersSumFunc, softValidationSettings, sumElementSelector) { var $validationBehavior = $validationsContainer.find(".validation-behavior"); var useSumValidation = $validationBehavior.length != 0; if (useSumValidation) { var validationBehavior = $validationBehavior.val(); var validatorName = $validationsContainer.find(".validator-name").val(); var sum = getNumericOptionsAnswersSumFunc($element); var validationSum = $validationsContainer.find(".validation-sum").val(); if (validationBehavior == Webropol.Constants.NumericSumValidatorBehavior.Add) { $validationsContainer.find(sumElementSelector).html(+sum.toFixed(10)); } else { $validationsContainer.find(sumElementSelector).html(+(validationSum - sum).toFixed(10)); } if (softValidationSettings) { if (softValidationSettings.validationMode == Webropol.Constants.NumericSumValidationMode.SoftValidation) { processSingleNumericSoftValidation($element, sum, softValidationSettings); } else if (softValidationSettings.validationMode == Webropol.Constants.NumericSumValidationMode.HardValidation) { processSingleNumericHardValidation($element, sum, validationSum, validatorName); } } } }; var processSingleNumericHardValidation = function ($element, sum, validationSum, validatorName) { var errorElements = _participationValidator.getAlertFor($element).find("div.error"); if (errorElements.length > 0) { if (validatorName == Webropol.Constants.NumericSumValidationName.Equal) { if (+sum.toFixed(10) == validationSum) { _this.hideAlert($element); } else { _this.showAlert($element); } } else if (validatorName == Webropol.Constants.NumericSumValidationName.GreaterThan) { if (+sum.toFixed(10) > validationSum) { _this.hideAlert($element); } else { _this.showAlert($element); } } else { if (+sum.toFixed(10) < validationSum) { _this.hideAlert($element); } else { _this.showAlert($element); } } } } var processSingleNumericSoftValidation = function ($optionElement, calculatedSum, softValidationSettings) { var questionElement = $('.' + softValidationSettings.questionShortId).get(0); var validationMethod = _participationValidator.getValidationMethod(softValidationSettings.validationName); var softValidationResult = validationMethod(questionElement, calculatedSum, softValidationSettings.validationSum); var warning = getWarningFor($optionElement, softValidationSettings.parentQuestionShortId ? softValidationSettings.parentQuestionShortId : softValidationSettings.questionShortId); if (!softValidationResult) { warning.empty(); var validationMessage = Webropol.Shared.Common.stringFormat(softValidationSettings.validationMessage, softValidationSettings.validationSum, calculatedSum); var newWarning = Webropol.Shared.Common.stringFormat('
    {0}
    ', validationMessage); warning.html(newWarning); warning.show(); } else { warning.hide(); warning.empty(); } }; this.init = function (data) { var $form = $("#participation-form").first(); if (data) { var jsonData = $.parseJSON(data); if (jsonData.IsRegisterMultiple) { $.each(jsonData.RegistrationForms, function (idx, registrationForm) { $.each(registrationForm.Questions, function (id, quesionData) { var q = new Webropol.Survey.ParticipationQuestion(); q.init(quesionData, _this, _localization); _questions.push(q); }); }); } else { $.each(jsonData.Questions, function (id, quesionData) { var q = new Webropol.Survey.ParticipationQuestion(); q.init(quesionData, _this, _localization); _questions.push(q); }); } _commonRulesService = new Webropol.Survey.LogicalRules.Common(_this); _commonRulesService.init(); _logicalRuleGroupsService = new Webropol.Survey.LogicalRules.RuleGroupsService(_this, _commonRulesService); _logicalRuleGroupsService.init(jsonData.RuleGroups); _logicalRulesService = new Webropol.Survey.LogicalRules.RulesService(_this, _commonRulesService); if (jsonData.TimeLimitSettings) { initSurveyTimeLimitSettings(jsonData.TimeLimitSettings); } if (jsonData.CopiedAnswersSettings.ShowSameAnswersWarning) { $form.find('.question-wrapper :input').one('change input', function () { _isDirty = true; }); _sameAnswersPopup = new Webropol.Survey.SurveyParticipation.SameAnswersPopup(_this); } _signResponsePopup = new Webropol.Survey.SurveyParticipation.SignResponsePopup(_this, _urls); _summaryCloseWarningPopup = new Webropol.Survey.SurveyParticipation.SummaryCloseWarningPopup(_this); } _questionNoteService = new Webropol.Survey.ParticipationQuestionNoteService(); _questionNoteService.init(_this); _cache = new Webropol.Survey.ParticipationCache(); initCalendar(); initRankingQuestion(); _fourfoldQuestionHelper.initFourfolds(); $(".custom-table-question .custom-table-numeric-field") .on("input", function (e) { var questionShortId = $(e.target).attr("data-question-short-id"); var parentQuestionShortId = $(e.target) .closest('.all-options-container') .find('.custom-table-first-column') .first() .attr("data-question-short-id"); var $customTable = $(e.target).closest(".custom-table-question"); var $questionValidations = $customTable.find(".validations-container [data-question-short-id='" + questionShortId + "']"); var questionSoftValidationElement = $customTable.find(".js-sub-question-header[data-question-short-id='" + questionShortId + "']").eq(0); var softValidationSettings = getSoftValidationSettings(questionSoftValidationElement, questionShortId); softValidationSettings.parentQuestionShortId = parentQuestionShortId; changeOptionSumOfNumeric($(e.target), $questionValidations, getCustomTableNumericOptionsAnswersSum, softValidationSettings, ".options-sum"); var $row = $(e.target).closest("tr.optionRow"); var $rowValidations = $row.find(".js-row-validations-container"); changeOptionSumOfNumeric($(e.target), $rowValidations, getCustomTableNumericOptionsAnswersRowSum, null, ".js-row-sum"); }); $(".text-field").on("change", function (e) { $(e.target).val(e.target.value); }); $("textarea").on("change", function (e) { $(e.target).text(e.target.value); }); $("textarea").on("propertychange input", function (e) { adjustTextareaHeight(e.target); }); _this.adjustTextareasHeights(); $form.removeAttr("novalidate"); _participationValidator.init({ getQuestionByShortIdMethod: _this.getQuestionByShortId, getFourfoldOptionAnswersMethod: _fourfoldQuestionHelper.getFourfoldOptionAnswers }); $('#comment-creation-container .question-comment-creation-form textarea.question-comment-comment-textarea').on('keyup blur', function (event) { var textarea = event.target; var submitButton = $(textarea).parents('.question-comment-creation-popup').find('button.submit'); if (textarea.value != null && textarea.value.trim().length > 0) { submitButton.prop('disabled', false); } else { submitButton.prop('disabled', 'disabled'); } }); $('#moreinformation-popup-container .more-information-popup button.submit').prop('disabled', 'disabled'); //default $('#moreinformation-popup-container .more-information-form textarea[name="requestText"]').on('keyup blur', function (event) { var textarea = event.target; var submitButton = $(textarea).parents('.more-information-popup').find('button.submit'); if (textarea.value != null && textarea.value.trim().length > 0) { submitButton.prop('disabled', false); } else { submitButton.prop('disabled', 'disabled'); } }); $('.numeric-question .options-sum').each(function () { var $questionValidations = $(this).closest(".numeric-question"); var settingsElement = $questionValidations.find('.inner-body').eq(0); var softValidationSettings = getSoftValidationSettings(settingsElement, settingsElement.get(0).id); changeOptionSumOfNumeric($(this), $questionValidations, getNumericOptionsAnswersSum, softValidationSettings, ".options-sum"); }); $('.custom-table-question .options-sum').each(function () { var $this = $(this); var $customTable = $this.closest(".custom-table-question"); var questionShortId = $this.closest("[data-question-short-id]").attr("data-question-short-id"); var questionSoftValidationElement = $customTable.find(".js-sub-question-header[data-question-short-id='" + questionShortId + "']").eq(0); var $questionValidations = $customTable.find(".validations-container [data-question-short-id='" + questionShortId + "']"); var softValidationSettings = getSoftValidationSettings(questionSoftValidationElement, questionShortId); changeOptionSumOfNumeric($this, $questionValidations, getCustomTableNumericOptionsAnswersSum, softValidationSettings, ".options-sum"); }); $('.custom-table-question .js-row-sum').each(function () { var $this = $(this); var $row = $this.closest("tr.optionRow"); var $rowValidations = $row.find(".js-row-validations-container"); changeOptionSumOfNumeric($this, $rowValidations, getCustomTableNumericOptionsAnswersRowSum, null, ".js-row-sum"); }); truncateLongDropDownOptionTexts(); initMaxtrixNoteColumn(); // need to save url for "save&continue" case _this.submitUrl = $form.attr('action'); }; this.getSurveyLocale = function () { return $(".surveyLocale").val(); }; var getCalendarLocalization = function () { var surveyLocale = _this.getSurveyLocale(); var calendarLocale; switch (surveyLocale) { case "zh-CHT": case "zh-CHS": calendarLocale = "zh-cn"; break; default: calendarLocale = surveyLocale; } return calendarLocale; }; this.initDateTimePicker = function ($element, dateFormat) { var calendarLocale = getCalendarLocalization(); var format = (dateFormat) ? dateFormat : Webropol.Constants.Common.DateTimeFormat.DATE_FORMAT; $element.datetimepicker({ format: format, locale: calendarLocale, widgetParent: 'body', useCurrent: false, useStrict: true, keepInvalid: true }) .on('dp.show', Webropol.Shared.Common.onBootstrapDateTimePickerShown); }; var initCalendar = function () { var $calendars = $(".calendar"), $calendarInputs = $(".calendar-input"), dateFormat; if ($calendarInputs.length === 0) { return; } $calendars.each(function () { var $calendar = $(this); dateFormat = $calendar.find('.calendar-input').data("dateformat"); _this.initDateTimePicker($calendar, dateFormat); }); $calendars.on('dp.change', function (e) { _this.copyCalendarValueToTextInput($(e.target)); }); $calendarInputs.each(function () { var $calendarInput = $(this); var placeholder = $calendarInput.attr('placeholder'); $calendarInput.mask("", { placeholder: placeholder }); }); $calendarInputs.on("change", function (e) { var targetValue = e.target.value; var $target = $(e.target); if (!targetValue) { $target.parent('.calendar').data("DateTimePicker").date(""); $target.val(""); } $target.val(targetValue); }); }; var initRankingQuestion = function () { var $rankingQuestionsSelector = $('.select-ranking'); if ($rankingQuestionsSelector.length > 0) { $rankingQuestionsSelector.selectpicker({ width: '165px' }); } }; var getWarningFor = function ($element, questionShortId) { return $element.closest('.question-body').find(".alert.alert-warning[data-warning-for-question-short-id='" + questionShortId + "']"); }; var findQuestion = function (questionSelector) { return Webropol.Shared.Common.findItem(_questions, childQuestionsSelector, questionSelector); }; var childQuestionsSelector = function (questions) { var childQuestions = questions.Questions; return childQuestions && childQuestions.length ? childQuestions : []; }; this.getQuestionByShortId = function (questionShortId) { return findQuestion(function (q) { return q.ShortId == questionShortId; }); }; this.getQuestion = function (questionId) { return findQuestion(function (q) { return q.QuestionId == questionId; }); }; var toOneDimensionalAnswer = function (optionId) { return { OptionId: optionId }; }; var toTwoDimensionalAnswer = function (optionId, columnId) { var answer = toOneDimensionalAnswer(optionId); answer.ColumnId = columnId; return answer; }; this.preprocessLogicalRules = function () { var questions = _questions.filter(function (x) { return x.LogicalRules.length > 0; }); // code below is needed for correct processing of preselected options ARC-4585. Preselect option is available only for single choice question for (var i = 0; i < questions.length; i++) { var question = questions[i]; if (_this.isOneDimentionalChoiceQuestion(question.QuestionType)) { var preselectedOptions = question.Options.filter(function (x) { return x.IsSelected }); if (_this.isMultiChoiceQuestion(question.QuestionType)) { // in case of multichoiсe we need to pass all selected options at once var answers = preselectedOptions.map(function (el) { return toOneDimensionalAnswer(el.OptionId); }); processAnswerChanges(question, answers); } else if (_this.isSingleChoiceQuestion(question.QuestionType)) { // in case of singlechoiсe we need to pass only one answer. // Actually it is not logical if we have more than 1 option preselected // but we will support old logic and process all selected option one by one (basically last option will win) preselectedOptions.forEach(function (option) { var answer = toOneDimensionalAnswer(option.OptionId); processAnswerChanges(question, [answer]); }); } } } }; var processAnswerChanges = function (question, answers, processInitiateOption) { if (_logicalRulesService) { _logicalRulesService.processAnswerChanges(question, answers, processInitiateOption); } if (_logicalRuleGroupsService) { _logicalRuleGroupsService.processAnswerChanges(question); } }; var getSoftValidationSettings = function (settingsElement, questionShortId) { return { validationSum: settingsElement.data('validation-sum'), validationMessage: settingsElement.data('validation-message'), validationMode: settingsElement.data('validation-mode'), validationName: settingsElement.data('validation-name'), questionShortId: questionShortId }; }; this.getAnswers = function (questionId) { var question = _this.getQuestionByShortId(questionId); var questionType = question.QuestionType; if (_this.isOneDimentionalChoiceQuestion(questionType)) { return getOneDimensionalQuestionAnswers(question); } if (_this.isTwoDimentionalChoiceQuestion(questionType)) { return getMatrixAnswers(question); } return []; }; this.changeOptionSumOfSingleNumeric = function (e, questionShortId) { var settingsElement = $('#' + questionShortId).eq(0); changeOptionSumOfNumeric($(e), $(e).closest(".numeric-question"), getNumericOptionsAnswersSum, getSoftValidationSettings(settingsElement, questionShortId), ".options-sum"); }; this.addRegistrationForm = function (data, formIdentifier) { if (data) { var jsonData = $.parseJSON(data); $.each(jsonData, function (id, quesionData) { var q = new Webropol.Survey.ParticipationQuestion(); q.init(quesionData, _this, _localization); _questions.push(q); }); var registrationFormSel = Webropol.Shared.Common.stringFormat("[data-form-name='{0}']", formIdentifier); $("textarea", registrationFormSel).on("propertychange input", function (e) { adjustTextareaHeight(e.target); }); $("textarea", registrationFormSel).each(function () { adjustTextareaHeight(this); }); } }; this.onPictureSelectionOptionClick = function (questionId, shortOptionId, optionId) { var $option = $('#' + shortOptionId); if ($option.prop("disabled")) { return; } $option.trigger('focus'); if ($option.data("prevstate") === 0) { $option.prop('checked', true); } $option.trigger("change"); }; this.onPictureSelectionRadioChange = function (questionId, shortOptionId, optionId) { var $option = $('#' + shortOptionId); if ($option.prop("disabled")) { return; } _this.onSelectionOptionClick(questionId, shortOptionId, optionId); //Display validation error manually _this.displayValidationAlert($option); }; this.onSelectionOptionClick = function (questionId, shortOptionId, optionId) { var answers = []; var $option = $('#' + shortOptionId); var $question = $('#' + questionId); $question.find("input[type=hidden][name$='IsSelected']:not([id*=dd_rank])") .each(function () { $(this).val("False"); } ); $question.find("input[type=hidden][name$='SelectedAttribute']") .each(function () { $(this).prop("disabled", true); } ); //new state if ($option.is(':checked')) { if ($option.data("prevstate") === 1) { $option.data("prevstate", 0); $option.prop("checked", false); //disable nearest attached text field disableOptionAttachedTextInput($option, ".radio"); updatePictureSelectionQuestionState($option, false); } else { $option.data("prevstate", 1); $question.find("input.option").filter( function () { return $(this).attr("id") != shortOptionId; } ).prop("checked", false).data("prevstate", 0) .each(function () { updatePictureSelectionQuestionState($(this), false); }); //disable all attached text fields in question disableOptionAttachedTextInput($option, ".inner-body"); //enable nearest attached text field enableOptionAttachedTextInput($option, ".radio"); updatePictureSelectionQuestionState($option, true); answers.push(toOneDimensionalAnswer(optionId)); } } else { //disable nearest attached text field, in case reset option by rule disableOptionAttachedTextInput($option, ".radio"); } processAnswerChanges(_this.getQuestionByShortId(questionId), answers); }; this.onDropDownChange = function (select, questionId, currentSelectedIndex) { $(select).find('option[selected]').prop("selected", false); var optionId; if (currentSelectedIndex) { select.selectedIndex = currentSelectedIndex; $(select.options[currentSelectedIndex]).prop('selected', true); optionId = $(select.options[currentSelectedIndex]).val(); } else { $(select.options[select.selectedIndex]).prop('selected', true); optionId = $(select.options[select.selectedIndex]).val(); } var answers = []; answers.push(toOneDimensionalAnswer(optionId)); var selAttVal = optionId.length == 0 ? "00000000-0000-0000-0000-000000000000" : optionId; $("#" + questionId + "_SelectedAttribute").val(selAttVal); processAnswerChanges(_this.getQuestionByShortId(questionId), answers); _this.displayValidationAlert($(select)); }; this.onSliderChange = function (value, questionShortId, optionShortId) { var question = _this.getQuestionByShortId(questionShortId); var sliderId = optionShortId || questionShortId; var hasAnswerNow = false; var $sliderRow = $('#' + sliderId + "_slider"); var $slider = question.getSliderInitialiserElement(sliderId); var questionSelectorId = !question.IsParentCustomTable ? '#' + questionShortId : '#' + questionShortId + "_" + optionShortId; var $question = $(questionSelectorId); var $errorElements = _participationValidator.getAlertFor($question).find("div.error"); question.setSliderTouchedOrUnTouched($sliderRow.find(".slider-body"), true); function refreshAttachedTextFieldsForSelectionQuestion(selectedOptionWithTextField) { var $attachedTextFieldsContainer = $question.find('.slider-row-attached-text-field'); // disable and hide all attached text fields $attachedTextFieldsContainer.find('.option-attached-text').prop("disabled", true).val(""); $attachedTextFieldsContainer.find('.option-attached-text').addClass('hidden'); //show only selected one var $attachedTextField = $attachedTextFieldsContainer.find('.' + selectedOptionWithTextField.ShortId + '.option-attached-text'); $attachedTextField.removeClass('hidden'); $attachedTextField.prop("disabled", false); var answer = selectedOptionWithTextField.Answers[0]; var result = answer != null ? answer.ColumnText : ""; $attachedTextField.attr("aria-label", result ? $('').html(result).text() : ""); } if (question.QuestionType === Webropol.Constants.QuestionTypes.Selection) { var answersForSelection = []; var selectedOption = question.resolveOptionBySliderValueForSelectionQuestion(value); if (selectedOption) { var $selectedAttribute = question.getSliderSelectedAttribute(); if (!selectedOption.IsDisable) { $selectedAttribute.val(selectedOption.OptionId); answersForSelection.push(toOneDimensionalAnswer(selectedOption.OptionId)); hasAnswerNow = true; refreshAttachedTextFieldsForSelectionQuestion(selectedOption); } else { //restore previous value var prevSelectedAttributeId = $selectedAttribute.val(); var prevSliderValue = question.getOptionsForSelectionAsSlider().findIndex(function (o) { return o.OptionId === prevSelectedAttributeId; }); if (prevSliderValue === -1) { prevSliderValue = $slider.slider('getAttribute', 'min'); } $slider.slider('setValue', prevSliderValue); var prevSelectedOption = question.resolveOptionBySliderValueForSelectionQuestion(prevSliderValue); if (prevSelectedOption) { refreshAttachedTextFieldsForSelectionQuestion(prevSelectedOption); } } } processAnswerChanges(question, answersForSelection); } else if (question.QuestionType !== Webropol.Constants.QuestionTypes.Slider) { var selectedColumn = question.resolveOptionColumnBySliderValueForMatrixQuestion(value); if (selectedColumn) { var $selectedColumnAttribute = question.getSliderSelectedAttribute(optionShortId); if (!selectedColumn.IsDisable) { $selectedColumnAttribute.val(selectedColumn.OptionId); var answersForMatrix = getMatrixAsSliderAnswers(question); processAnswerChanges(question, answersForMatrix); hasAnswerNow = true; } else { //restore previous value var prevSelectedAttributeId = $selectedColumnAttribute.val(); var prevSliderValue = question.getOptionsForMatrixAsSlider().findIndex(function (o) { return o.OptionId === prevSelectedAttributeId; }); if (prevSliderValue === -1) { prevSliderValue = $slider.slider('getAttribute', 'min'); } $slider.slider('setValue', prevSliderValue); } } } else { var $hiddenTexValue = $("#" + sliderId + "_hidden_text_value"); $hiddenTexValue.val(value); var hiddenTextValue = $hiddenTexValue.val(); hasAnswerNow = hiddenTextValue && hiddenTextValue.length > 0; } if ($errorElements.length > 0) { var $isUsedNotApplicableButton = $('#' + questionShortId + '_use_not_applicable'); var isUsedNotApplicableButton = ($isUsedNotApplicableButton.val() || '').toLowerCase() === "true"; if (hasAnswerNow || isUsedNotApplicableButton) { _this.hideAlert($question); } } }; this.onSliderDontKnowChange = function (questionShortId, optionShortId) { var question = _this.getQuestionByShortId(questionShortId); var isCheck = $("#" + questionShortId + "_slider_dont_know").prop('checked'); var $sliderInitialiser = question.getSliderInitialiserElement(optionShortId); var $hiddenTextValue = $('#' + optionShortId + '_hidden_text_value'); var $questionContainer = $('#' + questionShortId); var $hiddenNotApplicable = $('#' + questionShortId + '_use_not_applicable'); if (question.QuestionType !== Webropol.Constants.QuestionTypes.Slider) { var $hiddenOptionIsNotApplicable = $questionContainer.find('#' + optionShortId + '_IsNotApplicable'); var $selectedColumnAttribute = $questionContainer.find('#' + optionShortId + "_SelectedAttribute"); if (isCheck) { $selectedColumnAttribute.val($hiddenOptionIsNotApplicable.val()); } else { var currentValue = $sliderInitialiser.slider('getValue'); _this.onSliderChange(currentValue, questionShortId, optionShortId); } } if (isCheck) { $sliderInitialiser.prop("disabled", true); $sliderInitialiser.slider('disable'); $hiddenTextValue.prop("disabled", true); $hiddenNotApplicable.val(true); } else { $sliderInitialiser.prop("disabled", false); $sliderInitialiser.slider('enable'); $hiddenTextValue.prop("disabled", false); $hiddenNotApplicable.val(false); } }; this.onFourfoldQuestionKeyDown = function (event, questionId) { _fourfoldQuestionHelper.fourfoldQuestionKeyDown(event, questionId); }; this.onFourfoldOptionFocus = function (shortOptionId) { _fourfoldQuestionHelper.fourfoldOptionFocus(shortOptionId); }; this.onFourfoldClearAllClick = function (event, questionId) { _fourfoldQuestionHelper.onFourfoldClearAllClick(event, questionId); }; this.onFourfoldClearSelectedClick = function (event, questionId) { _fourfoldQuestionHelper.onFourfoldClearSelectedClick(event, questionId); }; this.onRankingDropDownChange = function (select, selectOptionId, questionId, isRankScaleParam, needRankAllValues, minimumRankedCount) { var selectedIndex = select.selectedIndex; var ddOptionId = $(select.options[selectedIndex])[0].Id; if ($('#' + ddOptionId).prop("disabled")) { return; } var isRankScale = isRankScaleParam.toLowerCase() === true.toString(); var question = _this.getQuestionByShortId(questionId); if (!question) { return; } var answers = getRankingOrderAnswers(question, isRankScale); var optValue = $(select.options[selectedIndex]).val(); var $questionContainer = question.getContainer(); for (var i = 0; i < answers.length; i++) { if (isRankScale) { if (optValue.length > 0 && answers[i].ColumnId == optValue && answers[i].OptionId != selectOptionId) { var $optionSelectContainer = $questionContainer.find("#sel_o_" + answers[i].OptionId); $optionSelectContainer.find('option[selected]').prop("selected", false); $('#tr_' + answers[i].OptionId).removeClass("checked-ranking-values"); question.setAnswerByRowIdAndColId(answers[i].OptionId, answers[i].ColumnId, true); $optionSelectContainer.selectpicker('val', null); } } else { if (optValue.length > 0 && answers[i].ColumnId != selectOptionId && answers[i].OptionId == optValue) { var $optionSelectContainer = $questionContainer.find("#sel_o_" + answers[i].ColumnId); $optionSelectContainer.find('option[selected]').prop("selected", false); $('#tr_' + answers[i].ColumnId).removeClass("checked-ranking-values"); question.setAnswerByRowIdAndColId(answers[i].OptionId, answers[i].ColumnId, true); $optionSelectContainer.selectpicker('val', null); } } } $(select).find('option[selected]').prop("selected", false); $(select.options[selectedIndex]).prop('selected', true); var answerRowId = isRankScale ? selectOptionId : $(select).val(); var answerColId = isRankScale ? $(select).val() : selectOptionId; question.setAnswerByRowIdAndColId(answerRowId, answerColId); if ($(select).val().length > 0) { $('#tr_' + selectOptionId).addClass("checked-ranking-values"); } else { $('#tr_' + selectOptionId).removeClass("checked-ranking-values"); } _this.displayRankingValidationAlert($(select), isRankScaleParam, needRankAllValues, minimumRankedCount); }; this.onPictureMultiSelectionOptionClick = function (questionId, optionId) { var $option = $('#' + optionId); if ($option.prop("disabled")) { return; } $option.trigger('focus'); if ($option.data("prevstate") === 1) { $option.prop("checked", true); } else { $option.prop("checked", false); } $option.trigger("change"); }; this.onPictureMultiSelectionCheckboxChange = function (questionId, optionId) { var $option = $('#' + optionId); if ($option.prop("disabled")) { return; } _this.onMultiSelectionOptionClick(questionId, optionId); //Display/hide validation error manually _this.displayValidationAlert($option); }; this.onMultiSelectionOptionClick = function (questionId, optionId) { var answers = []; var $option = $('#' + optionId); if ($option.is(':checked')) { $option.data("prevstate", 0); //enable nearest attached text field enableOptionAttachedTextInput($option, ".checkbox"); $option.prop("checked", true); updatePictureSelectionQuestionState($option, true); } else { $option.data("prevstate", 1); //disable nearest attached text field disableOptionAttachedTextInput($option, ".checkbox"); $option.prop("checked", false); updatePictureSelectionQuestionState($option, false); } var question = _this.getQuestionByShortId(questionId); if (question) { var $questionContainer = question.getContainer(); var isSelectOneFlag = $option.attr("is-select-one") == 1; for (var i = 0; i < question.Options.length; i++) { var option = question.Options[i]; var $el; if (option.ShortId == optionId) { $el = $option; } else { $el = $questionContainer.find("#" + option.ShortId); } if (isSelectOneFlag && option.ShortId != optionId) { var $questionLimitInfo = $(".question-limit-info", $questionContainer); if ($option.is(':checked')) { $el.data("prevstate", 1); //disable nearest attached text field disableOptionAttachedTextInput($el, ".checkbox"); _this.uncheckElement($questionContainer, $el); updatePictureSelectionQuestionState($el, false); $el.prop("disabled", true); $el.attr("disable-by-select-one", 1); $el.addClass("disabled"); if ($questionLimitInfo.length > 0) { $questionLimitInfo.hide(); } } else { $el.prop("disabled", false); $el.attr("disable-by-select-one", 0); $el.removeClass("disabled"); if ($questionLimitInfo.length > 0) { $questionLimitInfo.show(); } } } if ($el.is(':checked')) { answers.push(toOneDimensionalAnswer(option.OptionId)); } } var $selectedOptions = $(".selectedOptions", $questionContainer); if ($selectedOptions.length > 0) { $selectedOptions.text(answers.length); } processAnswerChanges(question, answers, optionId); } }; this.uncheckElement = function ($questionContainer, $el) { $el.prop("checked", false); }; var onMatrixSelectionOptionClickInner = function (questionId, shortOptionId, shortColumnId, optionId, columnId, findContainerOfSimilarOptions) { var option = $('#' + shortColumnId); if (option.prop("disabled")) { return; } //new state if (option.is(':checked') && option.data("prevstate") === 1) { option.data("prevstate", 0); option.prop("checked", false); option.parents('.text-center').removeClass("checked"); //in case cell has popover - option's parent is
    , not
    "; } break; } } $noteContainer.html(noteContent); }; this.setMaxtrixNoteColumn = function (question) { for (var i = 0; i < question.Options.length; i++) { var option = question.Options[i]; for (var j = 0; j < option.Answers.length; j++) { var answer = option.Answers[j]; if (answer.IsSelected && !answer.IsDeleted) { _this.processAnswerChanges(question, option.ShortId, option.OptionId, answer.ColumnId); continue; } } } } }; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.LogicalRules = Webropol.Survey.LogicalRules || {}; Webropol.Survey.LogicalRules.RuleGroupsService = function (participation, commonRulesService) { var _this = this, _participation = participation, _commonRulesService = commonRulesService, _ruleGroups, _appliedRuleGroups = []; var _logicalRuleOperations = { None: 0, And: 1, Or: 2, OpenBracket: 3, CloseBracket: 4 }; this.init = function (data) { if (data && data.Groups.length > 0) { _ruleGroups = data.Groups; _appliedRuleGroups = data.AppliedRuleGroups; } }; this.processAnswerChanges = function (question) { if (!_ruleGroups) { return; } var affectedGroups = getParticipatedRuleGroups(question.QuestionId); if (affectedGroups.length === 0) { return; } var questionsFromRuleGroups = getQuestionsFromRuleGroups(affectedGroups); var currentAnswers = getAnswers(questionsFromRuleGroups); var actionWinners = getActionWinners(affectedGroups, currentAnswers); for (var i = 0; i < actionWinners.length; i++) { _commonRulesService.applyAction(actionWinners[i], question.QuestionId); } }; var iterateRuleGroupsDetails = function(ruleGroups, iterationFunc) { for (var i = 0; i < ruleGroups.length; i++) { var ruleGroup = ruleGroups[i]; for (var j = 0; j < ruleGroup.Details.length; j++) { var detail = ruleGroup.Details[j]; if (!detail.IsOperator) { if (iterationFunc(detail, ruleGroup)) { break; } } } } }; var getParticipatedRuleGroups = function(questionId) { var participatedRuleGroups = []; iterateRuleGroupsDetails(_ruleGroups, function(detail, ruleGroup) { if (detail.QuestionId == questionId) { participatedRuleGroups.push(ruleGroup); return true; } return false; }); return participatedRuleGroups; }; var getQuestionsFromRuleGroups = function(ruleGroups) { var questionIds = []; iterateRuleGroupsDetails(ruleGroups, function(detail) { if (questionIds.indexOf(detail.QuestionId) === -1) { questionIds.push(detail.QuestionId); } }); return questionIds; }; var getAnswers = function(questions) { var answers = {}; for (var i = 0; i < questions.length; i++) { var questionId = questions[i]; var questionShortId = _commonRulesService.getQuestionShortId(questionId); answers[questionId] = _participation.getAnswers(questionShortId); } return answers; }; var getActionWinners = function(ruleGroups, answers) { var actionWinners = []; var oppositeActions = []; for (var i = 0; i < ruleGroups.length; i++) { var ruleGroup = ruleGroups[i]; if (isRuleGroupTriggered(ruleGroup, answers)) { _appliedRuleGroups.push(ruleGroup.Id); actionWinners = actionWinners.concat(ruleGroup.Actions); } else { // if rule group become 'untriggered' - we should rollback actions var index = _appliedRuleGroups.indexOf(ruleGroup.Id); if (index !== -1) { oppositeActions = oppositeActions.concat(ruleGroup.OppositeActions); _appliedRuleGroups.splice(index, 1); } } } return _commonRulesService.shrinkActions(actionWinners, oppositeActions); }; var isRuleGroupTriggered = function(ruleGroup, answers) { var expression = ""; for (var i = 0; i < ruleGroup.Details.length; i++) { expression += toPartOfExpression(ruleGroup.Details[i], answers); } return eval(expression); }; var toPartOfExpression = function(detail, answers) { if (detail.IsOperator) { return toOperator(detail.Operator); } else { var questionAnswers = answers[detail.QuestionId]; var result = _commonRulesService.isRuleTriggered(detail, questionAnswers); return result; } }; var toOperator = function(operator) { switch (operator) { case _logicalRuleOperations.And: return "&&"; case _logicalRuleOperations.Or: return "||"; case _logicalRuleOperations.OpenBracket: return "("; case _logicalRuleOperations.CloseBracket: return ")"; default: return ""; } }; }; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipation = Webropol.Survey.SurveyParticipation || {}; Webropol.Survey.SurveyParticipation.Responsive = Webropol.Survey.SurveyParticipation.Responsive || {}; Webropol.Survey.SurveyParticipation.Responsive.StickyHeaders = function () { var $areas = null, $window = $(window), $document = $(document), _cache = [], _cachedDocumentHeight = $document.height(), _floatingHeadersCollection = null, _headersCollection = null, MAX_CHARS_IN_HEADER = 300, allTextRatios = [[0], [1], [2, 1], [3, 2, 1]], textChunks = [0, 1, 3, 6], responsiveHelper = new Webropol.Survey.SurveyParticipation.Responsive.Helper(); function CacheEntry(height, margin, width, $floatingHeader, floatingHeaderHeight, staticHeaderHeight) { this.height = height; this.margin = margin; this.width = width; this.$floatingHeader = $floatingHeader; this.isVisible = $floatingHeader.is(":visible"); this.floatingHeaderHeight = floatingHeaderHeight; this.staticHeaderHeight = staticHeaderHeight; } function calcCache() { //console.time('calcCache'); $areas.each(function (idx) { var el = $(this), $floatingHeader = _floatingHeadersCollection.eq(idx), $staticHeader = _headersCollection.eq(idx), parentWidth = getElementStyles(getStickyTitlesWrapper(this)).width, style = getElementStyles(this), newMargin = parseInt(style.marginBottom, 10), newHeight = el.height(), floatingHeaderHeight = $floatingHeader.height(), staticHeaderHeight = $staticHeader.height(); if (!_cache[idx]) { _cache[idx] = new CacheEntry(newHeight, newMargin, parentWidth, $floatingHeader, floatingHeaderHeight, staticHeaderHeight); } else { var existingEntry = _cache[idx]; existingEntry.height = newHeight; existingEntry.margin = newMargin; existingEntry.width = parentWidth; existingEntry.$floatingHeader = $floatingHeader; existingEntry.isVisible = $floatingHeader.is(":visible"); existingEntry.floatingHeaderHeight = floatingHeaderHeight; existingEntry.staticHeaderHeight = staticHeaderHeight; } }); //console.timeEnd('calcCache'); } function getStickyTitlesWrapper(el) { return $(".js-sticky-titles-wrapper", el).get(0); } function getElementStyles(el) { return el.currentStyle || window.getComputedStyle(el); } function updateHeaders() { //console.time('updateHeaders'); var newDocumentHeight = $document.height(); if (_cachedDocumentHeight !== newDocumentHeight) { _cachedDocumentHeight = newDocumentHeight; calcCache(); } var scrollTop = $window.scrollTop(); _floatingHeadersCollection.css({ "visibility": "hidden" }); $areas.each(function (idx) { var entry = _cache[idx]; if (!entry.isVisible) { return true; } var el = $(this), offset = el.offset(); if ((scrollTop >= offset.top + entry.staticHeaderHeight - entry.floatingHeaderHeight - entry.margin) && (scrollTop <= offset.top + entry.height - entry.floatingHeaderHeight)) { entry.$floatingHeader.css({ "visibility": "visible", "width": entry.width }); return false; }; return true; }); //console.timeEnd('updateHeaders'); } var _throttledUpdateHeaders = $.throttle(80, true, updateHeaders); var _debouncedUpdateHeaders = $.debounce(100, false, updateHeaders); function addScrollHandler() { $window.on("scroll.sticky", _throttledUpdateHeaders); $window.on("scroll.sticky", _debouncedUpdateHeaders); updateHeaders(); } function onResize() { if (responsiveHelper.isResponsiveMode()) { addScrollHandler(); calcCache(); } else { $window.off("scroll.sticky", _throttledUpdateHeaders); $window.off("scroll.sticky", _debouncedUpdateHeaders); } } this.init = function ($stickyAreas) { $areas = $stickyAreas; _floatingHeadersCollection = $stickyAreas.find(".js-floating-header"); _headersCollection = $stickyAreas.find(".js-responsive-titles-container"); $stickyAreas.each(function (idx) { var clonedContentsItem = _headersCollection.eq(idx).clone(), targetItem = _floatingHeadersCollection.eq(idx); var clonedTexts = clonedContentsItem.find('.js-dummy-text'); var textCount = clonedTexts.length; var chuncksMaxIdx = textChunks.length - 1; if (textCount > chuncksMaxIdx) { textCount = chuncksMaxIdx; } var chunkSize = MAX_CHARS_IN_HEADER / textChunks[textCount]; clonedTexts.each(function (idx) { var ratios = allTextRatios[textCount]; var $this = $(this), textSize = MAX_CHARS_IN_HEADER, initialText = $this.text(); if (idx < ratios.length) { textSize = chunkSize * ratios[idx]; } var truncatedText = initialText.slice(0, textSize); if (initialText.length !== truncatedText.length) { $this.text(truncatedText + "..."); } }); targetItem.html(clonedContentsItem.html()); }); calcCache(); if (responsiveHelper.isResponsiveMode()) { addScrollHandler(); } $window.on('resize.sticky', $.debounce(150, false, onResize)); }; };; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.SurveyParticipation = Webropol.Survey.SurveyParticipation || {}; Webropol.Survey.SurveyParticipation.Responsive = Webropol.Survey.SurveyParticipation.Responsive || {}; Webropol.Survey.SurveyParticipation.Responsive.Helper = function () { var MAX_RESPONSIVE_WIDTH = 768; this.isResponsiveMode = function() { return (window.innerWidth || document.documentElement.clientWidth) <= MAX_RESPONSIVE_WIDTH; }; };; /*! ======================================================= VERSION 10.6.2 ========================================================= */ // PLEASE NOTE: the library was changed due to bugs. // changed parts of code are marked by "// CHANGED" "use strict"; var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */ /** * Bridget makes jQuery widgets * v1.0.1 * MIT license */ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object"; (function (factory) { if (typeof define === "function" && define.amd) { define(["jquery"], factory); } else if ((typeof module === "undefined" ? "undefined" : _typeof(module)) === "object" && module.exports) { var jQuery; try { jQuery = require("jquery"); } catch (err) { jQuery = null; } module.exports = factory(jQuery); } else if (window) { window.Slider = factory(window.jQuery); } })(function ($) { // Constants var NAMESPACE_MAIN = 'slider'; var NAMESPACE_ALTERNATE = 'bootstrapSlider'; // Polyfill console methods if (windowIsDefined && !window.console) { window.console = {}; } if (windowIsDefined && !window.console.log) { window.console.log = function () { }; } if (windowIsDefined && !window.console.warn) { window.console.warn = function () { }; } // Reference to Slider constructor var Slider; (function ($) { 'use strict'; // -------------------------- utils -------------------------- // var slice = Array.prototype.slice; function noop() { } // -------------------------- definition -------------------------- // function defineBridget($) { // bail if no jQuery if (!$) { return; } // -------------------------- addOptionMethod -------------------------- // /** * adds option method -> $().plugin('option', {...}) * @param {Function} PluginClass - constructor class */ function addOptionMethod(PluginClass) { // don't overwrite original option method if (PluginClass.prototype.option) { return; } // option setter PluginClass.prototype.option = function (opts) { // bail out if not an object if (!$.isPlainObject(opts)) { return; } this.options = $.extend(true, this.options, opts); }; } // -------------------------- plugin bridge -------------------------- // // helper function for logging errors // $.error breaks jQuery chaining var logError = typeof console === 'undefined' ? noop : function (message) { console.error(message); }; /** * jQuery plugin bridge, access methods like $elem.plugin('method') * @param {String} namespace - plugin name * @param {Function} PluginClass - constructor class */ function bridge(namespace, PluginClass) { // add to jQuery fn namespace $.fn[namespace] = function (options) { if (typeof options === 'string') { // call plugin method when first argument is a string // get arguments for method var args = slice.call(arguments, 1); for (var i = 0, len = this.length; i < len; i++) { var elem = this[i]; var instance = $.data(elem, namespace); if (!instance) { logError("cannot call methods on " + namespace + " prior to initialization; " + "attempted to call '" + options + "'"); continue; } if (!$.isFunction(instance[options]) || options.charAt(0) === '_') { logError("no such method '" + options + "' for " + namespace + " instance"); continue; } // trigger method with arguments var returnValue = instance[options].apply(instance, args); // break look and return first value if provided if (returnValue !== undefined && returnValue !== instance) { return returnValue; } } // return this if no return value return this; } else { var objects = this.map(function () { var instance = $.data(this, namespace); if (instance) { // apply options & init instance.option(options); instance._init(); } else { // initialize new instance instance = new PluginClass(this, options); $.data(this, namespace, instance); } return $(this); }); if (objects.length === 1) { return objects[0]; } return objects; } }; } // -------------------------- bridget -------------------------- // /** * converts a Prototypical class into a proper jQuery plugin * the class must have a ._init method * @param {String} namespace - plugin name, used in $().pluginName * @param {Function} PluginClass - constructor class */ $.bridget = function (namespace, PluginClass) { addOptionMethod(PluginClass); bridge(namespace, PluginClass); }; return $.bridget; } // get jquery from browser global defineBridget($); })($); /************************************************* BOOTSTRAP-SLIDER SOURCE CODE **************************************************/ (function ($) { var autoRegisterNamespace = void 0; var ErrorMsgs = { formatInvalidInputErrorMsg: function formatInvalidInputErrorMsg(input) { return "Invalid input value '" + input + "' passed in"; }, callingContextNotSliderInstance: "Calling context element does not have instance of Slider bound to it. Check your code to make sure the JQuery object returned from the call to the slider() initializer is calling the method" }; var SliderScale = { linear: { getValue: function getValue(value, options) { if (value < options.min) { return options.min; } else if (value > options.max) { return options.max; } else { return value; } }, toValue: function toValue(percentage) { var rawValue = percentage / 100 * (this.options.max - this.options.min); var shouldAdjustWithBase = true; if (this.options.ticks_positions.length > 0) { var minv, maxv, minp, maxp = 0; for (var i = 1; i < this.options.ticks_positions.length; i++) { if (percentage <= this.options.ticks_positions[i]) { minv = this.options.ticks[i - 1]; minp = this.options.ticks_positions[i - 1]; maxv = this.options.ticks[i]; maxp = this.options.ticks_positions[i]; break; } } var partialPercentage = (percentage - minp) / (maxp - minp); rawValue = minv + partialPercentage * (maxv - minv); shouldAdjustWithBase = false; } var adjustment = shouldAdjustWithBase ? this.options.min : 0; var value = adjustment + Math.round(rawValue / this.options.step) * this.options.step; return SliderScale.linear.getValue(value, this.options); }, toPercentage: function toPercentage(value) { if (this.options.max === this.options.min) { return 0; } if (this.options.ticks_positions.length > 0) { var minv, maxv, minp, maxp = 0; for (var i = 0; i < this.options.ticks.length; i++) { if (value <= this.options.ticks[i]) { minv = i > 0 ? this.options.ticks[i - 1] : 0; minp = i > 0 ? this.options.ticks_positions[i - 1] : 0; maxv = this.options.ticks[i]; maxp = this.options.ticks_positions[i]; break; } } if (i > 0) { var partialPercentage = (value - minv) / (maxv - minv); return minp + partialPercentage * (maxp - minp); } } return 100 * (value - this.options.min) / (this.options.max - this.options.min); } }, logarithmic: { /* Based on http://stackoverflow.com/questions/846221/logarithmic-slider */ toValue: function toValue(percentage) { var offset = 1 - this.options.min; var min = Math.log(this.options.min + offset); var max = Math.log(this.options.max + offset); var value = Math.exp(min + (max - min) * percentage / 100) - offset; if (Math.round(value) === max) { return max; } value = this.options.min + Math.round((value - this.options.min) / this.options.step) * this.options.step; /* Rounding to the nearest step could exceed the min or * max, so clip to those values. */ return SliderScale.linear.getValue(value, this.options); }, toPercentage: function toPercentage(value) { if (this.options.max === this.options.min) { return 0; } else { var offset = 1 - this.options.min; var max = Math.log(this.options.max + offset); var min = Math.log(this.options.min + offset); var v = Math.log(value + offset); return 100 * (v - min) / (max - min); } } } }; /************************************************* CONSTRUCTOR **************************************************/ Slider = function Slider(element, options) { createNewSlider.call(this, element, options); return this; }; function createNewSlider(element, options) { /* The internal state object is used to store data about the current 'state' of slider. This includes values such as the `value`, `enabled`, etc... */ this._state = { value: null, enabled: null, offset: null, size: null, percentage: null, inDrag: false, over: false, tickIndex: null }; // The objects used to store the reference to the tick methods if ticks_tooltip is on this.ticksCallbackMap = {}; this.handleCallbackMap = {}; if (typeof element === "string") { this.element = document.querySelector(element); } else /* if (element instanceof HTMLElement) */ { // CHANGED "if statement is commented since even if the `element` is a dom element found in iframe it's not an `instanceof HTMLElement` for some reason this.element = element; } /************************************************* Process Options **************************************************/ options = options ? options : {}; var optionTypes = Object.keys(this.defaultOptions); var isMinSet = options.hasOwnProperty('min'); var isMaxSet = options.hasOwnProperty('max'); for (var i = 0; i < optionTypes.length; i++) { var optName = optionTypes[i]; // First check if an option was passed in via the constructor var val = options[optName]; // If no data attrib, then check data atrributes val = typeof val !== 'undefined' ? val : getDataAttrib(this.element, optName); // Finally, if nothing was specified, use the defaults val = val !== null ? val : this.defaultOptions[optName]; // Set all options on the instance of the Slider if (!this.options) { this.options = {}; } this.options[optName] = val; } this.ticksAreValid = Array.isArray(this.options.ticks) && this.options.ticks.length > 0; // Lock to ticks only when ticks[] is defined and set if (!this.ticksAreValid) { this.options.lock_to_ticks = false; } // Check options.rtl if (this.options.rtl === 'auto') { var computedStyle = window.getComputedStyle(this.element); if (computedStyle != null) { this.options.rtl = computedStyle.direction === 'rtl'; } else { // Fix for Firefox bug in versions less than 62: // https://bugzilla.mozilla.org/show_bug.cgi?id=548397 // https://bugzilla.mozilla.org/show_bug.cgi?id=1467722 this.options.rtl = this.element.style.direction === 'rtl'; } } /* Validate `tooltip_position` against 'orientation` - if `tooltip_position` is incompatible with orientation, swith it to a default compatible with specified `orientation` -- default for "vertical" -> "right", "left" if rtl -- default for "horizontal" -> "top" */ if (this.options.orientation === "vertical" && (this.options.tooltip_position === "top" || this.options.tooltip_position === "bottom")) { if (this.options.rtl) { this.options.tooltip_position = "left"; } else { this.options.tooltip_position = "right"; } } else if (this.options.orientation === "horizontal" && (this.options.tooltip_position === "left" || this.options.tooltip_position === "right")) { this.options.tooltip_position = "top"; } function getDataAttrib(element, optName) { var dataName = "data-slider-" + optName.replace(/_/g, '-'); var dataValString = element.getAttribute(dataName); try { return JSON.parse(dataValString); } catch (err) { return dataValString; } } /************************************************* Create Markup **************************************************/ var origWidth = this.element.style.width; var updateSlider = false; var parent = this.element.parentNode; var sliderTrackSelection; var sliderTrackLow, sliderTrackHigh; var sliderMinHandle; var sliderMaxHandle; if (this.sliderElem) { updateSlider = true; } else { /* Create elements needed for slider */ this.sliderElem = document.createElement("div"); this.sliderElem.className = "slider"; /* Create slider track elements */ var sliderTrack = document.createElement("div"); sliderTrack.className = "slider-track"; sliderTrackLow = document.createElement("div"); sliderTrackLow.className = "slider-track-low"; sliderTrackSelection = document.createElement("div"); sliderTrackSelection.className = "slider-selection"; sliderTrackHigh = document.createElement("div"); sliderTrackHigh.className = "slider-track-high"; sliderMinHandle = document.createElement("div"); sliderMinHandle.className = "slider-handle min-slider-handle"; sliderMinHandle.setAttribute('role', 'slider'); sliderMinHandle.setAttribute('aria-valuemin', this.options.min); sliderMinHandle.setAttribute('aria-valuemax', this.options.max); sliderMaxHandle = document.createElement("div"); sliderMaxHandle.className = "slider-handle max-slider-handle"; sliderMaxHandle.setAttribute('role', 'slider'); sliderMaxHandle.setAttribute('aria-valuemin', this.options.min); sliderMaxHandle.setAttribute('aria-valuemax', this.options.max); sliderTrack.appendChild(sliderTrackLow); sliderTrack.appendChild(sliderTrackSelection); sliderTrack.appendChild(sliderTrackHigh); /* Create highlight range elements */ this.rangeHighlightElements = []; var rangeHighlightsOpts = this.options.rangeHighlights; if (Array.isArray(rangeHighlightsOpts) && rangeHighlightsOpts.length > 0) { for (var j = 0; j < rangeHighlightsOpts.length; j++) { var rangeHighlightElement = document.createElement("div"); var customClassString = rangeHighlightsOpts[j].class || ""; rangeHighlightElement.className = "slider-rangeHighlight slider-selection " + customClassString; this.rangeHighlightElements.push(rangeHighlightElement); sliderTrack.appendChild(rangeHighlightElement); } } /* Add aria-labelledby to handle's */ var isLabelledbyArray = Array.isArray(this.options.labelledby); if (isLabelledbyArray && this.options.labelledby[0]) { sliderMinHandle.setAttribute('aria-labelledby', this.options.labelledby[0]); } if (isLabelledbyArray && this.options.labelledby[1]) { sliderMaxHandle.setAttribute('aria-labelledby', this.options.labelledby[1]); } if (!isLabelledbyArray && this.options.labelledby) { sliderMinHandle.setAttribute('aria-labelledby', this.options.labelledby); sliderMaxHandle.setAttribute('aria-labelledby', this.options.labelledby); } /* Create ticks */ this.ticks = []; if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) { this.ticksContainer = document.createElement('div'); this.ticksContainer.className = 'slider-tick-container'; for (i = 0; i < this.options.ticks.length; i++) { var tick = document.createElement('div'); tick.className = 'slider-tick'; if (this.options.ticks_tooltip) { var tickListenerReference = this._addTickListener(); var enterCallback = tickListenerReference.addMouseEnter(this, tick, i); var leaveCallback = tickListenerReference.addMouseLeave(this, tick); this.ticksCallbackMap[i] = { mouseEnter: enterCallback, mouseLeave: leaveCallback }; } this.ticks.push(tick); this.ticksContainer.appendChild(tick); } sliderTrackSelection.className += " tick-slider-selection"; } this.tickLabels = []; if (Array.isArray(this.options.ticks_labels) && this.options.ticks_labels.length > 0) { this.tickLabelContainer = document.createElement('div'); this.tickLabelContainer.className = 'slider-tick-label-container'; for (i = 0; i < this.options.ticks_labels.length; i++) { var label = document.createElement('div'); var noTickPositionsSpecified = this.options.ticks_positions.length === 0; var tickLabelsIndex = this.options.reversed && noTickPositionsSpecified ? this.options.ticks_labels.length - (i + 1) : i; label.className = 'slider-tick-label'; label.innerHTML = this.options.ticks_labels[tickLabelsIndex]; this.tickLabels.push(label); this.tickLabelContainer.appendChild(label); } } var createAndAppendTooltipSubElements = function createAndAppendTooltipSubElements(tooltipElem) { var arrow = document.createElement("div"); arrow.className = "tooltip-arrow"; var inner = document.createElement("div"); inner.className = "tooltip-inner"; tooltipElem.appendChild(arrow); tooltipElem.appendChild(inner); }; /* Create tooltip elements */ var sliderTooltip = document.createElement("div"); sliderTooltip.className = "tooltip tooltip-main"; sliderTooltip.setAttribute('role', 'presentation'); createAndAppendTooltipSubElements(sliderTooltip); var sliderTooltipMin = document.createElement("div"); sliderTooltipMin.className = "tooltip tooltip-min"; sliderTooltipMin.setAttribute('role', 'presentation'); createAndAppendTooltipSubElements(sliderTooltipMin); var sliderTooltipMax = document.createElement("div"); sliderTooltipMax.className = "tooltip tooltip-max"; sliderTooltipMax.setAttribute('role', 'presentation'); createAndAppendTooltipSubElements(sliderTooltipMax); /* Append components to sliderElem */ this.sliderElem.appendChild(sliderTrack); this.sliderElem.appendChild(sliderTooltip); this.sliderElem.appendChild(sliderTooltipMin); this.sliderElem.appendChild(sliderTooltipMax); if (this.tickLabelContainer) { this.sliderElem.appendChild(this.tickLabelContainer); } if (this.ticksContainer) { this.sliderElem.appendChild(this.ticksContainer); } this.sliderElem.appendChild(sliderMinHandle); this.sliderElem.appendChild(sliderMaxHandle); /* Append slider element to parent container, right before the original element */ parent.insertBefore(this.sliderElem, this.element); /* Hide original element */ this.element.style.display = "none"; } /* If JQuery exists, cache JQ references */ if ($) { this.$element = $(this.element); this.$sliderElem = $(this.sliderElem); } /************************************************* Setup **************************************************/ this.eventToCallbackMap = {}; this.sliderElem.id = this.options.id; this.touchCapable = 'ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch; this.touchX = 0; this.touchY = 0; this.tooltip = this.sliderElem.querySelector('.tooltip-main'); this.tooltipInner = this.tooltip.querySelector('.tooltip-inner'); this.tooltip_min = this.sliderElem.querySelector('.tooltip-min'); this.tooltipInner_min = this.tooltip_min.querySelector('.tooltip-inner'); this.tooltip_max = this.sliderElem.querySelector('.tooltip-max'); this.tooltipInner_max = this.tooltip_max.querySelector('.tooltip-inner'); if (SliderScale[this.options.scale]) { this.options.scale = SliderScale[this.options.scale]; } if (updateSlider === true) { // Reset classes this._removeClass(this.sliderElem, 'slider-horizontal'); this._removeClass(this.sliderElem, 'slider-vertical'); this._removeClass(this.sliderElem, 'slider-rtl'); this._removeClass(this.tooltip, 'hide'); this._removeClass(this.tooltip_min, 'hide'); this._removeClass(this.tooltip_max, 'hide'); // Undo existing inline styles for track ["left", "right", "top", "width", "height"].forEach(function (prop) { this._removeProperty(this.trackLow, prop); this._removeProperty(this.trackSelection, prop); this._removeProperty(this.trackHigh, prop); }, this); // Undo inline styles on handles [this.handle1, this.handle2].forEach(function (handle) { this._removeProperty(handle, 'left'); this._removeProperty(handle, 'right'); this._removeProperty(handle, 'top'); }, this); // Undo inline styles and classes on tooltips [this.tooltip, this.tooltip_min, this.tooltip_max].forEach(function (tooltip) { this._removeProperty(tooltip, 'left'); this._removeProperty(tooltip, 'right'); this._removeProperty(tooltip, 'top'); this._removeClass(tooltip, 'right'); this._removeClass(tooltip, 'left'); this._removeClass(tooltip, 'top'); }, this); } if (this.options.orientation === 'vertical') { this._addClass(this.sliderElem, 'slider-vertical'); this.stylePos = 'top'; this.mousePos = 'pageY'; this.sizePos = 'offsetHeight'; } else { this._addClass(this.sliderElem, 'slider-horizontal'); this.sliderElem.style.width = origWidth; this.options.orientation = 'horizontal'; if (this.options.rtl) { this.stylePos = 'right'; } else { this.stylePos = 'left'; } this.mousePos = 'clientX'; this.sizePos = 'offsetWidth'; } // specific rtl class if (this.options.rtl) { this._addClass(this.sliderElem, 'slider-rtl'); } this._setTooltipPosition(); /* In case ticks are specified, overwrite the min and max bounds */ if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) { if (!isMaxSet) { this.options.max = Math.max.apply(Math, this.options.ticks); } if (!isMinSet) { this.options.min = Math.min.apply(Math, this.options.ticks); } } if (Array.isArray(this.options.value)) { this.options.range = true; this._state.value = this.options.value; } else if (this.options.range) { // User wants a range, but value is not an array this._state.value = [this.options.value, this.options.max]; } else { this._state.value = this.options.value; } this.trackLow = sliderTrackLow || this.trackLow; this.trackSelection = sliderTrackSelection || this.trackSelection; this.trackHigh = sliderTrackHigh || this.trackHigh; if (this.options.selection === 'none') { this._addClass(this.trackLow, 'hide'); this._addClass(this.trackSelection, 'hide'); this._addClass(this.trackHigh, 'hide'); } else if (this.options.selection === 'after' || this.options.selection === 'before') { this._removeClass(this.trackLow, 'hide'); this._removeClass(this.trackSelection, 'hide'); this._removeClass(this.trackHigh, 'hide'); } this.handle1 = sliderMinHandle || this.handle1; this.handle2 = sliderMaxHandle || this.handle2; if (updateSlider === true) { // Reset classes this._removeClass(this.handle1, 'round triangle'); this._removeClass(this.handle2, 'round triangle hide'); for (i = 0; i < this.ticks.length; i++) { this._removeClass(this.ticks[i], 'round triangle hide'); } } var availableHandleModifiers = ['round', 'triangle', 'custom']; var isValidHandleType = availableHandleModifiers.indexOf(this.options.handle) !== -1; if (isValidHandleType) { this._addClass(this.handle1, this.options.handle); this._addClass(this.handle2, this.options.handle); for (i = 0; i < this.ticks.length; i++) { this._addClass(this.ticks[i], this.options.handle); } } this._state.offset = this._offset(this.sliderElem); this._state.size = this.sliderElem[this.sizePos]; this.setValue(this._state.value); /****************************************** Bind Event Listeners ******************************************/ // Bind keyboard handlers this.handle1Keydown = this._keydown.bind(this, 0); this.handle1.addEventListener("keydown", this.handle1Keydown, false); this.handle2Keydown = this._keydown.bind(this, 1); this.handle2.addEventListener("keydown", this.handle2Keydown, false); this.mousedown = this._mousedown.bind(this); this.touchstart = this._touchstart.bind(this); this.touchmove = this._touchmove.bind(this); if (this.touchCapable) { this.sliderElem.addEventListener("touchstart", this.touchstart, false); this.sliderElem.addEventListener("touchmove", this.touchmove, false); } this.sliderElem.addEventListener("mousedown", this.mousedown, false); // Bind window handlers this.resize = this._resize.bind(this); window.addEventListener("resize", this.resize, false); // Bind tooltip-related handlers if (this.options.tooltip === 'hide') { this._addClass(this.tooltip, 'hide'); this._addClass(this.tooltip_min, 'hide'); this._addClass(this.tooltip_max, 'hide'); } else if (this.options.tooltip === 'always') { this._showTooltip(); this._alwaysShowTooltip = true; } else { this.showTooltip = this._showTooltip.bind(this); this.hideTooltip = this._hideTooltip.bind(this); if (this.options.ticks_tooltip) { var callbackHandle = this._addTickListener(); //create handle1 listeners and store references in map var mouseEnter = callbackHandle.addMouseEnter(this, this.handle1); var mouseLeave = callbackHandle.addMouseLeave(this, this.handle1); this.handleCallbackMap.handle1 = { mouseEnter: mouseEnter, mouseLeave: mouseLeave }; //create handle2 listeners and store references in map mouseEnter = callbackHandle.addMouseEnter(this, this.handle2); mouseLeave = callbackHandle.addMouseLeave(this, this.handle2); this.handleCallbackMap.handle2 = { mouseEnter: mouseEnter, mouseLeave: mouseLeave }; } else { this.sliderElem.addEventListener("mouseenter", this.showTooltip, false); this.sliderElem.addEventListener("mouseleave", this.hideTooltip, false); if (this.touchCapable) { this.sliderElem.addEventListener("touchstart", this.showTooltip, false); this.sliderElem.addEventListener("touchmove", this.showTooltip, false); this.sliderElem.addEventListener("touchend", this.hideTooltip, false); } } this.handle1.addEventListener("focus", this.showTooltip, false); this.handle1.addEventListener("blur", this.hideTooltip, false); this.handle2.addEventListener("focus", this.showTooltip, false); this.handle2.addEventListener("blur", this.hideTooltip, false); if (this.touchCapable) { this.handle1.addEventListener("touchstart", this.showTooltip, false); this.handle1.addEventListener("touchmove", this.showTooltip, false); this.handle1.addEventListener("touchend", this.hideTooltip, false); this.handle2.addEventListener("touchstart", this.showTooltip, false); this.handle2.addEventListener("touchmove", this.showTooltip, false); this.handle2.addEventListener("touchend", this.hideTooltip, false); } } if (this.options.enabled) { this.enable(); } else { this.disable(); } } /************************************************* INSTANCE PROPERTIES/METHODS - Any methods bound to the prototype are considered part of the plugin's `public` interface **************************************************/ Slider.prototype = { _init: function _init() { }, // NOTE: Must exist to support bridget constructor: Slider, defaultOptions: { id: "", min: 0, max: 10, step: 1, precision: 0, orientation: 'horizontal', value: 5, range: false, selection: 'before', tooltip: 'show', tooltip_split: false, lock_to_ticks: false, handle: 'round', reversed: false, rtl: 'auto', enabled: true, formatter: function formatter(val) { if (Array.isArray(val)) { return val[0] + " : " + val[1]; } else { return val; } }, natural_arrow_keys: false, ticks: [], ticks_positions: [], ticks_labels: [], ticks_snap_bounds: 0, ticks_tooltip: false, scale: 'linear', focus: false, tooltip_position: null, labelledby: null, rangeHighlights: [] }, getElement: function getElement() { return this.sliderElem; }, getValue: function getValue() { if (this.options.range) { return this._state.value; } else { return this._state.value[0]; } }, setValue: function setValue(val, triggerSlideEvent, triggerChangeEvent) { if (!val) { val = 0; } var oldValue = this.getValue(); this._state.value = this._validateInputValue(val); var applyPrecision = this._applyPrecision.bind(this); if (this.options.range) { this._state.value[0] = applyPrecision(this._state.value[0]); this._state.value[1] = applyPrecision(this._state.value[1]); if (this.ticksAreValid && this.options.lock_to_ticks) { this._state.value[0] = this.options.ticks[this._getClosestTickIndex(this._state.value[0])]; this._state.value[1] = this.options.ticks[this._getClosestTickIndex(this._state.value[1])]; } this._state.value[0] = Math.max(this.options.min, Math.min(this.options.max, this._state.value[0])); this._state.value[1] = Math.max(this.options.min, Math.min(this.options.max, this._state.value[1])); } else { this._state.value = applyPrecision(this._state.value); if (this.ticksAreValid && this.options.lock_to_ticks) { this._state.value = this.options.ticks[this._getClosestTickIndex(this._state.value)]; } this._state.value = [Math.max(this.options.min, Math.min(this.options.max, this._state.value))]; this._addClass(this.handle2, 'hide'); if (this.options.selection === 'after') { this._state.value[1] = this.options.max; } else { this._state.value[1] = this.options.min; } } // Determine which ticks the handle(s) are set at (if applicable) this._setTickIndex(); if (this.options.max > this.options.min) { this._state.percentage = [this._toPercentage(this._state.value[0]), this._toPercentage(this._state.value[1]), this.options.step * 100 / (this.options.max - this.options.min)]; } else { this._state.percentage = [0, 0, 100]; } this._layout(); var newValue = this.options.range ? this._state.value : this._state.value[0]; this._setDataVal(newValue); if (triggerSlideEvent === true) { this._trigger('slide', newValue); } var hasChanged = false; if (Array.isArray(newValue)) { hasChanged = oldValue[0] !== newValue[0] || oldValue[1] !== newValue[1]; } else { hasChanged = oldValue !== newValue; } if (hasChanged && triggerChangeEvent === true) { this._trigger('change', { oldValue: oldValue, newValue: newValue }); } return this; }, destroy: function destroy() { // Remove event handlers on slider elements this._removeSliderEventHandlers(); // Remove the slider from the DOM this.sliderElem.parentNode.removeChild(this.sliderElem); /* Show original element */ this.element.style.display = ""; // Clear out custom event bindings this._cleanUpEventCallbacksMap(); // Remove data values this.element.removeAttribute("data"); // Remove JQuery handlers/data if ($) { this._unbindJQueryEventHandlers(); if (autoRegisterNamespace === NAMESPACE_MAIN) { this.$element.removeData(autoRegisterNamespace); } this.$element.removeData(NAMESPACE_ALTERNATE); } }, disable: function disable() { this._state.enabled = false; this.handle1.removeAttribute("tabindex"); this.handle2.removeAttribute("tabindex"); this._addClass(this.sliderElem, 'slider-disabled'); this._trigger('slideDisabled'); return this; }, enable: function enable() { this._state.enabled = true; this.handle1.setAttribute("tabindex", 0); this.handle2.setAttribute("tabindex", 0); this._removeClass(this.sliderElem, 'slider-disabled'); this._trigger('slideEnabled'); return this; }, toggle: function toggle() { if (this._state.enabled) { this.disable(); } else { this.enable(); } return this; }, isEnabled: function isEnabled() { return this._state.enabled; }, on: function on(evt, callback) { this._bindNonQueryEventHandler(evt, callback); return this; }, off: function off(evt, callback) { if ($) { this.$element.off(evt, callback); this.$sliderElem.off(evt, callback); } else { this._unbindNonQueryEventHandler(evt, callback); } }, getAttribute: function getAttribute(attribute) { if (attribute) { return this.options[attribute]; } else { return this.options; } }, setAttribute: function setAttribute(attribute, value) { this.options[attribute] = value; return this; }, refresh: function refresh(options) { var currentValue = this.getValue(); this._removeSliderEventHandlers(); createNewSlider.call(this, this.element, this.options); // Don't reset slider's value on refresh if `useCurrentValue` is true if (options && options.useCurrentValue === true) { this.setValue(currentValue); } if ($) { // Bind new instance of slider to the element if (autoRegisterNamespace === NAMESPACE_MAIN) { $.data(this.element, NAMESPACE_MAIN, this); $.data(this.element, NAMESPACE_ALTERNATE, this); } else { $.data(this.element, NAMESPACE_ALTERNATE, this); } } return this; }, relayout: function relayout() { this._resize(); return this; }, /******************************+ HELPERS - Any method that is not part of the public interface. - Place it underneath this comment block and write its signature like so: _fnName : function() {...} ********************************/ _removeTooltipListener: function _removeTooltipListener(event, handler) { this.handle1.removeEventListener(event, handler, false); this.handle2.removeEventListener(event, handler, false); }, _removeSliderEventHandlers: function _removeSliderEventHandlers() { // Remove keydown event listeners this.handle1.removeEventListener("keydown", this.handle1Keydown, false); this.handle2.removeEventListener("keydown", this.handle2Keydown, false); //remove the listeners from the ticks and handles if they had their own listeners if (this.options.ticks_tooltip) { var ticks = this.ticksContainer.getElementsByClassName('slider-tick'); for (var i = 0; i < ticks.length; i++) { ticks[i].removeEventListener('mouseenter', this.ticksCallbackMap[i].mouseEnter, false); ticks[i].removeEventListener('mouseleave', this.ticksCallbackMap[i].mouseLeave, false); } if (this.handleCallbackMap.handle1 && this.handleCallbackMap.handle2) { this.handle1.removeEventListener('mouseenter', this.handleCallbackMap.handle1.mouseEnter, false); this.handle2.removeEventListener('mouseenter', this.handleCallbackMap.handle2.mouseEnter, false); this.handle1.removeEventListener('mouseleave', this.handleCallbackMap.handle1.mouseLeave, false); this.handle2.removeEventListener('mouseleave', this.handleCallbackMap.handle2.mouseLeave, false); } } this.handleCallbackMap = null; this.ticksCallbackMap = null; if (this.showTooltip) { this._removeTooltipListener("focus", this.showTooltip); } if (this.hideTooltip) { this._removeTooltipListener("blur", this.hideTooltip); } // Remove event listeners from sliderElem if (this.showTooltip) { this.sliderElem.removeEventListener("mouseenter", this.showTooltip, false); } if (this.hideTooltip) { this.sliderElem.removeEventListener("mouseleave", this.hideTooltip, false); } this.sliderElem.removeEventListener("mousedown", this.mousedown, false); if (this.touchCapable) { // Remove touch event listeners from handles if (this.showTooltip) { this.handle1.removeEventListener("touchstart", this.showTooltip, false); this.handle1.removeEventListener("touchmove", this.showTooltip, false); this.handle2.removeEventListener("touchstart", this.showTooltip, false); this.handle2.removeEventListener("touchmove", this.showTooltip, false); } if (this.hideTooltip) { this.handle1.removeEventListener("touchend", this.hideTooltip, false); this.handle2.removeEventListener("touchend", this.hideTooltip, false); } // Remove event listeners from sliderElem if (this.showTooltip) { this.sliderElem.removeEventListener("touchstart", this.showTooltip, false); this.sliderElem.removeEventListener("touchmove", this.showTooltip, false); } if (this.hideTooltip) { this.sliderElem.removeEventListener("touchend", this.hideTooltip, false); } this.sliderElem.removeEventListener("touchstart", this.touchstart, false); this.sliderElem.removeEventListener("touchmove", this.touchmove, false); } // Remove window event listener window.removeEventListener("resize", this.resize, false); }, _bindNonQueryEventHandler: function _bindNonQueryEventHandler(evt, callback) { if (this.eventToCallbackMap[evt] === undefined) { this.eventToCallbackMap[evt] = []; } this.eventToCallbackMap[evt].push(callback); }, _unbindNonQueryEventHandler: function _unbindNonQueryEventHandler(evt, callback) { var callbacks = this.eventToCallbackMap[evt]; if (callbacks !== undefined) { for (var i = 0; i < callbacks.length; i++) { if (callbacks[i] === callback) { callbacks.splice(i, 1); break; } } } }, _cleanUpEventCallbacksMap: function _cleanUpEventCallbacksMap() { var eventNames = Object.keys(this.eventToCallbackMap); for (var i = 0; i < eventNames.length; i++) { var eventName = eventNames[i]; delete this.eventToCallbackMap[eventName]; } }, _showTooltip: function _showTooltip() { if (this.options.tooltip_split === false) { this._addClass(this.tooltip, 'in'); this.tooltip_min.style.display = 'none'; this.tooltip_max.style.display = 'none'; } else { this._addClass(this.tooltip_min, 'in'); this._addClass(this.tooltip_max, 'in'); this.tooltip.style.display = 'none'; } this._state.over = true; }, _hideTooltip: function _hideTooltip() { if (this._state.inDrag === false && this._alwaysShowTooltip !== true) { this._removeClass(this.tooltip, 'in'); this._removeClass(this.tooltip_min, 'in'); this._removeClass(this.tooltip_max, 'in'); } this._state.over = false; }, _setToolTipOnMouseOver: function _setToolTipOnMouseOver(tempState) { var self = this; var formattedTooltipVal = this.options.formatter(!tempState ? this._state.value[0] : tempState.value[0]); var positionPercentages = !tempState ? getPositionPercentages(this._state, this.options.reversed) : getPositionPercentages(tempState, this.options.reversed); this._setText(this.tooltipInner, formattedTooltipVal); this.tooltip.style[this.stylePos] = positionPercentages[0] + "%"; function getPositionPercentages(state, reversed) { if (reversed) { return [100 - state.percentage[0], self.options.range ? 100 - state.percentage[1] : state.percentage[1]]; } return [state.percentage[0], state.percentage[1]]; } }, _copyState: function _copyState() { return { value: [this._state.value[0], this._state.value[1]], enabled: this._state.enabled, offset: this._state.offset, size: this._state.size, percentage: [this._state.percentage[0], this._state.percentage[1], this._state.percentage[2]], inDrag: this._state.inDrag, over: this._state.over, // deleted or null'd keys dragged: this._state.dragged, keyCtrl: this._state.keyCtrl }; }, _addTickListener: function _addTickListener() { return { addMouseEnter: function addMouseEnter(reference, element, index) { var enter = function enter() { var tempState = reference._copyState(); // Which handle is being hovered over? var val = element === reference.handle1 ? tempState.value[0] : tempState.value[1]; var per = void 0; // Setup value and percentage for tick's 'mouseenter' if (index !== undefined) { val = reference.options.ticks[index]; per = reference.options.ticks_positions.length > 0 && reference.options.ticks_positions[index] || reference._toPercentage(reference.options.ticks[index]); } else { per = reference._toPercentage(val); } tempState.value[0] = val; tempState.percentage[0] = per; reference._setToolTipOnMouseOver(tempState); reference._showTooltip(); }; element.addEventListener("mouseenter", enter, false); return enter; }, addMouseLeave: function addMouseLeave(reference, element) { var leave = function leave() { reference._hideTooltip(); }; element.addEventListener("mouseleave", leave, false); return leave; } }; }, _layout: function _layout() { var positionPercentages; var formattedValue; if (this.options.reversed) { positionPercentages = [100 - this._state.percentage[0], this.options.range ? 100 - this._state.percentage[1] : this._state.percentage[1]]; } else { positionPercentages = [this._state.percentage[0], this._state.percentage[1]]; } this.handle1.style[this.stylePos] = positionPercentages[0] + "%"; this.handle1.setAttribute('aria-valuenow', this._state.value[0]); formattedValue = this.options.formatter(this._state.value[0]); if (isNaN(formattedValue)) { this.handle1.setAttribute('aria-valuetext', formattedValue); } else { this.handle1.removeAttribute('aria-valuetext'); } this.handle2.style[this.stylePos] = positionPercentages[1] + "%"; this.handle2.setAttribute('aria-valuenow', this._state.value[1]); formattedValue = this.options.formatter(this._state.value[1]); if (isNaN(formattedValue)) { this.handle2.setAttribute('aria-valuetext', formattedValue); } else { this.handle2.removeAttribute('aria-valuetext'); } /* Position highlight range elements */ if (this.rangeHighlightElements.length > 0 && Array.isArray(this.options.rangeHighlights) && this.options.rangeHighlights.length > 0) { for (var _i = 0; _i < this.options.rangeHighlights.length; _i++) { var startPercent = this._toPercentage(this.options.rangeHighlights[_i].start); var endPercent = this._toPercentage(this.options.rangeHighlights[_i].end); if (this.options.reversed) { var sp = 100 - endPercent; endPercent = 100 - startPercent; startPercent = sp; } var currentRange = this._createHighlightRange(startPercent, endPercent); if (currentRange) { if (this.options.orientation === 'vertical') { this.rangeHighlightElements[_i].style.top = currentRange.start + "%"; this.rangeHighlightElements[_i].style.height = currentRange.size + "%"; } else { if (this.options.rtl) { this.rangeHighlightElements[_i].style.right = currentRange.start + "%"; } else { this.rangeHighlightElements[_i].style.left = currentRange.start + "%"; } this.rangeHighlightElements[_i].style.width = currentRange.size + "%"; } } else { this.rangeHighlightElements[_i].style.display = "none"; } } } /* Position ticks and labels */ if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) { var styleSize = this.options.orientation === 'vertical' ? 'height' : 'width'; var styleMargin; if (this.options.orientation === 'vertical') { styleMargin = 'marginTop'; } else { if (this.options.rtl) { styleMargin = 'marginRight'; } else { styleMargin = 'marginLeft'; } } var labelSize = this._state.size / (this.options.ticks.length - 1); if (this.tickLabelContainer) { var extraMargin = 0; if (this.options.ticks_positions.length === 0) { if (this.options.orientation !== 'vertical') { this.tickLabelContainer.style[styleMargin] = -labelSize / 2 + "px"; } extraMargin = this.tickLabelContainer.offsetHeight; } else { /* Chidren are position absolute, calculate height by finding the max offsetHeight of a child */ for (i = 0; i < this.tickLabelContainer.childNodes.length; i++) { if (this.tickLabelContainer.childNodes[i].offsetHeight > extraMargin) { extraMargin = this.tickLabelContainer.childNodes[i].offsetHeight; } } } if (this.options.orientation === 'horizontal') { this.sliderElem.style.marginBottom = extraMargin + "px"; } } for (var i = 0; i < this.options.ticks.length; i++) { var percentage = this.options.ticks_positions[i] || this._toPercentage(this.options.ticks[i]); if (this.options.reversed) { percentage = 100 - percentage; } this.ticks[i].style[this.stylePos] = percentage + "%"; /* Set class labels to denote whether ticks are in the selection */ this._removeClass(this.ticks[i], 'in-selection'); if (!this.options.range) { if (this.options.selection === 'after' && percentage >= positionPercentages[0]) { this._addClass(this.ticks[i], 'in-selection'); } else if (this.options.selection === 'before' && percentage <= positionPercentages[0]) { this._addClass(this.ticks[i], 'in-selection'); } } else if (percentage >= positionPercentages[0] && percentage <= positionPercentages[1]) { this._addClass(this.ticks[i], 'in-selection'); } if (this.tickLabels[i]) { this.tickLabels[i].style[styleSize] = labelSize + "px"; if (this.options.orientation !== 'vertical' && this.options.ticks_positions[i] !== undefined) { this.tickLabels[i].style.position = 'absolute'; this.tickLabels[i].style[this.stylePos] = percentage + "%"; this.tickLabels[i].style[styleMargin] = -labelSize / 2 + 'px'; } else if (this.options.orientation === 'vertical') { if (this.options.rtl) { this.tickLabels[i].style['marginRight'] = this.sliderElem.offsetWidth + "px"; } else { this.tickLabels[i].style['marginLeft'] = this.sliderElem.offsetWidth + "px"; } this.tickLabelContainer.style[styleMargin] = this.sliderElem.offsetWidth / 2 * -1 + 'px'; } /* Set class labels to indicate tick labels are in the selection or selected */ this._removeClass(this.tickLabels[i], 'label-in-selection label-is-selection'); if (!this.options.range) { if (this.options.selection === 'after' && percentage >= positionPercentages[0]) { this._addClass(this.tickLabels[i], 'label-in-selection'); } else if (this.options.selection === 'before' && percentage <= positionPercentages[0]) { this._addClass(this.tickLabels[i], 'label-in-selection'); } if (percentage === positionPercentages[0]) { this._addClass(this.tickLabels[i], 'label-is-selection'); } } else if (percentage >= positionPercentages[0] && percentage <= positionPercentages[1]) { this._addClass(this.tickLabels[i], 'label-in-selection'); if (percentage === positionPercentages[0] || positionPercentages[1]) { this._addClass(this.tickLabels[i], 'label-is-selection'); } } } } } var formattedTooltipVal; if (this.options.range) { formattedTooltipVal = this.options.formatter(this._state.value); this._setText(this.tooltipInner, formattedTooltipVal); this.tooltip.style[this.stylePos] = (positionPercentages[1] + positionPercentages[0]) / 2 + "%"; var innerTooltipMinText = this.options.formatter(this._state.value[0]); this._setText(this.tooltipInner_min, innerTooltipMinText); var innerTooltipMaxText = this.options.formatter(this._state.value[1]); this._setText(this.tooltipInner_max, innerTooltipMaxText); this.tooltip_min.style[this.stylePos] = positionPercentages[0] + "%"; this.tooltip_max.style[this.stylePos] = positionPercentages[1] + "%"; } else { formattedTooltipVal = this.options.formatter(this._state.value[0]); this._setText(this.tooltipInner, formattedTooltipVal); this.tooltip.style[this.stylePos] = positionPercentages[0] + "%"; } if (this.options.orientation === 'vertical') { this.trackLow.style.top = '0'; this.trackLow.style.height = Math.min(positionPercentages[0], positionPercentages[1]) + '%'; this.trackSelection.style.top = Math.min(positionPercentages[0], positionPercentages[1]) + '%'; this.trackSelection.style.height = Math.abs(positionPercentages[0] - positionPercentages[1]) + '%'; this.trackHigh.style.bottom = '0'; this.trackHigh.style.height = 100 - Math.min(positionPercentages[0], positionPercentages[1]) - Math.abs(positionPercentages[0] - positionPercentages[1]) + '%'; } else { if (this.stylePos === 'right') { this.trackLow.style.right = '0'; } else { this.trackLow.style.left = '0'; } this.trackLow.style.width = Math.min(positionPercentages[0], positionPercentages[1]) + '%'; if (this.stylePos === 'right') { this.trackSelection.style.right = Math.min(positionPercentages[0], positionPercentages[1]) + '%'; } else { this.trackSelection.style.left = Math.min(positionPercentages[0], positionPercentages[1]) + '%'; } this.trackSelection.style.width = Math.abs(positionPercentages[0] - positionPercentages[1]) + '%'; if (this.stylePos === 'right') { this.trackHigh.style.left = '0'; } else { this.trackHigh.style.right = '0'; } this.trackHigh.style.width = 100 - Math.min(positionPercentages[0], positionPercentages[1]) - Math.abs(positionPercentages[0] - positionPercentages[1]) + '%'; var offset_min = this.tooltip_min.getBoundingClientRect(); var offset_max = this.tooltip_max.getBoundingClientRect(); if (this.options.tooltip_position === 'bottom') { if (offset_min.right > offset_max.left) { this._removeClass(this.tooltip_max, 'bottom'); this._addClass(this.tooltip_max, 'top'); this.tooltip_max.style.top = ''; this.tooltip_max.style.bottom = 22 + 'px'; } else { this._removeClass(this.tooltip_max, 'top'); this._addClass(this.tooltip_max, 'bottom'); this.tooltip_max.style.top = this.tooltip_min.style.top; this.tooltip_max.style.bottom = ''; } } else { if (offset_min.right > offset_max.left) { this._removeClass(this.tooltip_max, 'top'); this._addClass(this.tooltip_max, 'bottom'); this.tooltip_max.style.top = 18 + 'px'; } else { this._removeClass(this.tooltip_max, 'bottom'); this._addClass(this.tooltip_max, 'top'); this.tooltip_max.style.top = this.tooltip_min.style.top; } } } }, _createHighlightRange: function _createHighlightRange(start, end) { if (this._isHighlightRange(start, end)) { if (start > end) { return { 'start': end, 'size': start - end }; } return { 'start': start, 'size': end - start }; } return null; }, _isHighlightRange: function _isHighlightRange(start, end) { if (0 <= start && start <= 100 && 0 <= end && end <= 100) { return true; } else { return false; } }, _resize: function _resize(ev) { /*jshint unused:false*/ this._state.offset = this._offset(this.sliderElem); this._state.size = this.sliderElem[this.sizePos]; this._layout(); }, _removeProperty: function _removeProperty(element, prop) { if (element.style.removeProperty) { element.style.removeProperty(prop); } else { element.style.removeAttribute(prop); } }, _mousedown: function _mousedown(ev) { if (!this._state.enabled) { return false; } if (ev.preventDefault) { ev.preventDefault(); } this._state.offset = this._offset(this.sliderElem); this._state.size = this.sliderElem[this.sizePos]; var percentage = this._getPercentage(ev); if (this.options.range) { var diff1 = Math.abs(this._state.percentage[0] - percentage); var diff2 = Math.abs(this._state.percentage[1] - percentage); this._state.dragged = diff1 < diff2 ? 0 : 1; this._adjustPercentageForRangeSliders(percentage); } else { this._state.dragged = 0; } this._state.percentage[this._state.dragged] = percentage; if (this.touchCapable) { document.removeEventListener("touchmove", this.mousemove, false); document.removeEventListener("touchend", this.mouseup, false); } if (this.mousemove) { document.removeEventListener("mousemove", this.mousemove, false); } if (this.mouseup) { document.removeEventListener("mouseup", this.mouseup, false); } this.mousemove = this._mousemove.bind(this); this.mouseup = this._mouseup.bind(this); if (this.touchCapable) { // Touch: Bind touch events: document.addEventListener("touchmove", this.mousemove, false); document.addEventListener("touchend", this.mouseup, false); } // Bind mouse events: document.addEventListener("mousemove", this.mousemove, false); document.addEventListener("mouseup", this.mouseup, false); this._state.inDrag = true; var newValue = this._calculateValue(); this._trigger('slideStart', newValue); this.setValue(newValue, false, true); ev.returnValue = false; if (this.options.focus) { this._triggerFocusOnHandle(this._state.dragged); } return true; }, _touchstart: function _touchstart(ev) { this._mousedown(ev); }, _triggerFocusOnHandle: function _triggerFocusOnHandle(handleIdx) { if (handleIdx === 0) { this.handle1.focus(); } if (handleIdx === 1) { this.handle2.focus(); } }, _keydown: function _keydown(handleIdx, ev) { if (!this._state.enabled) { return false; } var dir; switch (ev.keyCode) { case 37: // left case 40: // down dir = -1; break; case 39: // right case 38: // up dir = 1; break; } if (!dir) { return; } // use natural arrow keys instead of from min to max if (this.options.natural_arrow_keys) { var isHorizontal = this.options.orientation === 'horizontal'; var isVertical = this.options.orientation === 'vertical'; var isRTL = this.options.rtl; var isReversed = this.options.reversed; if (isHorizontal) { if (isRTL) { if (!isReversed) { dir = -dir; } } else { if (isReversed) { dir = -dir; } } } else if (isVertical) { if (!isReversed) { dir = -dir; } } } var val; if (this.ticksAreValid && this.options.lock_to_ticks) { var index = void 0; // Find tick index that handle 1/2 is currently on index = this.options.ticks.indexOf(this._state.value[handleIdx]); if (index === -1) { // Set default to first tick index = 0; window.console.warn('(lock_to_ticks) _keydown: index should not be -1'); } index += dir; index = Math.max(0, Math.min(this.options.ticks.length - 1, index)); val = this.options.ticks[index]; } else { val = this._state.value[handleIdx] + dir * this.options.step; } var percentage = this._toPercentage(val); this._state.keyCtrl = handleIdx; if (this.options.range) { this._adjustPercentageForRangeSliders(percentage); var val1 = !this._state.keyCtrl ? val : this._state.value[0]; var val2 = this._state.keyCtrl ? val : this._state.value[1]; // Restrict values within limits val = [Math.max(this.options.min, Math.min(this.options.max, val1)), Math.max(this.options.min, Math.min(this.options.max, val2))]; } else { val = Math.max(this.options.min, Math.min(this.options.max, val)); } this._trigger('slideStart', val); this.setValue(val, true, true); this._trigger('slideStop', val); this._pauseEvent(ev); delete this._state.keyCtrl; return false; }, _pauseEvent: function _pauseEvent(ev) { if (ev.stopPropagation) { ev.stopPropagation(); } if (ev.preventDefault) { ev.preventDefault(); } ev.cancelBubble = true; ev.returnValue = false; }, _mousemove: function _mousemove(ev) { if (!this._state.enabled) { return false; } var percentage = this._getPercentage(ev); this._adjustPercentageForRangeSliders(percentage); this._state.percentage[this._state.dragged] = percentage; var val = this._calculateValue(true); this.setValue(val, true, true); return false; }, _touchmove: function _touchmove(ev) { if (ev.changedTouches === undefined) { return; } // Prevent page from scrolling and only drag the slider if (ev.preventDefault) { ev.preventDefault(); } }, _adjustPercentageForRangeSliders: function _adjustPercentageForRangeSliders(percentage) { if (this.options.range) { var precision = this._getNumDigitsAfterDecimalPlace(percentage); precision = precision ? precision - 1 : 0; var percentageWithAdjustedPrecision = this._applyToFixedAndParseFloat(percentage, precision); if (this._state.dragged === 0 && this._applyToFixedAndParseFloat(this._state.percentage[1], precision) < percentageWithAdjustedPrecision) { this._state.percentage[0] = this._state.percentage[1]; this._state.dragged = 1; } else if (this._state.dragged === 1 && this._applyToFixedAndParseFloat(this._state.percentage[0], precision) > percentageWithAdjustedPrecision) { this._state.percentage[1] = this._state.percentage[0]; this._state.dragged = 0; } else if (this._state.keyCtrl === 0 && this._toPercentage(this._state.value[1]) < percentage) { this._state.percentage[0] = this._state.percentage[1]; this._state.keyCtrl = 1; this.handle2.focus(); } else if (this._state.keyCtrl === 1 && this._toPercentage(this._state.value[0]) > percentage) { this._state.percentage[1] = this._state.percentage[0]; this._state.keyCtrl = 0; this.handle1.focus(); } } }, _mouseup: function _mouseup(ev) { if (!this._state.enabled) { return false; } var percentage = this._getPercentage(ev); this._adjustPercentageForRangeSliders(percentage); this._state.percentage[this._state.dragged] = percentage; if (this.touchCapable) { // Touch: Unbind touch event handlers: document.removeEventListener("touchmove", this.mousemove, false); document.removeEventListener("touchend", this.mouseup, false); } // Unbind mouse event handlers: document.removeEventListener("mousemove", this.mousemove, false); document.removeEventListener("mouseup", this.mouseup, false); this._state.inDrag = false; if (this._state.over === false) { this._hideTooltip(); } var val = this._calculateValue(true); this.setValue(val, false, true); this._trigger('slideStop', val); // No longer need 'dragged' after mouse up this._state.dragged = null; return false; }, _setValues: function _setValues(index, val) { var comp = 0 === index ? 0 : 100; if (this._state.percentage[index] !== comp) { val.data[index] = this._toValue(this._state.percentage[index]); val.data[index] = this._applyPrecision(val.data[index]); } }, _calculateValue: function _calculateValue(snapToClosestTick) { var val = {}; if (this.options.range) { val.data = [this.options.min, this.options.max]; this._setValues(0, val); this._setValues(1, val); if (snapToClosestTick) { val.data[0] = this._snapToClosestTick(val.data[0]); val.data[1] = this._snapToClosestTick(val.data[1]); } } else { val.data = this._toValue(this._state.percentage[0]); val.data = parseFloat(val.data); val.data = this._applyPrecision(val.data); if (snapToClosestTick) { val.data = this._snapToClosestTick(val.data); } } return val.data; }, _snapToClosestTick: function _snapToClosestTick(val) { var min = [val, Infinity]; for (var i = 0; i < this.options.ticks.length; i++) { var diff = Math.abs(this.options.ticks[i] - val); if (diff <= min[1]) { min = [this.options.ticks[i], diff]; } } if (min[1] <= this.options.ticks_snap_bounds) { return min[0]; } return val; }, _applyPrecision: function _applyPrecision(val) { var precision = this.options.precision || this._getNumDigitsAfterDecimalPlace(this.options.step); return this._applyToFixedAndParseFloat(val, precision); }, _getNumDigitsAfterDecimalPlace: function _getNumDigitsAfterDecimalPlace(num) { var match = ('' + num).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/); if (!match) { return 0; } return Math.max(0, (match[1] ? match[1].length : 0) - (match[2] ? +match[2] : 0)); }, _applyToFixedAndParseFloat: function _applyToFixedAndParseFloat(num, toFixedInput) { var truncatedNum = num.toFixed(toFixedInput); return parseFloat(truncatedNum); }, /* Credits to Mike Samuel for the following method! Source: http://stackoverflow.com/questions/10454518/javascript-how-to-retrieve-the-number-of-decimals-of-a-string-number */ _getPercentage: function _getPercentage(ev) { if (this.touchCapable && (ev.type === 'touchstart' || ev.type === 'touchmove' || ev.type === 'touchend')) { ev = ev.changedTouches[0]; } var eventPosition = ev[this.mousePos]; var sliderOffset = this._state.offset[this.stylePos]; var distanceToSlide = eventPosition - sliderOffset; if (this.stylePos === 'right') { distanceToSlide = -distanceToSlide; } // Calculate what percent of the length the slider handle has slid var percentage = distanceToSlide / this._state.size * 100; percentage = Math.round(percentage / this._state.percentage[2]) * this._state.percentage[2]; if (this.options.reversed) { percentage = 100 - percentage; } // Make sure the percent is within the bounds of the slider. // 0% corresponds to the 'min' value of the slide // 100% corresponds to the 'max' value of the slide return Math.max(0, Math.min(100, percentage)); }, _validateInputValue: function _validateInputValue(val) { if (!isNaN(+val)) { return +val; } else if (Array.isArray(val)) { this._validateArray(val); return val; } else { throw new Error(ErrorMsgs.formatInvalidInputErrorMsg(val)); } }, _validateArray: function _validateArray(val) { for (var i = 0; i < val.length; i++) { var input = val[i]; if (typeof input !== 'number') { throw new Error(ErrorMsgs.formatInvalidInputErrorMsg(input)); } } }, _setDataVal: function _setDataVal(val) { this.element.setAttribute('data-value', val); this.element.setAttribute('value', val); this.element.value = val; }, _trigger: function _trigger(evt, val) { val = val || val === 0 ? val : undefined; var callbackFnArray = this.eventToCallbackMap[evt]; if (callbackFnArray && callbackFnArray.length) { for (var i = 0; i < callbackFnArray.length; i++) { var callbackFn = callbackFnArray[i]; callbackFn(val); } } /* If JQuery exists, trigger JQuery events */ if ($) { this._triggerJQueryEvent(evt, val); } }, _triggerJQueryEvent: function _triggerJQueryEvent(evt, val) { var eventData = { type: evt, value: val }; this.$element.trigger(eventData); this.$sliderElem.trigger(eventData); }, _unbindJQueryEventHandlers: function _unbindJQueryEventHandlers() { this.$element.off(); this.$sliderElem.off(); }, _setText: function _setText(element, text) { if (typeof element.textContent !== "undefined") { element.textContent = text; } else if (typeof element.innerText !== "undefined") { element.innerText = text; } }, _removeClass: function _removeClass(element, classString) { var classes = classString.split(" "); var newClasses = element.className; for (var i = 0; i < classes.length; i++) { var classTag = classes[i]; var regex = new RegExp("(?:\\s|^)" + classTag + "(?:\\s|$)"); newClasses = newClasses.replace(regex, " "); } element.className = newClasses.trim(); }, _addClass: function _addClass(element, classString) { var classes = classString.split(" "); var newClasses = element.className; for (var i = 0; i < classes.length; i++) { var classTag = classes[i]; var regex = new RegExp("(?:\\s|^)" + classTag + "(?:\\s|$)"); var ifClassExists = regex.test(newClasses); if (!ifClassExists) { newClasses += " " + classTag; } } element.className = newClasses.trim(); }, _offsetLeft: function _offsetLeft(obj) { return obj.getBoundingClientRect().left; }, _offsetRight: function _offsetRight(obj) { return obj.getBoundingClientRect().right; }, _offsetTop: function _offsetTop(obj) { var offsetTop = obj.offsetTop; while ((obj = obj.offsetParent) && !isNaN(obj.offsetTop)) { offsetTop += obj.offsetTop; if (obj.tagName !== 'BODY') { offsetTop -= obj.scrollTop; } } return offsetTop; }, _offset: function _offset(obj) { return { left: this._offsetLeft(obj), right: this._offsetRight(obj), top: this._offsetTop(obj) }; }, _css: function _css(elementRef, styleName, value) { if ($) { $.style(elementRef, styleName, value); } else { var style = styleName.replace(/^-ms-/, "ms-").replace(/-([\da-z])/gi, function (all, letter) { return letter.toUpperCase(); }); elementRef.style[style] = value; } }, _toValue: function _toValue(percentage) { return this.options.scale.toValue.apply(this, [percentage]); }, _toPercentage: function _toPercentage(value) { return this.options.scale.toPercentage.apply(this, [value]); }, _setTooltipPosition: function _setTooltipPosition() { var tooltips = [this.tooltip, this.tooltip_min, this.tooltip_max]; if (this.options.orientation === 'vertical') { var tooltipPos; if (this.options.tooltip_position) { tooltipPos = this.options.tooltip_position; } else { if (this.options.rtl) { tooltipPos = 'left'; } else { tooltipPos = 'right'; } } var oppositeSide = tooltipPos === 'left' ? 'right' : 'left'; tooltips.forEach(function (tooltip) { this._addClass(tooltip, tooltipPos); tooltip.style[oppositeSide] = '100%'; }.bind(this)); } else if (this.options.tooltip_position === 'bottom') { tooltips.forEach(function (tooltip) { this._addClass(tooltip, 'bottom'); tooltip.style.top = 22 + 'px'; }.bind(this)); } else { tooltips.forEach(function (tooltip) { this._addClass(tooltip, 'top'); tooltip.style.top = -this.tooltip.outerHeight - 14 + 'px'; }.bind(this)); } }, _getClosestTickIndex: function _getClosestTickIndex(val) { var difference = Math.abs(val - this.options.ticks[0]); var index = 0; for (var i = 0; i < this.options.ticks.length; ++i) { var d = Math.abs(val - this.options.ticks[i]); if (d < difference) { difference = d; index = i; } } return index; }, /** * Attempts to find the index in `ticks[]` the slider values are set at. * The indexes can be -1 to indicate the slider value is not set at a value in `ticks[]`. */ _setTickIndex: function _setTickIndex() { if (this.ticksAreValid) { this._state.tickIndex = [this.options.ticks.indexOf(this._state.value[0]), this.options.ticks.indexOf(this._state.value[1])]; } } }; /********************************* Attach to global namespace *********************************/ if ($ && $.fn) { if (!$.fn.slider) { $.bridget(NAMESPACE_MAIN, Slider); autoRegisterNamespace = NAMESPACE_MAIN; } else { if (windowIsDefined) { window.console.warn("bootstrap-slider.js - WARNING: $.fn.slider namespace is already bound. Use the $.fn.bootstrapSlider namespace instead."); } autoRegisterNamespace = NAMESPACE_ALTERNATE; } $.bridget(NAMESPACE_ALTERNATE, Slider); // Auto-Register data-provide="slider" Elements $(function () { $("input[data-provide=slider]")[autoRegisterNamespace](); }); } })($); return Slider; }); ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.ParticipationQuestion = Webropol.Survey.ParticipationQuestion || {}; Webropol.Survey.ParticipationQuestion.CustomTableChildHelper = function(question) { var _this = this, _question = question, _tableCells = null; var getQuestionTitleCell = function () { return getCellsByDataAttribute("data-question-short-id", _question.ShortId); }; var getCellsByDataAttribute = function (attributeName, attributeValue) { var selector = "td[" + attributeName + "='" + attributeValue + "']"; return _question.getContainer().find(selector); }; var processCustomTableChildCells = function () { var $container = _question.getContainer(), cells = [], isMatrixQuestion = _question.QuestionType === Webropol.Constants.QuestionTypes.MatrixSelection || _question.QuestionType === Webropol.Constants.QuestionTypes.MatrixMultiSelection; // question title cell cells.push(getQuestionTitleCell()); // columns cells if (isMatrixQuestion) { for (var i = 0; i < _question.Columns.length; i++) { var columnShortId = _question.Columns[i].ShortId; var columnCell = getCellsByDataAttribute("data-column-cell-id", columnShortId); cells.push(columnCell); } } else { var emptyCell = getCellsByDataAttribute("data-empty-cell", _question.ShortId); cells.push(emptyCell); } // option cells for (var i = 0; i < _question.Options.length; i++) { var optionShortId = _question.Options[i].ShortId; if (isMatrixQuestion){ var optionCells = getCellsByDataAttribute("data-option-short-id", optionShortId); cells = cells.concat(optionCells); } else { var option = $container.find("#" + optionShortId); cells.push(option); } } return cells; }; var getTableCells = function () { if (!_tableCells){ _tableCells = processCustomTableChildCells(); } return _tableCells; }; var toggleIsShowForSubheadingRows = function (isShow) { var subheadingRows = _question.getContainer().find("tr.js-subheading-row"); if (subheadingRows.length > 0){ var questionCell = getQuestionTitleCell(); var questionCellColSpan = parseInt(questionCell.attr("colspan")); subheadingRows.find("td").each(function (i, subheadingCell) { var existingColSpan = subheadingCell.colSpan; subheadingCell.colSpan = isShow ? existingColSpan + questionCellColSpan : existingColSpan - questionCellColSpan; }); } }; this.setIsDisable = function (isDisable) { var cells = getTableCells(); for (var i = 0; i < cells.length; i++) { _question.toggleIsDisable(cells[i], isDisable); } }; this.setIsShow = function (isShow) { var cells = getTableCells(); for (var i = 0; i < cells.length; i++) { _question.toggleIsShow(cells[i], isShow); } toggleIsShowForSubheadingRows(isShow); }; };; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.ParticipationQuestion = Webropol.Survey.ParticipationQuestion || {}; Webropol.Survey.ParticipationQuestion.FourfoldHelper = function () { var _this = this; var _defaultOptionActiveClass = 'active', _optionAnsweredClass = 'answered', _optionDisabledClass = 'disabled'; this.initFourfolds = function () { $('.fourfold-content').map(function () { var $fourfoldContainer = $(this), $fourfoldQuestion = $fourfoldContainer.parents('.fourfold-question'); var fourfoldDots = _this.getFourfoldDots($fourfoldContainer); _this.createFourfold($fourfoldContainer, fourfoldDots); if (!_this.hasNotAnsweredOptions($fourfoldQuestion)) { _this.selectLastAnsweredOption($fourfoldContainer, $fourfoldQuestion); } else { _this.selectFirstNotAnsweredOption($fourfoldContainer, $fourfoldQuestion); } }); }; this.fourfoldQuestionKeyDown = function (event, questionId) { if (event.target.tagName.toUpperCase() !== 'TEXTAREA') { var $question = $('#' + questionId); var $fourfoldChart = $question.find('.fourfold'); $fourfoldChart.fourfold('onCanvasKeyDown', event); } }; this.fourfoldOptionFocus = function (shortOptionId) { var $option = $('#' + shortOptionId); _this.setFourfoldOptionActiveClass($option); if (!$option.hasClass(_optionDisabledClass)) { var $fourfoldChart = $option.parents('.fourfold-question').find('.fourfold'); var $optionDot = _this.findFourfoldOptionDot($option, $fourfoldChart); if ($optionDot != null) { $fourfoldChart.fourfold('selectDot', $optionDot); } else { _this.deselectActiveDot($fourfoldChart); } var optionTitle = _this.getFourfoldOptionTitle($option); $fourfoldChart.fourfold('setCrossHairText', optionTitle); _this.updateNavigationContainer($fourfoldChart, $option); } }; this.createFourfold = function ($fourfoldContainer, dots) { $fourfoldContainer.fourfold({ dots: dots, showCrossHair: true, optionAnsweredClass: _optionAnsweredClass, onCanvasClick: function (event, x, y) { var $targetContainer = $(event.currentTarget); var $canvas = $targetContainer.hasClass('canvas') ? $targetContainer : $targetContainer.find('.canvas'); var $fourfoldQuestion = $canvas.parents('.fourfold-question'); var optionActiveClass = _this.getOptionActiveClassString($fourfoldQuestion, '.'); var $activeOption = $fourfoldQuestion.find('.fourfold-option.' + optionActiveClass); $activeOption.find('.dontKnow').val(false); if ($activeOption.length === 0) { return; } var $fourfoldChart = $canvas.parents('.fourfold'); var $dotOption = _this.findFourfoldOptionDot($activeOption, $fourfoldChart); if ($dotOption) { $fourfoldChart.fourfold('selectDot', $dotOption); } else { _this.addFourfoldOptionDot($activeOption, $fourfoldChart, x, y); if ($fourfoldChart.attr('data-show-answer-commenting-box') == "true") { $fourfoldChart.fourfold('showCommentBoxForDot'); } else { _this.toNextUnAnsweredOption($fourfoldChart, $fourfoldQuestion, $activeOption); } } }, onDotClick: function (event, dotData) { var $option = $('#' + dotData.optionShortId); _this.setFourfoldOptionActiveClass($option); }, onDotMoved: function (dotData) { _this.setDotDataForFourfoldOptionId(dotData.optionShortId, dotData.x, dotData.y); var $option = $('#' + dotData.optionShortId); _this.setFourfoldOptionActiveClass($option); }, onDotCleared: function (dotData) { _this.setDotDataForFourfoldOptionId(dotData.optionShortId, null, null, dotData.isDontKnow); _this.removeAttachTextFieldAnswerForFourfoldOptionId(dotData.optionShortId); }, onAllDotsCleared: function (dotsData) { dotsData.forEach(function (dotData) { _this.setDotDataForFourfoldOptionId(dotData.optionShortId, null, null); _this.removeAttachTextFieldAnswerForFourfoldOptionId(dotData.optionShortId); }); }, getOptionActiveClassString: function (fourfoldQuestion, delimiter) { _this.getOptionActiveClassString(fourfoldQuestion, delimiter); }, onNavNextClick: function ($fourfold, $selectedDot) { var $fourfoldQuestion = $fourfold.parents('.fourfold-question'); var optionActiveClass = _this.getOptionActiveClassString($fourfoldQuestion, '.'); var $activeOption = $fourfoldQuestion.find('.fourfold-option.' + optionActiveClass); _this.updateFourfoldOptionAttachedText($fourfold, $selectedDot, $activeOption); _this.toNextOption($fourfold, $fourfoldQuestion, $activeOption); }, onNavPreviousClick: function ($fourfold, $selectedDot) { var $fourfoldQuestion = $fourfold.parents('.fourfold-question'); var optionActiveClass = _this.getOptionActiveClassString($fourfoldQuestion, '.'); var $activeOption = $fourfoldQuestion.find('.fourfold-option.' + optionActiveClass); _this.updateFourfoldOptionAttachedText($fourfold, $selectedDot, $activeOption); _this.toPreviousOption($fourfold, $fourfoldQuestion, $activeOption); }, onDontKnowClick: function ($fourfold) { var $fourfoldQuestion = $fourfold.parents('.fourfold-question'); var optionActiveClass = _this.getOptionActiveClassString($fourfoldQuestion, '.'); var $activeOption = $fourfoldQuestion.find('.fourfold-option.' + optionActiveClass); $activeOption.addClass(_optionAnsweredClass).find('.dontKnow').val(true); _this.toNextUnAnsweredOption($fourfold, $fourfoldQuestion, $activeOption); }, onContinueBtnClick: function ($fourfold, attachedTextValue, $selectedDot) { var $fourfoldQuestion = $fourfold.parents('.fourfold-question'); var optionActiveClass = _this.getOptionActiveClassString($fourfoldQuestion, '.'); var $activeOption = $fourfoldQuestion.find('.fourfold-option.' + optionActiveClass); _this.setFourfoldOptionAttachedTextFieldValue($activeOption, attachedTextValue); $fourfold.fourfold('hideCommentBoxForDot'); $fourfold.fourfold('updateDotData', $selectedDot, { attachedTextFieldValue: attachedTextValue}); _this.toNextUnAnsweredOption($fourfold, $fourfoldQuestion, $activeOption); }, onDotsChange: function ($fourfold, hasSelectedDot, hasDots) { var refreshDisableClass = function ($el, isEnabled) { if (isEnabled) { $el.removeClass("disabled"); } else { $el.addClass("disabled"); } }; var $fourfoldClearButtonsContainer = $fourfold.parents('.question-body').find('.fourfold-clear-buttons-container'); var $btnClearAll = $fourfoldClearButtonsContainer.find('.btn-clear-all'); var $btnClearSelected = $fourfoldClearButtonsContainer.find('.btn-clear-selected'); refreshDisableClass($btnClearSelected, hasSelectedDot); refreshDisableClass($btnClearAll, hasDots); } }); }; this.getFourfoldDots = function ($fourfoldContainer) { var $fourfoldQuestion = $fourfoldContainer.parents('.fourfold-question'); var $fourfoldOptions = $fourfoldQuestion.find('.fourfold-option'); var dots = []; $fourfoldOptions.map(function () { var dotData = _this.getFourfoldOptionDotData($(this)); if (dotData.x != null && dotData.y != null) { dots.push(dotData); } }); return dots; }; this.getFourfoldOptionAnswers = function (optionShortId) { var $option = $('#' + optionShortId); return { x: _this.getFourfoldOptionAnswerValue($option, 'x'), y: _this.getFourfoldOptionAnswerValue($option, 'y'), dontKnow: $option.find('.dontKnow').val() }; }; this.getFourfoldOptionAnswer = function ($option, coordinateType) { var $answers = $option.find('.fourfold-option-answers').children(); var selector = '[data-coordinate-type="' + coordinateType + '"]'; var $answer = $answers.filter(selector); return $answer; }; this.getFourfoldOptionAnswerValue = function ($option, coordinateType) { var $answer = _this.getFourfoldOptionAnswer($option, coordinateType); return parseInt($answer.val()); }; this.getFourfoldOptionAttachedTextFieldValue = function ($option) { return $option.find('.fourfold-option-answers').find('.attached-text-field').val(); }; this.setFourfoldOptionAttachedTextFieldValue = function ($option, value) { return $option.find('.fourfold-option-answers').find('.attached-text-field').val(value); }; this.updateFourfoldOptionAttachedText = function ($fourfold, $selectedDot, $activeOption) { var $attachTextfieldContainer = $fourfold.find('.fourfold-container.attach-text-field-container'); if ($attachTextfieldContainer.length > 0) { var attachedTextValue = $attachTextfieldContainer.find('textarea').val(); _this.setFourfoldOptionAttachedTextFieldValue($activeOption, attachedTextValue); $fourfold.fourfold('updateDotData', $selectedDot, { attachedTextFieldValue: attachedTextValue }); } }; this.getFourfoldOptionDotData = function ($option) { var answerXValue = _this.getFourfoldOptionAnswerValue($option, 'x'); var answerYValue = _this.getFourfoldOptionAnswerValue($option, 'y'); var attachedTextFieldValue = _this.getFourfoldOptionAttachedTextFieldValue($option); return { x: isNaN(answerXValue) ? null : answerXValue, y: isNaN(answerYValue) ? null : answerYValue, title: $option.find('.number-content').text().replace('.', ''), optionId: $option.prev().val(), optionShortId: _this.getFourfoldOptionShortId($option), attachedTextFieldValue: attachedTextFieldValue }; }; this.getFourfoldOptionTitle = function ($option) { return $option.find('.number-content').text().replace('.', ''); }; this.setDotDataForFourfoldOption = function ($option, x, y, isDontKnow) { var $xAnswer = _this.getFourfoldOptionAnswer($option, 'x'), $yAnswer = _this.getFourfoldOptionAnswer($option, 'y'); $xAnswer.val(parseInt(x)); $yAnswer.val(parseInt(y)); if (x != null && y != null || isDontKnow) { $option.addClass(_optionAnsweredClass); } else { $option.removeClass(_optionAnsweredClass); } }; this.setDotDataForFourfoldOptionId = function (optionId, x, y, isDontKnow) { var $activeOption = $('#' + optionId); _this.setDotDataForFourfoldOption($activeOption, x, y, isDontKnow); }; this.removeAttachTextFieldAnswerForFourfoldOptionId = function (optionId) { var $activeOption = $('#' + optionId); _this.setFourfoldOptionAttachedTextFieldValue($activeOption, null); }; this.setFourfoldOptionActiveClass = function ($option) { var $fourfoldQuestion = $option.parents('.fourfold-question'); var optionActiveClass = _this.getOptionActiveClassString($fourfoldQuestion, ' '); $fourfoldQuestion.find('.fourfold-option').removeClass(optionActiveClass); if (!$option.hasClass(_optionDisabledClass)) { $option.addClass(optionActiveClass); } }; this.findFourfoldOptionDot = function ($option, $fourfoldChart) { var $optionDot = null; var shortOptionId = _this.getFourfoldOptionShortId($option); $fourfoldChart.find('.dot').map(function (index, el) { var dotData = $(el).data(); if (dotData.optionShortId === shortOptionId) { $optionDot = $(el); } }); return $optionDot; }; this.addFourfoldOptionDot = function ($option, $fourfoldChart, x, y) { var dotData = _this.getFourfoldOptionDotData($option); dotData.x = x; dotData.y = y; $fourfoldChart.fourfold('addDot', dotData); _this.setDotDataForFourfoldOption($option, dotData.x, dotData.y); }; this.toNextUnAnsweredOption = function ($fourfoldChart, $fourfoldQuestion, $option) { var optionSelector = '.fourfold-option:not(.' + _optionDisabledClass + ')'; var $fourfoldOptions = $fourfoldQuestion.find(optionSelector); if ($fourfoldOptions.length <= 1) { return false; } var currentOptionIndex = $fourfoldOptions.index($option); var index = currentOptionIndex + 1; var isUnansweredOptionExists = false; while (index !== currentOptionIndex) { if (index === $fourfoldOptions.length) { index = 0; continue; } var $optionToCheck = $fourfoldOptions.eq(index); if (!$optionToCheck.hasClass(_optionAnsweredClass)) { _this.deselectActiveDot($fourfoldChart); _this.setFourfoldOptionActiveClass($optionToCheck); var optionTitle = _this.getFourfoldOptionTitle($optionToCheck); $fourfoldChart.fourfold('setCrossHairText', optionTitle); isUnansweredOptionExists = true; _this.updateNavigationContainer($fourfoldChart, $optionToCheck); break; } index++; } return isUnansweredOptionExists; }; this.updateNavigationContainer = function ($fourfoldContainer, $option) { var optionSelector = '.fourfold-option:not(.' + _optionDisabledClass + ')'; var $fourfoldOptions = $option.parents('.fourfold-question').find(optionSelector); var $navigationContainer = $fourfoldContainer.find('.fourfold-container.navigation-container'); if ($navigationContainer) { $navigationContainer.find('#ffNavItemText').text(_this.getOptionText($option)); if ($fourfoldOptions.index($option) === 0) $navigationContainer.find('div:has(#ffNavItemPrevious)').hide(); else $navigationContainer.find('div:has(#ffNavItemPrevious)').show(); if ($fourfoldOptions.index($option) === $fourfoldOptions.length - 1) $navigationContainer.find('div:has(#ffNavItemNext)').hide(); else $navigationContainer.find('div:has(#ffNavItemNext)').show(); } }; this.toNextOption = function ($fourfold, $fourfoldQuestion, $option) { var optionSelector = '.fourfold-option:not(.' + _optionDisabledClass + ')'; var $fourfoldOptions = $fourfoldQuestion.find(optionSelector); if ($fourfoldOptions.length <= 1) { return; } var currentOptionIndex = $fourfoldOptions.index($option); var index = currentOptionIndex + 1; if (index < $fourfoldOptions.length) { var $nextOption = $fourfoldOptions.eq(index); _this.updateNavigationContainer($fourfold, $nextOption); _this.fourfoldOptionFocus($nextOption.get(0).id); } }; this.toPreviousOption = function ($fourfold, $fourfoldQuestion, $option) { var optionSelector = '.fourfold-option:not(.' + _optionDisabledClass + ')'; var $fourfoldOptions = $fourfoldQuestion.find(optionSelector); if ($fourfoldOptions.length <= 1) { return; } var currentOptionIndex = $fourfoldOptions.index($option); var index = currentOptionIndex - 1; if (index >= 0) { var $previousOption = $fourfoldOptions.eq(index); _this.updateNavigationContainer($fourfold, $previousOption); _this.fourfoldOptionFocus($previousOption.get(0).id); } }; this.getOptionText = function ($option) { return $option.find('span.number-content').text() + $option.find('span.text-content').text(); }; this.selectFirstNotAnsweredOption = function ($fourfoldContainer, $fourfoldQuestion) { var optionSelector = '.fourfold-option:not(.' + _optionDisabledClass + '):not(.' + _optionAnsweredClass + ')'; var $fourfoldOptions = $fourfoldQuestion.find(optionSelector); if ($fourfoldOptions.length > 0) { var $firstOption = $fourfoldOptions.eq(0); _this.updateNavigationContainer($fourfoldContainer, $firstOption); _this.fourfoldOptionFocus($firstOption.get(0).id); } }; this.hasNotAnsweredOptions = function ($fourfoldQuestion) { var optionSelector = '.fourfold-option:not(.' + _optionDisabledClass + '):not(.' + _optionAnsweredClass + ')'; return $fourfoldQuestion.find(optionSelector).length > 0; }; this.selectLastAnsweredOption = function ($fourfoldContainer, $fourfoldQuestion) { var optionSelector = '.fourfold-option.' + _optionAnsweredClass + ':not(.' + _optionDisabledClass + ')'; var $fourfoldOptions = $fourfoldQuestion.find(optionSelector); if ($fourfoldOptions.length > 0) { var $lastOption = $fourfoldOptions.eq($fourfoldOptions.length - 1); _this.setFourfoldOptionActiveClass($lastOption); var optionTitle = _this.getFourfoldOptionTitle($lastOption); $fourfoldContainer.fourfold('setCrossHairText', optionTitle); var $optionDot = _this.findFourfoldOptionDot($lastOption, $fourfoldContainer); $fourfoldContainer.fourfold('showCommentBoxForDot', $optionDot.data().attachedTextFieldValue); _this.updateNavigationContainer($fourfoldContainer, $lastOption); } }; this.getFourfoldOptionShortId = function ($option) { return $option.attr('id'); }; this.deselectActiveDot = function ($fourfoldChart) { var $selectedDot = $fourfoldChart.find('.dot.selected'); if ($selectedDot.length > 0) { $fourfoldChart.fourfold('deselectDot', $selectedDot); } }; this.getOptionActiveClassString = function ($fourfoldQuestion, delimiter) { var optionActiveClasses = this.getOptionActiveClasses($fourfoldQuestion); return optionActiveClasses.join(delimiter); }; this.getOptionActiveClasses = function ($fourfoldQuestion) { var optionActiveClasses = [_defaultOptionActiveClass]; var customClass = $fourfoldQuestion.data('optionActiveClass'); if (customClass) { optionActiveClasses.push(customClass); } return optionActiveClasses; }; this.onFourfoldClearAllClick = function (event, questionId) { event.stopPropagation(); var $btnClearAll = $(event.target); if ($btnClearAll.hasClass('disabled')) { return; } var $fourfoldChart = $('#' + questionId).find('.fourfold'); $fourfoldChart.fourfold('clearAllDots'); }; this.onFourfoldClearSelectedClick = function (event, questionId) { event.stopPropagation(); var $btnClearSelected = $(event.target); if ($btnClearSelected.hasClass('disabled')) { return; } var $fourfoldChart = $('#' + questionId).find('.fourfold'); $fourfoldChart.fourfold('clearSelectedDot'); }; }; ; !function ($) { "use strict"; function Fourfold(fourfold, options) { this.$fourfold = $(fourfold) .addClass("fourfold"); this.options = this.mergeOptions($.extend({}, options, this.$fourfold.data())); this.currentWidth = this.options.width; this.currentHeight = this.options.height; this.setScale(); this.buildNavigationContainer(); this.buildDontKnowContainer(); this.buildAttachedTextFieldContainer(); this.buildChartTable(); this.updateSizeAccordingToTheChartTable(); if (this.options.disabled) { this.disable(); } else { this.enable(); } if (typeof this.options.onInit === "function") { this.options.onInit(); } this.onDotsChange(); }; Fourfold.prototype = { defaults: { height: 250, width: 350, disabled: false, responsive: true, axisX: { legend: 'x', minValue: 0, minValueTitle: null, maxValue: 100, maxValueTitle: null, legendClass: null, legendStyle: {}, /* like styleTemplate */ valuesClass: null, valuesStyle: {} /* like styleTemplate */ }, axisY: { legend: 'y', minValue: 0, minValueTitle: null, maxValue: 100, maxValueTitle: null, legendClass: null, legendStyle: {}, /* like styleTemplate */ valuesClass: null, valuesStyle: {} /* like styleTemplate */ }, showAxisLabels: true, isUseIntervals: false, horizontalIntervalsCount: 10, verticalIntervalsCount: 10, chartClass: null, chartStyle: {}, /* like styleTemplate */ dots: [], dotSettings: { radius: 12, moveStep: 5, /* % from axisMax - axisMin value*/ selectedDotSizeScale: 1.2 }, dotClass: null, selectedDotClass: 'selected', dotStyle: {}, /* like styleTemplate */ showCrossHair: false, crossHairSettings: { radius: 12, dotSizeScale: 1.2, lineThickness: 2, moveStep: 5 /* % from axisMax - axisMin value*/ }, tickThickness: 1, tickSize: 10, templates: { chartTable: '
    ").addClass("cw").text("#"));c.isBefore(f.clone().endOf("w"));)b.append(a("").addClass("dow").text(c.format("dd"))),c.add(1,"d");o.find(".datepicker-days thead").append(b)},N=function(a){return d.disabledDates[a.format("YYYY-MM-DD")]===!0},O=function(a){return d.enabledDates[a.format("YYYY-MM-DD")]===!0},P=function(a){return d.disabledHours[a.format("H")]===!0},Q=function(a){return d.enabledHours[a.format("H")]===!0},R=function(b,c){if(!b.isValid())return!1;if(d.disabledDates&&"d"===c&&N(b))return!1;if(d.enabledDates&&"d"===c&&!O(b))return!1;if(d.minDate&&b.isBefore(d.minDate,c))return!1;if(d.maxDate&&b.isAfter(d.maxDate,c))return!1;if(d.daysOfWeekDisabled&&"d"===c&&d.daysOfWeekDisabled.indexOf(b.day())!==-1)return!1;if(d.disabledHours&&("h"===c||"m"===c||"s"===c)&&P(b))return!1;if(d.enabledHours&&("h"===c||"m"===c||"s"===c)&&!Q(b))return!1;if(d.disabledTimeIntervals&&("h"===c||"m"===c||"s"===c)){var e=!1;if(a.each(d.disabledTimeIntervals,function(){if(b.isBetween(this[0],this[1]))return e=!0,!1}),e)return!1}return!0},S=function(){for(var b=[],c=f.clone().startOf("y").startOf("d");c.isSame(f,"y");)b.push(a("").attr("data-action","selectMonth").addClass("month").text(c.format("MMM"))),c.add(1,"M");o.find(".datepicker-months td").empty().append(b)},T=function(){var b=o.find(".datepicker-months"),c=b.find("th"),g=b.find("tbody").find("span");c.eq(0).find("span").attr("title",d.tooltips.prevYear),c.eq(1).attr("title",d.tooltips.selectYear),c.eq(2).find("span").attr("title",d.tooltips.nextYear),b.find(".disabled").removeClass("disabled"),R(f.clone().subtract(1,"y"),"y")||c.eq(0).addClass("disabled"),c.eq(1).text(f.year()),R(f.clone().add(1,"y"),"y")||c.eq(2).addClass("disabled"),g.removeClass("active"),e.isSame(f,"y")&&!m&&g.eq(e.month()).addClass("active"),g.each(function(b){R(f.clone().month(b),"M")||a(this).addClass("disabled")})},U=function(){var a=o.find(".datepicker-years"),b=a.find("th"),c=f.clone().subtract(5,"y"),g=f.clone().add(6,"y"),h="";for(b.eq(0).find("span").attr("title",d.tooltips.prevDecade),b.eq(1).attr("title",d.tooltips.selectDecade),b.eq(2).find("span").attr("title",d.tooltips.nextDecade),a.find(".disabled").removeClass("disabled"),d.minDate&&d.minDate.isAfter(c,"y")&&b.eq(0).addClass("disabled"),b.eq(1).text(c.year()+"-"+g.year()),d.maxDate&&d.maxDate.isBefore(g,"y")&&b.eq(2).addClass("disabled");!c.isAfter(g,"y");)h+=''+c.year()+"",c.add(1,"y");a.find("td").html(h)},V=function(){var a,c=o.find(".datepicker-decades"),g=c.find("th"),h=b({y:f.year()-f.year()%100-1}),i=h.clone().add(100,"y"),j=h.clone(),k=!1,l=!1,m="";for(g.eq(0).find("span").attr("title",d.tooltips.prevCentury),g.eq(2).find("span").attr("title",d.tooltips.nextCentury),c.find(".disabled").removeClass("disabled"),(h.isSame(b({y:1900}))||d.minDate&&d.minDate.isAfter(h,"y"))&&g.eq(0).addClass("disabled"),g.eq(1).text(h.year()+"-"+i.year()),(h.isSame(b({y:2e3}))||d.maxDate&&d.maxDate.isBefore(i,"y"))&&g.eq(2).addClass("disabled");!h.isAfter(i,"y");)a=h.year()+12,k=d.minDate&&d.minDate.isAfter(h,"y")&&d.minDate.year()<=a,l=d.maxDate&&d.maxDate.isAfter(h,"y")&&d.maxDate.year()<=a,m+=''+(h.year()+1)+" - "+(h.year()+12)+"",h.add(12,"y");m+="",c.find("td").html(m),g.eq(1).text(j.year()+1+"-"+h.year())},W=function(){var b,c,g,h=o.find(".datepicker-days"),i=h.find("th"),j=[],k=[];if(B()){for(i.eq(0).find("span").attr("title",d.tooltips.prevMonth),i.eq(1).attr("title",d.tooltips.selectMonth),i.eq(2).find("span").attr("title",d.tooltips.nextMonth),h.find(".disabled").removeClass("disabled"),i.eq(1).text(f.format(d.dayViewHeaderFormat)),R(f.clone().subtract(1,"M"),"M")||i.eq(0).addClass("disabled"),R(f.clone().add(1,"M"),"M")||i.eq(2).addClass("disabled"),b=f.clone().startOf("M").startOf("w").startOf("d"),g=0;g<42;g++)0===b.weekday()&&(c=a("
    '+b.week()+"'+b.date()+"
    '+c.format(h?"HH":"hh")+"
    '+c.format("mm")+"
    '+c.format("ss")+" removeOptionAttachedTextInput(option, "tr"); } else { option.data("prevstate", 1); var similarOptions = findContainerOfSimilarOptions().find("input.option").filter(function () { return $(this).attr("id") != shortColumnId; }); for (var i = 0; i < similarOptions.length; i++) { $(similarOptions[i]).data("prevstate", 0); $(similarOptions[i]).parents('.text-center.checked').removeClass("checked"); } option.parents('.text-center').addClass("checked"); //enable attached text field in the row enableOptionAttachedTextInput(option, "tr"); } var question = _this.getQuestionByShortId(questionId); processAnswerChanges(question, getMatrixAnswers(question)); _questionNoteService.processAnswerChanges(question, shortOptionId, optionId, columnId); }; this.onMatrixSelectionOptionClick = function (questionId, shortOptionId, shortColumnId, optionId, columnId) { onMatrixSelectionOptionClickInner(questionId, shortOptionId, shortColumnId, optionId, columnId, function () { return $('#' + shortOptionId); }); }; this.onSubMatrixSelectionOptionClick = function (questionId, shortOptionId, shortColumnId, optionId, columnId) { onMatrixSelectionOptionClickInner(questionId, shortOptionId, shortColumnId, optionId, columnId, function () { return $("[data-option-short-id='" + shortOptionId + "']"); }); }; this.onMatrixMultiSelectionOptionClick = function (event, questionId, shortOptionId, shortColumnId, optionId, columnId) { event = event || window.event; var $option = $('#' + shortColumnId); if ($option.prop("disabled")) { return; } var parent = $option.parent(); var wasChecked = $option.is(':checked'); // handle click on checkbox if (event.target === $option[0]) { wasChecked = !$option.is(':checked'); } if (wasChecked) { $option.prop('checked', false); parent.removeClass("checked"); //if all checkboxes are unchecked if ($option.closest("tr").find("input.option:checked").length === 0) { //remove attached text field in the row removeOptionAttachedTextInput($option, "tr"); } } else { //enable attached text field in the row enableOptionAttachedTextInput($option, "tr"); $option.prop('checked', true); parent.addClass("checked"); } var question = _this.getQuestionByShortId(questionId); processAnswerChanges(question, getMatrixAnswers(question)); }; this.onHierarchicalSelectionChange = function (select, questionDivId, surveyId, questionId, levelNumber, prefix) { _this.onDropDownChange(select); var questionDiv = $('#' + questionDivId); var option = questionDiv.find('option:selected'); var optionId = option.val(); var hasChildren = false; var showNoSublevelsText = false; if (optionId) { var optionHidden = questionDiv.children('input[value="' + optionId + '"]'); hasChildren = optionHidden.hasClass('hasChildren'); showNoSublevelsText = true; } if (hasChildren) { var surveyLocale = _this.getSurveyLocale(); var request = JSON.stringify({ surveyId: surveyId, questionId: questionId, parentOptionId: optionId, currentLevel: levelNumber, prefix: prefix, surveyLocale: surveyLocale }); var cacheResult = _cache.getItem(request); if (cacheResult) { _this.afterHierarchicalChanged(questionDiv, levelNumber, cacheResult); } else { Webropol.Shared.Common.callTemplateAsync( request, _urls.getOptionChildren, function (data) { _this.afterHierarchicalChanged(questionDiv, levelNumber, data); _cache.setItem(request, data); }, null, null, true ); } } else { _this.afterHierarchicalChanged(questionDiv, levelNumber, null, showNoSublevelsText); } }; var iterateHierarchicalLevelWithSublevels = function (hierarchicalContainer, levelNumber, processFunc) { $(".hierarchical-level", hierarchicalContainer).each(function (index, element) { var $element = $(element); var lvl = parseInt($element.attr("data-levelnumber")); if (lvl >= levelNumber) { processFunc($element); } }); }; this.afterHierarchicalChanged = function (questionDiv, levelNumber, data, showNoSublevelsText) { var hierarchicalContainer = $(questionDiv).closest(".hierarchical-levels-container"); if (data) { iterateHierarchicalLevelWithSublevels(hierarchicalContainer, levelNumber, function ($element) { $element.remove(); }); if (!hierarchicalContainer.is(":disabled")) { hierarchicalContainer.append(data); } } else { var answerOptionStyle = hierarchicalContainer.find(".hierarchical-answer-option-style").val(); var processSubLevels; if (answerOptionStyle == Webropol.Constants.Hierarchical.AnswerOptionStyle.AllLevels) { processSubLevels = function ($element) { var $select = $element.find("select"); $select.prop("disabled", true).prop("readonly", true); $select.addClass('disabled'); $select .find("option[value!='']") .remove(); var dummyOptionText = _localization.select; if (showNoSublevelsText) { var $levelTitle = $element.find(".hierarchical-level-title"); if ($levelTitle) { var levelTitle = $levelTitle.text(); if (levelTitle !== '') { dummyOptionText = Webropol.Shared.Common.stringFormat(_localization.hierarchicalNoSubLevels, levelTitle); } } } $select.find("option[value='']").text(dummyOptionText);; }; } else { processSubLevels = function ($element) { $element.remove(); } } iterateHierarchicalLevelWithSublevels(hierarchicalContainer, levelNumber, processSubLevels); } }; //on 'Browse...' button click () this.onAddNewAttachmentClick = function (input, e) { return attachmentValidationHandler(input, e, false); }; //after choosing attachment in attachment question this.onAddNewAttachment = function (input, e) { attachmentValidationHandler(input, e, true); }; function attachmentValidationHandler(input, e, isChangeHandler) { var $input = $(input); var $questionBody = $input.closest('.question-body'); var questionPlainTitle = $questionBody.find('.js-question-plain-text').attr('data-val'); var fileName = Webropol.Shared.Common.getFileNameFromFilePath($input.val(), true); var validationResult = validateAttachment(isChangeHandler); if (validationResult) { if (isChangeHandler) { //full name consist of option name and index of answer var fullName = $input.attr("name"), optionName = fullName.substring(0, fullName.length - 1), index = fullName.substring(fullName.length - 1), newIndex = parseInt(index) + 1; //show file name of added file var newAnswer = $input.parent(); //add empty input (if we will use styled input then will be better //to copy input to new and clear current) var question = newAnswer.parent(); var $newFileInput = newAnswer.clone(); $newFileInput.appendTo(question); //hide selected file $input.hide(); newAnswer .append('' + $input.val().split("\\").pop() + ' ') .append('' + ''); $newFileInput .find('input') .prop('name', optionName + newIndex) .attr('data-index', newIndex) .val(null) .focus(); } } else { if (!isChangeHandler) { Webropol.Shared.Common.stopEvent(e); } } function validateAttachment(isChangeHandler) { var validationResult = true; if (isChangeHandler) { var ieVersion = Webropol.Shared.Common.browser.getIEVersion(); var isFizeSizeClientValidationSupported = ((ieVersion == -1) || (ieVersion > 9)); validationResult = validateFileFormat(); validationResult = validationResult && (!isFizeSizeClientValidationSupported || validateSingleFileLength()); validationResult = validationResult && validateMaxFilesCountPerQuestion(); validationResult = validationResult && (!isFizeSizeClientValidationSupported || validateMaxTotalAttachmentsLength()); } else { validationResult = validateMaxFilesCountPerQuestion(); } if (validationResult) { clearCustomAttachmentError($questionBody); } return validationResult; function validateFileFormat() { var allowedFileFormats = $questionBody.find('.js-allowed-file-formats').attr('data-val').toLowerCase(); var fileFormat = fileName.split('.').pop().toLowerCase(); if (allowedFileFormats.indexOf(fileFormat) == -1) { addCustomAttachmentError(Webropol.Shared.Common.stringFormat( _localization.notAllowedFileFormatTemplate, fileName, questionPlainTitle, allowedFileFormats), false); cleanupFileInput(); return false; } return true; } function validateSingleFileLength() { var maxSingleFileLength = parseInt($questionBody.find('.js-max-single-file-length').attr('data-val'), 10); var fileSize = getFileSize(input); //toastr.success('filesize = ' + fileSize); if (fileSize > maxSingleFileLength) { var maxSingleFileSizeInMb = (maxSingleFileLength / 1024 / 1024).toFixed(2); addCustomAttachmentError(Webropol.Shared.Common.stringFormat( _localization.maxSingleFileSizeExceededTemplate, fileName, questionPlainTitle, maxSingleFileSizeInMb), false); cleanupFileInput(); return false; } return true; } function validateMaxFilesCountPerQuestion() { var maxFilesPerQuestionCount = parseInt($questionBody.find('.js-max-files-per-request-count').attr('data-val'), 10); var totalAnswersCount = $questionBody.find('.answer-option:visible:not(:last)').length; if (totalAnswersCount >= maxFilesPerQuestionCount) { addCustomAttachmentError(Webropol.Shared.Common.stringFormat( _localization.maxFilesCountPerQuestionExceededTemplate, questionPlainTitle, maxFilesPerQuestionCount), true); cleanupFileInput(); return false; } return true; } function validateMaxTotalAttachmentsLength() { var maxTotalAttachmentsLength = parseInt($('.js-max-total-attachments-length').attr('data-val'), 10); var remainingAttachmentsLengthFromServer = parseInt($('.js-remaining-attachments-length').attr('data-val'), 10); var deletedAttachmentsTotalLength = getDeletedAttachmentsTotalLength(); var availableAttachmentsTotalLength = (remainingAttachmentsLengthFromServer + deletedAttachmentsTotalLength); var remainingAttachmentsLengthCurrent = (availableAttachmentsTotalLength - _newlyUploadedFilesTotalLength); if (remainingAttachmentsLengthCurrent < 0) { remainingAttachmentsLengthCurrent = 0; } updateNewlyAttachedFilesTotalLength();//updating _newlyUploadedFilesTotalLength if (_newlyUploadedFilesTotalLength > availableAttachmentsTotalLength) { var maxTotalAttachmentsSizeInMb = (maxTotalAttachmentsLength / 1024 / 1024).toFixed(0); var remainingAttachmentsSizeInMb = getRemainingAttachmentsSizeInMb(remainingAttachmentsLengthCurrent); addCustomAttachmentError(Webropol.Shared.Common.stringFormat( _localization.maxTotalAttachmentsSizeExceededTemplate, fileName, questionPlainTitle, maxTotalAttachmentsSizeInMb, remainingAttachmentsSizeInMb)); cleanupFileInput(); return false; } return true; function getDeletedAttachmentsTotalLength() { var sum = 0; $('.js-attachment-body .answer-option:hidden .js-content-length').each(function () { sum += parseInt($(this).attr('data-val'), 10); }); return sum; } function updateNewlyAttachedFilesTotalLength() { var sum = 0; $('.js-attachment-body .answer-option:visible input[type=file]').each(function (previousValue, input) { sum += getFileSize(input); }); _newlyUploadedFilesTotalLength = sum; } function getRemainingAttachmentsSizeInMb(remainingAttachmentsLength) { if (remainingAttachmentsLength == 0) { return '0'; } else { return (remainingAttachmentsLength / 1024 / 1024).toFixed(2); } } } function getFileSize(input) { return (input.files && input.files[0] && input.files[0].size || 0); } function addCustomAttachmentError(message, isSoft) { var alertStyle = isSoft ? ".alert-warning" : ".alert-danger"; clearCustomAttachmentError($questionBody); $questionBody.find(alertStyle).show().append('
    ' + message + '
    '); } function cleanupFileInput() { $input.replaceWith($input.val('').clone(true)); } } } //delete attachment from attachment question this.onDeleteAttachmentClick = function (element) { var $element = $(element); if ($element.hasClass("disabled")) { return false; } //delete error message var $questionBody = $element.closest('.question-body'); clearCustomAttachmentError($questionBody); var $isDeletedInput = $(element).siblings('.js-delete'); if ($isDeletedInput.length > 0) { //delete existing answer case (mark hidden as deleted) $isDeletedInput.val(true); $element.closest('.answer-option').hide(); } else { //delete newly added answer on client (simple remove from DOM) $element.closest('.answer-option').remove(); } }; var clearCustomAttachmentError = function ($questionBody) { var $errorContainer = $questionBody.find('.alert'); $errorContainer.find('.error.attachment-error').remove(); if ($errorContainer.find('.error').length == 0) { $errorContainer.hide(); } }; var recalculateHiddenQuestions = function () { var $hiddenQuestonsInput = $("#HiddenQuestionsString"); if ($hiddenQuestonsInput.length && $hiddenQuestonsInput.val() !== "") { var oldHiddenQuestions = $hiddenQuestonsInput.val().split(','); var stillHiddenQuestions = oldHiddenQuestions.slice(); for (var i = 0; i < oldHiddenQuestions.length; i++) { var questionId = oldHiddenQuestions[i]; var question = _this.getQuestion(questionId); if (question && question.IsShow) { var index = stillHiddenQuestions.indexOf(questionId); if (index !== -1) { stillHiddenQuestions.splice(index, 1); } } } $hiddenQuestonsInput.val(stillHiddenQuestions.join()); } }; var recalculateHiddenQuestionsInRegistrationForms = function () { $('[name$=".HiddenQuestionsAsString"]').each(function (ind, el) { var element = $(el); var registrationFormPrefix = element.data("short-id-form-prefix"); if (element.val() !== "") { var oldHiddenQuestions = element.val().split(','); var stillHiddenQuestions = oldHiddenQuestions.slice(); for (var i = 0; i < oldHiddenQuestions.length; i++) { var questionId = oldHiddenQuestions[i]; var question = _this.getQuestionByShortId(registrationFormPrefix + 'q_' + questionId); if (question && question.IsShow) { var index = stillHiddenQuestions.indexOf(questionId); if (index !== -1) { stillHiddenQuestions.splice(index, 1); } } } element.val(stillHiddenQuestions.join()); } }); } var recalculateHiddenOptions = function () { var $hiddenOptionsInput = $("#HiddenOptionsString"); if ($hiddenOptionsInput.length && $hiddenOptionsInput.val() !== "") { var oldHiddenOptions = $hiddenOptionsInput.val().split(','); var becameVisibleOptions = _commonRulesService ? _commonRulesService.getBecameVisibleOptions() : []; var stillHiddenOptions = oldHiddenOptions.filter(function (x) { return becameVisibleOptions.indexOf(x) < 0; }); $hiddenOptionsInput.val(stillHiddenOptions.join()); } }; var setDisabledInputState = function ($container, selector, isDisabled) { $container .find(selector) .filter(function () { return $(this).val().toLowerCase() !== 'true'; }) .prop('disabled', isDisabled); } this.clearAllNotValidAnswers = function () { _questions.map(x => { var questionsWithValidationErrors = $("[data-alert-for-question-short-id='" + x.ShortId + "']:visible"); if (questionsWithValidationErrors) { questionsWithValidationErrors.each(function () { var questionInputId = this.firstElementChild.id; // remove '-error' from id to get question input field id $('#' + questionInputId.slice(0, -6)).val(''); }); } }); }; this.doPrevious = function () { $(".direction").val("False"); $(".error-message-header").text(_localization.errorMessageHeaderOnPrevious); _this.clearAllNotValidAnswers(); _participationValidator.suppressAllValidation(); _this.handleSubmit(); }; this.forceDoNext = function (isTimeLimitExpired) { _participationValidator.suppressAllValidation(); if (isTimeLimitExpired) { $(".is-max-time-limit-expired").val("True"); } _this.doNext(); } this.doNext = function () { $(".direction").val("True"); $(".error-message-header").text(_localization.errorMessageHeaderOnNext); _this.handleSubmit(); }; this.doSubmit = function () { $(".direction").val("True"); $(".error-message-header").text(_localization.errorMessageHeaderOnSubmit); _this.handleSubmit(); }; this.doFinishSurvey = function () { $(".forceRedirectToEnd").val("True"); $(".error-message-header").text(_localization.errorMessageHeaderOnSubmit); _participationValidator.suppressAllValidation(); _this.handleSubmit(); }; /* Used in TV mode to skip optional survey */ this.doSkipSurvey = function () { $(".forceRedirectToEnd").val("True"); $(".error-message-header").text(_localization.errorMessageHeaderOnSubmit); _participationValidator.suppressAllValidation(); _this.handleSubmit(); }; /* Summary page */ // go to ThankYou page without submit this.doFinishSummary = function () { $(".forceRedirectToThankYouPage").val("True"); _this.handleSubmit(); }; this.showWarningBeforeFinishSummary = function () { _summaryCloseWarningPopup.showPopup(); }; var unsubscribeEventInternal = function () { $(".direction").val("True"); _participationValidator.suppressAllValidation(); $(".error-message-header").text(_localization.errorMessageHeaderOnSubmit); _this.handleSubmit(); }; // event registration-specific this.doEventDecline = function () { $(".isEventDeclined").val("True"); $(".forceRedirectToThankYouPage").val("True"); unsubscribeEventInternal(); }; // event registration-specific this.doEventCancel = function () { $(".isEventCancelled").val("True"); unsubscribeEventInternal(); }; this.doMove = function () { $(".isMove").val("True"); $(".error-message-header").text(_localization.errorMessageHeaderOnNext); _this.handleSubmit(); }; this.doGoToPage = function (page) { $(".forcePageNum").val(page); $(".error-message-header").text(_localization.errorMessageHeaderOnSubmit); _this.handleSubmit(); }; this.doSignBeforeSubmit = function () { var $form = $("#participation-form").first(); $form.validate(); if (!$form.valid()) { return; } Webropol.Shared.Common.callAsync( null, _urls.startTokenSigning, function () { _signResponsePopup.showPopup(); }, function () { } ); }; this.goToThankYouPage = function () { $(".forceRedirectToThankYouPage").val("True"); $(".error-message-header").text(_localization.errorMessageHeaderOnSubmit); _participationValidator.suppressAllValidation(); _this.handleSubmit(); }; this.getParticipationButtons = function () { return $("#participation-form") .find(".participation-buttons .page-navigation [data-submit-button='true']:not(.disabled-button)"); }; this.handleSubmit = function (skipDirtyChecking) { if (!skipDirtyChecking && _sameAnswersPopup != null && !_isDirty && _this.hasAnswerableQuestions() ) { var direction = $(".direction").val(); if (direction === "True") { _sameAnswersPopup.showPopup(); return; } } var $participationButtons = _this.getParticipationButtons(); var selectorForRuleHiddens = "input[id$='_IsHiddenOrDisabledByDynamicRule']"; if (!$participationButtons.length) { return; } $participationButtons.each(function (i, button) { $(button).addClass("disabled-button"); }); var $form = $("#participation-form").first(); var $validator = $form.validate(); recalculateHiddenQuestions(); recalculateHiddenQuestionsInRegistrationForms(); recalculateHiddenOptions(); setDisabledInputState($form, selectorForRuleHiddens, true); $form.attr('action', _this.submitUrl); _participationValidator.hidePreviousErrors(); $form.trigger("submit"); if (!$form.valid()) { var numberOfInvalidQuestions = []; for (var i = 0; $validator.errorList[i]; i++) { var element = $($validator.errorList[i].element); var questionId = $(element).parents(".question-body").find(".inner-body").attr("id"); if (!numberOfInvalidQuestions.includes(questionId)) { numberOfInvalidQuestions.push(questionId); } } if (numberOfInvalidQuestions.length === 1) { var $notValidElement = $($validator.errorList[0].element); var $notValidQuestion = $notValidElement.parents(".question-body"); if ($notValidQuestion.length !== 0) { scrollToNotValidQuestion($notValidQuestion); $('.error').attr("role", "alert"); $(".error-question-title").append(" "); } if ($notValidElement.is(":hidden")) { $notValidQuestion.find('input, textarea, select') .not('input[type=hidden],input[type=button],input[type=submit],input[type=reset],input[type=image]') .filter(':enabled:visible:first') .trigger('focus'); } else { $notValidElement.trigger('focus'); } $participationButtons.each(function (i, button) { $(button).removeClass("disabled-button"); }); setDisabledInputState($form, selectorForRuleHiddens, false); } if (numberOfInvalidQuestions.length > 1) { $("#mandatory-validation-errors").css("display", "block"); $("#mandatory-validation-errors").attr("tabindex", 1).trigger('focus'); $participationButtons.each(function (i, button) { $(button).removeClass("disabled-button"); }); setDisabledInputState($form, selectorForRuleHiddens, false); } } _this.cleanupErrorsOnFormSubmit(); }; this.cleanupErrorsOnFormSubmit = function () { $('.error.attachment-error, .error.server-error').remove(); var visibleErrorBlocks = $('.alert.alert-danger:visible'), foundErrorBlocksCount = visibleErrorBlocks.length, hiddenErrorBlocksCount = 0; visibleErrorBlocks.each(function () { if ($(this).find('.error').length == 0) { $(this).hide(); hiddenErrorBlocksCount++; } }); if (hiddenErrorBlocksCount === foundErrorBlocksCount) { $('.alert.alert-warning:visible').hide(); } }; this.changeLanguage = function (surveyLocale, e) { var $form = $("#participation-form").first(); $(".surveyLocale").val(surveyLocale); $(".isLanguageChange").val('True'); var localeRegex = /&surveyLocale=([a-zA-Z]{2})/; var postAction = $form.attr('action'); var newLocaleParam = "&surveyLocale=" + surveyLocale; $form.validate().cancelSubmit = true; if (localeRegex.test(postAction)) { var newLocalePostAction = postAction.replace(localeRegex, newLocaleParam); $form.attr('action', newLocalePostAction).trigger("submit"); } else { $form.attr('action', postAction + newLocaleParam).trigger("submit"); } }; this.showEditCommentDialog = function (id, text, fileName, isCommentVisibleToPreviousHandlers, isCommentVisibleToExternalCommentators, isCommentVisibleOnFollowup, isNameVisibleOnFollowup, color, commentType, isUserAuthenticated, canEditCommentText, canBeDeleted, isGeneralComment) { var $commentCreationContainer = $('#comment-creation-container'); var surveyId = $('#SurveyId').val(); $commentCreationContainer.find('.question-comment-survey-id').val(surveyId); $commentCreationContainer.find('.question-comment-comment-id').val(id); $commentCreationContainer.find('.question-comment-comment-textarea').html(text); $commentCreationContainer.find('.question-comment-comment-hidden').val(text); $commentCreationContainer.find('.question-comment-comment-textarea').prop('disabled', false); $commentCreationContainer.find('.question-comment-visible-previous-handlers').prop('checked', isCommentVisibleToPreviousHandlers); $commentCreationContainer.find('.question-comment-visible-external-commentators').prop('checked', isCommentVisibleToExternalCommentators); $commentCreationContainer.find('.question-comment-visible-followup').prop('checked', isCommentVisibleOnFollowup); $commentCreationContainer.find('.question-comment-username-visible-followup').prop('checked', isNameVisibleOnFollowup); $commentCreationContainer.find('.question-comment-username-visible-followup-container').addClass('hide'); $commentCreationContainer.find('.question-comment-visible-previous-handlers-container').addClass('hide'); $commentCreationContainer.find('.wb-comment-on-handler-side').val(canBeDeleted);//A Comment which can be deleted means it is not a WB comment. if (isGeneralComment) { $commentCreationContainer.find('.general-discussion').val(isGeneralComment); } if (commentType == Webropol.Constants.CaseManagement.CommentTypes.Whistleblower) { $commentCreationContainer.find('.question-comment-username-visible-followup-container').removeClass('hide'); } if (isUserAuthenticated) { $commentCreationContainer.find('.question-comment-visible-previous-handlers-container').removeClass('hide') } if (!canEditCommentText) { $commentCreationContainer.find('.question-comment-comment-textarea').prop('disabled', true); } if (!canBeDeleted) { $commentCreationContainer.find('.question-comment-attachment').prop('disabled', true); $commentCreationContainer.find('.question-comment-comment-textarea').prop('disabled', true); $commentCreationContainer.find('.question-comment-username-visible-followup-container').addClass('hide'); } else { $commentCreationContainer.find('.question-comment-attachment').prop('disabled', false); } _this.clearColorSelect($commentCreationContainer.find('.question-comment-comment-id')); _this.setSelectedColor(color); _this.setAddCommentDialogHeader(commentType); Webropol.Shared.Common.showPopupForContainer($commentCreationContainer.find(".question-comment-creation-popup"), { doNotClone: false, withDataAndEvents: true }); }; this.showAddWhistleblowerGeneralComment = function (questionId, surveyId, responseId) { _this.showAddCommentDialog(questionId, surveyId, responseId, Webropol.Constants.CaseManagement.CommentTypes.Whistleblower, true); }; this.showAddWhistleblowerComment = function (questionId, surveyId, responseId) { _this.showAddCommentDialog(questionId, surveyId, responseId, Webropol.Constants.CaseManagement.CommentTypes.Whistleblower, false); }; this.showAddExternalComment = function (questionId, surveyId, responseId) { _this.showAddCommentDialog(questionId, surveyId, responseId, Webropol.Constants.CaseManagement.CommentTypes.External, false); }; this.showAddInternalComment = function (questionId, surveyId, responseId) { _this.showAddCommentDialog(questionId, surveyId, responseId, Webropol.Constants.CaseManagement.CommentTypes.Internal, false); }; this.setAddCommentDialogHeader = function (commentType) { var $commentCreationContainer = $('#comment-creation-container'); $commentCreationContainer.find('.internal-comment-title').addClass("hidden"); $commentCreationContainer.find('.whistleblower-comment-title').addClass("hidden"); $commentCreationContainer.find('.external-comment-title').addClass("hidden"); switch (commentType) { case Webropol.Constants.CaseManagement.CommentTypes.Internal: $commentCreationContainer.find('.internal-comment-title').removeClass("hidden"); break; case Webropol.Constants.CaseManagement.CommentTypes.Whistleblower: $commentCreationContainer.find('.whistleblower-comment-title').removeClass("hidden"); break; case Webropol.Constants.CaseManagement.CommentTypes.External: $commentCreationContainer.find('.external-comment-title').removeClass("hidden"); break; } } this.setSelectedColor = function (color) { var $commentCreationContainer = $('#comment-creation-container'); var colorObj = $commentCreationContainer.find('#color_' + color.toLowerCase().substr(1)); if (colorObj.length > 0) { _this.onQuestionCommentColorSelect(colorObj); } } this.showAddCommentDialog = function (questionId, surveyId, responseId, commentType, isGeneralComment) { var $commentCreationContainer = $('#comment-creation-container'); $commentCreationContainer.find('.question-comment-question-id').val(questionId); $commentCreationContainer.find('.question-comment-survey-id').val(surveyId); $commentCreationContainer.find('.question-comment-response-id').val(responseId); $commentCreationContainer.find('.question-comment-comment-id').val(''); $commentCreationContainer.find('.question-comment-comment-textarea').html(''); $commentCreationContainer.find('.question-comment-comment-hidden').val(''); $commentCreationContainer.find('.question-comment-type').val(commentType); $commentCreationContainer.find('.question-comment-comment-textarea').prop('disabled', false); $commentCreationContainer.find('.question-comment-visible-previous-handlers').prop('checked', false); $commentCreationContainer.find('.question-comment-visible-external-commentators').prop('checked', false); $commentCreationContainer.find('.question-comment-visible-followup').prop('checked', false); $commentCreationContainer.find('.question-comment-username-visible-followup').prop('checked', false); $commentCreationContainer.find('.question-comment-username-visible-followup-container').addClass('hide'); $commentCreationContainer.find('.question-comment-visible-previous-handlers-container').addClass('hide'); $commentCreationContainer.find('.comment-counter').val(_commentCounter); if (isGeneralComment) { $commentCreationContainer.find('.general-discussion').val(true); } _this.clearColorSelect($commentCreationContainer.find('.question-comment-comment-id')); _this.setAddCommentDialogHeader(commentType); switch (commentType) { case Webropol.Constants.CaseManagement.CommentTypes.Internal: _this.setSelectedColor(Webropol.Constants.CaseManagement.PredefinedColors.Blue); break; case Webropol.Constants.CaseManagement.CommentTypes.Whistleblower: $commentCreationContainer.find('.question-comment-username-visible-followup-container').removeClass('hide'); $commentCreationContainer.find('.question-comment-visible-followup').prop('checked', true); _this.setSelectedColor(Webropol.Constants.CaseManagement.PredefinedColors.Red); break; case Webropol.Constants.CaseManagement.CommentTypes.External: _this.setSelectedColor(Webropol.Constants.CaseManagement.PredefinedColors.Cyan); break; } Webropol.Shared.Common.showPopupForContainer($commentCreationContainer.find(".question-comment-creation-popup"), { doNotClone: false, withDataAndEvents: true }); }; _this.moreInformationPopup = null; this.showAskMoreInformationDialog = function (questionId, surveyId, responseId, el) { var questionEl = $(el).closest('.question-body'); _this.moreInformationPopup = new Webropol.Survey.Case.MoreInformationPopup(questionId, surveyId, responseId, questionEl, urls, localization); _this.moreInformationPopup.show(); }; this.sendMoreInformationResponse = function (button) { var buttonSelector = $(button); var textarea = buttonSelector.siblings('textarea').first(); if (textarea.val() == null || $.trim(textarea.val()).length == 0) { toastr.error(_localization.messageIsEmpty); return; } var requestContainer = buttonSelector.parents('.info-request-answer'); var elementsToSubmit = requestContainer.children(); var clonedElements = elementsToSubmit.clone(); var $hiddenForm = $("
    "); $hiddenForm.append(elementsToSubmit); requestContainer.first().append(clonedElements); requestContainer.find('textarea').val(''); var hiddenContainer = $('.hidden-form-container'); hiddenContainer.append($hiddenForm); Webropol.Shared.Common.callAjaxSubmit($hiddenForm, { url: _urls.createMoreInformationResponse, success: function (data) { requestContainer.first().before(data); hiddenContainer.empty(); } }, true); }; this.onQuestionCommentAdd = function () { var commentId = $('#comment-creation-container .question-comment-comment-id').val(); var commentType = parseInt($('#comment-creation-container .question-comment-type').val()); // run update instead of "add new" if (commentId != '') { _this.onQuestionCommentUpdate(); return; } // this uses jquery.form.js plugin var $form = $('.question-comment-creation-form:visible'); //TODO: need to show spinner? Webropol.Shared.Common.callAjaxSubmit($form, { url: _urls.createQuestionComment, success: function (data) { // Handle IE8 case var questionId = $('.question-comment-question-id').val(); if (questionId === '00000000-0000-0000-0000-000000000000') { var section = $('#general-discussions .general-discussion-section').last(); section.append(data); window.location.reload(); var toScrollY = section.offset().top - window.innerHeight / 2; if (toScrollY > 0) { $('html,body').animate({ scrollTop: toScrollY }); } } else { var questionBodyTableClass = 'qb_' + questionId; var section = $("." + questionBodyTableClass).find('.case-comments-section'); // it might be hidden in case we are adding first comment. We need to show it. section.show(); var subSection = null; switch (commentType) { case Webropol.Constants.CaseManagement.CommentTypes.Internal: subSection = section.find('.internal-comments'); break; case Webropol.Constants.CaseManagement.CommentTypes.Whistleblower: subSection = section.find('.whistleblower-comments'); break; case Webropol.Constants.CaseManagement.CommentTypes.External: subSection = section.find('.external-comments'); _commentCounter++; break; } subSection.append(data); var toScrollY = subSection.children('.case-comment-entry').last().offset().top - window.innerHeight / 2; if (toScrollY > 0) { $('html,body').animate({ scrollTop: toScrollY }); } } } }, true); }; this.onQuestionCommentUpdate = function () { // this uses jquery.form.js plugin var $form = $('.question-comment-creation-form:visible'); //TODO: need to show spinner? Webropol.Shared.Common.callAjaxSubmit($form, { url: _urls.updateQuestionComment, success: function (data) { var commentId = $('#comment-creation-container .question-comment-comment-id').val(); $('#case-comment-entry-' + commentId).replaceWith(data); } }, true); }; this.onQuestionCommentDelete = function (commentId, externalCommentRequestId, isGeneralComment) { var comment = { QuestionCommentId: commentId, ExternalCommentRequestId: externalCommentRequestId, IsGeneralComment: isGeneralComment }; Webropol.Shared.Common.callAsync( ko.mapping.toJSON(comment), _urls.deleteQuestionComment, function (result) { var commentEntry = $("#case-comment-entry-" + commentId); var commentEntryContainer; if (isGeneralComment) { commentEntryContainer = commentEntry.closest(".general-discussion-section"); } else { commentEntryContainer = commentEntry.closest(".case-comments-section"); } commentEntry.remove(); var commentsCount = commentEntryContainer.find(".case-comment-entry").length; if (commentsCount == 0) { commentEntryContainer.hide(); } } ); }; this.onPauseParticipation = function () { var messages = _localization.saveAndContinueLater; var options = { message: messages.message, onOk: pauseParticipation, header: messages.header, okButtonText: messages.okText, cancelButtonText: _localization.cancel }; Webropol.Shared.Common.showConfirmationDialog(options); }; function pauseParticipation() { $(".direction").val("False"); _participationValidator.suppressAllValidation(); recalculateHiddenQuestions(); recalculateHiddenOptions(); var $participationForm = $("#participation-form"); $participationForm.attr('action', _urls.pauseParticipationUrl).trigger("submit"); } this.onQuestionCommentColorSelect = function ($selectedItem) { var $form = $selectedItem.closest('form.question-comment-creation-form'); var $commentColorHiddenInput = $form.find('.question-comment-creation-comment-color'); var $selectedItemColoredDiv = $selectedItem.find('.colored-div'); if ($selectedItemColoredDiv.hasClass('selected')) { $commentColorHiddenInput.val(''); $selectedItemColoredDiv.removeClass('selected'); } else { var hexColorValue = Webropol.Shared.Common.convertRgb2Hex($selectedItemColoredDiv.css('background-color')); $commentColorHiddenInput.val(hexColorValue); $form.find('.colored-div').removeClass('selected'); $selectedItemColoredDiv.addClass('selected'); } }; this.clearColorSelect = function ($item) { var $form = $item.closest('form.question-comment-creation-form'); $form.find('.colored-div').removeClass('selected'); $form.find('.question-comment-creation-comment-color').val(''); }; this.adjustTextareasHeights = function () { $("textarea").each(function () { adjustTextareaHeight(this); }); }; function adjustTextareaHeight(el) { var scrollPosition = [ self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop ]; var $el = $(el); var rows = $el.attr("rows"); var minHeight = rows * parseInt($el.css("line-height"), 10) + parseInt($el.css("padding-top"), 10) + parseInt($el.css("padding-bottom"), 10) + parseInt($el.css("border-top-width"), 10) + parseInt($el.css("border-bottom-width"), 10); var outerHeight = parseInt($el.css("height"), 10); var diff = outerHeight - el.clientHeight; el.style.height = 0; el.style.height = Math.max(minHeight, el.scrollHeight + diff) + 'px'; window.scrollTo(scrollPosition[0], scrollPosition[1]); }; var disableOptionAttachedTextInput = function (option, closestElement) { closestElement = closestElement || "div"; option.closest(closestElement).find("input.option-attached-text").prop("disabled", true).val(""); }; var removeOptionAttachedTextInput = function (option, closestElement) { closestElement = closestElement || "div"; option.closest(closestElement).find("input.option-attached-text").val(""); }; var enableOptionAttachedTextInput = function (option, closestElement) { closestElement = closestElement || "div"; option.closest(closestElement).find("input.option-attached-text").prop("disabled", false); }; var updatePictureSelectionQuestionState = function ($option, isNewStateSelected) { if ($option.hasClass("picture")) { var $img = $("img[data-optionId='" + $option.attr("id") + "']"); if ($img.hasClass("outlined")) { $img.toggleClass("selected", isNewStateSelected); } else { $img.attr("src", isNewStateSelected ? $img.attr("data-selected") : $img.attr("data-unselected")); } } }; var getNumericOptionsAnswersSumInner = function (element, findQuestion, findNumericFields) { var sum = 0; var $question = findQuestion($(element)); var $numericFields = findNumericFields($question); $numericFields.each(function (i, elem) { var val = parseFloat(elem.value.replace(",", ".")); if (!isNaN(val)) { sum += val; } }); return sum; }; var getNumericOptionsAnswersSum = function (element) { var sum = getNumericOptionsAnswersSumInner($(element), function ($element) { return $element.closest(".numeric-question"); }, function ($question) { return $question.find(".numeric-field"); }); return sum; }; var getCustomTableNumericOptionsAnswersSum = function ($element) { var questionShortId = $element.closest("[data-question-short-id]").attr("data-question-short-id"); var sum = getNumericOptionsAnswersSumInner($element, function ($elem) { return $elem.closest(".custom-table-question"); }, function ($question) { return $question.find(".custom-table-numeric-field[data-question-short-id=" + questionShortId + "]"); }); return sum; }; var getCustomTableNumericOptionsAnswersRowSum = function ($element) { var sum = getNumericOptionsAnswersSumInner($element, function ($elem) { return $elem.closest("tr.optionRow"); }, function ($question) { return $question.find(".custom-table-numeric-field"); }); return sum; }; this.isOneDimentionalChoiceQuestion = function (questionType) { return Webropol.Constants.OneDimentionalChoiceQuestions.indexOf(questionType) !== -1; }; this.isSingleChoiceQuestion = function (questionType) { return Webropol.Constants.SingleChoiceQuestions.indexOf(questionType) !== -1; }; this.isMultiChoiceQuestion = function (questionType) { return Webropol.Constants.MultiChoiceQuestions.indexOf(questionType) !== -1; }; this.isTwoDimentionalChoiceQuestion = function (questionType) { return Webropol.Constants.TwoDimentionalChoiceQuestions.indexOf(questionType) !== -1; }; this.hasAnswerableQuestions = function () { var found = false; _questions.forEach(function (question) { found = found || Webropol.Constants.NotAnswerableQuestions.indexOf(question.QuestionType) === -1 }); return found; } this.copyCalendarValueToTextInput = function ($datePicker) { var $input = $datePicker.find('input.calendar-input'); $input.val($input.val()); $input.valid(); }; this.displayValidationAlert = function ($element) { var errorElements = _participationValidator.getAlertFor($element).find("div.error"); if (errorElements.length > 0) { if ($element.closest(".picture-type-multiselection-question").length > 0) { var checked = $element.closest(".question-body").find(".inner-body").find(".option:visible:checked"); if (checked.length > 0) { _this.hideAlert($element); } else { _this.showAlert($element); } } else if ($element.closest(".dropdown-question").length > 0) { var hierarchycal = $element.closest(".dropdown-question").find(".hierarchical-levels-container"); if (hierarchycal.length > 0) { var hierarchyLevelsSelections = $element.closest(".question-body").find(".inner-body select"); for (var i = 0; i < hierarchyLevelsSelections.length; i++) { var $hierarchyLevelSelect = hierarchyLevelsSelections.eq(i); var selectedValue = $hierarchyLevelSelect.val(); var optionCount = $hierarchyLevelSelect.find("option").length; if (optionCount > 0 && !selectedValue) { _this.showAlert($element); } else { _this.hideAlert($element); } } } else { var selected = $element.closest(".question-body").find(".inner-body").find("option:selected"); if (!!selected.val()) { _this.hideAlert($element); } else { _this.showAlert($element); } } } else { if ($element.is(':visible:checked')) { _this.hideAlert($element); } else { _this.showAlert($element); } } } }; this.displayRankingValidationAlert = function ($element, useRankedScaleForValues, needRankAllValues, minimumRankedCount) { var errorElements = _participationValidator.getAlertFor($element).find("div.error"); if (errorElements.length > 0) { var parent = $element.closest(".question-body"); var allSelects = $(parent).find("select"); var answers = []; for (var i = 0; i < allSelects.length; i++) { var val = allSelects[i].value; if (val.length > 0) { answers.push(val); } } var isHideDisableItems = []; var hideDisableInputs = $(parent).find("input[id^='o_'][id$='_IsHiddenOrDisabledByDynamicRule']"); for (var i = 0; i < hideDisableInputs.length; i++) { var hideDisableItem = hideDisableInputs[i]; if ($(hideDisableItem).val().toLowerCase() === "true" && $.inArray($(hideDisableItem).attr("id"), isHideDisableItems) === -1) { isHideDisableItems.push($(hideDisableItem).attr("id")); } } if (answers.length == 0) { _this.showAlert($element); } else { if (needRankAllValues === "true") { if (answers.length != 0 && answers.length != (allSelects.length - (useRankedScaleForValues ? 0 : isHideDisableItems.length))) { _this.showAlert($element); } else { _this.hideAlert($element); } } else { if (answers.length != 0 && answers.length < (minimumRankedCount - isHideDisableItems.length)) { _this.showAlert($element); } else { _this.hideAlert($element); } } } } }; this.hideAlert = function ($element) { _participationValidator.getAlertFor($element).hide(); _participationValidator.alertInSummary($element).hide(); }; this.showAlert = function ($element) { _participationValidator.getAlertFor($element).show(); _participationValidator.alertInSummary($element).show(); }; var getMatrixAnswers = function (question) { var answers = []; var $questionContainer = question.getContainer(); for (var i = 0; i < question.Options.length; i++) { var option = question.Options[i]; var $optionContainer = $questionContainer.find("#" + option.ShortId); for (var j = 0; j < question.Columns.length; j++) { var column = question.Columns[j]; var columnShortId = "o_" + option.OptionId + "_" + column.OptionId; var $el = $optionContainer.find("#" + columnShortId); if ($el.is(':checked')) { answers.push(toTwoDimensionalAnswer(option.OptionId, column.OptionId)); } } } return answers; }; var getMatrixAsSliderAnswers = function (question) { var answers = []; var $questionContainer = question.getContainer(); for (var i = 0; i < question.Options.length; i++) { var option = question.Options[i]; var $selectedColumnAttribute = $questionContainer.find('#' + option.ShortId + "_SelectedAttribute"); var columnId = $selectedColumnAttribute.val(); if (columnId) { answers.push(toTwoDimensionalAnswer(option.OptionId, columnId)); } } return answers; }; var getDropDownAnswer = function ($questionContainer) { var $select = $questionContainer.find('select'); var selectedOption = $select.find('option:selected'); if (selectedOption) { return toOneDimensionalAnswer(selectedOption.val()); } return null; }; var getSelectionAnswers = function (question, $questionContainer) { var answers = []; for (var i = 0; i < question.Options.length; i++) { var option = question.Options[i]; var $optionContainer = $questionContainer.find("#" + option.ShortId); if ($optionContainer.is(':checked')) { answers.push(toOneDimensionalAnswer(option.OptionId)); } } return answers; }; var getOneDimensionalQuestionAnswers = function (question) { var $questionContainer = question.getContainer(); if (question.QuestionType == Webropol.Constants.QuestionTypes.DropDownList) { var dropDownAnswer = getDropDownAnswer($questionContainer); if (dropDownAnswer) { return [dropDownAnswer]; } } return getSelectionAnswers(question, $questionContainer); }; var getRankingOrderAnswers = function (question, isRankScale) { var answers = []; var $questionContainer = question.getContainer(); var itemCount = isRankScale ? question.Options.length : question.Columns.length; for (var i = 0; i < itemCount; i++) { var item = isRankScale ? question.Options[i] : question.Columns[i]; var $optionSelectContainer = $questionContainer.find("#sel_" + item.ShortId); var selectedValue = $optionSelectContainer.val(); if (selectedValue && selectedValue.length > 0) { var answerRowId = isRankScale ? item.OptionId : selectedValue; var answerColId = isRankScale ? selectedValue : item.OptionId; answers.push(toTwoDimensionalAnswer(answerRowId, answerColId)); } } return answers; }; var initMaxtrixNoteColumn = function () { for (var i = 0; i < _questions.length; i++) { if (_questions[i] == null) continue; if (_questions[i].QuestionType == Webropol.Constants.QuestionTypes.MatrixSelection) { _questionNoteService.setMaxtrixNoteColumn(_questions[i]); } } }; var truncateLongDropDownOptionTexts = function () { var maxLength = 96; $("select").each(function () { var $select = $(this); $select.find('option').each(function () { var $this = $(this); var text = $this.text(); if (text.length > maxLength) { $this.text(truncateTextWithEllipsis(text, maxLength)); $this.prop('title', text); } }); $select.find('optgroup').each(function () { var $this = $(this); var text = $this.attr('label'); if (text.length > maxLength) { $this.attr('label', truncateTextWithEllipsis(text, maxLength)); $this.prop('title', text); } }); }); }; var truncateTextWithEllipsis = function (text, maxLength) { return text.substr(0, maxLength) + 'ā€¦'; }; var scrollToNotValidQuestion = function ($question) { var questionOffset = $question.offset().top; var containerOffset = $(".survey-container").offset().top; var calculatedOffset = questionOffset - containerOffset; $(window).scrollTop(calculatedOffset); }; var initSurveyTimeLimitSettings = function (settings) { if (!settings.MaxTime) { return; } var $elapsedTimeCounter = $('#ElapsedTime'), $timer = $('#survey-timer-val'), isTimerUsed = $timer.length > 0; var getElapsedTime = function () { var oldVal = parseInt($elapsedTimeCounter.val(), 10); return isNaN(oldVal) ? 0 : oldVal; }; var timerId = setInterval(function () { var elapsedTime = getElapsedTime() + 1, timeLeft = settings.MaxTime - elapsedTime; if (timeLeft < 0) { timeLeft = 0; } $elapsedTimeCounter.val(elapsedTime); if (isTimerUsed) { var formattedTime = moment.utc(timeLeft * 1000).format('HH:mm:ss'); $timer.text(formattedTime); $timer.parent().css('visibility', 'visible'); } if (timeLeft <= 0) { clearInterval(timerId); } }, 1000); Webropol.Survey.ParticipationTimeLimit.setMaxTimeLimit(_this, _localization.surveyTimeLimit, settings.MaxTime - getElapsedTime(), settings.TimeLimitAction, settings.MaxTimeWarningMessage); }; this.createSlider = function (questionShortId, optionShortRowId, valueSign, isShowValue, isHorizontal, min, max) { var question = _this.getQuestionByShortId(questionShortId); var $sliderInitialiser = question.getSliderInitialiserElement(optionShortRowId); var formatter = function (value) { return valueSign ? value + ' ' + $('').html(valueSign).text() : value; }; $sliderInitialiser.attr('data-slider-tooltip', isShowValue ? "always" : "hide"); if (isHorizontal) { $sliderInitialiser.attr('data-slider-ticks-labels', '["' + formatter(min) + '","' + formatter(max) + '"]'); } $sliderInitialiser.slider({ formatter: formatter }); $sliderInitialiser.parent('.slider-body').removeClass('visibility-hidden'); }; this.createSliderForSelectionQuestion = function (questionShortId, selectedOptionId, isHorizontal, isFromMinToMax, isShowValue) { var question = _this.getQuestionByShortId(questionShortId); var $sliderInitialiser = question.getSliderInitialiserElement(questionShortId); question.createSliderFromQuestionOptions($sliderInitialiser, null, isHorizontal, !isFromMinToMax, isShowValue, selectedOptionId); $sliderInitialiser.parent('.slider-body').removeClass('visibility-hidden'); }; this.createSliderForOptionRow = function (questionShortId, optionShortRowId, isHorizontal, isFromMinToMax, isShowValue, selectedColumnId) { var question = _this.getQuestionByShortId(questionShortId); var optionRow = question.findOptionByShortId(optionShortRowId); var $sliderRow = question.getContainer().find('#' + optionShortRowId + "_slider"); var $sliderInitialiser = question.getSliderInitialiserElement(optionShortRowId); // not applicable var isCheck = $sliderRow.find('.slider-dont-know-checkbox').prop('checked'); if (isCheck) { $sliderInitialiser.attr('data-slider-enabled', false); $sliderInitialiser.prop("disabled", true); } question.createSliderFromQuestionOptions($sliderInitialiser, optionRow, isHorizontal, !isFromMinToMax, isShowValue, selectedColumnId); $sliderInitialiser.parent('.slider-body').removeClass('visibility-hidden'); }; }; ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.ParticipationQuestion = function() { var _this = this; var $container = null, $isHiddenOrDisabledByDynamicRuleInput = null, _parent = null, _customTableChildHelper = null, _localization = null; this.init = function (data, participation, localization, parent) { _this.QuestionId = data.QuestionId; _this.ShortId = data.ShortId; _this.QuestionType = data.QuestionType; _this.IsShow = data.IsShow; _this.IsDisable = data.IsDisable; _this.Options = data.Options; _this.Columns = data.Columns; _this.LogicalRules = data.LogicalRules; _this.OptionCells = data.OptionCells; _this.Participation = participation; _this.IsParentCustomTable = data.IsParentCustomTable; _this.OptionsDisplayType = data.OptionsDisplayType; _parent = parent; _localization = localization; if (_this.IsParentCustomTable) { $container = _parent.getContainer(); _customTableChildHelper = new Webropol.Survey.ParticipationQuestion.CustomTableChildHelper(_this); } else { $container = $("#" + _this.ShortId).closest(".question-wrapper"); } if (_this.QuestionType == Webropol.Constants.QuestionTypes.Calendar) { _this.setDateRange(); } if (data.TimeLimitSettings) { _this.initQuestionTimeLimitSettings(data.TimeLimitSettings); } if (data.Questions && data.Questions.length) { _this.Questions = $.map(data.Questions, function(child) { var q = new Webropol.Survey.ParticipationQuestion(); q.init(child, participation, _localization, _this); return q; }) || []; } }; var setSelectedValueForDropDown = function (value) { $("#" + _this.ShortId + "_SelectedAttribute").val(value); }; var resetDropDownSelectedValue = function ($el, isOption) { if (!isOption || $el.is(':selected')) { setSelectedValueForDropDown(""); } }; var restoreDropDownSelectedValue = function ($el, isOption) { if (isOption) { if ($el.is(':selected')) { setSelectedValueForDropDown($el.val()); } } else { var $select = $container.find("select"); var selectedOption = $select.find('option[selected]'); if (selectedOption) { setSelectedValueForDropDown(selectedOption.val()); } } }; this.isSliderQuestion = function() { return _this.QuestionType === Webropol.Constants.QuestionTypes.Slider || _this.OptionsDisplayType === Webropol.Constants.OptionDisplayType.Slider; } this.isFourfoldQuestion = function () { return _this.QuestionType === Webropol.Constants.QuestionTypes.Fourfold; } this.toggleIsShow = function ($el, isShow) { var isOption = $el.is('option'); if (isShow) { var isInitiallyHidden = !$el.is(":visible"); // it can be so that action to show is triggered on items that are already visible. $el.show(); if (isOption) { // toggleOption function is in dynamic-logical-rules-service.js $el.toggleOption(true); } if (_this.isSliderQuestion() && isInitiallyHidden) { if ($el.hasClass("slider-row")) { $el.css("display", "flex"); } var sliderElement = $el.find(".slider-initialiser"); sliderElement.slider("refresh"); } if (_this.isFourfoldQuestion() && isInitiallyHidden) { var $fourfoldChart = $el.find(".fourfold"); $fourfoldChart.fourfold("rebuild"); } if (_this.QuestionType == Webropol.Constants.QuestionTypes.DropDownList) { restoreDropDownSelectedValue($el, isOption); } $el.siblings('.case-ask-more-info-td').css("display", "table-cell"); } else { if (_this.QuestionType == Webropol.Constants.QuestionTypes.DropDownList) { resetDropDownSelectedValue($el, isOption); } $el.hide(); if (isOption) { $el.toggleOption(false); } $el.prop("selected", false); $el.parents('.checked-ranking-values').removeClass("checked-ranking-values"); $el.siblings('.case-ask-more-info-td').hide(); } }; var toggleIsShowForResponsive = function($el, isShow) { if (isShow) { $el.each(function (index, item) { $(item).addClass("toggled-visibility"); }); } else { $el.each(function (index, item) { $(item).removeClass("toggled-visibility"); }); } }; var toggleIsShowForResponsiveTitle = function ($el, isShow) { if (isShow) { $el.each(function (index, item) { $(item).removeClass("hidden"); }); } else { $el.each(function (index, item) { $(item).addClass("hidden"); }); } }; this.toggleIsDisable = function ($el, isDisable) { var $inputs = null; var isOption = $el.is('option'); if (isOption) { $inputs = $el; } else { $inputs = $el.find(":input[type!=hidden]:not('.option-attached-text'), option"); } $inputs.prop("disabled", isDisable).prop("readonly", isDisable); if (isDisable) { $inputs.addClass("disabled"); $el.addClass("disabled"); if (_this.QuestionType == Webropol.Constants.QuestionTypes.PictureTypeSelection || _this.QuestionType == Webropol.Constants.QuestionTypes.PictureTypeMultiSelection) { var $pictures = $el.find(".picture td img"); if ($pictures.length) { $pictures.addClass("disabled"); } } if (_this.QuestionType == Webropol.Constants.QuestionTypes.Attachment) { var $deleteAttachmentBtn = $el.find(".delete-attachment-btn"); if ($deleteAttachmentBtn.length) { $deleteAttachmentBtn.addClass("disabled"); } } if (_this.isSliderQuestion()) { $inputs.filter('.slider-initialiser').slider('disable'); } if (_this.QuestionType == Webropol.Constants.QuestionTypes.DropDownList) { resetDropDownSelectedValue($el, isOption); } } else { $el.removeClass("disabled"); $el.find(".disabled").removeClass("disabled"); if (_this.isSliderQuestion()) { $inputs.filter('.slider-initialiser').slider('enable'); } if (_this.QuestionType == Webropol.Constants.QuestionTypes.DropDownList) { restoreDropDownSelectedValue($el, isOption); } } }; var toggleSetOptionValueState = function (optionId, columnId, isSetOption) { var option = $container.find('#o_' + optionId); var shortOptionId = "o_" + optionId; switch (_this.QuestionType) { case Webropol.Constants.QuestionTypes.Selection: { if (_this.isSliderQuestion()) { var sliderValueSelection = _this.resolveSliderValueByOptionForSelectionQuestion(optionId); var $sliderInitialiserSelection = _this.getSliderInitialiserElement(_this.ShortId); if (isSetOption) { $sliderInitialiserSelection.slider('setValue', sliderValueSelection); _this.Participation.onSliderChange(sliderValueSelection, _this.ShortId, shortOptionId); } else { _this.resetSliderValue(); } } else { if ((!option.is(':checked') && !isSetOption) || (option.is(':checked') && isSetOption)) { return; } option.prop('checked', isSetOption); option.attr("data-prevstate", isSetOption ? 0 : 1); _this.Participation.onSelectionOptionClick(_this.ShortId, shortOptionId, optionId); } } break; case Webropol.Constants.QuestionTypes.MultiSelection: { if ((!option.is(':checked') && !isSetOption) || (option.is(':checked') && isSetOption)) { return; } option.prop('checked', isSetOption); _this.Participation.onMultiSelectionOptionClick(_this.ShortId, shortOptionId); } break; case Webropol.Constants.QuestionTypes.PictureTypeSelection: { if ((!option.is(':checked') && !isSetOption) || (option.is(':checked') && isSetOption)) { return; } _this.Participation.onPictureSelectionOptionClick(_this.ShortId, shortOptionId, optionId); } break; case Webropol.Constants.QuestionTypes.PictureTypeMultiSelection: { if ((!option.is(':checked') && !isSetOption) || (option.is(':checked') && isSetOption)) { return; } option.prop('checked', isSetOption); _this.Participation.onPictureMultiSelectionOptionClick(_this.ShortId, shortOptionId); } break; case Webropol.Constants.QuestionTypes.DropDownList: { var select = $container.find("select")[0]; var newSelectedIndex; if (!isSetOption) { newSelectedIndex = 0; } else { for (var i = 0; i < select.options.length; i++) { var optId = $(select.options[i]).attr("id"); if (optId && optId === shortOptionId) { select.selectedIndex = i; break; } } } if (newSelectedIndex && newSelectedIndex !== select.selectedIndex) { _this.Participation.onDropDownChange(select, _this.ShortId, select.selectedIndex); } } break; case Webropol.Constants.QuestionTypes.Position: case Webropol.Constants.QuestionTypes.MatrixSelection: { if (!columnId) { return; } if (_this.isSliderQuestion()) { var sliderValue = _this.resolveSliderValueByOptionForMatrixQuestion(columnId); var $sliderInitialiser = _this.getSliderInitialiserElement(shortOptionId); if (isSetOption) { $sliderInitialiser.slider('setValue', sliderValue); _this.Participation.onSliderChange(sliderValue, _this.ShortId, shortOptionId); } else { _this.resetSliderValue(shortOptionId); } } else { var shortColumnId = "o_" + optionId + "_" + columnId; var optionColumn = $container.find("#" + shortColumnId); if ((!optionColumn.is(':checked') && !isSetOption) || (optionColumn.is(':checked') && isSetOption)) { return; } optionColumn.prop('checked', isSetOption); optionColumn.attr("data-prevstate", isSetOption ? 0 : 1); _this.Participation.onMatrixSelectionOptionClick(_this.ShortId, shortOptionId, shortColumnId, optionId, columnId); } } break; case Webropol.Constants.QuestionTypes.MatrixMultiSelection: if (!columnId) { return; } var shortColumnId = "o_" + optionId + "_" + columnId; var optionColumn = $container.find("#" + shortColumnId); if ((!optionColumn.is(':checked') && !isSetOption) || (optionColumn.is(':checked') && isSetOption)) { return; } _this.Participation.onMatrixMultiSelectionOptionClick(null, _this.ShortId, shortOptionId, shortColumnId, optionId, columnId); break; } }; this.getContainer = function() { return $container; }; var setIsHiddenOrDisabled = function(value) { if (!$isHiddenOrDisabledByDynamicRuleInput) { $isHiddenOrDisabledByDynamicRuleInput = $container.find('#' + _this.QuestionId + "_IsHiddenOrDisabledByDynamicRule"); } if ($isHiddenOrDisabledByDynamicRuleInput.length) { $isHiddenOrDisabledByDynamicRuleInput.val(value); } }; var setIsHiddenOrDisabledForOption = function (optionShortId, $el, value) { var useParentSearch = _this.QuestionType == Webropol.Constants.QuestionTypes.RankingOrder; var $container = $el; if (useParentSearch) { $container = $($el.parents()); } var hiddenInputs = $container.find('#' + optionShortId + "_IsHiddenOrDisabledByDynamicRule"); if (hiddenInputs.length > 0) { for (var i = 0; i < hiddenInputs.length; i++) { $(hiddenInputs[i]).val(value); } } }; this.setIsShow = function (isShow) { if (_this.IsShow === isShow){ return; } _this.IsShow = isShow; if (_this.IsParentCustomTable){ _customTableChildHelper.setIsShow(isShow); } else { _this.toggleIsShow(_this.getContainer(), isShow); } setIsHiddenOrDisabled(!isShow); }; this.setIsDisable = function (isDisable) { if (_this.IsParentCustomTable){ _customTableChildHelper.setIsDisable(isDisable); } else { _this.toggleIsDisable(_this.getContainer(), isDisable); } setIsHiddenOrDisabled(isDisable); }; this.setOptionValue = function (optionId, columnId) { toggleSetOptionValueState(optionId, columnId, true); }; this.resetOptionValue = function (optionId, columnId) { toggleSetOptionValueState(optionId, columnId, false); }; this.setIsShowForOption = function (optionShortId, isShow) { if (_this.isSliderQuestion() && _this.QuestionType === Webropol.Constants.QuestionTypes.Selection) { var $questionContainer = $('#' + _this.ShortId); var option = _this.findOptionByShortId(optionShortId); if (option) { option.IsShow = isShow; setIsHiddenOrDisabledForOption(optionShortId, $questionContainer, !isShow); } } else { var allOptionContainers = $('*[id=' + optionShortId + ']'); for (var i = 0; i < allOptionContainers.length; i++) { var $optionContainer = $(allOptionContainers[i]).closest('.optionRow'); setIsHiddenOrDisabledForOption(optionShortId, $optionContainer, !isShow); _this.toggleIsShow($optionContainer, isShow); toggleIsShowForResponsive($optionContainer, isShow); var $optionTitlesContainer = $optionContainer.find(".js-responsive-titles-container, .js-floating-header"); var titlesInContainer = $("div", $optionTitlesContainer); toggleIsShowForResponsive(titlesInContainer, isShow); var $questionOptionTitlesContainer = $optionContainer.parent() .find('*[data-option-id=' + optionShortId + ']'); toggleIsShowForResponsiveTitle($questionOptionTitlesContainer, isShow); } } }; this.setIsDisableForOption = function (optionShortId, isDisable) { if (_this.isSliderQuestion() && _this.QuestionType === Webropol.Constants.QuestionTypes.Selection) { var $questionContainer = $('#' + _this.ShortId); var option = _this.findOptionByShortId(optionShortId); if (option) { option.IsDisable = isDisable; setIsHiddenOrDisabledForOption(optionShortId, $questionContainer, isDisable); } } else { var allOptionContainers = $('*[id=' + optionShortId + ']'); for (var i = 0; i < allOptionContainers.length; i++) { if ($(allOptionContainers[i]).attr("disable-by-select-one") && $(allOptionContainers[i]).attr("disable-by-select-one") == 1) continue; var $optionContainer = $(allOptionContainers[i]).closest('.optionRow'); setIsHiddenOrDisabledForOption(optionShortId, $optionContainer, isDisable); _this.toggleIsDisable($optionContainer, isDisable); } } }; this.setAnswerByRowIdAndColId = function(rowId, colId, isResetValue) { for (var i = 0; i < _this.Options.length; i++) { var option = _this.Options[i]; if (rowId.length == 0) { for (var j = 0; j < option.Answers.length; j++) { var answer = option.Answers[j]; if (answer.ColumnId == colId) { answer.IsSelected = false; $("#dd_rank_" + option.OptionId + "_" + answer.ColumnId).val(false); continue; } } } else { for (var j = 0; j < option.Answers.length; j++) { var answer = option.Answers[j]; if (option.OptionId == rowId) { if (colId.length == 0 || isResetValue) { answer.IsSelected = false; $("#dd_rank_" + option.OptionId + "_" + answer.ColumnId).val(false); continue; } answer.IsSelected = answer.ColumnId == colId; $("#dd_rank_" + option.OptionId + "_" + answer.ColumnId).val(answer.IsSelected); } else { if (answer.ColumnId == colId) { answer.IsSelected = false; $("#dd_rank_" + option.OptionId + "_" + answer.ColumnId).val(false); continue; } } } } } }; this.findOption = function (optionId) { for (var i = 0; i < _this.Options.length; i++) { var option = _this.Options[i]; if (option.OptionId === optionId) { return option; } } return null; }; this.findOptionByShortId = function (optionShortId) { for (var i = 0; i < _this.Options.length; i++) { var option = _this.Options[i]; if (option.ShortId === optionShortId) { return option; } } return null; }; this.findOptionByOrderNumber = function(orderNumber) { for (var i = 0; i < _this.Options.length; i++) { var option = _this.Options[i]; if (option.OptionOrder === orderNumber) { return option; } } return null; }; this.setDateRange = function () { if (_this.Options.length !== 2) { return; } var $question = _this.getContainer(), $fromDate = $question.find(".from-date"), $toDate = $question.find(".to-date"), dateFormat = $fromDate.find(".calendar-input").data("dateformat"); _this.Participation.initDateTimePicker($fromDate, dateFormat); _this.Participation.initDateTimePicker($toDate, dateFormat); // work-around because datetimepicker always has default value (today) var isDateChanged = false; $fromDate.on('dp.change', function (event) { _this.Participation.copyCalendarValueToTextInput($fromDate); var fromDate = event.date && event.date.toDate(), toDate = $toDate.data("DateTimePicker"); if (fromDate && (!isDateChanged || !toDate.date() || fromDate.valueOf() > toDate.date().valueOf())) { var newDate = new Date(fromDate); newDate.setDate(newDate.getDate() + 1); toDate.date(newDate); _this.Participation.copyCalendarValueToTextInput($toDate); isDateChanged = true; } }); $toDate.on('dp.change', function (event) { _this.Participation.copyCalendarValueToTextInput($toDate); isDateChanged = true; }); }; this.initQuestionTimeLimitSettings = function (settings) { Webropol.Survey.ParticipationTimeLimit.setMinTimeLimit(_this.Participation, settings.MinTime); Webropol.Survey.ParticipationTimeLimit.setMaxTimeLimit(_this.Participation, _localization.questionTimeLimit, settings.MaxTime, settings.TimeLimitAction, settings.MaxTimeWarningMessage); }; this.getOptionsForSelectionAsSlider = function () { var sliderOptions = _this.Options.filter(function (o) { return !o.IsNotApplicable && !o.UseAsSubHeading && o.IsShow; }); return sliderOptions; } this.getOptionsForMatrixAsSlider = function () { var sliderOptions = _this.Columns.filter(function (c) { return c.IsShow && !c.IsNotApplicable; }); return sliderOptions; } this.resolveSliderValueByOptionForSelectionQuestion = function (optionId) { var sliderOptions = _this.getOptionsForSelectionAsSlider(); return sliderOptions.findIndex(function(o) { return o.OptionId === optionId; }); }; this.resolveSliderValueByOptionForMatrixQuestion = function (optionId) { var sliderOptions = _this.getOptionsForMatrixAsSlider(); return sliderOptions.findIndex(function (o) { return o.OptionId === optionId; }); }; this.resolveOptionBySliderValueForSelectionQuestion = function(sliderValue) { var sliderOptions = _this.getOptionsForSelectionAsSlider(); return sliderOptions[parseInt(sliderValue)]; }; this.resolveOptionColumnBySliderValueForMatrixQuestion = function (sliderValue) { var columns = _this.getOptionsForMatrixAsSlider(); return columns[parseInt(sliderValue)]; }; this.afterAllRuleActionsAppliedToQuestion = function () { if (_this.isSliderQuestion() && _this.QuestionType === Webropol.Constants.QuestionTypes.Selection) { var $sliderInitialiser = _this.getContainer().find(".slider-initialiser"); _this.updateSliderFromQuestionOptions($sliderInitialiser, null); } }; this.createSliderFromQuestionOptions = function ($sliderInitialiser, optionRow, isHorizontal, isReversed, isShowValue, selectedOptionId) { var minMaxInfo = _this.getSliderFromQuestionOptionsSettings(optionRow, isReversed, selectedOptionId); var formatter = minMaxInfo.dataSliderFormatter; $sliderInitialiser.attr('data-slider-tooltip', isShowValue ? "always" : "hide"); $sliderInitialiser.attr('data-slider-max', minMaxInfo.dataSliderMax); $sliderInitialiser.attr('data-slider-ticks', '[' + minMaxInfo.dataSliderTicks.join() + ']'); if (minMaxInfo.dataSliderValue != undefined) { $sliderInitialiser.attr('data-slider-value', minMaxInfo.dataSliderValue); } if (isHorizontal) { $sliderInitialiser.attr('data-slider-ticks-labels', '["' + minMaxInfo.dataSliderTicksLabels[0] + '","' + minMaxInfo.dataSliderTicksLabels[1] + '"]'); } else { var $sliderContainer = _this.getContainer().find('.slider-column'); $sliderContainer.find('.min-value-cell').html(!isReversed ? minMaxInfo.dataSliderTicksLabels[0] : minMaxInfo.dataSliderTicksLabels[1]); $sliderContainer.find('.max-value-cell').html(!isReversed ? minMaxInfo.dataSliderTicksLabels[1] : minMaxInfo.dataSliderTicksLabels[0]); } $sliderInitialiser.slider({ formatter: formatter }); } this.updateSliderFromQuestionOptions = function ($sliderInitialiser, optionRow) { var optionShortId = optionRow ? optionRow.ShortId : null; var isHorizontal = $sliderInitialiser.slider('getAttribute', 'orientation') === 'horizontal'; var isReversed = $sliderInitialiser.slider('getAttribute', 'reversed'); var enabled = $sliderInitialiser.slider('getAttribute', 'enabled'); var sliderValue = $sliderInitialiser.slider('getValue'); var currentSliderSelectedAttributeValue = _this.getSliderSelectedAttribute(optionShortId).val(); var needToResetSliderValue = false; var minMaxInfo = _this.getSliderFromQuestionOptionsSettings(optionRow, isReversed); if (currentSliderSelectedAttributeValue) { var newCurrentValueIndex = minMaxInfo.dataSliderOptions.findIndex(function(o) { return o.OptionId == currentSliderSelectedAttributeValue; }); needToResetSliderValue = newCurrentValueIndex === -1; if (newCurrentValueIndex !== -1) { sliderValue = newCurrentValueIndex; } } $sliderInitialiser.attr('data-slider-max', minMaxInfo.dataSliderMax); $sliderInitialiser.attr('data-slider-ticks', '[' + minMaxInfo.dataSliderTicks.join() + ']'); if (isHorizontal) { $sliderInitialiser.attr('data-slider-ticks-labels', '["' + minMaxInfo.dataSliderTicksLabels[0] + '","' + minMaxInfo.dataSliderTicksLabels[1] + '"]'); } else { var $sliderContainer = _this.getContainer().find('.slider-column'); $sliderContainer.find('.min-value-cell').html(!isReversed ? minMaxInfo.dataSliderTicksLabels[0] : minMaxInfo.dataSliderTicksLabels[1]); $sliderContainer.find('.max-value-cell').html(!isReversed ? minMaxInfo.dataSliderTicksLabels[1] : minMaxInfo.dataSliderTicksLabels[0]); } $sliderInitialiser.slider('destroy'); $sliderInitialiser.slider({ formatter: minMaxInfo.dataSliderFormatter, enabled: enabled, value: sliderValue }); if (needToResetSliderValue) { _this.Participation.resetSliderValue(optionShortId); } } this.getSliderFromQuestionOptionsSettings = function(optionRow, isReversed, selectedOptionId) { var optionsForSlider = []; var formatter = null; var dataSliderValue = undefined; if (_this.isSliderQuestion() && _this.QuestionType === Webropol.Constants.QuestionTypes.Selection) { optionsForSlider = this.getOptionsForSelectionAsSlider(); //resolve slider value by selectedOptionId if (selectedOptionId) { var selectedOptionIndex = optionsForSlider.findIndex(function(op) { return op.OptionId === selectedOptionId; }); if (selectedOptionIndex !== -1) { dataSliderValue = selectedOptionIndex; } } var selectionAsSliderOptionNames = optionsForSlider.map(function(q) { var answer = q.Answers[0]; var result = answer != null ? answer.ColumnText : ""; return result ? $('').html(result).text() : ""; }); formatter = function(sliderValue) { var optionRowIndex = parseInt(sliderValue); var optionName = selectionAsSliderOptionNames[optionRowIndex]; return optionName ? optionName : sliderValue; } } else if (_this.isSliderQuestion() && _this.QuestionType !== Webropol.Constants.QuestionTypes.Slider) { optionsForSlider = this.getOptionsForMatrixAsSlider(); //resolve slider value by selectedOptionId if (selectedOptionId) { var selectedColumnIndex = optionsForSlider.findIndex(function(column) { return column.OptionId === selectedOptionId; }); if (selectedColumnIndex !== -1) { dataSliderValue = selectedColumnIndex; } } var optionRowAnswers = optionRow.Answers; var columnNames = []; var columnsCache = {}; for (var j = 0; j < optionsForSlider.length; j++) { var column = optionsForSlider[j]; columnsCache[column.OptionId] = column; } for (var i = 0; i < optionRowAnswers.length; i++) { var columnFromAnswer = columnsCache[optionRowAnswers[i].ColumnId]; if (columnFromAnswer && columnFromAnswer.IsShow) { var plainColumnName = optionRowAnswers[i] && optionRowAnswers[i].ColumnText ? $('').html(optionRowAnswers[i].ColumnText).text(): ""; columnNames.push(plainColumnName); } } formatter = function (sliderValue) { var optionIndex = parseInt(sliderValue); var columnName = columnNames[optionIndex]; return columnName ? columnName : sliderValue; } } var firstOptionName = formatter ? formatter(0) : "0"; var lastOptionName = formatter ? formatter(optionsForSlider.length - 1) : firstOptionName; var dataSliderMin = 0; var dataSliderMax = optionsForSlider.length - 1; var dataSliderTicks = [dataSliderMin, dataSliderMax]; var dataSliderTicksLabels = [firstOptionName, lastOptionName]; return { dataSliderMin: dataSliderMin, dataSliderMax: dataSliderMax, dataSliderTicks: dataSliderTicks, dataSliderTicksLabels: dataSliderTicksLabels, dataSliderFormatter: formatter, dataSliderValue: dataSliderValue, dataSliderOptions: optionsForSlider } }; this.resetSliderValue = function (optionShortId) { var optionOrQuestionShortId = optionShortId || _this.ShortId; var $sliderInitialiser = _this.getSliderInitialiserElement(optionOrQuestionShortId); var minValue = $sliderInitialiser.slider('getAttribute', 'min'); $sliderInitialiser.slider('setValue', minValue); _this.setSliderTouchedOrUnTouched($sliderInitialiser.parent('.slider-body'), false); var $selectedColumnAttribute = _this.getContainer().find('#' + optionOrQuestionShortId + "_SelectedAttribute"); var $hiddenTextValue = _this.getContainer().find('#' + optionOrQuestionShortId + '_hidden_text_value'); $hiddenTextValue.val(''); $selectedColumnAttribute.val(''); }; this.getSliderSelectedAttribute = function (optionShortId) { var questionSelectorId = !_this.IsParentCustomTable ? '#' + _this.ShortId : '#' + _this.ShortId + "_" + optionShortId; var $question = $(questionSelectorId); var $selectedAttribute = !optionShortId ? $question.find("input[type=hidden][name$='SelectedAttribute']") : $question.find('#' + optionShortId + "_SelectedAttribute"); return $selectedAttribute; }; this.getSliderInitialiserElement = function(optionOrQuestionShortId) { var sliderInitialiserSelector = "#" + optionOrQuestionShortId + ".slider-initialiser"; return _this.getContainer().find(sliderInitialiserSelector); }; this.setSliderTouchedOrUnTouched = function($sliderBody, isTouched) { if (isTouched) { $sliderBody.removeClass("untouched-slider").removeClass("untouched-slider-vertical"); } else { $sliderBody.addClass("untouched-slider"); if ($sliderBody.hasClass("slider-body-vertical")) { $sliderBody.addClass("untouched-slider-vertical"); } } }; }; ; var Webropol = Webropol || {}; Webropol.Survey = Webropol.Survey || {}; var participationTimeLimitTimeouts = []; Webropol.Survey.ParticipationTimeLimit = { setMinTimeLimit: function (participation, minTime) { if (!minTime) { return; } var enabledButtons = participation.getParticipationButtons(); var onMinTimeStarted = function () { enabledButtons.addClass("disabled-button"); }; var onMinTimeExpired = function () { enabledButtons.removeClass("disabled-button"); }; onMinTimeStarted(); window.setTimeout(function() { onMinTimeExpired(); }, minTime * 1000); }, setMaxTimeLimit: function (participation, localization, maxTime, timeLimitAction, warningMessage) { if (!maxTime || timeLimitAction == null) { return; } var clearTimeouts = function() { for (var i = 0; i < participationTimeLimitTimeouts.length; i++) { clearTimeout(participationTimeLimitTimeouts[i]); } }; var processAction = function () { switch (timeLimitAction) { case Webropol.Constants.TimeLimitActions.MoveForward: participation.forceDoNext(true); break; case Webropol.Constants.TimeLimitActions.EndSurvey: participation.doFinishSurvey(); break; } }; var onMaxTimeExpired = function () { clearTimeouts(); var options = { message: warningMessage, header: localization.header, okButtonText: localization.okText, onOk: processAction, isStrictCloseMode: true }; Webropol.Shared.Common.showConfirmationDialog(options); }; var timerId = window.setTimeout(onMaxTimeExpired, maxTime * 1000); participationTimeLimitTimeouts.push(timerId); } };; /* jQuery Masked Input Plugin Copyright (c) 2007 - 2014 Josh Bush (digitalbush.com) Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license) Version: 1.4.0 */ !function (a) { "function" == typeof define && define.amd ? define(["jquery"], a) : a("object" == typeof exports ? require("jquery") : jQuery) }(function (a) { var b, c = navigator.userAgent, d = /iphone/i.test(c), e = /chrome/i.test(c), f = /android/i.test(c); a.mask = { definitions: { 9: "[0-9]", a: "[A-Za-z]", "*": "[A-Za-z0-9]" }, autoclear: !0, dataName: "rawMaskFn", placeholder: "_" }, a.fn.extend({ caret: function (a, b) { var c; if (0 !== this.length && !this.is(":hidden")) return "number" == typeof a ? (b = "number" == typeof b ? b : a, this.each(function () { this.setSelectionRange ? this.setSelectionRange(a, b) : this.createTextRange && (c = this.createTextRange(), c.collapse(!0), c.moveEnd("character", b), c.moveStart("character", a), c.select()) })) : (this[0].setSelectionRange ? (a = this[0].selectionStart, b = this[0].selectionEnd) : document.selection && document.selection.createRange && (c = document.selection.createRange(), a = 0 - c.duplicate().moveStart("character", -1e5), b = a + c.text.length), { begin: a, end: b }) }, unmask: function () { return this.trigger("unmask") }, mask: function (c, g) { var h, i, j, k, l, m, n, o; if (!c && this.length > 0) { h = a(this[0]); var p = h.data(a.mask.dataName); return p ? p() : void 0 } return g = a.extend({ autoclear: a.mask.autoclear, placeholder: a.mask.placeholder, completed: null }, g), i = a.mask.definitions, j = [], k = n = c.length, l = null, a.each(c.split(""), function (a, b) { "?" == b ? (n--, k = a) : i[b] ? (j.push(new RegExp(i[b])), null === l && (l = j.length - 1), k > a && (m = j.length - 1)) : j.push(null) }), this.trigger("unmask").each(function () { function h() { if (g.completed) { for (var a = l; m >= a; a++) if (j[a] && C[a] === p(a)) return; g.completed.call(B) } } function p(a) { return g.placeholder.charAt(a < g.placeholder.length ? a : 0) } function q(a) { for (; ++a < n && !j[a];); return a } function r(a) { for (; --a >= 0 && !j[a];); return a } function s(a, b) { var c, d; if (!(0 > a)) { for (c = a, d = q(b) ; n > c; c++) if (j[c]) { if (!(n > d && j[c].test(C[d]))) break; C[c] = C[d], C[d] = p(d), d = q(d) } z(), B.caret(Math.max(l, a)) } } function t(a) { var b, c, d, e; for (b = a, c = p(a) ; n > b; b++) if (j[b]) { if (d = q(b), e = C[b], C[b] = c, !(n > d && j[d].test(e))) break; c = e } } function u() { var a = B.val(), b = B.caret(); if (a.length < o.length) { for (A(!0) ; b.begin > 0 && !j[b.begin - 1];) b.begin--; if (0 === b.begin) for (; b.begin < l && !j[b.begin];) b.begin++; B.caret(b.begin, b.begin) } else { for (A(!0) ; b.begin < n && !j[b.begin];) b.begin++; B.caret(b.begin, b.begin) } h() } function v() { A(), B.val() != E && B.change() } function w(a) { if (!B.prop("readonly")) { var b, c, e, f = a.which || a.keyCode; o = B.val(), 8 === f || 46 === f || d && 127 === f ? (b = B.caret(), c = b.begin, e = b.end, e - c === 0 && (c = 46 !== f ? r(c) : e = q(c - 1), e = 46 === f ? q(e) : e), y(c, e), s(c, e - 1), a.preventDefault()) : 13 === f ? v.call(this, a) : 27 === f && (B.val(E), B.caret(0, A()), a.preventDefault()) } } function x(b) { if (!B.prop("readonly")) { var c, d, e, g = b.which || b.keyCode, i = B.caret(); if (!(b.ctrlKey || b.altKey || b.metaKey || 32 > g) && g && 13 !== g) { if (i.end - i.begin !== 0 && (y(i.begin, i.end), s(i.begin, i.end - 1)), c = q(i.begin - 1), n > c && (d = String.fromCharCode(g), j[c].test(d))) { if (t(c), C[c] = d, z(), e = q(c), f) { var k = function () { a.proxy(a.fn.caret, B, e)() }; setTimeout(k, 0) } else B.caret(e); i.begin <= m && h() } b.preventDefault() } } } function y(a, b) { var c; for (c = a; b > c && n > c; c++) j[c] && (C[c] = p(c)) } function z() { B.val(C.join("")) } function A(a) { var b, c, d, e = B.val(), f = -1; for (b = 0, d = 0; n > b; b++) if (j[b]) { for (C[b] = p(b) ; d++ < e.length;) if (c = e.charAt(d - 1), j[b].test(c)) { C[b] = c, f = b; break } if (d > e.length) { y(b + 1, n); break } } else C[b] === e.charAt(d) && d++, k > b && (f = b); return a ? z() : k > f + 1 ? g.autoclear || C.join("") === D ? (B.val() && B.val(""), y(0, n)) : z() : (z(), B.val(B.val().substring(0, f + 1))), k ? b : l } var B = a(this), C = a.map(c.split(""), function (a, b) { return "?" != a ? i[a] ? p(b) : a : void 0 }), D = C.join(""), E = B.val(); B.data(a.mask.dataName, function () { return a.map(C, function (a, b) { return j[b] && a != p(b) ? a : null }).join("") }), B.one("unmask", function () { B.off(".mask").removeData(a.mask.dataName) }).on("focus.mask", function () { if (!B.prop("readonly")) { clearTimeout(b); var a; E = B.val(), a = A(), b = setTimeout(function () { z(), a == c.replace("?", "").length ? B.caret(0, a) : B.caret(a) }, 10) } }).on("blur.mask", v).on("keydown.mask", w).on("keypress.mask", x).on("input.mask paste.mask", function () { B.prop("readonly") || setTimeout(function () { var a = A(!0); B.caret(a), h() }, 0) }), e && f && B.off("input.mask").on("input.mask", u), A() }) } }) });; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.LogicalRules = Webropol.Survey.LogicalRules || {}; Webropol.Survey.LogicalRules.RulesService = function (participation, commonRulesService) { var _this = this, _participation = participation, _commonRulesService = commonRulesService; var getActionWinners = function (question, answers, processInitiateOption) { var actionWinners = []; var oppositeActions = []; for (var i = 0; i < question.LogicalRules.length; i++) { var rule = question.LogicalRules[i]; var ruleOwner = "o_" + rule.OptionId; if (ruleOwner != null && processInitiateOption != null && ruleOwner != processInitiateOption) continue; var isRuleTriggred = _commonRulesService.isRuleTriggered(rule, answers); if (isRuleTriggred) { var logicalRuleActions = rule.LogicalRuleActions; if (rule.IsOpposite) { oppositeActions = oppositeActions.concat(logicalRuleActions); } else { actionWinners = actionWinners.concat(logicalRuleActions); } } } return _commonRulesService.shrinkActions(actionWinners, oppositeActions); }; this.processAnswerChanges = function (question, answers, processInitiateOption) { if (!question || !question.LogicalRules || question.LogicalRules.length === 0) { return; } var actionWinners = getActionWinners(question, answers, processInitiateOption); var registrationFormPrefix = ""; // IE does not support startsWith sao change to index of here if (question.ShortId.indexOf("rf")===0) { registrationFormPrefix = question.ShortId.substring(0, question.ShortId.indexOf("_")); } var questionsAffectedByActions = []; for (var i = 0; i < actionWinners.length; i++) { var actionWinner = actionWinners[i]; _commonRulesService.applyAction(actionWinner, question.QuestionId, registrationFormPrefix); if ($.inArray(actionWinner.QuestionId, questionsAffectedByActions) === -1) { questionsAffectedByActions.push(actionWinner.QuestionId); } } for (var j = 0; j < questionsAffectedByActions.length; j++) { var affectedQuestion = _participation.getQuestion(questionsAffectedByActions[j]); if (affectedQuestion) { affectedQuestion.afterAllRuleActionsAppliedToQuestion(); } } }; }; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Survey = Webropol.Survey || {}; Webropol.Survey.LogicalRules = Webropol.Survey.LogicalRules || {}; Webropol.Survey.LogicalRules.Common = function (participation) { var _this = this, _participation = participation, _becameVisibleOptions = [], _oppositeActionTypes = {}, _appliedActionsStore = new AppliedActionsStore(); this.init = function() { _oppositeActionTypes[Webropol.Constants.OptionLogicalRules.ActionType.EnableOption] = Webropol.Constants.OptionLogicalRules.ActionType.DisableOption; _oppositeActionTypes[Webropol.Constants.OptionLogicalRules.ActionType.ShowOption] = Webropol.Constants.OptionLogicalRules.ActionType.HideOption; _oppositeActionTypes[Webropol.Constants.OptionLogicalRules.ActionType.ShowQuestion] = Webropol.Constants.OptionLogicalRules.ActionType.HideQuestion; _oppositeActionTypes[Webropol.Constants.OptionLogicalRules.ActionType.EnableQuestion] = Webropol.Constants.OptionLogicalRules.ActionType.DisableQuestion; _oppositeActionTypes[Webropol.Constants.OptionLogicalRules.ActionType.SetOption] = Webropol.Constants.OptionLogicalRules.ActionType.ResetOption; //IE doesn't support hiding options by setting 'display:none'. This function added to correct it. jQuery.fn.toggleOption = function (show) { jQuery(this).toggle(show); if (show) { if (jQuery(this).parent('span.toggleOption').length) jQuery(this).unwrap(); } else { if (jQuery(this).parent('span.toggleOption').length == 0) jQuery(this).wrap('    		" + note.NoteText + "
    ' + '' + '' + '' + /* Y axis name*/ '' + /* Y axis max label*/ '' + /* fourfold main area itself*/ '' + '' + /* Y axis min label*/ '' + '' + '' + ''+ '' + '' + '' + ' ' + '' + '' + '' + '
    '+ '
    ' + /* X axis min label*/ '
    ' + /* X axis max label*/ '
    ' + '
    ' + /* X axis name*/ '
    ', chartContainer: '
    ', xAxisArrow: '
    ', yAxisArrow: '
    ', axisMinValue: '
    ', axisMaxValue: '
    ', axisLegend: '
    ', axisTitle: '', canvasGrid: '
    ', canvas: '
    ', dot: '
    ', crossHairDot: '
    ', crossHairHorizontalLine: '
    ', crossHairVerticalLine: '
    ', dontKnowContainer: '
    ', descriptionContainer: '
    ', navigationContainer: '
    ', attachTextfieldContainer: '
    ' //styleTemplate: '{ backgroundColor: "white", fontŠ”olor: "black", borderColor: "black", fontName: "Arial", fontSize: "14px", isBold: false, isItalic: false, IsUnderlined: false }' }, messages: { }, onInit: null, /* function () { } */ onDotCleared: null, /* function (dotData) { } */ onAllDotsCleared: null, /* function (dotsData) { } */ onDotMoved: null, /* function (dotData) { } */ onCanvasClick: null, /* function (event, x, y) { } */ onDotClick: null, /* function (event, dotData) { } */ useCanvasKeyDownEvents: false }, constructor: Fourfold, setScale: function () { if (this.options.axisX.maxValue <= this.options.axisX.minValue || this.options.axisY.maxValue <= this.options.axisY.minValue) { throw new Error('Fourfold. Invalid axis object', this.options); } if (this.options.responsive) { var maxWidth = this.$fourfold.width() - 100; if (this.currentWidth > maxWidth) { this.currentHeight = this.options.height * maxWidth / this.options.width; this.currentWidth = maxWidth; } else { var preferredWidth = this.options.width > maxWidth ? maxWidth : this.options.width; if (this.currentWidth < preferredWidth) { this.currentWidth = preferredWidth; this.currentHeight = this.options.height * preferredWidth / this.options.width; } } } this.scale = { x: this.currentWidth / (this.options.axisX.maxValue - this.options.axisX.minValue), y: this.currentHeight / (this.options.axisY.maxValue - this.options.axisY.minValue) }; }, buildNavigationContainer: function () { var $fourfoldOptions = this.$fourfold.parents('.question-body').find('.fourfold-question-table').find('.fourfold-option'); if ($fourfoldOptions.length <= 1) { return; } var optionText = ''; if (this.$navigationContainer) { optionText = this.$navigationContainer.find('#ffNavItemText').text(); } this.$navigationContainer = $(this.options.templates.navigationContainer); this.$navigationContainer.find('#ffNavItemPrevious').next('span').text(this.options.messages.previousOptionText); this.$navigationContainer.find('#ffNavItemNext').next('span').text(this.options.messages.nextOptionText); this.$navigationContainer.find('#ffNavItemText').text(optionText); this.$fourfold.append(this.$navigationContainer); }, buildDontKnowContainer: function () { if (!this.options.showDontknow) { this.$desriptionContainer = $(this.options.templates.descriptionContainer); this.$desriptionContainer.find('span').text(this.options.messages.fourfoldDescriptionTest); this.$fourfold.append(this.$desriptionContainer); return; } this.$dontKnowContainer = $(this.options.templates.dontKnowContainer); this.$dontKnowContainer.find('span').text(this.options.messages.dontKnowLabelText); this.$dontKnowContainer.find('button').text(this.options.messages.dontKnowValue); this.$fourfold.append(this.$dontKnowContainer); }, buildAttachedTextFieldContainer: function () { if (!this.options.showAnswerCommentingBox) { return; } if (this.$fourfold.find('.attach-text-field-container').length === 0) { this.$attachTextfieldContainer = $(this.options.templates.attachTextfieldContainer); this.$fourfold.append(this.$attachTextfieldContainer); } this.$attachTextfieldContainer.find('.attach-text-field-label-container').html(this.options.messages.eachAnswerCommentingLabel); this.$attachTextfieldContainer.find('textarea').val(''); this.$attachTextfieldContainer.find('button').text(this.options.messages.continueButtonText); this.$attachTextfieldContainer.hide(); }, buildChartTable: function () { this.$chartTable = $(this.options.templates.chartTable); if (this.options.showAxisLabels) { this.createChartXAxis(); this.createChartYAxis(); } else { this.$chartTable.addClass('no-axis'); } this.createChartContainer(); this.$fourfold.append(this.$chartTable); if (this.options.isUseIntervals) { this.createTicks(); } }, updateSizeAccordingToTheChartTable: function () { if (this.$chartTable ) { var width = this.$chartTable.width(); if (this.$attachTextfieldContainer) { this.$attachTextfieldContainer.width(width); } if (this.$navigationContainer) { this.$navigationContainer.width(width); } } }, createChartContainer: function () { this.$chartContainer = $(this.options.templates.chartContainer); if (this.options.chartClass) { this.$chartContainer.addClass(this.options.chartClass); } if (this.options.chartStyle) { this.applyStyleToElement(this.$chartContainer, this.options.chartStyle); } this.$chartContainer.innerHeight(this.currentHeight); this.$chartContainer.innerWidth(this.currentWidth); this.createYAxisArrow(); this.createChartCanvas(); this.createXAxisArrow(); this.$chartTable.find('tr').eq(0).find('td').eq(2).append(this.$chartContainer); }, createXAxisArrow: function () { var $axisArrow = $(this.options.templates.xAxisArrow); if (this.options.chartStyle && this.options.chartStyle.borderColor) { $axisArrow.css('border-left-color', this.options.chartStyle.borderColor); } this.$chartContainer.append($axisArrow); }, createYAxisArrow: function () { var $axisArrow = $(this.options.templates.yAxisArrow); if (this.options.chartStyle && this.options.chartStyle.borderColor) { $axisArrow.css('border-bottom-color', this.options.chartStyle.borderColor); } this.$chartContainer.append($axisArrow); }, createChartXAxis: function () { var axisSettings = this.options['axisX']; var $xMinTd = this.$chartTable.find('tr').eq(2).find('td').eq(2).find('div').eq(0); var $xLabelTd = this.$chartTable.find('tr').eq(3).find('td').eq(2).find('div').eq(0); var $xMaxTd = this.$chartTable.find('tr').eq(2).find('td').eq(2).find('div').eq(1); this.createAxisMinValue($xMinTd, axisSettings, false); this.createAxisMaxValue($xMaxTd, axisSettings, false); this.createAxisLegend($xLabelTd, axisSettings, false); }, createTicks: function () { var horizontalIntervalsCount = this.options.horizontalIntervalsCount; var verticalIntervalsCount = this.options.verticalIntervalsCount; var $square = this.$chartTable.find('tr').eq(2).find('td').eq(0); var squaresCount = 2; var tickWidth = $square.outerWidth() * 2 / horizontalIntervalsCount; var tickHeight = $square.outerHeight() * squaresCount / verticalIntervalsCount; var left = 0; for (var i = 0; i < horizontalIntervalsCount - 1; i++) { var $tick = $(this.createTick(true, 0, left, tickWidth, this.options.tickSize, this.options.tickThickness)); $square.append($tick); left += tickWidth; } var bottom = 0; for (var i = 0; i < verticalIntervalsCount - 1; i++) { var $tick = $(this.createTick(false, bottom, 0, this.options.tickSize, tickHeight, this.options.tickThickness)); $square.append($tick); bottom += tickHeight; } }, createTick: function (isHorizontal, bottom, left, width, height, tickThickness) { return '
    ' + ' 
    '; }, createChartYAxis: function () { var axisSettings = this.options['axisY']; var $yMaxTd = this.$chartTable.find('tr').eq(0).find('td').eq(1); var $yLabelTd = this.$chartTable.find('tr').eq(0).find('td').eq(0); var $yMinTd = this.$chartTable.find('tr').eq(1).find('td').eq(0); this.createAxisMinValue($yMinTd, axisSettings, true); this.createAxisMaxValue($yMaxTd, axisSettings, true); this.createAxisLegend($yLabelTd, axisSettings, true); }, createAxisMinValue: function ($axisValues, axisSettings, isForYAxis) { var axisMinValueTitle = axisSettings.minValueTitle || axisSettings.minValue; var $axisMinValue = $(this.options.templates.axisMinValue) .html(axisMinValueTitle); if (isForYAxis) { $axisMinValue.addClass("rotated"); } if (axisSettings.valuesClass) { $axisMinValue.addClass(axisSettings.valuesClass); } if (axisSettings.valuesStyle) { this.applyStyleToElement($axisMinValue, axisSettings.valuesStyle); } $axisValues.append($axisMinValue); }, createAxisMaxValue: function ($axisValues, axisSettings, isForYAxis) { var axisMaxValueTitle = axisSettings.maxValueTitle || axisSettings.maxValue; var $axisMaxValue = $(this.options.templates.axisMaxValue) .html(axisMaxValueTitle); if (isForYAxis) { $axisMaxValue.addClass("rotated"); } if (axisSettings.valuesClass) { $axisMaxValue.addClass(axisSettings.valuesClass); } if (axisSettings.valuesStyle) { this.applyStyleToElement($axisMaxValue, axisSettings.valuesStyle); } $axisValues.append($axisMaxValue); }, createAxisLegend: function ($axis, axisSettings, isForYAxis) { var $axisLegend = $(this.options.templates.axisLegend); if (isForYAxis) { $axisLegend.addClass("rotated"); } var $axisTitle = $(this.options.templates.axisTitle) .html(axisSettings.legend); if (axisSettings.legendClass) { $axisTitle.addClass(axisSettings.legendClass); } if (axisSettings.legendStyle) { this.applyStyleToElement($axisTitle, axisSettings.legendStyle); } $axisLegend.append($axisTitle); $axis.append($axisLegend); }, createChartCanvas: function () { this.$canvas = $(this.options.templates.canvas); this.createChartCanvasGrid(this.$canvas); this.$canvas.innerHeight(this.currentHeight); this.$canvas.innerWidth(this.currentWidth); this.createCrossHair(); var dots = this.options.dots; if (dots) { for (var i = 0; i < dots.length; i++) { this.createDot(dots[i], i === dots.length - 1); } if (dots.length) { this.onDotsChange(); } } this.$chartContainer.append(this.$canvas); }, createChartCanvasGrid: function ($canvas) { var $canvasGrid = $(this.options.templates.canvasGrid); if (this.options.chartStyle && this.options.chartStyle.borderColor) { $canvasGrid.find('td').css('border-color', this.options.chartStyle.borderColor); } $canvas.append($canvasGrid); }, createDot: function (dotData, isSelected) { var x = dotData['x'], y = dotData['y']; function between(val, min, max) { return val >= min && val <= max; } if (x == null || y == null || !between(x, this.options.axisX.minValue, this.options.axisX.maxValue) || !between(y, this.options.axisY.minValue, this.options.axisY.maxValue)) { throw new Error('Fourfold. Invalid dot object', dotData); } var $dot = $(this.options.templates.dot); $dot.data(dotData); $dot.html(dotData["title"]); if (this.options.dotClass) { $dot.addClass(this.options.dotClass); } if (isSelected) { $dot.addClass(this.options.selectedDotClass); } this.setDotStyle($dot, dotData); this.$canvas.append($dot); return $dot; }, setDotStyle: function ($dot, dotData) { var dotRadius = this.getDotRadius(dotData); var dotX = (dotData.x - this.options.axisX.minValue) * this.scale.x + 'px'; var dotY = (dotData.y - this.options.axisY.minValue) * this.scale.y + 'px'; $dot.css("left", dotX); $dot.css("bottom", dotY); if (this.options.dotStyle) { this.applyStyleToElement($dot, this.options.dotStyle); } this.setDotSize($dot, dotRadius); }, setDotSize: function ($dot, radius) { var diameter = radius * 2; $dot.css("width", diameter + 'px'); $dot.css("height", diameter + 'px'); $dot.css("line-height", diameter + 'px'); $dot.css("margin-left", -radius + 'px'); $dot.css("margin-bottom", -radius + 'px'); }, getDotRadius: function (dotData) { return dotData['radius'] || this.options.dotSettings.radius; }, getSelectedDotRadius: function (dotData) { var dotRadius = this.getDotRadius(dotData); return dotRadius * this.options.dotSettings.selectedDotSizeScale; }, applyStyleToElement: function ($element, style) { if (style['backgroundColor']) { $element.css('background-color', style.backgroundColor); } if (style['borderColor']) { $element.css('border-color', style.borderColor); } if (style['color']) { $element.css('color', style.color); } if (style['fontName']) { $element.css('font-family', style.fontName); } if (style['fontSize']) { $element.css('font-size', style.fontSize); } if (style['isBold'] != null) { $element.css('font-weight', style.isBold ? 'bold' : 'normal'); } if (style['isItalic'] != null) { $element.css('font-style', style.isItalic ? 'italic' : 'normal'); } if (style['IsUnderlined'] != null) { $element.css('text-decoration', style.IsUnderlined ? 'underline' : 'none'); } }, resize: function () { this.setScale(); var $canvas = this.$chartContainer.find('.canvas'); this.$chartContainer.innerWidth(this.currentWidth); this.$chartContainer.innerHeight(this.currentHeight); $canvas.innerWidth(this.currentWidth); $canvas.innerHeight(this.currentHeight); var _this = this; $canvas.find('.dot').each(function () { var $dot = $(this); var dotData = $dot.data(); _this.setDotStyle($dot, dotData); }); this.updateSizeAccordingToTheChartTable(); }, rebuild: function () { this.destroy(); this.setScale(); this.buildNavigationContainer(); this.buildDontKnowContainer(); this.buildAttachedTextFieldContainer(); this.buildChartTable(); this.updateSizeAccordingToTheChartTable(); if (this.options.disabled) { this.disable(); } else { this.enable(); } }, destroy: function () { if (this.$navigationContainer) { this.$navigationContainer.remove(); } if (this.$dontKnowContainer) { this.$dontKnowContainer.remove(); } if (this.$desriptionContainer) { this.$desriptionContainer.remove(); } if (this.$attachTextfieldContainer) { this.$attachTextfieldContainer.remove(); } this.$chartTable.remove(); }, enable: function () { this.enableChartTable(); if (this.options.showDontknow) { this.$dontKnowContainer.find('button').on('click', $.proxy(this.onBtnDontKnowClick, this)); } if (this.options.showAnswerCommentingBox) { this.$attachTextfieldContainer.find('button').on('click', $.proxy(this.onContinueBtnClick, this)); } if (this.$navigationContainer) { this.$navigationContainer.find('#ffNavItemNext').on('click', $.proxy(this.onNavNextClick, this)); this.$navigationContainer.find('#ffNavItemPrevious').on('click', $.proxy(this.onNavPreviousClick, this)); } }, disable: function () { this.disableChartTable(); if (this.options.showDontknow) { this.$dontKnowContainer.find('button').off('click'); } if (this.options.showAnswerCommentingBox) { this.$attachTextfieldContainer.find('button').off('click'); } if (this.$navigationContainer) { this.$navigationContainer.find('#ffNavItemNext').off('click'); this.$navigationContainer.find('#ffNavItemPrevious').off('click'); } }, disableChartTable: function () { this.$fourfold.addClass('disabled'); if (this.options.useCanvasKeyDownEvents) { this.$canvas.removeAttr('tabindex'); /* tabindex is required for keyboard events */ } if (this.options.showCrossHair && !Webropol.Common.Mobile.isAny()) { this.$canvas.off('mousemove'); this.$canvas.off('mouseover'); this.$canvas.off('mouseout'); } else { this.$canvas.off('click', '.dot'); } this.$canvas.off('click'); if (this.options.useCanvasKeyDownEvents) { this.$canvas.off('keydown'); this.$canvas.off('focusout'); } }, enableChartTable: function () { this.$fourfold.removeClass('disabled'); if (this.options.useCanvasKeyDownEvents) { this.$canvas.attr('tabindex', 0); /* tabindex is required for keyboard events */ } if (this.options.showCrossHair && !Webropol.Common.Mobile.isAny()) { this.$canvas.on('mousemove', $.proxy(this.onCanvasHover, this)); this.$canvas.on('mouseover', $.proxy(this.onCanvasIn, this)); this.$canvas.on('mouseout', $.proxy(this.onCanvasOut, this)); } else { this.$canvas.on('click', '.dot', $.proxy(this.onDotClick, this)); } this.$canvas.on('click', $.proxy(this.onCanvasClick, this)); if (this.options.useCanvasKeyDownEvents) { this.$canvas.on('keydown', $.proxy(this.onCanvasKeyDown, this)); this.$canvas.on('focusout', $.proxy(this.onCanvasFocusOut, this)); } }, setOptions: function (options) { this.options = this.mergeOptions(options); }, mergeOptions: function (options) { return $.extend(true, {}, this.defaults, this.options, options); }, getSelectedDot: function () { return this.$fourfold.find(".dot." + this.options.selectedDotClass); }, hasSelectedDot: function () { return this.getSelectedDot().length > 0; }, isDotSelected: function ($dot) { return $dot.hasClass(this.options.selectedDotClass); }, getAllDots: function () { return this.$fourfold.find(".dot"); }, hasDots: function () { return this.getAllDots().length > 0; }, getActiveAnswer: function () { var fourfoldQuestion = this.$fourfold.parents('.fourfold-question'); var selector = this.options.getOptionActiveClassString(fourfoldQuestion, '.') + '.' + this.options.optionAnsweredClass; return this.$fourfold.parent().find(selector); }, getAllAnswers: function () { return this.$fourfold.parent().find('.' + this.options.optionAnsweredClass); }, hasAnswers: function() { return this.getAllAnswers().length > 0; }, addDot: function (dotData) { this.options.dots.push(dotData); var $newDot = this.createDot(dotData, true); this.onDotsChange(); return $newDot; }, updateDotData: function ($dot, newDotDataPartial) { var dotData = $dot.data(); $.extend(dotData, newDotDataPartial); $dot.data(dotData); }, removeDot: function ($dot) { var dotData = $dot.data(); var index = this.options.dots.indexOf(dotData); this.options.dots.splice(index, 1); $dot.remove(); this.hideCommentBoxForDot(); this.onDotsChange(); }, selectDot: function ($dot) { var $oldSelected = this.getSelectedDot(); if ($oldSelected.length > 0) { this.deselectDot($oldSelected); } $dot.addClass(this.options.selectedDotClass); var dotData = $dot.data(); var dotRadius = this.getSelectedDotRadius(dotData); this.setDotSize($dot, dotRadius); this.showCommentBoxForDot(dotData.attachedTextFieldValue); this.onDotsChange(); }, deselectDot: function ($dot) { $dot.removeClass(this.options.selectedDotClass); var dotRadius = this.getDotRadius($dot.data()); this.setDotSize($dot, dotRadius); this.hideCommentBoxForDot(); this.onDotsChange(); }, moveDot: function ($dot, scaledX, scaledY) { if (this.$attachTextfieldContainer) { var attachedText = this.$attachTextfieldContainer.find('textarea').val(); this.updateDotData($dot, { attachedTextFieldValue: attachedText }); } var dotData = $dot.data(); dotData.x = scaledX; dotData.y = scaledY; this.removeDot($dot); var $newDot = this.addDot(dotData); this.selectDot($newDot); if (typeof this.options.onDotMoved === "function") { this.options.onDotMoved(dotData); } }, getScaledXFromEvent: function (event) { var x = Math.round(this.getXFromEvent(event) / this.scale.x); x = x + this.options.axisX.minValue; return x < this.options.axisX.minValue ? this.options.axisX.minValue : x > this.options.axisX.maxValue ? this.options.axisX.maxValue : x; }, getScaledYFromEvent: function (event) { var y = Math.round(this.getYFromEvent(event) / this.scale.y); y = y + this.options.axisY.minValue; return y < this.options.axisY.minValue ? this.options.axisY.minValue : y > this.options.axisY.maxValue ? this.options.axisY.maxValue : y; }, getXFromEvent: function (event) { return event.pageX - this.$canvas.offset().left; }, getYFromEvent: function (event) { return this.$canvas.offset().top + this.$canvas.height() - event.pageY; }, onDotClick: function (event) { event.stopPropagation(); var $dot = $(event.target); var isSelected = this.isDotSelected($dot); if (isSelected) { this.deselectDot($dot); } else { this.selectDot($dot); } if (typeof this.options.onDotClick === "function") { this.options.onDotClick(event, $dot.data()); } }, addOrMoveDot: function (event, $selectedDot, x, y) { if ($selectedDot.length > 0) { this.moveDot($selectedDot, x, y); } else if (typeof this.options.onCanvasClick === "function") { this.options.onCanvasClick(event, x, y); } }, onCanvasClick: function (event) { var $selectedDot = this.getSelectedDot(); var newX = this.getScaledXFromEvent(event); var newY = this.getScaledYFromEvent(event); this.addOrMoveDot(event, $selectedDot, newX, newY); }, onNavNextClick: function(event) { if (typeof this.options.onNavNextClick === "function") { this.options.onNavNextClick(this.$fourfold, this.getSelectedDot()); } }, onNavPreviousClick: function(event) { if (typeof this.options.onNavPreviousClick === "function") { this.options.onNavPreviousClick(this.$fourfold, this.getSelectedDot()); } }, onBtnDontKnowClick: function(event) { var $selectedDot = this.getSelectedDot(); if ($selectedDot.length > 0) { var dotData = $selectedDot.data(); dotData.isDontKnow = true; this.removeDot($selectedDot); if (typeof this.options.onDotCleared === "function") { this.options.onDotCleared(dotData); } } if (typeof this.options.onDontKnowClick === "function") { this.options.onDontKnowClick(this.$fourfold); } this.onDotsChange(); }, onContinueBtnClick: function(event) { event.preventDefault(); var text = this.$attachTextfieldContainer.find('textarea').val(); var $selectedDot = this.getSelectedDot(); if (typeof this.options.onContinueBtnClick === "function") { this.options.onContinueBtnClick(this.$fourfold, text, $selectedDot); } }, onCanvasFocusOut: function (event) { var $selectedDot = this.getSelectedDot(); if ($selectedDot.length > 0) { this.deselectDot($selectedDot); } }, onDotsChange: function () { if (this.options.onDotsChange) { var hasSelectedDot = this.hasSelectedDot(); var hasDots = this.hasDots() || this.hasAnswers(); this.options.onDotsChange(this.$fourfold, hasSelectedDot, hasDots); } }, clearAllDots: function() { var $dots = this.getAllDots(); var dotsData = []; for (var i = 0; i < $dots.length; i++) { var $currentDot = $dots.eq(i); dotsData.push($currentDot.data()); this.removeDot($currentDot); } if (typeof this.options.onAllDotsCleared === "function") { this.options.onAllDotsCleared(dotsData); } this.getAllAnswers().removeClass(this.options.optionAnsweredClass).find('.dontKnow').val(false); this.onDotsChange(); }, clearSelectedDot: function() { var $selectedDot = this.getSelectedDot(); if ($selectedDot.length > 0) { var dotData = $selectedDot.data(); this.removeDot($selectedDot); if (typeof this.options.onDotCleared === "function") { this.options.onDotCleared(dotData); } this.setCrossHairText(dotData["title"]); this.onDotsChange(); } }, //Cross hair createCrossHair: function () { var $dot = $(this.options.templates.crossHairDot); var $horizontalLine = $(this.options.templates.crossHairHorizontalLine); var $verticalLine = $(this.options.templates.crossHairVerticalLine); this.setCrossHairStyle($dot, $horizontalLine, $verticalLine); this.$canvas.append($dot); this.$canvas.append($horizontalLine); this.$canvas.append($verticalLine); }, setCrossHairStyle: function ($dot, $horizontalLine, $verticalLine) { $horizontalLine.css("height", this.options.crossHairSettings.lineThickness); $verticalLine.css("width", this.options.crossHairSettings.lineThickness); var dotRadius = this.options.crossHairSettings.radius * this.options.crossHairSettings.dotSizeScale; this.setDotSize($dot, dotRadius); }, onCanvasIn: function () { var $crossHairDot = this.getCrossHairDot(); var $crossHairHorizontalLine = this.getHairHorizontalLine(); var $crossHairVerticalLine = this.getVerticalLine(); $crossHairDot.show(); $crossHairHorizontalLine.show(); $crossHairVerticalLine.show(); }, onCanvasOut: function () { var $crossHairDot = this.getCrossHairDot(); var $crossHairHorizontalLine = this.getHairHorizontalLine(); var $crossHairVerticalLine = this.getVerticalLine(); $crossHairDot.hide(); $crossHairHorizontalLine.hide(); $crossHairVerticalLine.hide(); }, onCanvasHover: function (event) { var newX = this.getScaledXFromEvent(event); var newY = this.getScaledYFromEvent(event); var $crossHairDot = this.getCrossHairDot(); var $crossHairHorizontalLine = this.getHairHorizontalLine(); var $crossHairVerticalLine = this.getVerticalLine(); if (newX >= 0 && newY >= 0 && newX <= this.currentWidth && newY <= this.currentHeight) { this.moveCrossHair(newX, newY, $crossHairDot, $crossHairHorizontalLine, $crossHairVerticalLine); } }, moveCrossHair: function (x, y, $dot, $horizontalLine, $verticalLine) { var dotData = $dot.data(); dotData.x = x; dotData.y = y; $dot.data(dotData); var scaledX = (x - this.options.axisX.minValue) * this.scale.x; var scaledY = (y - this.options.axisY.minValue) * this.scale.y; $dot.css("left", scaledX); $dot.css("bottom", scaledY); $horizontalLine.css("bottom", scaledY); $verticalLine.css("left", scaledX); }, setCrossHairText: function (text) { var $crossHairDot = this.$fourfold.find(".cross-hair-dot"); $crossHairDot.html(text); }, showCommentBoxForDot: function (text) { if (this.$attachTextfieldContainer) { this.$attachTextfieldContainer.find('textarea').val(text || ''); this.$attachTextfieldContainer.show(); } }, hideCommentBoxForDot: function () { if (this.$attachTextfieldContainer) { this.$attachTextfieldContainer.hide(); } }, getCrossHairDot: function () { return this.$fourfold.find(".cross-hair-dot"); }, getHairHorizontalLine: function () { return this.$fourfold.find(".cross-hair-horizontal-line"); }, getVerticalLine: function () { return this.$fourfold.find(".cross-hair-vertical-line"); }, getMoveStep: function (min, max) { return Math.round((max - min) * this.options.crossHairSettings.moveStep / 100); }, onCanvasKeyDown: function (event) { var $selectedDot = this.getSelectedDot(); var $crossHairDot = this.getCrossHairDot(); var $crossHairHorizontalLine = this.getHairHorizontalLine(); var $crossHairVerticalLine = this.getVerticalLine(); var crossHairDotData = $crossHairDot.data(); var currentX = crossHairDotData.x; var currentY = crossHairDotData.y; var newX, newY; var minX = this.options.axisX.minValue, maxX = this.options.axisX.maxValue, minY = this.options.axisY.minValue, maxY = this.options.axisY.maxValue; var moveStepX = this.getMoveStep(minX, maxX), moveStepY = this.getMoveStep(minY, maxY); switch (event.keyCode) { case 13: /*enter*/ { event.preventDefault(); this.addOrMoveDot(event, $selectedDot, currentX, currentY); break; } case 27: /*esape*/ { if ($selectedDot.length > 0) { this.deselectDot($selectedDot); } break; } case 37: /*left*/ { if (currentX !== minX) { newX = currentX - moveStepX; this.moveCrossHair(newX < minX ? minX : newX, currentY, $crossHairDot, $crossHairHorizontalLine, $crossHairVerticalLine); } break; } case 38: /*up*/ { event.preventDefault(); if (currentY !== maxY) { newY = currentY + moveStepY; this.moveCrossHair(currentX, newY > maxY ? maxY : newY, $crossHairDot, $crossHairHorizontalLine, $crossHairVerticalLine); } break; } case 39: /*right*/ { if (currentX !== maxX) { newX = currentX + moveStepX; this.moveCrossHair(newX > maxX ? maxX : newX, currentY, $crossHairDot, $crossHairHorizontalLine, $crossHairVerticalLine); } break; } case 40: /*down*/ { event.preventDefault(); if (currentY !== minY) { newY = currentY - moveStepY; this.moveCrossHair(currentX, newY < minY ? minY : newY, $crossHairDot, $crossHairHorizontalLine, $crossHairVerticalLine); } break; } case 46: /*delete*/ { if ($selectedDot.length > 0) { this.removeDot($selectedDot); if (typeof this.options.onDotCleared === "function") { this.options.onDotCleared($selectedDot.data()); } } break; } default: break; } } }; $.fn.fourfold = function (option, parameter, extraOptions) { return this.each(function () { var data = $(this).data('fourfold'); var options = typeof option === 'object' && option; // Initialize the fourfold. if (!data) { data = new Fourfold(this, options); $(this).data('fourfold', data); } // Call fourfold method. if (typeof option === 'string') { data[option](parameter, extraOptions); if (option === 'destroy') { $(this).data('fourfold', false); } } }); }; $.fn.fourfold.Constructor = Fourfold; $(function () { var fourfoldResizeTimer = null; $(window).on('resize', function (event) { clearTimeout(fourfoldResizeTimer); fourfoldResizeTimer = setTimeout(function () { $('.fourfold').fourfold('resize'); }, 250); }); }); }(window.jQuery); ; var Webropol = Webropol || {}; Webropol.Common = Webropol.Common || {}; Webropol.Event = Webropol.Event || {}; Webropol.Event.EventSummaryTable = function (urls, messages) { var _this = this, _urls = urls, props = ["OptionName", "PriceWithoutVat", "VatPercent", "CalculatedVatText", "CalculatedPrice"]; $eventPaymentTblVisibility = $("#event_payment_tbl_visibility"), $eventSummaryTable = $("#event_payments_summary_tbl"), $tbody = $eventSummaryTable.find('tbody'), $tfoot = $eventSummaryTable.find('tfoot'), $selectionTarget = $(".radio input[type='radio']"), $checkedOptionsSelection = $(".radio input[type='radio']:checked"), $multiSelectionTarget = $(".checkbox input[type='checkbox']"), $checkedMultiSelections = $(".checkbox input[type='checkbox']:checked"), $tr = $tbody.find('tr'), $participationButtons = $("#participation-form").find(".participation-buttons .page-navigation [data-submit-button='true']:not(.disabled-button)"); var surveyId = $eventSummaryTable.find('input[name="SurveyId"]').val(), responseId = $eventSummaryTable.find('input[name="ResponseId"]').val(), recipientId = $eventSummaryTable.find('input[name="RecipientId"]').val(), displayId = $eventSummaryTable.find('input[name="DisplayId"]').val(), surveyLocale = $eventSummaryTable.find('input[name="SurveyLocale"]').val(); //initial data is json data this.init = function (data) { $.extend(_this, Webropol.Shared.Common.parseJSON(data)); subscribeOnEvents(); }; var subscribeOnEvents = function () { displaySummaryTbl(); }; var getQuestionType = function (optionId) { var questionType = null; $.each(_this.Questions, function (index, item) { $.each(item.Options, function (i, value) { if (value.OptionId === optionId) { questionType = item.QuestionType; } }); }); return questionType; }; var getQuestionId = function (optionId) { var questionId = null; $.each(_this.Questions, function (index, item) { $.each(item.Options, function (i, value) { if (value.OptionId === optionId) { questionId = item.QuestionId; } }); }); return questionId; }; var getRowFromSummaryTableByQuestionId = function (questionId) { return $tbody.find('tr[data-questionid="' + questionId + '"]'); }; var getRowVatFromSummary = function (questionId) { return $tfoot.find('tr[data-questionid="' + questionId + '"]'); }; var getOptionRowFromSummaryTable = function (optionId) { return $tbody.find('tr[data-optionid="' + optionId + '"]'); }; var addSelectionItemsToSummary = function (optionId) { var questionType = getQuestionType(optionId); var questionId = getQuestionId(optionId); $.each(_this.ChargeableOptionsList, function (index, item) { var tr; var rowSelectionQuestionType = getRowFromSummaryTableByQuestionId(questionId); var rowVat = getRowVatFromSummary(questionId); if (item.OptionId === optionId) { tr = $('
    ').html(item[prop]).appendTo(tr); } else $('').html(item[prop].toFixed(2)).appendTo(tr); }); if (questionType === Webropol.Constants.QuestionTypes.Selection && rowSelectionQuestionType.length === 1) { //Remove previous selection rowSelectionQuestionType.remove(); rowVat.remove(); } $tbody.append(tr); addClassToTable(); } }); }; var removeOptionRowFromSummary = function (optionId) { var rowMultiSelection = getOptionRowFromSummaryTable(optionId); rowMultiSelection.remove(); }; $selectionTarget.on("click", function (event) { var isChecked = $(event.target).is(":checked"); var checkedOptionId = $(event.target).closest('.radio').children('input[type="hidden"]').val(); if (isChecked) { addSelectionItemsToSummary(checkedOptionId); calculatePrice(); calculateVatRow(checkedOptionId); $eventPaymentTblVisibility.show(); } else { removeOptionRowFromSummary(checkedOptionId); calculatePrice(); removeVatRowByOptionId(checkedOptionId); calculateVatRow(checkedOptionId); var rowCount = $tbody.find('tr').length; if (rowCount === 0) { $eventPaymentTblVisibility.hide(); $(event.target).prop('checked', false); } } }); $multiSelectionTarget.on("change", function (event) { var isChecked = $(event.target).is(":checked"); var checkedOptionId = $(event.target).closest('.optionRow').children('input[type="hidden"]').val(); if (isChecked) { addSelectionItemsToSummary(checkedOptionId); calculatePrice(); calculateVatRow(checkedOptionId); $eventPaymentTblVisibility.show(); $(event.target).prop('checked', true); } else { removeOptionRowFromSummary(checkedOptionId); calculatePrice(); //update price summary removeVatRowByOptionId(checkedOptionId); calculateVatRow(checkedOptionId); var rowCount = $tbody.find('tr').length; if (rowCount === 0) { $eventPaymentTblVisibility.hide(); $(event.target).prop('checked', false); } } }); var checkOptionSelectionQuestionType = function () {//Check when Edit Information clicked if ($checkedOptionsSelection.length > 0) { var optionIds = []; $checkedOptionsSelection.each(function (i) { var optionId = $(this).closest('.radio').children('input[type="hidden"]').val(); optionIds.push(optionId); }); $.each(optionIds, function (i, optionId) { addSelectionItemsToSummary(optionId); calculatePrice(); calculateVatRow(optionId); }); $eventPaymentTblVisibility.show(); } }; var checkOptionMultiSelectionQuestionType = function () {//Check when Edit Information clicked if ($checkedMultiSelections.length > 0) { var optionIds = []; $checkedMultiSelections.each(function (i) { var optionId = $(this).closest('.optionRow').children('input[type="hidden"]').val(); optionIds.push(optionId); }); $.each(optionIds, function (i, optionId) { addSelectionItemsToSummary(optionId); calculatePrice(); calculateVatRow(optionId, true); }); $eventPaymentTblVisibility.show(); } }; var calculatePriceWithoutVat = function () { var $priceRow = $tbody.find(".price-exclude-vat"); var grandTotal = 0; $priceRow.each(function () { var $tblrow = $(this); var price = $tblrow.html(); var subTotal = parseFloat(price); grandTotal += isNaN(subTotal) ? 0 : subTotal; }); $tfoot.find('.js-vat-exclusive-price').html(grandTotal.toFixed(2)); }; var calculatePriceWithVat = function () { var $priceRow = $tbody.find(".price-include-vat"); var priceTotal = 0; $priceRow.each(function () { var $tblrow = $(this); var price = $tblrow.html(); var subTotal = parseFloat(price); priceTotal += isNaN(subTotal) ? 0 : subTotal; }); $tfoot.find('.js-grand-total').html(priceTotal.toFixed(2)); }; var calculatePrice = function () { calculatePriceWithoutVat(); calculatePriceWithVat(); }; var displaySummaryTbl = function () { checkOptionSelectionQuestionType(); checkOptionMultiSelectionQuestionType(); }; var calculateVatRow = function (optionId) { var questionId = getQuestionId(optionId); var $rowSummaryVatPercent = "
    {2} {3}%{4}