'\r\n }\r\n}\r\n","/* global */\r\n\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\n// Utility function for determining if a selection in the control can be made,\r\nexport const ExitEarlyConditionsMet = (addressControl, prefix) => {\r\n if (addressControl.element.value.length === 0) return true\r\n if (addressControl.lastValidatedValue === addressControl.element.value) return true\r\n const adressId = addressControl.getAddressId()\r\n if (addressControl.getVal().toLowerCase() !== addressControl.element.value.toLowerCase()) {\r\n return false\r\n } else if (prefix === PersonEntities.Medforsikret && addressControl.element.value && adressId === '') {\r\n return true\r\n }\r\n}\r\n\r\n// Utility function for determining if we are in the errorstate where the dawaId from the dawa response has not been correctly assigned to the addresscontrol.\r\nexport const SelectedAddressCanBeUsedToTriggerDawaQuery = (addressControl) => {\r\n return addressControl.getVal().toLowerCase() === addressControl.element.value.toLowerCase() && addressControl.getAddressId()\r\n}\r\n\r\n// Utility function for handling the case when the user appears to not have selected an actual address in the list.\r\nexport const FailureToSelect = (addressControl, prefix) => {\r\n const errorMessage = app.getFejlKodeText(\r\n 'CLIENT-AddressSelectFromList',\r\n 'Du skal vælge en adresse i listen, der vises, når du har indtastet de første bogstaver i din adresse.'\r\n )\r\n\r\n if (addressControl.getVal().toLowerCase() !== addressControl.element.value.toLowerCase()) {\r\n UpdateValidationUIIfNotValid(addressControl, errorMessage, false)\r\n return true\r\n }\r\n return false\r\n}\r\n\r\n// Utlity function for applying the correct validation state and errormessage to the adressmulticontrol named addressControl.\r\nexport const UpdateValidationUIIfNotValid = function (addressControl, errorMessage, valid) {\r\n addressControl.isEntryValid = valid\r\n addressControl.topElement.ifws_isInvalid = !valid\r\n h.updateElementValidation(\r\n addressControl.topElement,\r\n 'ifws_isInvalid',\r\n errorMessage,\r\n valid\r\n )\r\n}\r\n\r\n// Utility function for handling errormessages returned by the dawa rest endpoint for a specific addressmulticontrol.\r\nexport const ProcessErrorReturnedByDawa = (addressControl, errorMessage) => {\r\n const valid = false\r\n UpdateValidationUIIfNotValid(addressControl, errorMessage, valid)\r\n return valid\r\n}\r\n\r\n// Utility function for applying a required value validation to the addressmulticontrol that is responsible for communícating with dawa.\r\n// This method is used for the control for all different possible persons used.\r\n// prefix = '' (Customer) | prefix = forsikrede (The insured person) | prefix = Medforsikret (The coinsured person)\r\nexport const ApplyAddresValidationRule = (prefix) => {\r\n h.getSelectElmAsJqueryObject('Address', prefix).rules('add', {\r\n required: true,\r\n ifws_isInvalid: true,\r\n messages: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-Invalid_Address',\r\n 'Du kan desværre ikke beregne forsikring på den valgte adresse. Du er velkommen til at kontakte Webshop Service på tlf. nr. 70 12 12 53 for at høre nærmere.'\r\n )\r\n }\r\n })\r\n}\r\n\r\n// Utility function for collecting GPS longitude dawa address rest query.\r\nexport const GetLongitude = (data) => {\r\n if (data.d != 'edi') {\r\n if (data.adgangsadresse.adgangspunkt.koordinater && data.adgangsadresse.adgangspunkt.koordinater.length) {\r\n return data.adgangsadresse.adgangspunkt.koordinater[0]\r\n }\r\n }\r\n return ''\r\n}\r\n\r\n// Utility function for collecting GPS latitude dawa address rest query.\r\nexport const GetLatitude = (data) => {\r\n if (data.d != 'edi') {\r\n if (data.adgangsadresse.adgangspunkt.koordinater && data.adgangsadresse.adgangspunkt.koordinater.length) {\r\n return data.adgangsadresse.adgangspunkt.koordinater[1]\r\n }\r\n }\r\n}\r\n","/* global */\r\nimport { app } from '../dk-ifshop-application'\r\nimport { basic } from '../dk-ifshop-scripts'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nexport const handleUpdateLivErrorCallback = (errorMessage, prefix, addressControl, pElm) => {\r\n basic.UpdateValidationUIIfNotValid(addressControl, errorMessage, false)\r\n}\r\n\r\n// todo: Varför krävs en full sync när man skickar över enbart address, det behöver utredas.\r\nexport const processLivSuccessHandler = (data, prefix, addressControl, pElm) => {\r\n return new Promise((resolve, reject) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const errorMessage = app.getFejlKodeText(\r\n 'CLIENT-Invalid_Address',\r\n 'Du kan desværre ikke beregne forsikring på den valgte adresse. Du er velkommen til at kontakte Webshop Service på tlf. nr. 70 12 12 53 for at høre nærmere.'\r\n )\r\n\r\n if (prefix != PersonEntities.ForsikredePerson && prefix != PersonEntities.AndenForsikrede) {\r\n reject(data)\r\n return\r\n }\r\n\r\n // todo: add functionality to block indbo on invalid house type here.\r\n if (data.IsBlockedDueToUnavailableHouseCode) {\r\n handleUpdateLivErrorCallback(errorMessage, undefined)\r\n reject(data)\r\n }\r\n // Insured persons Cpr should not be updated when address is updated, this would reset any input that the customer have made\r\n // Override incoming Cpr with the client state\r\n // TODO: this is a work around. Instead only the insured persons address should be changed when address is changed, not the whole product\r\n data.Produkt.ForsikredePerson.CprNr = activeProduct.ForsikredePerson().CprNr()\r\n data.Produkt.ForsikredePerson.Cpr1 = activeProduct.ForsikredePerson().Cpr1()\r\n data.Produkt.ForsikredePerson.Cpr2 = activeProduct.ForsikredePerson().Cpr2()\r\n activeProduct.handleSyncV2SuccessCallback(data)\r\n\r\n resolve(data)\r\n })\r\n}\r\n","/* global */\r\nimport { app } from '../dk-ifshop-application'\r\nimport { basic } from '../dk-ifshop-scripts'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nexport const handleUpdateUlykkeErrorCallback = (errorMessage, prefix, addressControl, pElm) => {\r\n basic.UpdateValidationUIIfNotValid(addressControl, errorMessage, false)\r\n}\r\n\r\n// todo: Varför krävs en full sync när man skickar över enbart address, det behöver utredas.\r\nexport const processUlykkeSuccessHandler = (data, prefix, addressControl, pElm) => {\r\n return new Promise((resolve, reject) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const errorMessage = app.getFejlKodeText(\r\n 'CLIENT-Invalid_Address',\r\n 'Du kan desværre ikke beregne forsikring på den valgte adresse. Du er velkommen til at kontakte Webshop Service på tlf. nr. 70 12 12 53 for at høre nærmere.'\r\n )\r\n\r\n if (prefix != PersonEntities.ForsikredePerson && prefix != PersonEntities.AndenForsikrede) {\r\n reject(data)\r\n return\r\n }\r\n\r\n // todo: add functionality to block indbo on invalid house type here.\r\n if (data.IsBlockedDueToUnavailableHouseCode) {\r\n handleUpdateUlykkeErrorCallback(errorMessage, undefined)\r\n reject(data)\r\n }\r\n // Address update should not cause the whole product to update. In some cases it causes the previously input fields to be cleared (Cpr2 for accident and life as an example)\r\n // TODO: look into updating only the address for all products. The way implemented here might not be optimla though\r\n activeProduct.handleSyncAddressSuccessCallback(data)\r\n resolve(data)\r\n })\r\n}\r\n","/* global $ ko */\r\n\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { Person } from './../dk-ifshop-person-model'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { bil } from './dk-ifshop-bil-scripts'\r\nimport { Model } from './../dk-ifshop-model'\r\n\r\nfunction BilProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.Model = h.koMap(new BilModel(self))\r\n self.AndenBrugerPerson = h.koMap(new Person('AndenBrugerPerson'))\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'SearchRegNr') {\r\n if (value) {\r\n // make sure it is all capital letters and remove any spaces\r\n self.SearchRegNr(value.toUpperCase().replace(' ', ''))\r\n }\r\n } else if (name === 'HandelsVaerdi') {\r\n if ($.isNumeric(value)) {\r\n property($.parseInt(value, 'N', app.culture))\r\n }\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n Model,\r\n AarMedEgenBil,\r\n Selvrisiko,\r\n KmAArlig,\r\n EkstraUdstyr,\r\n Daekning,\r\n HandelsVaerdi,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n Anvendelse /* OgBrug */,\r\n UkendtRegNr,\r\n RegNrEnigma,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n ErBilenLeaset,\r\n Foererpladsdaekning,\r\n BilSuper,\r\n IsThisTheCarThatGivesMaerkeRabatOnKasko,\r\n Nyvaerdi,\r\n Vogngruppe,\r\n UngBilist,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState,\r\n OCHConsentGiven,\r\n EDIConsentGiven\r\n ) {\r\n self.isInit = true\r\n\r\n // if (OpsigelseType == 0) OpsigelseType = 2;\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n undefined, /* UnderwritingAccept */\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState,\r\n OCHConsentGiven,\r\n EDIConsentGiven\r\n )\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '0', 'Selvrisiko')\r\n\r\n self.Model = self.koMap(Model, self.Model)\r\n\r\n self.AarMedEgenBil = self.koMap(\r\n AarMedEgenBil,\r\n self.AarMedEgenBil,\r\n '',\r\n 'AarMedEgenBil'\r\n )\r\n\r\n self.KmAArlig = self.koMap(KmAArlig, self.KmAArlig, 1)\r\n\r\n self.HandelsVaerdi = self.koMap(\r\n HandelsVaerdi,\r\n self.HandelsVaerdi,\r\n '',\r\n 'HandelsVaerdi',\r\n true\r\n )\r\n\r\n self.Anvendelse /* OgBrug */ = self.koMap(\r\n Anvendelse /* OgBrug */,\r\n self.Anvendelse /* OgBrug */,\r\n '',\r\n 'Anvendelse'\r\n )\r\n self.UkendtRegNr = self.koMap(\r\n UkendtRegNr,\r\n self.UkendtRegNr,\r\n '',\r\n 'UkendtRegNr'\r\n )\r\n\r\n self.RegNrEnigma = self.koMap(RegNrEnigma, self.RegNrEnigma)\r\n\r\n self.BilSuper = self.koMap(BilSuper, self.BilSuper, 0, 'BilSuper') // the selected display navn\r\n self.UngBilist = self.koMap(UngBilist, self.UngBilist, 0, 'UngBilist') // the selected display navn\r\n\r\n self.Foererpladsdaekning = self.koMap(Foererpladsdaekning, self.Foererpladsdaekning)\r\n\r\n self.addOnModelMap = {\r\n ungbilist: self.UngBilist\r\n }\r\n\r\n self.ErBilenLeaset = self.koMap(\r\n ErBilenLeaset,\r\n self.ErBilenLeaset,\r\n '',\r\n 'ErBilenLeaset'\r\n )\r\n\r\n self.SearchRegNr = self.koMap('', self.SearchRegNr, '', 'SearchRegNr')\r\n\r\n self.IsThisTheCarThatGivesMaerkeRabatOnKasko = IsThisTheCarThatGivesMaerkeRabatOnKasko\r\n\r\n self.Nyvaerdi = self.koMap(Nyvaerdi, self.Nyvaerdi, '', 'Nyvaerdi')\r\n self.Vogngruppe = self.koMap(Vogngruppe, self.Vogngruppe, '', 'Vogngruppe')\r\n\r\n self.shouldShowAddedWizardNavigation = ko.computed(function () {\r\n return self.Daekning() && self.Daekning().Navn() === 'Kasko'\r\n })\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.Model,\r\n val.AarMedEgenBil,\r\n val.Selvrisiko,\r\n val.KmAArlig,\r\n val.EkstraUdstyr,\r\n val.Daekning,\r\n val.HandelsVaerdi,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.Anvendelse /* OgBrug */,\r\n val.UkendtRegNr,\r\n val.RegNrEnigma,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.ErBilenLeaset,\r\n val.Foererpladsdaekning,\r\n val.BilSuper,\r\n val.IsThisTheCarThatGivesMaerkeRabatOnKasko,\r\n val.Nyvaerdi,\r\n val.Vogngruppe,\r\n val.UngBilist,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CPState,\r\n val.EDIConsentGiven,\r\n val.OCHConsentGiven\r\n )\r\n }\r\n }\r\n\r\n // update this product with a new model based on regnr (if found)\r\n self.setModel = function (code, jElement, actionSettings) {\r\n try {\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-VEHICLE_REGNR_EMPTY'))\r\n return\r\n }\r\n\r\n const setModelInData = {\r\n code: (code || '0'),\r\n produktId: (app.root.activeProduct.ProduktID() || '0')\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'setModelBil' }).then(function (token) {\r\n app.loadJson({\r\n code,\r\n url: 'bilprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n token,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (\r\n !data.Model ||\r\n !data.Model.make ||\r\n !data.Model.RegNr ||\r\n data.Model.RegNr !== this.args.code\r\n ) {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n self.update(data)\r\n h.fadeToForm($('#bilHolder'), 'bilprodukt/getsubview/detaljer')\r\n h.extendForm(\r\n $('#bilHolder'),\r\n 'bilprodukt/getsubview/brugerinfo',\r\n $('#brugerInfoHolder'),\r\n 1\r\n )\r\n return false\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n code,\r\n url: 'bilprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (\r\n !data.Model ||\r\n !data.Model.make ||\r\n !data.Model.RegNr ||\r\n data.Model.RegNr !== this.args.code\r\n ) {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n self.update(data)\r\n h.fadeToForm($('#bilHolder'), 'bilprodukt/getsubview/detaljer')\r\n h.extendForm(\r\n $('#bilHolder'),\r\n 'bilprodukt/getsubview/brugerinfo',\r\n $('#brugerInfoHolder'),\r\n 1\r\n )\r\n return false\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n })\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n function handleSetModelError (data) {\r\n if (app.page === 'front') {\r\n if (data && data.Data && data.Data.ProduktID) {\r\n // set id. might have been newly created, although an error has occured\r\n app.root.activeProduct.ProduktID(data.Data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n if (\r\n data.Message.TekstKode === 'CLIENT-BIL-KAN_IKKE_FINDE_MODEL' ||\r\n data.Message.TekstKode === 'AutoITError'\r\n ) {\r\n const regInfo = bil.buildInvalidRegistrationDescription(data.Data.RegNrEnigma, data.Message.TekstKode)\r\n bil.displayUkendtRegNrPanel(regInfo)\r\n return false // cancel default action\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n }\r\n\r\n // save setting how the user wants to enter car info\r\n self.brugerIkkeRegNr = function (viewModel, argsForHandler) {\r\n try {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n activeProduct.UkendtRegNr(true)\r\n activeProduct.sync({\r\n done: function () {\r\n app.gotoShopPage()\r\n }\r\n })\r\n } else {\r\n // remove regnr info\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n app.root.activeProduct.Model().RegNr(undefined)\r\n\r\n // save flag\r\n if (app.wizard) {\r\n app.wizard.setFlag('brugerikkeregnr')\r\n app.wizard.saveFlags()\r\n }\r\n\r\n // display info panel\r\n h.fadeToForm($('#bilHolder'), 'bilprodukt/getsubview/bilinfo')\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n const values = [\r\n 'BIL',\r\n app.root.CustomerBenefitLevel(),\r\n app.root.SamleKunde(),\r\n self.Model().MakeNumber(),\r\n app.root.Kunde().Alder(),\r\n self.AarMedEgenBil(),\r\n self.Anvendelse(),\r\n self.Selvrisiko(),\r\n self.KmAArlig(),\r\n self.BilSuper(),\r\n self.Foererpladsdaekning()\r\n ]\r\n\r\n if (self.AndenBrugerPerson().Postnr) {\r\n values.push(self.AndenBrugerPerson().Postnr())\r\n }\r\n\r\n values.push(app.root.Kunde().Postnr())\r\n values.push(app.root.Kunde().Gade())\r\n values.push(app.root.Kunde().Husnr())\r\n values.push(app.root.Kunde().Etage())\r\n values.push(app.root.Kunde().SideDoerNr())\r\n\r\n values.push(self.UngBilist())\r\n\r\n if (self.Daekning()) {\r\n values.push(self.Daekning().Navn())\r\n }\r\n\r\n const key = values.join('-')\r\n return key\r\n }\r\n}\r\n\r\nconst anvendelserOgBrug = []\r\nanvendelserOgBrug['700001'] = 'Personbil til privat kørsel'\r\nanvendelserOgBrug['700002'] = 'Personbil til privat og erhvervskørsel'\r\nanvendelserOgBrug['703009'] = 'Gulpladebil til privat kørsel'\r\nanvendelserOgBrug['702020'] = 'Gulpladebil til privat og erhvervskørsel'\r\n\r\nfunction BilModel (bilProdukt) {\r\n const self = this\r\n self.base = new Model()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'Model') {\r\n self.ModelStr($.trim(value))\r\n } else if (name === 'RegNr' && value) {\r\n self.RegNr(value.toUpperCase())\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n RegNr,\r\n Make,\r\n Model,\r\n Year,\r\n Motor,\r\n Variant,\r\n Description,\r\n MakeNumber,\r\n CarBranding\r\n ) {\r\n self.RegNr = self.koMap(RegNr, self.RegNr, null, 'RegNr')\r\n self.Make = self.koMap(Make, self.Make, null, 'Make')\r\n self.Model = self.koMap(Model, self.Model, null, 'Model')\r\n self.ModelStr = self.koMap(Model, self.ModelStr, null, 'ModelStr')\r\n self.Year = self.koMap(Year, self.Year, null, 'Year')\r\n self.Motor = self.koMap(Motor, self.Motor, null, 'Motor')\r\n self.Variant = self.koMap(Variant, self.Variant, null, 'Variant')\r\n self.Description = self.koMap(\r\n Description,\r\n self.Description,\r\n null,\r\n 'Description'\r\n )\r\n self.MakeNumber = self.koMap(\r\n MakeNumber,\r\n self.MakeNumber,\r\n null,\r\n 'MakeNumber'\r\n )\r\n self.CarBranding = self.koMap(\r\n CarBranding,\r\n self.CarBranding,\r\n null,\r\n 'Carbranding'\r\n )\r\n }\r\n self.init()\r\n\r\n // computed observables\r\n self.Details = ko.computed(function () {\r\n return self.ModelStr() + ' ' + self.Motor() + ' ' + self.Year()\r\n })\r\n self.LogoImagePath = ko.computed(function () {\r\n let _root = ''\r\n if (app.mode && app.mode.indexOf('ext') > -1) {\r\n _root = app.shopHostUrl\r\n } else {\r\n _root = '/'\r\n }\r\n const make = self.Make() || ''\r\n if (make === '0' || make === '') {\r\n return _root + 'Styling/img/webshop/shopflow/icon_car.png'\r\n } else {\r\n let _fileName = make.trim()\r\n if (_fileName) {\r\n if (_fileName.indexOf(' ') > -1) {\r\n _fileName = _fileName.replace(' ', '_')\r\n }\r\n if (_fileName.indexOf('-') > -1) {\r\n _fileName = _fileName.replace('-', '_')\r\n }\r\n return (\r\n _root +\r\n 'styling/img/webshop/shopflow/billogo/' +\r\n _fileName +\r\n '.png'\r\n )\r\n }\r\n return ''\r\n }\r\n }, self)\r\n\r\n // SAVE\r\n self.save = function (actionSettings) {\r\n app.loadJson({\r\n url: 'bilprodukt/savemodel',\r\n data:\r\n '{\"data\" : ' +\r\n ko.toJSON(self, function (key, value) {\r\n if (key === 'LogoImagePath') {\r\n return undefined\r\n } else {\r\n return value\r\n }\r\n }) +\r\n '}',\r\n block: true,\r\n actionSettings,\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n // SYNC\r\n self.sync = function (actionSettings) {\r\n app.loadJson({\r\n url: 'bilprodukt/syncmodel',\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n self.update(data)\r\n },\r\n actionSettings\r\n })\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.RegNr,\r\n val.Make,\r\n val.Model,\r\n val.Year,\r\n val.Motor,\r\n val.Variant,\r\n val.Description,\r\n val.MakeNumber,\r\n val.CarBranding\r\n )\r\n }\r\n }\r\n}\r\n\r\nexport { BilModel, BilProdukt, anvendelserOgBrug }\r\n","/* global ko $ */\r\n\r\nimport {\r\n PendingInputs,\r\n enableInputEvaluation,\r\n enableToolTips,\r\n initPlaceholders\r\n} from './../dk-ifshop-controls'\r\nimport { enableSelect, enableTextInput } from './../dk-ifshop-controls-multi'\r\n\r\nimport { BilProdukt } from './dk-ifshop-bil-produkt-model'\r\nimport { TextHelper } from './../dk-ifshop-text-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { dkRecaptcha } from '../security/recaptcha'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { pushInvalidRegistrationNumberEvent } from '../../SharedResources/Tracking/dk-ifshop-gtm'\r\nimport { quickformSubmitSetup } from '../quickform-submit-setup'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nconst bil = {} // namespace\r\n\r\nbil.detaljer = function (jElement) {\r\n ko.applyBindings(app.root.activeProduct.Model, jElement[0])\r\n\r\n function updateMaerkeForsikring () {\r\n h.doOrWait(\r\n app.hjaelpeKoderLoadedFlag,\r\n app,\r\n 'hjaelpeKoderLoaded',\r\n function () {\r\n let text = ''\r\n const code = getBonusTextCode()\r\n const helpText = app.getHjaelpeKode(code)\r\n if (helpText !== null && helpText !== undefined) text = helpText.lang\r\n\r\n if (text !== '') {\r\n const txt = h.format(\r\n text,\r\n app.root.activeProduct\r\n .Model()\r\n .Make()\r\n .trim()\r\n )\r\n $('#maerkeForsikringHolder').html(txt)\r\n }\r\n }\r\n )\r\n }\r\n function getBonusTextCode () {\r\n switch (app.root.activeProduct.Model().CarBranding().BrandingType) {\r\n case 0:\r\n return 'CLIENT-BIL-IF-BONUS_MEDDELELSE'\r\n case 1:\r\n return 'CLIENT-BIL-BONUS_MEDDELELSE'\r\n default:\r\n return 'CLIENT-BIL-NO-BONUS_MEDDELELSE'\r\n }\r\n }\r\n\r\n updateMaerkeForsikring()\r\n\r\n if (app.root.Disv() && app.root.Kunde().Address()) {\r\n $('.edit-address-button').remove()\r\n }\r\n\r\n if (app.root.DisableCustomerElements() === true && !app.root.Disv()) {\r\n if (!app.root.Disv()) {\r\n $('.edit-address-button').remove()\r\n }\r\n }\r\n if (app.root.DisableCustomerElements() === true) {\r\n basic.hideCprGroupSection()\r\n }\r\n\r\n h\r\n .getJElmByDataId('vaelgAndenBil')\r\n .parent()\r\n .on('click', function () {\r\n if (app.wizard.isFlagSet('brugerikkeregnr')) {\r\n // reset regnr\r\n app.root.activeProduct.Model().RegNr(undefined)\r\n // resets all other model details\r\n h.fadeToForm($('#bilHolder'), 'bilprodukt/getsubview/bilinfo')\r\n } else {\r\n // reset regnr\r\n app.root.activeProduct.Model().RegNr(undefined)\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n h.fadeToForm($('#bilHolder'), 'baseprodukt/quickform/bil')\r\n }\r\n app.root.activeProduct.Daekning().Navn('') // Force a reselection of default daekning\r\n })\r\n app.root.DisableCustomerElements.subscribe(function (value) {\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n })\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n}\r\n\r\n// BeregnPris.cshtml\r\nbil.beregnPris = function (jElement) {\r\n app.root.activeProduct.disposeDaekningsSubscriptions()\r\n\r\n h.selectNextEntry(jElement)\r\n\r\n basic.setProductSpecificEntryPageSubmitFunction(bil.beregnPris.submit)\r\n}\r\n\r\nbil.beregnPris.submit = function () {\r\n if (h.getElm('quickForm')) {\r\n bil.quickForm.submit()\r\n } else {\r\n app.wizard.goFwd()\r\n }\r\n}\r\n\r\nbil.checkMinimumAgeValidationWhenCprFieldsDoNotExist = function (jElement) {\r\n basic.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n if (!$('#alderMeddelelseGroup').is(':hidden')) {\r\n $('#RegNr').attr('disabled', 'disabled')\r\n $('#brugerIkkeRegNr').attr('disabled', 'disabled')\r\n }\r\n}\r\n\r\nbil.beregnPrisWithValidate = function (jElement) {\r\n bil.beregnPris()\r\n app.root.activeProduct.validateOnServer({\r\n entryFail: function (data) {\r\n if (\r\n data &&\r\n data.Message &&\r\n data.Message.TekstKode === 'CLIENT-BIL-KAN_IKKE_FINDE_MODEL'\r\n // consider supporting AutoITError here\r\n ) {\r\n const regInfo = bil.buildInvalidRegistrationDescription(app.root.activeProduct.RegNrEnigma(), data.Message.TekstKode)\r\n bil.displayUkendtRegNrPanel(regInfo)\r\n\r\n return false // cancel default action\r\n }\r\n return true\r\n }\r\n })\r\n}\r\n\r\nbil.tryScrollToDetailsView = function () {\r\n const elementSelector = $('#bilHolder')\r\n const marginTop = -200\r\n try {\r\n if (elementSelector.offset() !== undefined) {\r\n $('html, body').scrollTop(\r\n Math.round(elementSelector.offset().top - Math.abs(marginTop))\r\n )\r\n }\r\n } catch (e) {\r\n // OK, so be it\r\n }\r\n}\r\n\r\nbil.bilInfo = function () {\r\n // reset model\r\n bil.resetModel()\r\n\r\n enableSelect($('#selectVariant'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: false,\r\n getCriteria: function (s) {\r\n if ($('#selectYear').length &&\r\n $('#selectMake').length &&\r\n $('#selectModel').length &&\r\n $('#selectMotor').length) {\r\n const _c0 = $('#selectYear')[0].value\r\n const _c1 = $('#selectMake')[0].value\r\n const _c2 = $('#selectModel')[0].value\r\n const _c3 = $('#selectMotor')[0].value\r\n const year = _c0 ? '\"year\" : ' + _c0 + ', ' : ''\r\n const make = '\"make\" : \"' + _c1 + '\", '\r\n const model = '\"model\" : \"' + _c2 + '\", '\r\n const motor = '\"motor\" : \"' + _c3 + '\"'\r\n return '{' + year + make + model + motor + '}'\r\n }\r\n }\r\n })\r\n\r\n enableSelect($('#selectMotor'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: false,\r\n getCriteria: function (s) {\r\n if ($('#selectYear').length &&\r\n $('#selectMake').length &&\r\n $('#selectModel').length) {\r\n const _c0 = $('#selectYear')[0].value\r\n const _c1 = $('#selectMake')[0].value\r\n const _c2 = $('#selectModel')[0].value\r\n const year = _c0 ? '\"year\" : ' + _c0 + ', ' : ''\r\n const make = '\"make\" : \"' + _c1 + '\", '\r\n const model = '\"model\" : \"' + _c2 + '\"'\r\n return '{' + year + make + model + '}'\r\n }\r\n return ''\r\n },\r\n onLoadDone: function (element, data) {\r\n $.each(data, function (index, item) {\r\n // get values\r\n const val = item\r\n let txt = item\r\n\r\n // remove trailing '0'\r\n if (txt.substring(txt.length - 1) === '0') {\r\n txt = txt.substring(0, txt.length - 1)\r\n }\r\n\r\n // add as option\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(val)\r\n )\r\n })\r\n }\r\n })\r\n\r\n enableSelect($('#selectModel'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: false,\r\n getCriteria: function (s) {\r\n console.log($('#selectModel').length)\r\n if ($('#selectYear').length &&\r\n $('#selectMake').length) {\r\n const _c0 = $('#selectYear')[0].value\r\n const _c1 = $('#selectMake')[0].value\r\n const year = _c0 ? '\"year\" : ' + _c0 + ', ' : ''\r\n const make = '\"make\" : \"' + _c1 + '\"'\r\n return '{' + year + make + '}'\r\n }\r\n return ''\r\n }\r\n })\r\n\r\n enableSelect($('#selectMake'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: false,\r\n getCriteria: function (s) {\r\n if ($('#selectYear').length) {\r\n const _c0 = $('#selectYear')[0].value\r\n const year = _c0 ? '\"year\" : ' + _c0 : ''\r\n return '{' + year + '}'\r\n }\r\n return ''\r\n }\r\n })\r\n\r\n enableSelect($('#selectYear'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: false,\r\n onLoad: function (element) {\r\n const _thisYear = parseInt(app.getBestYear())\r\n for (let i = 0; i <= 45; i++) {\r\n const _txt = String(_thisYear - i)\r\n $(element).append(\r\n $('')\r\n .text(_txt)\r\n .val(_txt)\r\n )\r\n }\r\n }\r\n })\r\n\r\n const _jForm = $('#bilInfo')\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const _validator = _jForm.validate({\r\n rules: {\r\n selectMake: {\r\n ifws_selected: true\r\n },\r\n selectModel: {\r\n ifws_selected: true\r\n },\r\n selectYear: {\r\n ifws_selected: true\r\n },\r\n selectMotor: {\r\n ifws_selected: true\r\n },\r\n selectVariant: {\r\n ifws_selected: true\r\n }\r\n }\r\n })\r\n _jForm[0].validator = _validator\r\n\r\n _jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n _jForm[0].pendingInputs.setOnDone(function () {\r\n if (_validator.form(true)) {\r\n // save selections because they are overwritten with info that might differ (different case, spacet etc.), but we will need them again if the car isn't accepted\r\n bil.bilInfo.selectionsYear = app.root.activeProduct.Model().Year()\r\n bil.bilInfo.selectionsMake = app.root.activeProduct.Model().Make()\r\n // sync\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n // car is accepted. display the details with logo\r\n h.fadeToForm($('#bilHolder'), 'bilprodukt/getsubview/detaljer')\r\n // display new questions\r\n h.extendForm(\r\n $('#bilHolder'),\r\n 'bilprodukt/getsubview/brugerinfo',\r\n $('#brugerInfoHolder'),\r\n 1\r\n )\r\n bil.tryScrollToDetailsView()\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n // car was not accepted, reset model to ensure old values isn't used\r\n const bilModel = app.root.activeProduct.Model()\r\n bil.resetModel()\r\n bilModel.Year(bil.bilInfo.selectionsYear)\r\n\r\n // Return true to make sure default action is perforformed too (Message)\r\n return true\r\n }\r\n })\r\n }\r\n })\r\n })\r\n\r\n $('#vaelgAndenBilMedRegNr').on('click', function () {\r\n // user want to select a different model by its regnr\r\n app.wizard.resetFlag('brugerikkeregnr')\r\n app.wizard.saveFlags()\r\n // reset regnr\r\n app.root.activeProduct.Model().RegNr(undefined)\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n // display new view\r\n h.fadeToForm($('#bilHolder'), 'baseprodukt/quickform/bil')\r\n })\r\n}\r\n\r\nbil.regNrSetupBtx = function (jForm) {\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNr: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n }\r\n })\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n enableTextInput($('#RegNr'), app.root.activeProduct, null, {\r\n validateOnBlur: true,\r\n ignoreValidationOnKeyUp: true,\r\n validation: function (s, actionSettings) {\r\n if (bil.ukendtRegNrPanelAction) {\r\n $('#regNrMsg').html('')\r\n }\r\n if (app.page !== 'front') {\r\n bil.updateModel(actionSettings)\r\n }\r\n }\r\n })\r\n\r\n // avoids autosubmit in IE, when there is only a single input control in the form\r\n jForm.on('keydown', '#RegNr', function (e) {\r\n if ($('#RegNr').attr('allowenter') === undefined) {\r\n if (e.keyCode === '32' || e.keyCode === 32) {\r\n e.preventDefault()\r\n }\r\n\r\n if (e.keyCode === '13' || e.keyCode === 13) {\r\n e.preventDefault()\r\n $('#RegNr').valid()\r\n }\r\n }\r\n })\r\n}\r\n\r\nbil.regNrSetupIds = function (jForm) {\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNr: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n }\r\n })\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n const input = document.getElementById('RegNr')\r\n ko.applyBindingsToNode(input, null, app.root.activeProduct)\r\n const errorLabel = document.getElementById('regnr-input-error-message')\r\n\r\n errorLabel.classList.add('hidden')\r\n input.removeAttribute('aria-invalid')\r\n\r\n input.addEventListener('blur', (event) => {\r\n const value = event.target.value\r\n if (value.length === 0) {\r\n errorLabel.classList.remove('hidden')\r\n input.setAttribute('aria-invalid', 'true')\r\n input.setAttribute('aria-describedby', 'regnr-input-error-message')\r\n } else {\r\n errorLabel.classList.add('hidden')\r\n input.removeAttribute('aria-invalid')\r\n }\r\n })\r\n}\r\n\r\nbil.generalQuickForm = function (jElement) {\r\n// reset model\r\n bil.resetModel()\r\n\r\n // start over with new regnr, so we don't know if it is unknwon or not\r\n app.root.activeProduct.UkendtRegNr(undefined)\r\n\r\n // bind to model\r\n ko.applyBindings(app.root.activeProduct, h.getElm('brugerIkkeRegNr'))\r\n}\r\n\r\nbil.quickFormv1 = function (jElement) {\r\n bil.generalQuickForm(jElement)\r\n bil.regNrSetupBtx(jElement)\r\n\r\n if (app.page === 'front') {\r\n dkRecaptcha.attach(jElement)\r\n }\r\n\r\n h.selectNextEntry()\r\n initPlaceholders(jElement)\r\n\r\n const params = h.getIfParameters()\r\n\r\n // should be taken from params\r\n const productParam = params.product\r\n const regNrParam = params.regnr\r\n if (productParam && regNrParam) {\r\n h.getElm('RegNr').value = regNrParam.toUpperCase()\r\n bil.quickForm.submit()\r\n }\r\n\r\n const jForm = $('#quickForm')\r\n quickformSubmitSetup.setup(jForm, bil.quickForm.submit)\r\n app.root.DisableCustomerElements.subscribe(function (value) {\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n })\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n}\r\n\r\nbil.quickForm = function (jElement) {\r\n bil.generalQuickForm(jElement)\r\n bil.regNrSetupIds(jElement)\r\n\r\n if (app.page === 'front') {\r\n dkRecaptcha.attach(jElement)\r\n }\r\n\r\n h.selectNextEntry()\r\n initPlaceholders(jElement)\r\n\r\n const params = h.getIfParameters()\r\n\r\n // should be taken from params\r\n const productParam = params.product\r\n const regNrParam = params.regnr\r\n if (productParam && regNrParam) {\r\n h.getElm('RegNr').value = regNrParam.toUpperCase()\r\n bil.quickForm.submit()\r\n }\r\n\r\n const jForm = $('#quickForm')\r\n // REPLACE WITH IDS SPECIFIC ON SUBMIT\r\n quickformSubmitSetup.setup(jForm, bil.quickForm.submit)\r\n\r\n app.root.DisableCustomerElements.subscribe(function (value) {\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n })\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n}\r\n\r\nbil.quickForm.submit = function (jElement) {\r\n bil.updateModel()\r\n}\r\n\r\nbil.resetModel = function () {\r\n app.root.activeProduct\r\n .Model()\r\n .init(\r\n app.root.activeProduct\r\n .Model()\r\n .RegNr() /* all other is undefined: HP, Make, Model, Year, Motor, Variant, Price, MakeNumber, Tarif61 */\r\n )\r\n app.root.activeProduct.SearchRegNr(app.root.activeProduct.Model().RegNr())\r\n app.root.activeProduct.Anvendelse(undefined)\r\n\r\n // WDK-2080\r\n app.root.activeProduct.Model().Model(undefined)\r\n app.root.activeProduct.Model().Motor(undefined)\r\n app.root.activeProduct.Model().Variant(undefined)\r\n app.root.activeProduct.Model().Make('')\r\n}\r\n\r\nbil.ukendtRegNrPanelAction = false\r\n\r\nbil.ukendtRegNrPanel = function () {\r\n app.setPendingUserAction('ukendtRegNr')\r\n bil.ukendtRegNrPanelAction = true\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('ukendtRegNrPanel'))\r\n\r\n $('input[name=UkendtRegNr]').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true\r\n })\r\n\r\n // just place validation on the first radio button. It will catch all validations, yet you can't test on 'this' in the function, as we don't know which buttpn was hit\r\n $('input[name=UkendtRegNr]')[0].ifws_customValidation = function (value) {\r\n bil.ukendtRegNrPanelAction = true\r\n if ($('input[name=UkendtRegNr]')[0].checked) {\r\n // the user wants to re-enter the regnr.\r\n app.resetPendingUserAction('ukendtRegNr')\r\n\r\n app.root.activeProduct.Model().RegNr(undefined)\r\n $('#regNrMsg').html('')\r\n bil.ukendtRegNrPanelAction = false\r\n h.getElm('RegNr').form.validator.clearElement(h.getElm('RegNr')) // reset validation info\r\n\r\n // set the option to undefined as we dont want to save this answer anywhere.\r\n app.root.activeProduct.UkendtRegNr(undefined)\r\n\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n\r\n bil.ukendtRegNrPanelAction = false\r\n return true\r\n } else if ($('input[name=UkendtRegNr]')[1].checked) {\r\n app.resetPendingUserAction('ukendtRegNr')\r\n\r\n // add the searched regnr as the selected regnr\r\n app.root.activeProduct.Model().RegNr(app.root.activeProduct.SearchRegNr())\r\n\r\n if (app.page === 'checkout') {\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n // move on\r\n h.fadeToForm(\r\n $('#supplerendeInfoHolder'),\r\n 'bilprodukt/getsubview/supplerende'\r\n )\r\n }\r\n })\r\n } else {\r\n // user states the regnr is correct\r\n app.wizard.resetFlag('brugerikkeregnr')\r\n app.wizard.saveFlags()\r\n // display new view\r\n h.fadeToForm($('#bilHolder'), 'bilprodukt/getsubview/bilinfo')\r\n }\r\n\r\n bil.ukendtRegNrPanelAction = false\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n // make sure the choices are validated immediately, so they work as buttons\r\n $('input[name=UkendtRegNr]').on('evaluate', function () {\r\n h.validateElement(this, 'ifws_isInvalid')\r\n return false // we remove the entire panel incl. this radio button, therefore the default action should be stopped, otherwise we woulld receive an error\r\n })\r\n\r\n // update the text on the last radiobutton to include the regnr at the end\r\n const jUkendtTrue = $('label[for=UkendtRegNrtrue]')\r\n jUkendtTrue.text(\r\n jUkendtTrue.text() + ' ' + app.root.activeProduct.SearchRegNr()\r\n )\r\n}\r\n\r\nbil.ejersBrugsInfo = function (jElement) {\r\n bil.brugsInfo(PersonEntities.Kunde, app.root.Kunde(), jElement)\r\n if (app.root.Disv() && app.root.Kunde().Address()) {\r\n $('.edit-address-button').remove()\r\n }\r\n\r\n if (app.root.DisableCustomerElements() === true && !app.root.Disv()) {\r\n if (!app.root.Disv()) {\r\n $('.edit-address-button').remove()\r\n }\r\n }\r\n if (app.root.DisableCustomerElements() === true) {\r\n basic.hideCprGroupSection()\r\n }\r\n}\r\n\r\nbil.brugsInfo = function (prefix, person, jElement) {\r\n enableToolTips(jElement)\r\n\r\n const _jForm = h.getElmByIdAsJqueryObject('brugsInfo', prefix)\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const _validator = _jForm.validate()\r\n bil.brugsInfo.validator = _validator\r\n /// /validation rules (using dynamic settings and not static settings {fornavn: ...} because we need to use the prefix)\r\n\r\n h.getSelectElmAsJqueryObject('AarMedEgenBil', prefix).rules('add', {\r\n ifws_selected: true\r\n })\r\n\r\n h.getSelectElmAsJqueryObject('AntalSkader', prefix).rules('add', {\r\n ifws_selected: true,\r\n max: 2,\r\n ifws_isInvalid: true,\r\n messages: {\r\n max: app.getFejlKodeText(\r\n 'CLIENT-ANTAL_SKADER',\r\n 'Du kan ikke have mere end 2 skader'\r\n ),\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-ANTAL_TOTAL_SKADER',\r\n 'Du har samlet oplyst et antal skader, som betyder, at vi desværre ikke kan tilbyde dig den beregnede forsikring'\r\n )\r\n }\r\n })\r\n\r\n _jForm[0].validator = _validator\r\n\r\n enableSelect(\r\n h.getSelectElmAsJqueryObject('AarMedEgenBil', prefix),\r\n app.root.activeProduct,\r\n person.Alder,\r\n {\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n if (!app.root.Kunde().Alder()) {\r\n return\r\n }\r\n\r\n const age = person.Alder()\r\n\r\n let entry = 0\r\n if (age > 17 && age <= 24) {\r\n entry = 1\r\n }\r\n if (age >= 25 && age <= 29) {\r\n entry = 4\r\n }\r\n if (age >= 30) {\r\n entry = 6\r\n }\r\n\r\n let topRange = 8 - entry\r\n const ageCap = age - 18\r\n\r\n if (ageCap < topRange) {\r\n topRange = ageCap\r\n }\r\n\r\n if (topRange < 0) {\r\n topRange = 0\r\n }\r\n\r\n for (let i = 0; i <= topRange; i++) {\r\n let text = String(i)\r\n const val = text\r\n if (i === topRange) {\r\n text = text + ' eller mere'\r\n }\r\n $(element).append(\r\n $('')\r\n .text(text)\r\n .val(val)\r\n )\r\n }\r\n }\r\n }\r\n )\r\n\r\n enableSelect(h.getSelectElmAsJqueryObject('AntalSkader', prefix), app.root, null, {\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n for (let i = 0; i <= 3; i++) {\r\n let _txt = String(i)\r\n const _val = String(i)\r\n if (i === 3) {\r\n _txt = app.getHjaelpeKodeText('CLIENT-3_ELLER_FLERE', '3 eller flere')\r\n }\r\n $(element).append(\r\n $('')\r\n .text(_txt)\r\n .val(_val)\r\n )\r\n }\r\n }\r\n })\r\n // make sure to validate on max. nof. damages\r\n h.getSelectElmAsJqueryObject('AntalSkader', prefix).on('change', function () {\r\n let max = 2\r\n const numberOfClaims =\r\n app.root.AntalSkaderFamilie() + app.root.AntalSkaderHus()\r\n if (3 - numberOfClaims < max) max = 3 - numberOfClaims\r\n if (parseInt($(this).val()) > max) {\r\n this.ifws_isInvalid = true\r\n h.validateElement(this)\r\n } else {\r\n this.ifws_isInvalid = false\r\n h.validateElement(this)\r\n }\r\n })\r\n\r\n basic.setupKundeInfoGroup(jElement)\r\n app.root.DisableCustomerElements.subscribe(function (value) {\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n })\r\n bil.checkMinimumAgeValidationWhenCprFieldsDoNotExist(jElement)\r\n}\r\n\r\nbil.findBil = function (jElement, productId) {\r\n h.setDisabled($('#wizardNavigation button', app.getTopJElm()))\r\n\r\n app.root.ensureActiveProduct(productId, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n bil.regNrSetupBtx(jElement)\r\n })\r\n}\r\n\r\nlet newModelRegNr = ''\r\n\r\nbil.updateModel = function (actionSettings) {\r\n bil.setModelData(actionSettings)\r\n}\r\n\r\nbil.setModelData = function (actionSettings) {\r\n // called from all three places where a regnr can be edited (quickform, step1 and step3)\r\n if (app.wizard) {\r\n if (app.page === 'produkt') {\r\n app.root.activeProduct.setModel(\r\n h.getElm('RegNr').value,\r\n $(h.getElm('RegNr')),\r\n actionSettings\r\n )\r\n } else if (app.page === 'checkout') {\r\n bil.updateRegNr(\r\n h.getElm('RegNr').value,\r\n $(h.getElm('RegNr')),\r\n actionSettings\r\n )\r\n }\r\n } else {\r\n // quickform\r\n return app.root.activeProduct.setModel(\r\n h.getElm('RegNr').value,\r\n $(h.getElm('RegNr')),\r\n actionSettings\r\n )\r\n }\r\n}\r\n\r\nbil.supplerendeInfoBil = function (jElement, productId) {\r\n h.setDisabled($('#wizardNavigation button', app.getTopJElm()), false)\r\n\r\n app.root.ensureActiveProduct(productId, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n if (app.root.activeProduct.UkendtRegNr()) {\r\n if (h.getElm('RegNr')) {\r\n ko.applyBindingsToNode(\r\n h.getElm('RegNr'),\r\n null,\r\n app.root.activeProduct.Model\r\n )\r\n }\r\n }\r\n\r\n // vogngruppe 5 = hvidplade\r\n // hvidplade samt værdi over 650000\r\n // gul/papegøje, ikke privat kørsel samt værdi over 350000\r\n // gul/papegøje samt privat kørsel og værdi over 650000\r\n if (\r\n (app.root.activeProduct.Vogngruppe() === 5 &&\r\n app.root.activeProduct.Nyvaerdi() > 650000) ||\r\n (app.root.activeProduct.Vogngruppe() !== 5 &&\r\n app.root.activeProduct.Anvendelse() !== 700001 &&\r\n app.root.activeProduct.Nyvaerdi() > 350000) ||\r\n (app.root.activeProduct.Vogngruppe() !== 5 &&\r\n app.root.activeProduct.Anvendelse() === 700001 &&\r\n app.root.activeProduct.Nyvaerdi() > 650000)\r\n ) {\r\n ko.applyBindings(app.root.activeProduct, h.getElm('handelsVaerdiGroup'))\r\n } else {\r\n app.root.activeProduct.HandelsVaerdi(app.root.activeProduct.Nyvaerdi())\r\n }\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('erBilLeasetGroup'))\r\n enableInputEvaluation(jElement)\r\n\r\n // validation rules\r\n const _jForm = $('#supplerendeInfoBil')\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const _validator = _jForm.validate({\r\n rules: {\r\n selectAnciennitetsSelskab: {\r\n ifws_selected: true\r\n }\r\n }\r\n })\r\n _jForm[0].validator = _validator\r\n\r\n if ($('#HandelsVaerdi').length) {\r\n $('#HandelsVaerdi').rules('add', {\r\n required: true,\r\n min: 1,\r\n max: 10000000,\r\n number: true\r\n })\r\n }\r\n $('#ErBilenLeasetJa').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true,\r\n messages: {\r\n required: TextHelper.getRadioButtonUnansweredErrorMessage()\r\n }\r\n })\r\n $('input[name=ErBilenLeaset]').on('evaluate', function () {\r\n if (\r\n app.root.activeProduct.ErBilenLeaset() !== '' &&\r\n app.root.activeProduct.ErBilenLeaset() !== undefined &&\r\n app.root.activeProduct.ErBilenLeaset() !== 'undefined'\r\n ) {\r\n h.validateElement($('input[name=ErBilenLeaset]')[0], 'required')\r\n }\r\n })\r\n\r\n function EnableAnciennitetsSelskab (newValue) {\r\n // display\r\n if (\r\n newValue === false /* HarTidligereSelskab */&&\r\n parseInt(app.root.activeProduct.AarMedEgenBil()) > 0\r\n ) {\r\n h.extendForm(\r\n $('#supplerendeInfoBil'),\r\n null,\r\n $('#anciennitetsSelskabGroup'),\r\n null,\r\n null,\r\n 350\r\n )\r\n $('#bilMereEndEtAarInfo').show()\r\n } else {\r\n h.retractForm($('#anciennitetsSelskabGroup'), 350)\r\n $('#bilMereEndEtAarInfo').hide()\r\n }\r\n }\r\n\r\n app.root.activeProduct.HarTidligereSelskab.subscribe(function (newValue) {\r\n EnableAnciennitetsSelskab(newValue)\r\n })\r\n\r\n EnableAnciennitetsSelskab(app.root.activeProduct.HarTidligereSelskab())\r\n enableToolTips(jElement)\r\n h.selectNextEntry(jElement)\r\n })\r\n}\r\n\r\nbil.daekningsTilpasningsPanel = function (jElement) {\r\n const activeProduct = app.root.activeProduct\r\n const $KmAArlig = $('#KmAArlig')\r\n\r\n if ($KmAArlig.length) {\r\n $KmAArlig.empty()\r\n\r\n enableSelect($KmAArlig, activeProduct, undefined, {\r\n disableAutoBind: true,\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n const el = $(element)\r\n\r\n el.append(\r\n $('')\r\n .text('Op til 10.000 km')\r\n .val(1)\r\n )\r\n el.append(\r\n $('')\r\n .text('Op til 15.000 km')\r\n .val(2)\r\n )\r\n el.append(\r\n $('')\r\n .text('Op til 20.000 km')\r\n .val(3)\r\n )\r\n el.append(\r\n $('')\r\n .text('Op til 25.000 km')\r\n .val(4)\r\n )\r\n el.append(\r\n $('')\r\n .text('Op til 30.000 km')\r\n .val(5)\r\n )\r\n el.append(\r\n $('')\r\n .text('Op til 40.000 km')\r\n .val(6)\r\n )\r\n el.append(\r\n $('')\r\n .text('Over 40.000 km')\r\n .val(7)\r\n )\r\n },\r\n onSelect: function (element, e) {\r\n if (\r\n e.currentTarget.selectedIndex >= 0 &&\r\n e.currentTarget.selectedIndex <= 6\r\n ) {\r\n activeProduct.KmAArlig(e.currentTarget.selectedIndex + 1)\r\n } else {\r\n activeProduct.KmAArlig(1)\r\n }\r\n }\r\n })\r\n }\r\n\r\n basic.daekningsTilpasningsPanelBasics(jElement)\r\n\r\n activeProduct.daekningsSubscriptions.push(activeProduct.KmAArlig.subscribeChanged(activeProduct.beregnOnChange))\r\n activeProduct.daekningsSubscriptions.push(activeProduct.BilSuper.subscribeChanged(activeProduct.beregnOnChange))\r\n\r\n $('#super_tilvalg').change(function () {\r\n activeProduct.BilSuper(this.checked)\r\n })\r\n\r\n $(document).on('change', '#super_tilvalg_panel', function () {\r\n activeProduct.BilSuper(this.checked)\r\n })\r\n\r\n $(document).on('change', '#ungbilist_tilvalg', function () {\r\n activeProduct.UngBilist(this.checked)\r\n })\r\n\r\n $(document).on('change', '#foererpladsdaekning_tilvalg', function () {\r\n activeProduct.Foererpladsdaekning(this.checked)\r\n })\r\n\r\n basic.handleBlueBoxForSelectedCoverage(activeProduct.Daekning().Navn(), h.getDisplayTextForBlueBoxForCarCubeDiscount(activeProduct.Daekning().Navn()))\r\n}\r\n\r\nbil.acceptNewPrice = function (actionSettings) {\r\n app.root.activeProduct.setModel(\r\n newModelRegNr,\r\n app.wizard.getCurrentWizardBodyJElement(),\r\n actionSettings\r\n )\r\n}\r\n\r\nbil.updateWizardSubtext = function () {\r\n app.loadJson({\r\n url: 'bilprodukt/updatewizardsubtext',\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data) {\r\n $('.wizardStepPending')\r\n .find('.stepSubTitle')\r\n .text(data)\r\n },\r\n entryFail: function (data) {\r\n // error, maybe the regnr wasnt found\r\n if (\r\n data &&\r\n data.Message &&\r\n data.Message.TekstKode === 'BILPROD:KAN_IKKE_OPDATERE_SUBTEXT'\r\n ) {\r\n $('#RegNr').val(app.root.activeProduct.Model().RegNr())\r\n }\r\n app.onEntryFail(data)\r\n }\r\n })\r\n}\r\n\r\nbil.displayUkendtRegNrPanel = function (regInfo) {\r\n // display message\r\n app.root.activeProduct.UkendtRegNr(undefined)\r\n\r\n pushInvalidRegistrationNumberEvent(regInfo)\r\n\r\n app.loadHtml({\r\n url: 'bilprodukt/getsubview/ukendtregnrpanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage($('#regNrMsg'), data, true)\r\n // bind pricepanel to the model\r\n $(app).trigger('sectionLoaded', [\r\n 'displayUkendtRegNrPanel',\r\n h.getSections(this.targetElement)\r\n ])\r\n }\r\n })\r\n}\r\n\r\nbil.updateWizardSubtextFromModel = function () {\r\n const make = app.root.activeProduct.Model().Make()\r\n const model = app.root.activeProduct.Model().Model()\r\n\r\n const wizardStepCurrent = app.getTopJElm().find('.wizardStepCurrent')\r\n wizardStepCurrent.find('.stepSubTitle').text(make + ' ' + model)\r\n}\r\n\r\nbil.acceptPriceAndProceed = function () {\r\n app.resetPendingUserAction()\r\n bil.acceptNewPrice(bil.updateRegNr.actionSettings)\r\n}\r\n\r\n// Display new price based on new regnr (if any car is found) and allow the user to apply the new data\r\nbil.updateRegNr = function (code, jElement, actionSettings) {\r\n try {\r\n newModelRegNr = h.getElm('RegNr').value\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-VEHICLE_REGNR_EMPTY'))\r\n return\r\n } else if (code === app.root.activeProduct.Model().RegNr()) {\r\n // no difference\r\n return\r\n }\r\n\r\n bil.updateRegNr.actionSettings = {\r\n done: function () {\r\n // reset flag\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n // move on\r\n h.fadeToForm(\r\n $('#supplerendeInfoHolder'),\r\n 'bilprodukt/getsubview/supplerende'\r\n )\r\n\r\n // execute validation from control (if any)\r\n if (\r\n bil.updateRegNr.actionSettings2 &&\r\n bil.updateRegNr.actionSettings2.onValid\r\n ) {\r\n bil.updateRegNr.actionSettings2.onValid()\r\n }\r\n\r\n app.root.activeProduct.sync(\r\n {\r\n done: function (message = {}) {\r\n // update total fields to reflect the new totals\r\n basic.updateTotalFields()\r\n bil.updateWizardSubtext()\r\n }\r\n },\r\n true\r\n )\r\n }\r\n }\r\n\r\n bil.updateRegNr.actionSettings2 = actionSettings\r\n\r\n app.setPendingUserAction('newPriceAwaitingApproval')\r\n\r\n // try to find the model\r\n app.loadJson({\r\n url: 'bilprodukt/getmodel',\r\n data: '{ \"code\" : \"' + (code || '0') + '\" }',\r\n targetElement: jElement,\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n // a new product is received\r\n if (data && data.Model && data.Model.MakeNumber) {\r\n const makeNumberOrAnvendelseHasChanged =\r\n app.root.activeProduct.Model().MakeNumber() !==\r\n data.Model.MakeNumber ||\r\n app.root.activeProduct.Anvendelse() !== data.Anvendelse\r\n\r\n if (makeNumberOrAnvendelseHasChanged) {\r\n // create a model of the new product so it can be bound to the view\r\n bil.updateRegNr.alt = new BilProdukt()\r\n bil.updateRegNr.alt.update(data)\r\n\r\n // comparison variables for price\r\n const nettoPraemieTotalHasChanged =\r\n bil.updateRegNr.alt.Daekning().NettoPraemieTotal() ===\r\n app.root.activeProduct.Daekning().NettoPraemieTotal()\r\n const yearIsEqual =\r\n bil.updateRegNr.alt.Model().Year() ===\r\n app.root.activeProduct.Model().Year()\r\n const makeIsEqual =\r\n bil.updateRegNr.alt.Model().Make().toLowerCase() ===\r\n app.root.activeProduct.Model().Make().toLowerCase()\r\n const modelIsEqual =\r\n bil.updateRegNr.alt.Model().Model().toLowerCase() ===\r\n app.root.activeProduct.Model().Model().toLowerCase()\r\n const motorIsEqual =\r\n bil.updateRegNr.alt.Model().Motor() ===\r\n app.root.activeProduct.Model().Motor()\r\n\r\n // compare info\r\n if (\r\n nettoPraemieTotalHasChanged &&\r\n (yearIsEqual &&\r\n makeIsEqual &&\r\n modelIsEqual &&\r\n motorIsEqual)\r\n ) {\r\n // the prices are the same. accept\r\n bil.acceptPriceAndProceed()\r\n } else {\r\n // display message\r\n app.loadHtml({\r\n url: 'bilprodukt/getsubview/nyprispanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n // ignoreContact added by pedkia\r\n basic.showInlineMessage(\r\n $('#regNrMsg', '', true),\r\n data,\r\n true,\r\n true,\r\n app.getHjaelpeKodeText(\r\n 'CLIENT-BUTTON-FORTSAET_MED_NY_PRIS',\r\n 'Fortsæt med ny pris'\r\n ),\r\n function () {\r\n bil.acceptPriceAndProceed()\r\n return false\r\n }\r\n )\r\n // bind pricepanel to the model\r\n ko.applyBindings(\r\n bil.updateRegNr.alt,\r\n h.getElm('nyPrisPanelegNrGroup')\r\n )\r\n ko.applyBindings(\r\n bil.updateRegNr.alt,\r\n h.getElm('nyPrisPanelNyPrisGroup')\r\n )\r\n ko.applyBindings(\r\n app.root.activeProduct,\r\n h.getElm('nyPrisPanelGammelPrisGroup')\r\n )\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n }\r\n } else {\r\n // Vognkode not different. move on\r\n bil.acceptPriceAndProceed()\r\n }\r\n } else {\r\n // the regnr was not recognized and no product was returned.\r\n app.displayEntryExceptionInfo(\r\n app.getFejlKode('CLIENT-BIL-KAN_IKKE_FINDE_MODEL')\r\n )\r\n $('#RegNr').val(app.root.activeProduct.Model().RegNr())\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n },\r\n entryFail: function (data) {\r\n // execute validation from control (if any)\r\n if (\r\n bil.updateRegNr.actionSettings2 &&\r\n bil.updateRegNr.actionSettings2.onInvalid\r\n ) {\r\n bil.updateRegNr.actionSettings2.onInvalid()\r\n }\r\n\r\n // error, maybe the regnr wasnt found\r\n if (\r\n data &&\r\n data.Message &&\r\n (data.Message.TekstKode === 'CLIENT-BIL-KAN_IKKE_FINDE_MODEL' ||\r\n data.Message.TekstKode === 'AutoITError')\r\n ) {\r\n // $('#RegNr').val(app.root.activeProduct.Model().RegNr());\r\n const regInfo = bil.buildInvalidRegistrationDescription(data.Data, data.Message.TekstKode)\r\n bil.displayUkendtRegNrPanel(regInfo)\r\n return false // cancel default action\r\n }\r\n\r\n // h.updateElementValidation(this.targetElement[0], 'ifws_isInvalid', 'xxx ', false /*forces error result*/);\r\n this.targetElement[0].ifws_isInvalid = true\r\n app.onEntryFail(data)\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\nbil.buildInvalidRegistrationDescription = function (enigmaRegNr, textCode) {\r\n let errorCode = ''\r\n\r\n if (textCode === 'CLIENT-BIL-KAN_IKKE_FINDE_MODEL') {\r\n errorCode = 'invalidReg'\r\n } else if (textCode === 'AutoITError') {\r\n errorCode = 'serverUnavailable'\r\n }\r\n\r\n return {\r\n enigmaRegNr,\r\n errorCode\r\n }\r\n}\r\n\r\nexport { bil, newModelRegNr }\r\n","/* global ko $ */\r\n\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport {\r\n enableToolTips,\r\n enableInputEvaluation,\r\n PendingInputs\r\n} from './../dk-ifshop-controls'\r\n\r\nimport { enableSelect } from './../dk-ifshop-controls-multi'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { quickformSubmitSetup } from '../quickform-submit-setup'\r\nimport { setupBoatModelSelect } from './dk-ifshop-boat-multicontrolconfig'\r\nimport { TextHelper } from './../dk-ifshop-text-helper'\r\nimport { BoatTextCodes } from './../dk-ifshop-constants'\r\n\r\nconst boat = {} // namespace\r\nboat.settings = {\r\n maxTradeValue: 1000000,\r\n minTradeValue: 5000,\r\n maxCombinedHorsepower: 2000,\r\n boatTypeMotorboat: 'MOTORBÅD',\r\n boatTypeSailboat: 'SEJLBÅD/MOTORSEJLER',\r\n boatTypeJetski: 'JETSKI/VANDSCOOTERE',\r\n boatTypeRIB: 'RIB',\r\n boatMotorType: 'UDENBORDS/PÅHÆNGSMOTOR'\r\n}\r\n\r\nboat.beregnPris = function (jElement) {\r\n h.selectNextEntry(jElement)\r\n\r\n basic.setProductSpecificEntryPageSubmitFunction(boat.beregnPris.submit)\r\n}\r\n\r\nboat.beregnPrisWithValidate = function (jElement) {\r\n boat.beregnPris(jElement)\r\n app.root.activeProduct.validateOnServer()\r\n}\r\nboat.setModelData = function (actionSettings) {\r\n // called from all two places where a model can be edited (quickform, step1)\r\n if (app.wizard) {\r\n if (app.page === 'produkt') {\r\n app.root.activeProduct.setModel(\r\n h.getElm('Model').value,\r\n $(h.getElm('Model')),\r\n actionSettings\r\n )\r\n }\r\n } else {\r\n // quickform\r\n return app.root.activeProduct.setModel(\r\n h.getElm('Model').value,\r\n $(h.getElm('Model')),\r\n actionSettings\r\n )\r\n }\r\n}\r\nboat.SaveProductAndAddTrailerToCart = function () {\r\n const settings = { done: boat.AddTrailerToCart, entryFail: function (data) { app.showMessage('Ukendt fejl') } }\r\n app.root.activeProduct.save(settings)\r\n}\r\nboat.AddTrailerToCart = function () {\r\n const settings = { done: basic.gotoNextProduct, entryFail: function (data) { app.showMessage('Ukendt fejl') } }\r\n app.root.addProdukt('Trailer', settings)\r\n}\r\n\r\nboat.ResetModel = function () {\r\n app.root.activeProduct.Model(undefined)\r\n app.root.activeProduct.BoatType(undefined)\r\n app.root.activeProduct.MotorType(undefined)\r\n app.root.activeProduct.HullMaterial(undefined)\r\n app.root.activeProduct.NumberOfMotors(undefined)\r\n app.root.activeProduct.Year(undefined)\r\n app.root.activeProduct.TradeValue(undefined)\r\n app.root.activeProduct.Motor1Year(undefined)\r\n app.root.activeProduct.Motor2Year(undefined)\r\n app.root.activeProduct.CombinedHorsepower(undefined)\r\n}\r\n\r\nboat.quickForm = function (jElement) {\r\n if (app.page !== 'front') {\r\n h.disable($('#wizardNavigation button', app.getTopJElm()))\r\n }\r\n\r\n boat.ResetModel()\r\n quickformSubmitSetup.setup(jElement, boat.quickForm.submit)\r\n\r\n ko.applyBindingsToNode(\r\n jElement.find('#boatModelGroup')[0],\r\n null,\r\n app.root.activeProduct\r\n )\r\n\r\n setupBoatModelSelect(jElement)\r\n\r\n enableToolTips(jElement)\r\n enableInputEvaluation(jElement)\r\n}\r\nboat.quickForm.submit = function (jElement) {\r\n boat.setModelData()\r\n}\r\n\r\nboat.quickForm.syncProduct = function () {\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n if (app.page === 'front') {\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n app.loadPage('produkt')\r\n }\r\n },\r\n entryFail: function () {\r\n if (app.page === 'front') {\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n })\r\n}\r\n\r\nboat.beregnPris.submit = function () {\r\n if (h.getElm('quickForm')) {\r\n boat.quickForm.syncProduct() // this is not nessesary as there is nothing more to do on this step.\r\n } else {\r\n app.wizard.goFwd()\r\n }\r\n}\r\n\r\nboat.supplerendeInfo = function (jElement, productId) {\r\n enableInputEvaluation(jElement)\r\n enableToolTips(jElement)\r\n\r\n app.root.ensureActiveProduct(productId, function () {\r\n basic.supplerendeInfo(jElement, productId)\r\n\r\n ko.applyBindings(app.root.activeProduct, document.getElementById('supplerendeBoatQuestions'))\r\n\r\n enableSelect($('#selectMotor1Model'), null, null, {\r\n cache: false,\r\n lazyLoad: false\r\n })\r\n enableSelect($('#selectMotor2Model'), null, null, {\r\n cache: false,\r\n lazyLoad: false,\r\n afterOnLoadDone: function (element) {\r\n h.setDisabled($(element), app.root.activeProduct.UseMotor1ModelForMotor2())\r\n }\r\n })\r\n enableSelect($('#selectAuxiliaryMotorYear'), null, null, {\r\n disableAutoUpdate: false,\r\n onLoad: function (element) {\r\n const _thisYear = parseInt(app.getBestYear())\r\n for (let i = _thisYear; i >= 1950; i--) {\r\n const _txt = String(i)\r\n $(element).append(\r\n $('')\r\n .text(_txt)\r\n .val(_txt)\r\n )\r\n }\r\n }\r\n })\r\n\r\n if (app.root.activeProduct.Year() > 1985) {\r\n $('#HullNumber').rules('add', {\r\n required: true\r\n })\r\n }\r\n\r\n $('#HullNumber').on('change', function () { app.root.activeProduct.sync() })\r\n $('#BoatName').on('change', function () { app.root.activeProduct.sync() })\r\n\r\n h.selectNextEntry(jElement)\r\n\r\n $('#selectMotor1Model').rules('add', {\r\n required: true\r\n })\r\n $('#selectMotor2Model').rules('add', {\r\n required: true\r\n })\r\n if (app.root.activeProduct.MotorType() === 'UDENBORDS/PÅHÆNGSMOTOR') {\r\n $('#Motor1IdNumber').rules('add', {\r\n required: true\r\n })\r\n $('#Motor2IdNumber').rules('add', {\r\n required: true\r\n })\r\n }\r\n $('#HasAuxiliaryMotorJa').rules('add', {\r\n required: true\r\n })\r\n $('#AuxiliaryMotorIdNumber').rules('add', {\r\n required: true\r\n })\r\n $('#selectAuxiliaryMotorYear').rules('add', {\r\n required: true\r\n })\r\n $('#HasBoatTrailerJa').rules('add', {\r\n required: true\r\n })\r\n $('#HasBoatTrailerRegNrJa').rules('add', {\r\n required: true\r\n })\r\n $('#BoatTrailerRegNr').rules('add', {\r\n required: true,\r\n ifws_isInvalid: true,\r\n messages: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n BoatTextCodes.BoatTrailerRegNrInvalid,\r\n 'Nummerplade ikke valid'\r\n )\r\n }\r\n })\r\n $('#BoatTrailerStelNr').rules('add', {\r\n required: true,\r\n ifws_isInvalid: true,\r\n messages: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n BoatTextCodes.BoatTrailerStelNrInvalid,\r\n 'StelNr ikke valid'\r\n )\r\n }\r\n })\r\n\r\n if (h.getElm('BoatTrailerRegNr')) {\r\n $('#BoatTrailerRegNr').on('evaluate', function () {\r\n const stelNr = h.getElm('BoatTrailerRegNr')\r\n h.validateElement(stelNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('BoatTrailerRegNr').ifws_customValidation = function (value) {\r\n const res = boat.erRegNrBoatTrailerValid(this)\r\n return res\r\n }\r\n }\r\n\r\n if (h.getElm('BoatTrailerStelNr')) {\r\n $('#BoatTrailerStelNr').on('evaluate', function () {\r\n const regNr = h.getElm('BoatTrailerStelNr')\r\n h.validateElement(regNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('BoatTrailerStelNr').ifws_customValidation = function (value) {\r\n const res = boat.erStelNrBoatTrailerValid(this)\r\n return res\r\n }\r\n }\r\n app.root.activeProduct.UseMotor1ModelForMotor2.subscribe(\r\n function (val) {\r\n const motor2Select = $('#selectMotor2Model')\r\n h.setDisabled(motor2Select, val)\r\n if (val) {\r\n app.root.activeProduct.Motor2Model(app.root.activeProduct.Motor1Model())\r\n }\r\n })\r\n\r\n app.root.activeProduct.Motor1Model.subscribe(\r\n function (val) {\r\n if (val && app.root.activeProduct.UseMotor1ModelForMotor2()) {\r\n // Copy value to Motor2Model\r\n app.root.activeProduct.Motor2Model(val)\r\n }\r\n })\r\n })\r\n}\r\nboat.erRegNrBoatTrailerValid = function (element) {\r\n const regNr = $(element).val()\r\n const pattern = /[A-Z]{2}\\d{4}/i\r\n\r\n return regNr.match(pattern)\r\n}\r\nboat.erStelNrBoatTrailerValid = function (element) {\r\n const stelNr = $(element).val()\r\n\r\n /// /Stelnummer kun indeholde danske bokstager og tal, dog ikke i, o, æ, ø, å\r\n const pattern = /^[abcdefghjklmnpqrstuvwxyz0-9]+$/i\r\n return stelNr.match(pattern)\r\n}\r\nboat.daekningsTilpasningsPanel = function (jElement) {\r\n basic.daekningsTilpasningsPanelBasics(jElement)\r\n const activeProduct = app.root.activeProduct\r\n\r\n $('#LovpligtigAnsvar_tilvalg').change(function () {\r\n activeProduct.LovpligtigAnsvar(this.checked)\r\n })\r\n\r\n activeProduct.daekningsSubscriptions.push(\r\n activeProduct.SailPeriodThroughTheYear.subscribeChanged(activeProduct.beregnOnChange))\r\n}\r\n\r\nboat.generelt = function (jElement) {\r\n ko.applyBindings(app.root, jElement[0])\r\n enableToolTips(jElement)\r\n const radioButtonUnansweredErrorMessage = TextHelper.getRadioButtonUnansweredErrorMessage()\r\n enableSelect($('#selectYear'), null, null, {\r\n disableAutoUpdate: false,\r\n onLoad: function (element) {\r\n const _thisYear = parseInt(app.getBestYear())\r\n for (let i = _thisYear; i >= 1900; i--) {\r\n const _txt = String(i)\r\n $(element).append(\r\n $('')\r\n .text(_txt)\r\n .val(_txt)\r\n )\r\n }\r\n }\r\n })\r\n enableSelect($('#selectNumberOfMotors'), null, null, {\r\n disableAutoUpdate: false,\r\n onLoad: function (element) {\r\n setNumberOfMotorsSelectInput(element)\r\n }\r\n })\r\n\r\n enableSelect($('#selectMotor1Year'), null, null, {\r\n disableAutoUpdate: false,\r\n onLoad: function (element) {\r\n const _thisYear = parseInt(app.getBestYear())\r\n for (let i = _thisYear; i >= 1950; i--) {\r\n const _txt = String(i)\r\n $(element).append(\r\n $('')\r\n .text(_txt)\r\n .val(_txt)\r\n )\r\n }\r\n }\r\n })\r\n\r\n enableSelect($('#selectMotor2Year'), null, null, {\r\n disableAutoUpdate: false,\r\n onLoad: function (element) {\r\n const _thisYear = parseInt(app.getBestYear())\r\n for (let i = _thisYear; i >= 1950; i--) {\r\n const _txt = String(i)\r\n $(element).append(\r\n $('')\r\n .text(_txt)\r\n .val(_txt)\r\n )\r\n }\r\n }\r\n })\r\n enableSelect($('#NumberOfClaimsBoat'), app.root, null, {\r\n disableAutoBind: true,\r\n validateImmediately: true,\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n $(element).append(\r\n $('')\r\n .text('0')\r\n .val('0')\r\n )\r\n $(element).append(\r\n $('')\r\n .text('1')\r\n .val('1')\r\n )\r\n $(element).append(\r\n $('')\r\n .text('2')\r\n .val('2')\r\n )\r\n $(element).append(\r\n $('')\r\n .text('3')\r\n .val('3')\r\n )\r\n $(element).append(\r\n $('')\r\n .text(app.getHjaelpeKodeText('CLIENT-3_ELLER_FLERE', '4 eller flere'))\r\n .val('4')\r\n )\r\n },\r\n validation: function (s, actionSettings) {\r\n s.topElement.ifws_isInvalid = false\r\n s.isWorking = false\r\n\r\n if (s.topElement.form.validator.element(s.topElement)) {\r\n actionSettings.onValid()\r\n } else {\r\n actionSettings.onInvalid()\r\n }\r\n }\r\n })\r\n\r\n const jForm = jElement\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const validator = jForm.validate({\r\n rules: {\r\n selectYear: { required: true },\r\n TradeValue: {\r\n required: true,\r\n ifws_digits: true,\r\n max: boat.settings.maxTradeValue,\r\n min: boat.settings.minTradeValue\r\n },\r\n selectNumberOfMotors: { required: true },\r\n CombinedHorsepower: {\r\n required: true,\r\n ifws_digits: true,\r\n max: boat.settings.maxCombinedHorsepower,\r\n min: 1\r\n },\r\n selectMotor1Year: { required: true },\r\n selectMotor2Year: { required: true },\r\n NumberOfClaimsBoat: {\r\n ifws_selected: true,\r\n max: 3,\r\n ifws_isInvalid: true\r\n }\r\n },\r\n messages: {\r\n CombinedHorsepower: {\r\n min: app.getFejlKodeText(\r\n BoatTextCodes.CombinedHorsepowerToLow,\r\n 'Udfyld venligst bådens samlede motor hestekræfter'\r\n ),\r\n max: app.getFejlKodeText(\r\n BoatTextCodes.CombinedHorsepowerToHigh,\r\n 'Du kan desværre ikke beregne pris på denne båd i vores webshop. Du kan kontakte vores Webshop Service på telefon 70 12 12 53 for at få hjælp.'\r\n )\r\n },\r\n TradeValue: {\r\n min: app.getFejlKodeText(\r\n BoatTextCodes.TradeValueToLow,\r\n 'Du kan desværre ikke beregne pris på denne båd i vores webshop. Du kan kontakte vores Webshop Service på telefon 70 12 12 53 for at få hjælp.'\r\n ),\r\n max: app.getFejlKodeText(\r\n BoatTextCodes.TradeValueToHigh,\r\n 'Du kan desværre ikke beregne pris på denne båd i vores webshop. Du kan kontakte vores Webshop Service på telefon 70 12 12 53 for at få hjælp.'\r\n )\r\n },\r\n selectYear: {\r\n required: radioButtonUnansweredErrorMessage\r\n },\r\n selectMotor1Year: {\r\n required: radioButtonUnansweredErrorMessage\r\n },\r\n selectMotor2Year: {\r\n required: radioButtonUnansweredErrorMessage\r\n },\r\n selectNumberOfMotors: {\r\n required: radioButtonUnansweredErrorMessage\r\n },\r\n NumberOfClaimsBoat: {\r\n max: app.getFejlKodeText(\r\n 'CLIENT-ANTAL_SKADER_BOAT',\r\n 'Du har samlet oplyst et antal skader, som betyder, at vi desværre ikke kan tilbyde dig den beregnede forsikring.'\r\n ),\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-ANTAL_TOTAL_SKADER',\r\n 'Du har samlet oplyst et antal skader, som betyder, at vi desværre ikke kan tilbyde dig den beregnede forsikring.'\r\n )\r\n }\r\n }\r\n })\r\n jForm[0].validator = validator\r\n}\r\n\r\nfunction setNumberOfMotorsSelectInput (element) {\r\n if (app.root.activeProduct.BoatType() === boat.settings.boatTypeSailboat || app.root.activeProduct.BoatType() === boat.settings.boatTypeJetski) {\r\n $(element).append(\r\n $('')\r\n .text('0')\r\n .val(0)\r\n )\r\n }\r\n if (app.root.activeProduct.BoatType() !== boat.settings.boatTypeJetski) {\r\n $(element).append(\r\n $('')\r\n .text('1')\r\n .val(1)\r\n )\r\n }\r\n if (app.root.activeProduct.BoatType() === boat.settings.boatTypeMotorboat || app.root.activeProduct.BoatType() === boat.settings.boatTypeRIB) {\r\n $(element).append(\r\n $('')\r\n .text('2')\r\n .val(2)\r\n )\r\n }\r\n}\r\nboat.loadBoatEntry = function () {\r\n app.wizard.currentStep.setProgress(0)\r\n app.wizard.goTo(1)\r\n}\r\nboat.detaljer = function (jElement) {\r\n ko.applyBindings(app.root.activeProduct, jElement[0])\r\n h.getJElmByDataId('chooseAnotherBoat')\r\n .parent()\r\n .on('click', function () {\r\n boat.ResetModel()\r\n app.root.activeProduct.syncV2().then(() => {\r\n boat.loadBoatEntry()\r\n }).catch((error) => {\r\n console.log(error)\r\n app.wizard.goTo(1)\r\n })\r\n })\r\n}\r\n\r\nexport { boat }\r\n","/* global $ */\r\nimport { app } from './../dk-ifshop-application'\r\nimport { enableSelect } from './../dk-ifshop-controls-multi'\r\nimport { boat } from './dk-ifshop-boat-scripts'\r\nimport { PendingInputs } from './../dk-ifshop-controls'\r\n\r\nexport const setupBoatModelSelect = (jForm) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n Model: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n }\r\n })\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n enableSelect($('#Model'), activeProduct, null, {\r\n cache: true,\r\n lazyLoad: true,\r\n hide: true,\r\n getCriteria: function (s) {\r\n const _c = s.getText()\r\n return '{\"str\" : \"' + _c + '\"}'\r\n },\r\n validateOnBlur: true,\r\n ignoreValidationOnKeyUp: true,\r\n validateImmediately: true,\r\n validation: function (s, actionSettings) {\r\n if (app.page !== 'front') {\r\n boat.setModelData(actionSettings)\r\n }\r\n }\r\n })\r\n}\r\n","/* global $ ko */\r\n\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { ifwsCampingvogn } from './dk-ifshop-campingvogn-scripts'\r\nimport { CaravanTextCodes } from './../dk-ifshop-constants'\r\n\r\nfunction CampingvognProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (value && isNaN(value)) {\r\n if (name === 'RegNrCampingvogn' && value) {\r\n self.RegNrCampingvogn(value.toUpperCase())\r\n }\r\n } else {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'RegNrCampingvogn' && value) {\r\n self.RegNrCampingvogn(value.toUpperCase())\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n Selvrisiko,\r\n Daekning,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n UnderwritingAccept,\r\n StelNrCampingvogn,\r\n MaerkeCampingvogn,\r\n ModelCampingvogn,\r\n AargangCampingvogn,\r\n WeightCampingvogn,\r\n RegNrCampingvogn,\r\n UkendtRegNr,\r\n SearchRegNr,\r\n RegNrNotUsed,\r\n ManuallyEnteredVehicleData,\r\n AllowManualRegistrationNumber,\r\n IsCampingvognStationaer,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n CPState,\r\n SelectedDaekningId\r\n ) {\r\n self.isInit = true\r\n\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '', 'Selvrisiko')\r\n\r\n self.StelNrCampingvogn = self.koMap(\r\n StelNrCampingvogn,\r\n self.StelNrCampingvogn,\r\n '',\r\n 'StelNrCampingvogn',\r\n true\r\n )\r\n self.MaerkeCampingvogn = self.koMap(\r\n MaerkeCampingvogn,\r\n self.MaerkeCampingvogn,\r\n '',\r\n 'MaerkeCampingvogn',\r\n true\r\n )\r\n self.ModelCampingvogn = self.koMap(\r\n ModelCampingvogn,\r\n self.ModelCampingvogn,\r\n '',\r\n 'ModelCampingvogn',\r\n true\r\n )\r\n\r\n self.AargangCampingvogn = self.koMap(\r\n AargangCampingvogn,\r\n self.AargangCampingvogn,\r\n null,\r\n 'AargangCampingvogn',\r\n true\r\n )\r\n self.WeightCampingvogn = self.koMap(\r\n WeightCampingvogn,\r\n self.WeightCampingvogn,\r\n null,\r\n 'WeightCampingvogn',\r\n true\r\n )\r\n self.RegNrCampingvogn = self.koMap(\r\n RegNrCampingvogn,\r\n self.RegNrCampingvogn,\r\n '',\r\n 'RegNrCampingvogn',\r\n true\r\n )\r\n self.SearchRegNr = self.koMap(SearchRegNr, self.SearchRegNr)\r\n self.RegNrNotUsed = self.koMap(RegNrNotUsed, self.RegNrNotUsed)\r\n self.UkendtRegNr = self.koMap(UkendtRegNr, self.UkendtRegNr, '', 'UkendtRegNr')\r\n self.ManuallyEnteredVehicleData = self.koMap(ManuallyEnteredVehicleData, self.ManuallyEnteredVehicleData, false, 'ManuallyEnteredVehicleData')\r\n self.AllowManualRegistrationNumber = self.koMap(AllowManualRegistrationNumber, self.AllowManualRegistrationNumber, false, 'AllowManualRegistrationNumber')\r\n self.IsCampingvognStationaer = self.koMap(\r\n IsCampingvognStationaer,\r\n self.IsCampingvognStationaer\r\n )\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(self),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo()\r\n }\r\n })\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.Selvrisiko,\r\n val.Daekning,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.UnderwritingAccept,\r\n val.StelNrCampingvogn,\r\n val.MaerkeCampingvogn,\r\n val.ModelCampingvogn,\r\n val.AargangCampingvogn,\r\n val.WeightCampingvogn,\r\n val.RegNrCampingvogn,\r\n val.UkendtRegNr,\r\n val.SearchRegNr,\r\n val.RegNrNotUsed,\r\n val.ManuallyEnteredVehicleData,\r\n val.AllowManualRegistrationNumber,\r\n val.IsCampingvognStationaer,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.CPState,\r\n val.SelectedDaekningId\r\n )\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n let key =\r\n 'CAMPINGVOGN-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n app.root.Kunde().Alder() +\r\n '-' +\r\n self.AargangCampingvogn() +\r\n '-' +\r\n self.WeightCampingvogn()\r\n\r\n if (app.root.Kunde().CprNr()) {\r\n // defined used kvhx code if we know cprnr (kvhx only found on server as it is linked to cpr info and we dont give such info away on the client)\r\n key = key + '-' + app.root.Kunde().CprNr()\r\n } else {\r\n // defined used kvhx code if we know the address and not the cpr no. (only found on server)\r\n key =\r\n key +\r\n '-' +\r\n app.root.Kunde().Postnr() +\r\n '-' +\r\n app.root.Kunde().Gade() +\r\n '-' +\r\n app.root.Kunde().Husnr() +\r\n '-' +\r\n app.root.Kunde().Etage() +\r\n '-' +\r\n app.root.Kunde().SideDoerNr()\r\n }\r\n return key\r\n }\r\n\r\n self.innerDone = function (data, jqXHR) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (data !== undefined && data != null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n }\r\n\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage()\r\n } else {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n self.update(data)\r\n\r\n // we can not fade to details view if we have a manually entered registrationnumber\r\n if (!data.AllowManualRegistrationNumber) {\r\n h.fadeToForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/detaljer')\r\n h.extendForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n return false\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n\r\n function handleSetModelError (data) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n if (data && data.Data && data.Data.ProduktID) {\r\n // set id. might have been newly created, although an error has occured\r\n activeProduct.ProduktID(data.Data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n if (data.Message.TekstKode === CaravanTextCodes.CaravanNotFound) {\r\n // todo: replace this with showing an error message that we can not lookup from dmr\r\n ifwsCampingvogn.displayUkendtRegNrPanel()\r\n // return false // cancel default action\r\n return false\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n }\r\n\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode = (data) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (data !== undefined && data !== null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.RegNrCampingvogn(data.SearchRegNr)\r\n activeProduct.ManuallyEnteredVehicleData(data.ManuallyEnteredVehicleData)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n }\r\n }\r\n\r\n // update this product with a new model based on regnr (if found)\r\n self.setModel = function (code, jElement, actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n try {\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode(CaravanTextCodes.RegNr0))\r\n return\r\n }\r\n\r\n const setModelInData = {\r\n code: (code || '0'),\r\n produktId: (activeProduct.ProduktID() || '0'),\r\n allowInvalidRegNr: (activeProduct.AllowManualRegistrationNumber())\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'setModelCampingvogn' }).then(function (token) {\r\n app.loadJson({\r\n allowCredentials: true,\r\n code,\r\n url: 'campingvognprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n token,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n code,\r\n url: 'produkt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.unknownRegistrationNumber = function () {\r\n // when the user clicks the 'Kender ikke regnr'\r\n try {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n activeProduct.RegNrNotUsed(true)\r\n activeProduct.sync({\r\n done: function () {\r\n app.gotoShopPage()\r\n }\r\n })\r\n } else {\r\n activeProduct.SearchRegNr(undefined)\r\n activeProduct.RegNrNotUsed(true)\r\n app.root.activeProduct.WeightCampingvogn(undefined)\r\n app.root.activeProduct.IsCampingvognStationaer(undefined)\r\n app.root.activeProduct.AargangCampingvogn(undefined)\r\n app.root.activeProduct.ModelCampingvogn(undefined)\r\n app.root.activeProduct.MaerkeCampingvogn(undefined)\r\n app.root.activeProduct.RegNrCampingvogn(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(undefined)\r\n app.root.activeProduct.ManuallyEnteredVehicleData(undefined)\r\n\r\n activeProduct.sync({\r\n done: function () {\r\n }\r\n })\r\n\r\n h.fadeToForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/campingvognInfo')\r\n // display new questions\r\n h.extendForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n}\r\n\r\nexport { CampingvognProdukt }\r\n","/* global $ ko */\r\n\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport {\r\n PendingInputs,\r\n enableInputEvaluation,\r\n enableToolTips,\r\n initPlaceholders\r\n} from './../dk-ifshop-controls'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { dkRecaptcha } from '../security/recaptcha'\r\nimport { quickformSubmitSetup } from '../quickform-submit-setup'\r\nimport { CampingvognProdukt } from './dk-ifshop-campingvogn-produkt-model'\r\nimport { brugsInfo } from './dk-ifshop-caravan-multicontrolconfig'\r\nimport { enableSelect } from './../dk-ifshop-controls-multi'\r\nimport { CaravanTextCodes } from './../dk-ifshop-constants'\r\n\r\nconst ifwsCampingvogn = {} // namespace\r\n\r\nifwsCampingvogn.settings = {\r\n maxAge: 35,\r\n maxWeight: 3500\r\n}\r\n\r\nifwsCampingvogn.beregnPris = function (jElement) {\r\n h.selectNextEntry(jElement)\r\n\r\n basic.setProductSpecificEntryPageSubmitFunction(ifwsCampingvogn.beregnPris.submit)\r\n}\r\n\r\nifwsCampingvogn.beregnPrisWithValidate = function (jElement) {\r\n const { activeProduct } = app.root\r\n\r\n ifwsCampingvogn.beregnPris(jElement)\r\n\r\n activeProduct.validateOnServer({\r\n entryFail: function (data) {\r\n if (data && data.Message && data.Message.TekstKode === CaravanTextCodes.CaravanNotFound) {\r\n ifwsCampingvogn.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n return true\r\n }\r\n })\r\n}\r\n\r\nifwsCampingvogn.beregnPris.submit = function () {\r\n if (h.getElm('quickForm')) {\r\n ifwsCampingvogn.quickForm.submit()\r\n } else {\r\n let jFormName = '#campingvognInfo'\r\n if (h.getElm('campingvognDetaljer')) {\r\n jFormName = '#campingvognDetaljer'\r\n }\r\n const jForm = $(jFormName)\r\n const validator = jForm.validate()\r\n if (validator.form(true)) {\r\n app.wizard.goFwd()\r\n } else {\r\n // Validate again to get the error messages shown\r\n validator.form(false)\r\n }\r\n }\r\n}\r\nifwsCampingvogn.detaljer = function (jElement) {\r\n ko.applyBindings(app.root.activeProduct, jElement[0])\r\n\r\n h.getJElmByDataId('vaelgAndenCampingvogn')\r\n .parent()\r\n .on('click', function () {\r\n app.root.activeProduct.WeightCampingvogn(undefined)\r\n app.root.activeProduct.IsCampingvognStationaer(undefined)\r\n app.root.activeProduct.AargangCampingvogn(undefined)\r\n app.root.activeProduct.ModelCampingvogn(undefined)\r\n app.root.activeProduct.MaerkeCampingvogn(undefined)\r\n app.root.activeProduct.RegNrCampingvogn(undefined)\r\n app.root.activeProduct.StelNrCampingvogn(undefined)\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(undefined)\r\n app.root.activeProduct.ManuallyEnteredVehicleData(undefined)\r\n\r\n h.fadeToForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/quickform')\r\n\r\n $('#brugerInfoHolder').html('')\r\n\r\n app.root.activeProduct.Daekning().Navn('')\r\n })\r\n}\r\n\r\nifwsCampingvogn.quickForm = function (jElement) {\r\n const jForm = $('#quickForm')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n jForm[0].pendingInputs.setOnDone(function () {\r\n })\r\n })\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('brugerIkkeRegNr'))\r\n\r\n quickformSubmitSetup.setup(jForm, ifwsCampingvogn.quickFormSubmitFunction)\r\n\r\n ko.applyBindingsToNode(h.getElm('RegNr'), null, app.root.activeProduct)\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n if (h.getElm('RegNr')) {\r\n // bind to model\r\n ifwsCampingvogn.regNrSetupBtx(jElement)\r\n }\r\n // start over with new regnr, so we don't know if it is unknown or not\r\n app.root.activeProduct.UkendtRegNr(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(false)\r\n\r\n if (app.page === 'front') {\r\n dkRecaptcha.attach(jElement)\r\n }\r\n\r\n h.selectNextEntry()\r\n initPlaceholders(jElement)\r\n}\r\n\r\nifwsCampingvogn.displayUkendtRegNrPanel = function () {\r\n // display message\r\n app.loadHtml({\r\n url: 'campingvognprodukt/getsubview/UkendtRegNrPanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage($('#regNrMsg'), data, true)\r\n // bind pricepanel to the model\r\n $(app).trigger('sectionLoaded', ['displayUkendtRegNrPanel', h.getSections(this.targetElement)])\r\n }\r\n })\r\n}\r\n\r\nifwsCampingvogn.ukendtRegNrPanel = function () {\r\n // triggered by displayUkendtRegNrPanel\r\n const { activeProduct } = app.root\r\n\r\n activeProduct.AllowManualRegistrationNumber(false)\r\n\r\n if ($('#RegNr').valid()) {\r\n ifwsCampingvogn.ukendtRegNrPanelAction = true\r\n\r\n activeProduct.UkendtRegNr(undefined)\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('ukendtRegNrPanel'))\r\n\r\n $('input[name=UkendtRegNr]').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true\r\n })\r\n\r\n $('input[name=UkendtRegNr]').on('change', function () {\r\n ifwsCampingvogn.validateRegistrationNumber() // ?\r\n return false // we remove the entire panel incl. this radio button, therefore the default action should be stopped, otherwise we would receive an error\r\n })\r\n\r\n // update the text on the last radiobutton to include the regnr at the end\r\n const jUkendtTrue = $('label[for=UkendtRegNrtrue]')\r\n jUkendtTrue.text(jUkendtTrue.text() + ' ' + app.root.activeProduct.SearchRegNr())\r\n } else {\r\n // if ukendtregnrpanel, hide\r\n $('#regNrMsg').html('')\r\n }\r\n}\r\n\r\nifwsCampingvogn.findCampingvogn = function (jElement, productId) {\r\n h.setDisabled($('#wizardNavigation button', app.getTopJElm()), true)\r\n\r\n app.root.ensureActiveProduct(productId, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n ifwsCampingvogn.regNrSetupBtx(jElement)\r\n })\r\n}\r\n\r\nifwsCampingvogn.validateRegistrationNumber = function () {\r\n app.setPendingUserAction('ukendtRegNr')\r\n\r\n if ($('input[name=UkendtRegNr]')[0].checked) {\r\n ifwsCampingvogn.InvalidNumberPlateValidation()\r\n } else if ($('input[name=UkendtRegNr]')[1].checked) {\r\n ifwsCampingvogn.InvalidButManuallyAcceptedNumberPlateValidation()\r\n }\r\n\r\n ifwsCampingvogn.ukendtRegNrPanelAction = false\r\n app.resetPendingUserAction('ukendtRegNr')\r\n}\r\n\r\nifwsCampingvogn.quickForm.submit = function () {\r\n if ($('#RegNr').valid()) {\r\n ifwsCampingvogn.backupSelections()\r\n ifwsCampingvogn.updateModel()\r\n }\r\n}\r\nifwsCampingvogn.InvalidButManuallyAcceptedNumberPlateValidation = function (value) {\r\n const { activeProduct } = app.root\r\n\r\n activeProduct.AllowManualRegistrationNumber(true)\r\n // add the searched regnr as the selected regnr\r\n\r\n activeProduct.RegNrCampingvogn(activeProduct.SearchRegNr())\r\n if (activeProduct.RegNrCampingvogn().length == 0) {\r\n activeProduct.RegNrCampingvogn($('#RegNr').val())\r\n }\r\n activeProduct.UkendtRegNr(true)\r\n\r\n if (app.page === 'checkout') {\r\n ifwsCampingvogn.handleCheckoutManual()\r\n } else {\r\n ifwsCampingvogn.handleProductManual()\r\n }\r\n return true\r\n}\r\nifwsCampingvogn.handleCheckoutManual = function () {\r\n // when proceeding with an invalid regnr at checkout\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.sync({\r\n done: function () {\r\n // move on\r\n h.fadeToForm($('#supplerendeInfoHolder'), 'campingvognprodukt/getsubview/tidligereselskab')\r\n\r\n $('#regNrMsg').html('')\r\n\r\n activeProduct.RegNrCampingvogn($('#RegNr').val())\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n $('#wizardNavigation').find('button').removeClass('disabled')\r\n }\r\n })\r\n}\r\n\r\nifwsCampingvogn.handleProductManual = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.RegNrNotUsed(false)\r\n activeProduct.RegNrCampingvogn(activeProduct.SearchRegNr())\r\n ifwsCampingvogn.updateModel()\r\n\r\n $('#regNrMsg').html('')\r\n\r\n activeProduct.sync({\r\n done: function (message = {}) {\r\n h.fadeToForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/campingvogninfo')\r\n h.extendForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n })\r\n}\r\n\r\nifwsCampingvogn.quickFormSubmitFunction = function () {\r\n if ($('#RegNr').valid()) {\r\n ifwsCampingvogn.backupSelections()\r\n ifwsCampingvogn.updateModel()\r\n }\r\n}\r\n\r\nifwsCampingvogn.submitEntryFail = function (data, textStatus, jqXHR) {\r\n // Caravan was not accepted. Reuse saved search criterias, so the user can change them\r\n app.root.activeProduct.AargangCampingvogn(ifwsCampingvogn.campingvognInfo.selectionsYear)\r\n app.root.activeProduct.MaerkeCampingvogn(ifwsCampingvogn.campingvognInfo.selectionsMake)\r\n app.root.activeProduct.ModelCampingvogn(ifwsCampingvogn.campingvognInfo.selectionsModel)\r\n // Return true to make sure default action is perforformed too (Message)\r\n return true\r\n}\r\n\r\nifwsCampingvogn.updateModel = function (actionSettings) {\r\n ifwsCampingvogn.setModelData(actionSettings)\r\n}\r\nifwsCampingvogn.setModelData = function (actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const regNrValue = h.getElm('RegNr').value\r\n const regNrElement = $(h.getElm('RegNr'))\r\n\r\n if (regNrElement.valid()) {\r\n // called from all three places where a regnr can be edited (quickform, step1 and step3)\r\n if (!app.wizard || app.page === 'produkt') {\r\n activeProduct.setModel(regNrValue, regNrElement, actionSettings)\r\n } else if (app.page === 'checkout') {\r\n ifwsCampingvogn.updateRegNr(regNrValue, regNrElement, actionSettings)\r\n }\r\n } else {\r\n actionSettings.onInvalid()\r\n }\r\n}\r\nifwsCampingvogn.backupSelections = function () {\r\n // save selections because they are overwritten with info that might differ (different case, spacet etc.), but we will need them again if the Caravan isn't accepted\r\n ifwsCampingvogn.campingvognInfo.selectionsYear = app.root.activeProduct.AargangCampingvogn()\r\n ifwsCampingvogn.campingvognInfo.selectionsMake = app.root.activeProduct.MaerkeCampingvogn()\r\n ifwsCampingvogn.campingvognInfo.selectionsModel = app.root.activeProduct.ModelCampingvogn()\r\n}\r\n\r\nifwsCampingvogn.InvalidNumberPlateValidation = function (value) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n $('#regNrMsg').html('')\r\n\r\n // set the option to undefined as we dont want to save this answer anywhere.\r\n activeProduct.UkendtRegNr(undefined)\r\n activeProduct.SearchRegNr(undefined)\r\n\r\n return true\r\n}\r\nifwsCampingvogn.campingvognInfo = function (jElement) {\r\n if (app.root.activeProduct.AargangCampingvogn() === 0) {\r\n app.root.activeProduct.AargangCampingvogn('')\r\n }\r\n\r\n enableToolTips(jElement)\r\n\r\n ifwsCampingvogn.enableSelectYear()\r\n ko.applyBindings(app.root.activeProduct, h.getElm('WeightCampingvogn'))\r\n ko.applyBindings(\r\n app.root.activeProduct,\r\n h.getElm('IsCampingvognStationaerGroup')\r\n )\r\n\r\n const jForm = $('#campingvognInfo')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const validator = jForm.validate({\r\n rules: {\r\n selectYear: { ifws_selected: true },\r\n WeightCampingvogn: {\r\n required: true,\r\n min: 1,\r\n max: 3500,\r\n number: true\r\n },\r\n IsCampingvognStationaer: {\r\n required: true\r\n }\r\n },\r\n messages: {\r\n WeightCampingvogn: {\r\n min: app.getFejlKodeText(\r\n CaravanTextCodes.WeightToLow,\r\n 'Udfyld venligst campingvognens vaegt.'\r\n ),\r\n max: app.getFejlKodeText(\r\n CaravanTextCodes.WeightToHigh,\r\n 'Du kan desværre ikke beregne en pris på denne campingvogn i vores webshop. Du bedes venligst kontakte Webshop Service på tlf.nr. 70 12 12 53 for at høre nærmere'\r\n )\r\n }\r\n }\r\n })\r\n\r\n jForm[0].validator = validator\r\n\r\n jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n jForm[0].pendingInputs.setOnDone(function () {\r\n if (validator.form(true)) {\r\n ifwsCampingvogn.backupSelections()\r\n\r\n // sync\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n if (!app.root.activeProduct.AllowManualRegistrationNumber() && !app.root.activeProduct.RegNrNotUsed()) {\r\n // accepted. display the details with logo\r\n h.fadeToForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/detaljer')\r\n // display new questions\r\n h.extendForm($('#campingvognHolder'), 'campingvognprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n },\r\n entryFail: ifwsCampingvogn.submitEntryFail\r\n })\r\n }\r\n })\r\n })\r\n\r\n jForm.submit(function (e) {\r\n e.preventDefault()\r\n })\r\n\r\n enableInputEvaluation($('#handelsVaerdiGroup'))\r\n}\r\n\r\nifwsCampingvogn.regNrSetupBtx = function (jForm) {\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNr: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n },\r\n messages: {\r\n RegNr: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n CaravanTextCodes.RegNrInvalid,\r\n 'Nummerplade ikke valid'\r\n )\r\n }\r\n }\r\n })\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n // avoids autosubmit in IE, when there is only a single input control in the form\r\n jForm.on('keydown', '#RegNr', function (e) {\r\n if ($('#RegNr').attr('allowenter') === undefined) {\r\n if (e.keyCode === '32' || e.keyCode === 32) {\r\n e.preventDefault()\r\n }\r\n\r\n if (e.keyCode === '13' || e.keyCode === 13) {\r\n e.preventDefault()\r\n $('#RegNr').valid()\r\n }\r\n }\r\n })\r\n\r\n // RegNrCampingvogn -----------------------------------------------------------------------\r\n if (h.getElm('RegNr')) {\r\n $('#regNr').on('evaluate', function () {\r\n const regNr = h.getElm('RegNr')\r\n h.validateElement(regNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('RegNr').ifws_customValidation = function (value) {\r\n const res = ifwsCampingvogn.erRegNrCampingvognValid(this)\r\n return res\r\n }\r\n }\r\n\r\n $('#RegNr').change(function () {\r\n if ($('#RegNr').valid()) {\r\n if (ifwsCampingvogn.ukendtRegNrPanelAction) {\r\n $('#regNrMsg').html('')\r\n }\r\n } else {\r\n $('#regNrMsg').html('')\r\n }\r\n\r\n if (app.page !== 'front') {\r\n const actionSettings = {\r\n onInvalid: function () {\r\n }\r\n }\r\n ifwsCampingvogn.updateModel(actionSettings)\r\n }\r\n })\r\n}\r\n\r\nifwsCampingvogn.enableSelectYear = function (prefix) {\r\n if (typeof prefix === 'undefined') {\r\n prefix = 'select'\r\n }\r\n enableSelect($('#' + prefix + 'Year'), app.root.activeProduct, null, {\r\n disableAutoUpdate: true,\r\n onLoad: function (element) {\r\n const thisYear = app.getBestYear()\r\n for (let i = 0; i <= ifwsCampingvogn.settings.maxAge; i++) {\r\n const txt = String(thisYear - i)\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(txt)\r\n )\r\n }\r\n }\r\n })\r\n}\r\nifwsCampingvogn.ejersBrugsInfo = function (jElement) {\r\n brugsInfo('', app.root.Kunde(), jElement)\r\n\r\n if (app.root.Disv() && app.root.Kunde().Address()) {\r\n $('.edit-address-button').remove()\r\n }\r\n\r\n if (app.root.DisableCustomerElements() === true) {\r\n basic.hideCprGroupSection()\r\n }\r\n\r\n h.selectNextEntry(jElement)\r\n}\r\n\r\nifwsCampingvogn.supplerendeInfoCampingvogn = function (jElement, productType) {\r\n app.root.ensureActiveProduct(productType, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n const searchRegNr = app.root.activeProduct.SearchRegNr()\r\n const modelRegNr = app.root.activeProduct.RegNrCampingvogn()\r\n\r\n if (searchRegNr && !modelRegNr) {\r\n app.root.activeProduct.RegNrCampingvogn(searchRegNr)\r\n }\r\n\r\n enableToolTips(jElement)\r\n ko.applyBindings(app.root.activeProduct, document.getElementById('modelGroup'))\r\n ko.applyBindings(app.root.activeProduct, document.getElementById('RegNrGroup'))\r\n\r\n $('#RegNrCampingvogn').attr('disabled', 'disabled')\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n // validation rules\r\n const jForm = $('#supplerendeInfoCampingvogn')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n const validator = jForm.validate({\r\n rules: {\r\n MaerkeCampingvogn: {\r\n required: true\r\n },\r\n RegNrCampingvogn: {\r\n required: true,\r\n ifws_isInvalid: true\r\n },\r\n StelNrCampingvogn: {\r\n required: true,\r\n ifws_isInvalid: true\r\n }\r\n },\r\n messages: {\r\n MaerkeCampingvogn: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n CaravanTextCodes.BrandInvalid,\r\n 'Maerke ikke valid'\r\n )\r\n },\r\n RegNrCampingvogn: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n CaravanTextCodes.RegNrInvalid,\r\n 'Nummerplade ikke valid'\r\n )\r\n },\r\n StelNrCampingvogn: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n CaravanTextCodes.StelNrInvalid,\r\n 'Stelnummer ikke valid'\r\n )\r\n }\r\n }\r\n })\r\n jForm[0].validator = validator\r\n\r\n // RegNrCampingvogn -----------------------------------------------------------------------\r\n if (h.getElm('RegNrCampingvogn')) {\r\n $('#regNrCampingvogn').on('evaluate', function () {\r\n const regNr = h.getElm('RegNrCampingvogn')\r\n h.validateElement(regNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('RegNrCampingvogn').ifws_customValidation = function (value) {\r\n const res = ifwsCampingvogn.erRegNrCampingvognValid(this)\r\n return res\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------\r\n\r\n // StelNrCampingvogn -----------------------------------------------------------------------\r\n if (h.getElm('StelNrCampingvogn')) {\r\n $('#StelNrCampingvogn').on('evaluate', function () {\r\n const stelNr = h.getElm('StelNrCampingvogn')\r\n h.validateElement(stelNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('StelNrCampingvogn').ifws_customValidation = function (value) {\r\n const res = ifwsCampingvogn.erStelNrCampingvognValid(this)\r\n return res\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------\r\n\r\n // nyKontaktKundeService ------------------------------------------------------------------\r\n if (h.getElm('nyKontaktKundeService')) {\r\n ko.applyBindings(\r\n app.root.activeProduct,\r\n h.getElm('nyKontaktKundeService')\r\n )\r\n }\r\n\r\n h.selectNextEntry(jElement)\r\n })\r\n}\r\n\r\nifwsCampingvogn.DisplayRegNrGroup = function () {\r\n if (!app.root.activeProduct.UkendtRegNr()) {\r\n h.disable($('#RegNrCampingvogn'))\r\n } else {\r\n h.enable($('#RegNrCampingvogn'))\r\n }\r\n}\r\n\r\nifwsCampingvogn.acceptPriceAndProceed = function () {\r\n app.resetPendingUserAction()\r\n ifwsCampingvogn.acceptNewPrice(ifwsCampingvogn.updateRegNr.actionSettings)\r\n}\r\n\r\nifwsCampingvogn.acceptNewPrice = function (actionSettings) {\r\n const element = app.wizard.getCurrentWizardBodyJElement()\r\n\r\n app.root.activeProduct.setModel(newModelRegNr, element, actionSettings)\r\n app.root.activeProduct.RegNrNotUsed(false)\r\n ifwsCampingvogn.DisplayRegNrGroup()\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n $('#wizardNavigation').find('button').removeClass('disabled')\r\n\r\n ifwsCampingvogn.updateWizardSubtext()\r\n}\r\n\r\nifwsCampingvogn.updateWizardSubtext = function () {\r\n if (ifwsCampingvogn.updateRegNr.alt) {\r\n const wizardStepCurrent = app.getTopJElm().find('.wizardStepCurrent')\r\n const title = ifwsCampingvogn.updateRegNr.alt.MaerkeCampingvogn() + ' ' + ifwsCampingvogn.updateRegNr.alt.ModelCampingvogn() + ' - ' + ifwsCampingvogn.updateRegNr.alt.RegNrCampingvogn()\r\n wizardStepCurrent.find('.stepSubTitle').text(title)\r\n }\r\n}\r\n\r\n// RegNrCampingvogn -----------------------------------------------------------------------\r\nifwsCampingvogn.erRegNrCampingvognValid = function (element) {\r\n const regNr = $(element).val()\r\n\r\n const pattern = /[A-Z]{2}[0-9]{4}/i\r\n if (regNr.match(pattern)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\n// StelNrCampingvogn -----------------------------------------------------------------------\r\nifwsCampingvogn.erStelNrCampingvognValid = function (element) {\r\n const stelNr = $(element).val()\r\n\r\n /// /Stelnummer kun indeholde danske bokstager og tal, dog ikke i, o, æ, ø, å\r\n const pattern = /^[abcdefghjklmnpqrstuvwxyz0-9]+$/i // Kontakt google.com for forklaring\r\n\r\n if (stelNr.match(pattern)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nlet newModelRegNr = ''\r\n\r\nifwsCampingvogn.updateRegNr = function (code, jElement, actionSettings) {\r\n try {\r\n newModelRegNr = h.getElm('RegNr').value\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode(CaravanTextCodes.RegNr0))\r\n return\r\n } else if (code === app.root.activeProduct.RegNrCampingvogn()) {\r\n // no difference\r\n return\r\n }\r\n\r\n ifwsCampingvogn.updateRegNr.actionSettings = {\r\n done: function () {\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n h.fadeToForm($('#supplerendeInfoHolder'), 'campingvognprodukt/getsubview/supplerende')\r\n\r\n // execute validation from control (if any)\r\n if (ifwsCampingvogn.updateRegNr.actionSettings2 && ifwsCampingvogn.updateRegNr.actionSettings2.onValid) {\r\n ifwsCampingvogn.updateRegNr.actionSettings2.onValid()\r\n }\r\n\r\n app.root.activeProduct.sync(\r\n {\r\n done: function (message = {}) {\r\n // update total fields to reflect the new totals\r\n basic.updateTotalFields()\r\n }\r\n },\r\n true\r\n )\r\n }\r\n }\r\n\r\n ifwsCampingvogn.updateRegNr.actionSettings2 = actionSettings\r\n\r\n app.setPendingUserAction('newPriceAwaitingApproval')\r\n // try to find the model\r\n app.loadJson({\r\n url: 'campingvognprodukt/getmodel',\r\n data: '{ \"code\" : \"' + (code || '0') + '\" }',\r\n targetElement: jElement,\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n // a new product is received\r\n if (data && data.AargangCampingvogn && data.WeightCampingvogn) {\r\n const makeNumberOrAnvendelseHasChanged =\r\n app.root.activeProduct.AargangCampingvogn() !== data.AargangCampingvogn || app.root.activeProduct.WeightCampingvogn() !== data.WeightCampingvogn\r\n\r\n let logMessage = 'Campingvogn-Manualflow-matching-regnr'\r\n\r\n if (makeNumberOrAnvendelseHasChanged) {\r\n // create a model of the new product so it can be bound to the view\r\n ifwsCampingvogn.updateRegNr.alt = new CampingvognProdukt()\r\n ifwsCampingvogn.updateRegNr.alt.update(data)\r\n\r\n // comparison variables for price\r\n const priceIsEqual = data.Daekning.NettoPraemieTotal === app.root.activeProduct.Daekning().NettoPraemieTotal()\r\n const yearIsEqual = data.AargangCampingvogn === app.root.activeProduct.AargangCampingvogn()\r\n const weightIsEqual = data.WeightCampingvogn === app.root.activeProduct.WeightCampingvogn()\r\n\r\n // compare info\r\n if (\r\n priceIsEqual &&\r\n (yearIsEqual &&\r\n weightIsEqual)\r\n ) {\r\n // the prices are the same. accept\r\n logMessage += '-same-price-and-model'\r\n ifwsCampingvogn.acceptPriceAndProceed()\r\n } else {\r\n logMessage += '-failed'\r\n // display message\r\n app.loadHtml({\r\n url: 'campingvognprodukt/getsubview/nyprispanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage(\r\n $('#regNrMsg', '', true),\r\n data,\r\n true,\r\n true,\r\n app.getHjaelpeKodeText(CaravanTextCodes.ButtonContinueNewPrice, 'Fortsæt med ny pris'),\r\n function () {\r\n ifwsCampingvogn.acceptPriceAndProceed()\r\n return false\r\n }\r\n )\r\n // bind pricepanel to the model\r\n ko.applyBindings(ifwsCampingvogn.updateRegNr.alt, h.getElm('nyPrisPanelegNrGroup'))\r\n ko.applyBindings(ifwsCampingvogn.updateRegNr.alt, h.getElm('nyPrisPanelNyPrisGroup'))\r\n ko.applyBindings(app.root.activeProduct, h.getElm('nyPrisPanelGammelPrisGroup'))\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n }\r\n } else {\r\n logMessage = 'Campingvogn-Manualflow-matching-same-makenumber'\r\n // Vognkode not different. move on\r\n ifwsCampingvogn.acceptPriceAndProceed()\r\n }\r\n\r\n const logData = {\r\n regnr: code,\r\n manualCaravanYear: app.root.activeProduct.AargangCampingvogn(),\r\n manualCaravanBrand: app.root.activeProduct.MaerkeCampingvogn,\r\n manualCaravanWeight: app.root.activeProduct.WeightCampingvogn()\r\n }\r\n\r\n app.logInformationToAppInsight(logMessage, logData)\r\n } else {\r\n app.displayEntryExceptionInfo(app.getFejlKode(CaravanTextCodes.CaravanNotFound))\r\n $('#RegNr').val(app.root.activeProduct.RegNrCampingvogn())\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n },\r\n entryFail: function (data) {\r\n // execute validation from control (if any)\r\n if (ifwsCampingvogn.updateRegNr.actionSettings2 && ifwsCampingvogn.updateRegNr.actionSettings2.onInvalid) {\r\n ifwsCampingvogn.updateRegNr.actionSettings2.onInvalid()\r\n }\r\n\r\n if (data && data.Message && data.Message.TekstKode === CaravanTextCodes.CaravanNotFound) {\r\n ifwsCampingvogn.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n\r\n this.targetElement[0].ifws_isInvalid = true\r\n app.onEntryFail(data)\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\nexport { ifwsCampingvogn }\r\n","/* global $ */\r\n\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { PendingInputs, enableToolTips } from './../dk-ifshop-controls'\r\n\r\nexport const brugsInfo = (prefix, person, jElement) => {\r\n enableToolTips(jElement)\r\n\r\n let jForm = $('#' + prefix + 'brugsInfo')\r\n\r\n if (!jForm[0].validator) {\r\n jForm = jElement\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = jForm.validate()\r\n }\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n const validator = jForm.validate()\r\n jForm[0].validator = validator\r\n\r\n basic.setupKundeInfoGroup(jElement)\r\n}\r\n","/* Global $ */\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\n\r\nexport const displayError = (inputCpr1, inputCpr2, fejlKode, defaultText, prefix) => {\r\n // force immediately validation on the entry and pass the custom message to be displayed\r\n inputCpr1.ifws_isInvalid = true\r\n\r\n h.validateElement(\r\n inputCpr1,\r\n 'ifws_isInvalid',\r\n app.getFejlKodeText(fejlKode, defaultText)\r\n )\r\n\r\n inputCpr2.ifws_isInvalid = true\r\n h.validateElement(inputCpr2)\r\n\r\n return false\r\n}\r\n\r\nexport const hideError = (field) => {\r\n field.ifws_isInvalid = false\r\n h.validateElement(\r\n field,\r\n 'ifws_isInvalid'\r\n )\r\n}\r\n\r\nexport const hideErrors = (fields) => {\r\n fields.forEach(x => hideError(x))\r\n}\r\n","export const applyCprValidationRules = ($inputCpr1, $inputCpr2) => {\r\n// validation rules (using dynamic settings and not static settings {fornavn: ...} because we need to use the prefix)\r\n $inputCpr1.rules('add', {\r\n ifws_isInvalid: true,\r\n required: true,\r\n minlength: 6,\r\n min: 0,\r\n number: true\r\n })\r\n\r\n $inputCpr2.rules('add', {\r\n ifws_isInvalid: true,\r\n required: true,\r\n minlength: 4,\r\n min: 0,\r\n number: true\r\n })\r\n}\r\n","import { canParseCprToDate } from '../cpr/dk-ifshop-cpr'\r\nimport { displayError } from './dk-ifshop-cpr-multicontrol-config'\r\nimport { h } from '../dk-ifshop-helper'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nexport const personHasAnUndefinedAge = (person) => {\r\n const age = person.Alder()\r\n return age === null || age === undefined || age === ''\r\n}\r\n\r\nconst personHasAgeOver99Years = (person) => {\r\n return person.Alder() > 99\r\n}\r\n\r\nconst personIsUnderTheAgeOfEighteen = (person) => {\r\n return person.Alder() < 18\r\n}\r\n\r\nexport const validateCpr1 = (cpr1, prefix) => {\r\n const inputCpr1 = h.getElmById('Cpr1', prefix)\r\n const inputCpr2 = h.getElmById('Cpr2', prefix)\r\n\r\n const textKey = h.getClientTextKey('CPR_FORMAT', prefix)\r\n if (!canParseCprToDate(cpr1)) {\r\n return displayError(inputCpr1, inputCpr2, textKey, 'Det indtastede CPR-nummer er ikke gyldigt.')\r\n }\r\n return true\r\n}\r\n\r\nexport const validateAge = (person, rule18, prefix, role) => {\r\n if (prefix == PersonEntities.Kunde) {\r\n prefix = ''\r\n }\r\n const inputCpr1 = h.getElm(prefix + 'Cpr1')\r\n const inputCpr2 = h.getElm(prefix + 'Cpr2')\r\n\r\n const FormatKey = h.getClientTextKey('CPR_FORMAT', prefix)\r\n const Over99Key = h.getClientTextKey('OVER_99', prefix)\r\n const under18Key = h.getClientTextKey('UNDER_18_PRODUKT_MIX', prefix)\r\n\r\n if (personHasAnUndefinedAge(person)) {\r\n return displayError(inputCpr1, inputCpr2, FormatKey, 'Det indtastede CPR-nummer er ikke gyldigt.')\r\n } else if (personHasAgeOver99Years(person)) {\r\n if (role === PersonEntities.Kunde) {\r\n return displayError(inputCpr1, inputCpr2, Over99Key, 'Du kan ikke blive forsikret igennem denne shop, hvis du er over 99 år')\r\n } else if (role === PersonEntities.ForsikredePerson) {\r\n return displayError(inputCpr1, inputCpr2, Over99Key, 'Den forsikrede kan ikke blive forsikret igennem denne shop, hvis den er over 99 år')\r\n }\r\n }\r\n\r\n if (rule18 && personIsUnderTheAgeOfEighteen(person)) {\r\n if (role === PersonEntities.Kunde) {\r\n return displayError(inputCpr1, inputCpr2, under18Key, 'Du skal være mindst 18 år, da du også prøver at købe produkter der kræver du er 18 år.')\r\n } else if (role === PersonEntities.ForsikredePerson) {\r\n return displayError(inputCpr1, inputCpr2, under18Key, 'Den forsikrede skal være mindst 18 år, da den også prøver at købe produkter der kræver du er 18 år.')\r\n } else if (role === PersonEntities.Medforsikret) {\r\n return displayError(inputCpr1, inputCpr2, under18Key, 'Den medforsikrede skal være mindst 18 år, da den også prøver at købe produkter der kræver du er 18 år.')\r\n }\r\n }\r\n return true\r\n}\r\n","/* global $ */\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\nimport { app } from './../dk-ifshop-application'\r\n\r\n// getYearFromCpr\r\nexport const getCentury = (centuryDigit, yearDigit) => {\r\n if (centuryDigit >= 0 && centuryDigit <= 3) {\r\n // person was born in the 1900's\r\n return '19'\r\n } else if (centuryDigit == 4 || centuryDigit == 9) {\r\n // person was born 2000 - 2036\r\n if (yearDigit >= 0 && yearDigit <= 36) {\r\n return '20'\r\n } else {\r\n return '19'\r\n }\r\n } else if (centuryDigit >= 5 && centuryDigit <= 8) {\r\n // person was born either 2000 - 2057 or 1858 - 1899\r\n if (yearDigit >= 0 && yearDigit <= 57) {\r\n return '20'\r\n } else {\r\n return '18'\r\n }\r\n } else {\r\n return null\r\n }\r\n}\r\n\r\nexport const setupErrorLabel = (prefix) => { // remove individual error text fields for Cpr1+2 and apply a new one only linked to cpr1, but with full length\r\n if (prefix == PersonEntities.Kunde) {\r\n prefix = ''\r\n }\r\n $('.' + app.errorText + '[for=' + prefix + 'Cpr1]').remove()\r\n $('.' + app.errorText + '[for=' + prefix + 'Cpr2]').remove()\r\n $(\r\n ''\r\n ).appendTo('#' + prefix + 'CPRGroup')\r\n}\r\n\r\nexport const setUpCprKeyPressOrder = (person, $inputCpr1, $inputCpr2, inputCpr1, inputCpr2, keyPressStartedInCpr1) => {\r\n // track when cpr1 is full and pass focus to cpr2 and don't steal tab back from cpr2\r\n $inputCpr1.on('keydown', function (e) {\r\n keyPressStartedInCpr1 = true\r\n })\r\n\r\n $inputCpr1.on('keyup', function (e) {\r\n const moveFocus = keyPressStartedInCpr1 &&\r\n person.Cpr1.hasValidFormat() &&\r\n inputCpr2.value === ''\r\n\r\n if (moveFocus) {\r\n $inputCpr2.focus()\r\n }\r\n\r\n keyPressStartedInCpr1 = false\r\n })\r\n\r\n $inputCpr2.on('keyup', function (e) {\r\n keyPressStartedInCpr1 = false\r\n })\r\n}\r\n\r\n// Helpers\r\n// ===========================\r\nexport const getAgeFromBirthDate = function (birth, today) {\r\n let age\r\n if (birth) {\r\n if (!today) {\r\n today = new Date()\r\n }\r\n const nowyear = today.getFullYear()\r\n const nowmonth = today.getMonth()\r\n const nowday = today.getDate()\r\n\r\n const birthyear = birth.getFullYear()\r\n const birthmonth = birth.getMonth()\r\n const birthday = birth.getDate()\r\n\r\n age = nowyear - birthyear\r\n const ageMonth = nowmonth - birthmonth\r\n const ageDay = nowday - birthday\r\n\r\n if (ageMonth < 0 || (ageMonth === 0 && ageDay < 0)) {\r\n age = parseInt(age) - 1\r\n }\r\n }\r\n return age\r\n}\r\n\r\nexport const validDate = (cpr1) => {\r\n if (cpr1.length !== 6) {\r\n return false\r\n }\r\n\r\n const day = parseInt(cpr1.slice(0, 2))\r\n const month = parseInt(cpr1.slice(2, 4))\r\n\r\n if ((day >= 1 && day <= 31) && (month >= 1 && month <= 12)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nexport const canParseCprToDate = function (cpr) {\r\n if (cpr && cpr.length === 6 && containsNumbersOnly(cpr) && validDate(cpr)) {\r\n return getFullYearDateFromCpr(cpr)\r\n }\r\n return undefined\r\n}\r\n\r\nexport const canParseFullCprToDate = function (cpr) {\r\n if (cpr && cpr.length === 10 && containsNumbersOnly(cpr)) {\r\n return getFullYearDateFromCompleteCpr(cpr)\r\n }\r\n return undefined\r\n}\r\n\r\nexport const containsNumbersOnly = function (text) {\r\n const exp = /^\\d+$/\r\n const reg = new RegExp(exp)\r\n return reg.test(text)\r\n}\r\nconst insertFullYearOnCpr = function (century, cpr) {\r\n const position = 4\r\n return [cpr.slice(0, position), century, cpr.slice(position)].join('')\r\n}\r\n\r\nexport const getFullYearDateFromCompleteCpr = function (cpr) {\r\n if (cpr.length === 10) {\r\n const birthYear = cpr.substr(4, 2) // gets year two digits\r\n const centuryDigit = cpr.substr(6, 1)\r\n const century = getCentury(parseInt(centuryDigit), parseInt(birthYear))\r\n const cpr1 = cpr.substr(0, 6)\r\n return insertFullYearOnCpr(century, cpr1)\r\n }\r\n}\r\nconst getFullYearDateFromCpr = function (cpr) {\r\n const birthYearYy = cpr.substr(4, 2) // gets year two digits\r\n const currentYearYy = new Date()\r\n .getFullYear()\r\n .toString()\r\n .substr(2, 2)\r\n if (birthYearYy > currentYearYy) {\r\n return insertFullYearOnCpr('19', cpr)\r\n }\r\n return insertFullYearOnCpr('20', cpr)\r\n}\r\n","const webShopMessageStatus = {\r\n NoFail: 0, // success\r\n SystemFail: -1, // system not operational. Try again later\r\n OperationFail: -2, // operation failed. Unknown error. Try again\r\n EntryException: -3 // operation failed due to incorrect entry. Correct and continue\r\n}\r\n\r\nconst keyCodes = {\r\n BACKSPACE: 8,\r\n // COMMA: 188,\r\n DELETE: 46,\r\n DOWN: 40,\r\n // END: 35,\r\n ENTER: 13,\r\n // ESCAPE: 27,\r\n // HOME: 36,\r\n LEFT: 37,\r\n // PAGE_DOWN: 34,\r\n // PAGE_UP: 33,\r\n // PERIOD: 190,\r\n RIGHT: 39,\r\n SPACE: 32,\r\n TAB: 9,\r\n UP: 38\r\n}\r\n\r\nconst PersonEntities = {\r\n Medforsikret: 'Medforsikret',\r\n Kunde: 'kunde',\r\n AndenForsikrede: 'AndenForsikrede',\r\n ForsikredePerson: 'forsikrede',\r\n AndenBegunstigede: 'andenBegunstigede',\r\n AndenBegunstigedePerson: 'AndenBegunstigedePerson'\r\n}\r\n\r\nconst CaravanTextCodes = {\r\n BrandInvalid: 'CLIENT-CAMPINGVOGN_MAERKE_IKKE_VALID',\r\n CaravanNotFound: 'CLIENT-CAMPINGVOGN-KAN_IKKE_FINDE_MODEL',\r\n RegNr0: 'CLIENT-VEHICLE_REGNR_0',\r\n WeightToLow: 'CLIENT-CAMPINGVOGN_VAEGT_TO_LOW',\r\n WeightToHigh: 'CLIENT-CAMPINGVOGN_VAEGT_TO_HIGH',\r\n RegNrInvalid: 'CLIENT-CAMPINGVOGN_REGNR_IKKE_VALID',\r\n StelNrInvalid: 'CLIENT-CAMPINGVOGN_STELNR_IKKE_VALID',\r\n ButtonContinueNewPrice: 'CLIENT-BUTTON-FORTSAET_MED_NY_PRIS'\r\n}\r\nconst TrailerTextCodes = {\r\n BrandInvalid: 'CLIENT-TRAILER_MAERKE_IKKE_VALID',\r\n TrailerNotFound: 'CLIENT-TRAILER-KAN_IKKE_FINDE_MODEL',\r\n RegNr0: 'CLIENT-VEHICLE_REGNR_0',\r\n WeightToLow: 'CLIENT-TRAILER_VAEGT_TO_LOW',\r\n WeightToHigh: 'CLIENT-TRAILER_VAEGT_TO_HIGH',\r\n TradeValueToHigh: 'CLIENT-TRAILER_HANDELVAERDI_TO_HIGH',\r\n TradeValueToLow: 'CLIENT-TRAILER_HANDELVAERDI_TO_LOW',\r\n RegNrInvalid: 'CLIENT-TRAILER_REGNR_IKKE_VALID',\r\n StelNrInvalid: 'CLIENT-TRAILER_STELNR_IKKE_VALID',\r\n ButtonContinueNewPrice: 'CLIENT-BUTTON-FORTSAET_MED_NY_PRIS'\r\n}\r\nconst BoatTextCodes = {\r\n TradeValueToHigh: 'CLIENT-BOAT_TRADEVALUE_TO_HIGH',\r\n TradeValueToLow: 'CLIENT-BOAT_TRADEVALUE_TO_LOW',\r\n CombinedHorsepowerToHigh: 'CLIENT-BOAT_COMBINED_HORSEPOWER_TO_HIGH',\r\n CombinedHorsepowerToLow: 'CLIENT-BOAT_COMBINED_HORSEPOWER_TO_LOW',\r\n BoatTrailerRegNrInvalid: 'CLIENT-BOAT_TRAILER_REGNR_IKKE_VALID',\r\n BoatTrailerStelNrInvalid: 'CLIENT-BOAT_TRAILER_STELNR_IKKE_VALID'\r\n}\r\n\r\nexport { keyCodes, webShopMessageStatus, PersonEntities, CaravanTextCodes, TrailerTextCodes, BoatTextCodes }\r\n","/* global */\r\n\r\nimport { app } from './dk-ifshop-application'\r\nimport { h } from './dk-ifshop-helper'\r\n\r\nfunction ActionButton () {\r\n const self = this\r\n self.isChanging = false // execute has been called and the operation is still under way\r\n self.isPending = false\r\n self.isInvalidated = false\r\n\r\n self.customValidation = function (\r\n onSuccess,\r\n actionName,\r\n stepNo,\r\n customValidator\r\n ) {\r\n if (customValidator && customValidator.validate) {\r\n // validator is applied and it has the right method name\r\n customValidator.validate({\r\n actionName,\r\n stepNo,\r\n done: function () {\r\n onSuccess(self)\r\n },\r\n fail: function () {\r\n self.setIsChanging(false)\r\n }\r\n })\r\n } else {\r\n // no more validation, just execute the action\r\n onSuccess(self)\r\n }\r\n }\r\n\r\n self.setIsChanging = function (val) {\r\n self.isChanging = val\r\n }\r\n\r\n self.killPending = function () {\r\n self.isPending = false\r\n }\r\n\r\n self.execute = function (actionSettings) {\r\n // app.writeDebugInfo('>>> EXE TRY');\r\n if (self.isChanging) {\r\n return\r\n }\r\n if (self.isPending) {\r\n return\r\n }\r\n if (app.awaitsUserAction()) {\r\n // if a locking action is pending. cancel the change\r\n return\r\n }\r\n\r\n self.isInvalidated = false\r\n self.isPending = true\r\n // app.writeDebugInfo('>>> EXE GO');\r\n setTimeout(function () {\r\n // HACK: this timeout is only used to make sure that any change events for changed input controls are validated first (specifically bank info). It is a hack thoug\r\n try {\r\n // app.writeDebugInfo('>>> EXE TRY 2');\r\n\r\n if (\r\n self.isInvalidated ||\r\n self.isChanging ||\r\n !self.isPending ||\r\n app.awaitsUserAction()\r\n ) {\r\n // app.writeDebugInfo('>>> INVALIDATED!!!');\r\n return\r\n }\r\n\r\n self.setIsChanging(true)\r\n // app.writeDebugInfo('>>> EXE GO 2');\r\n\r\n // validate all entries\r\n if (actionSettings.validateForms === true) {\r\n h.validateForms({\r\n onSuccess: function () {\r\n self.customValidation(\r\n actionSettings.onSuccess,\r\n actionSettings.actionName,\r\n actionSettings.stepNo,\r\n actionSettings.customValidator\r\n )\r\n },\r\n onFail: function () {\r\n self.setIsChanging(false)\r\n if (actionSettings.onFail) {\r\n actionSettings.onFail(self)\r\n }\r\n }\r\n })\r\n } else {\r\n // no form validation\r\n self.customValidation(\r\n actionSettings.onSuccess,\r\n actionSettings.actionName,\r\n actionSettings.stepNo,\r\n actionSettings.customValidator\r\n )\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n h.tryFocusOnFirstError()\r\n } finally {\r\n self.isPending = false\r\n }\r\n }, actionSettings.waiting)\r\n }\r\n}\r\n\r\nconst singleActionButton = new ActionButton() // used across the application to ensure that one one actionButton can be executed at a time\r\n\r\nexport { ActionButton, singleActionButton }\r\n","/* global $ jQuery ko */\r\n\r\nimport { h } from './dk-ifshop-helper'\r\nimport { app } from './dk-ifshop-application'\r\nimport { keyCodes } from './dk-ifshop-constants'\r\nimport { isDateReadyforValidation } from './dk-ifshop-dates'\r\n\r\n// Enables build-in select, lazyload and text control\r\n// Features:\r\n// Can be dependent upon other controls - other dropdowns or text fields\r\n// expects a parent div that can be styled to customize down button ect.\r\n// disables if dependent, and dependent has no value\r\n// can display value not yet loaded in list of options\r\n// Events:\r\n// evaluate: send to all dependent controls and other listenera on change make them update or reset\r\n// reset: send to all dependent controls and other listenera on entry made invalid\r\n// Attributes:\r\n// data-dependency : the control on which value the dropdown is dependent\r\n// data-content-url : the url to call to receive options\r\nfunction MultiControl (jElement, model, dependencyModel, actionSettings) {\r\n const self = this\r\n if (!h.isSingleResult(jElement)) {\r\n return\r\n }\r\n\r\n // set control type\r\n self.isLL = actionSettings && actionSettings.lazyLoad === true // is LL (Lazy load)\r\n self.isSelect = $(jElement[0]).is('select') // is select\r\n self.isLLorSelect = self.isLL || self.isSelect // is LL or select\r\n self.isText = !self.isLLorSelect\r\n self.isStreetNameSearch = false\r\n self.previousValue = ''\r\n // is Text\r\n // control specific settings\r\n if (self.isLL) {\r\n // TODO: HACK because lazyload have been created with id on select control. should have been on input control\r\n const _prop = jElement.attr('data-property')\r\n jElement\r\n .parent()\r\n .append(\r\n '
'\r\n )\r\n self.element = jElement.parent().children('.lazyLoad')[0]\r\n\r\n self.jDisplay = jElement\r\n self.optionType = 'li'\r\n self.jList = $(self.element)\r\n .parent()\r\n .children('.lazyLoadList')\r\n } else if (self.isSelect) {\r\n // BOTOX: if botox styling is used, a span is added above a select control with style ecmt-natural-text-fadeout. This should be removed\r\n $(self.element)\r\n .parent()\r\n .children('span.ecmt-natural-text-fadeout')\r\n .remove()\r\n\r\n self.element = jElement[0]\r\n self.jDisplay = $(self.element)\r\n .parent()\r\n .children('span')\r\n .first() // element displaying the select controls value\r\n self.optionType = 'option'\r\n self.jList = jElement\r\n } else {\r\n self.element = jElement[0]\r\n self.jDisplay = jElement\r\n }\r\n\r\n // elements\r\n self.jParent = $(self.element).parent() // the element containing the entire control and displays the border\r\n self.topElement = jElement[0] // the same as the element, except for LL\r\n self.element.ifws_control = self // make this control a property on the base element, so it is easier to reach from knockout binding handler\r\n if (typeof self.jDisplay[0] !== 'undefined') {\r\n self.jDisplay[0].ifws_control = self\r\n } // make this control a property on the base element, so it is easier to reach from knockout binding handler\r\n self.dependencyId = undefined\r\n // find dependency\r\n self.dependencyId = $(self.topElement).attr('data-dependency')\r\n\r\n // settings\r\n self.disableOptionIfLessThan = $(self.topElement).attr('data-disable-state') || 0\r\n self.model = model // the model by which this control is to be bound to\r\n self.dependencyModel = dependencyModel // the model by which this control is dependent upon (E.g. Year-Make-model-motor)\r\n self.url = jElement.attr('data-content-url') // set url to load options from\r\n self.actionSettings = {} // {} ensures we dont get a ref. error if none is passed as arg\r\n if (actionSettings) {\r\n // custom actionSettings\r\n self.actionSettings = actionSettings\r\n }\r\n self.cache = actionSettings && actionSettings.cache\r\n\r\n if (actionSettings) {\r\n // find setting for autoSelect\r\n if (actionSettings.autoSelect) self.autoSelect = actionSettings.autoSelect\r\n else self.autoSelect = true // default\r\n\r\n self.disableAutoUpdate = actionSettings.disableAutoUpdate // whether changes in the model (after this setup) will effect the content of the control. (used for model details which are filled with data that is different once the car is found (E.g. CITROEN becomes Citroen and suddently can't be found in the list)\r\n self.pageLoadValidate = actionSettings.runValidationOnPageLoad\r\n }\r\n\r\n // state\r\n self.dependencyVal = '' // value of an element on which this control depends\r\n self.result = '' // full result form ajax call. more data might be retrieved then displayed. Related data can be stored here for ref.\r\n self.lazyLoadCriteria = null // the string entered when the last load was executed\r\n self.lastValue = undefined // flag used to compare what the value where on the last change event, to avoid repeating certain events\r\n self._selectedIndex = -1\r\n\r\n // flags\r\n self.isAutoSelected = false // set if an entry is selected as the only match in LL. Used to avoid updating the user interface, because people typing too slow will continue writing the fill text although the final text is already loaded resulting in e.g. 'Park allé' looking like 'Park allélle'. Apart from that, this functionlaity works ok\r\n self.validateEntry = false\r\n self.lastValidEntry = undefined\r\n self.isReady = false // flag set once makeReady is run and the control is empty or holds a valid value\r\n self.ignoreOnValidation = true // flag set to tell form validation to ignore the control (it might have no options (e.g. an address with no stories)\r\n self.ignoreFirstLine = false // if the first line in a select list expresses 'select something\" that line isn't valid as a choice when validating the selections\r\n self.isDisplayingOptions = false // whether dropdown is extended to display possible values (lazyload)\r\n self.isEntryValid = true // flag reset when user changes the entry on a lazyload control. Can be used for other aswell\r\n self.timeoutId = undefined // id used to identify last delayed update of a lazyload control. If the text changes meanwhile, the delay should restart (this happens by overwriting the id with a new timeout.)\r\n self.isDisabled = actionSettings && actionSettings.disabled === true\r\n\r\n self.evaluate = function (\r\n value,\r\n ODDCASE /* TODO: unresolved issue, but it works */,\r\n actionName\r\n ) {\r\n if (self.validateEntry &&\r\n self.lastValidatedValue != self.element.value &&\r\n self.actionSettings &&\r\n self.actionSettings.validation\r\n ) {\r\n // validate first\r\n self.validate(undefined, actionName) // trigger evaluate on success\r\n } else if (!value && !ODDCASE) {\r\n self.resetDependents()\r\n $(self.topElement).trigger('evaluate', value) // used if control already holds a value on startup\r\n } else if (!self.element.ifws_isInvalid) {\r\n $(self.topElement).trigger('evaluate', value) // used if control already holds a value on startup\r\n }\r\n }\r\n\r\n self.hideControl = function () {\r\n // remove class that is used by validator to validate it, though it is hidden\r\n if (self.isLL) {\r\n self.jDisplay.addClass('validateDisabled')\r\n } else {\r\n self.addClass('validateDisabled')\r\n }\r\n // hide\r\n self.jParent.hide('fade', 150)\r\n // also hide error msg and label which has a \"for\" attribute\r\n $('[for=\"' + self.topElement.id + '\"]').hide('fade', 100)\r\n }\r\n\r\n self.reset = function () {\r\n if (self.isReady !== false) {\r\n self.dependencyVal = ''\r\n if (self.isLLorSelect) {\r\n // this is a select control\r\n self.reset2()\r\n } else {\r\n // this is a text control\r\n $(self.element).change()\r\n self.value = ''\r\n if (self.dependencyId) {\r\n self.disable()\r\n }\r\n }\r\n // check if control should be hidden too\r\n if (self.actionSettings.hide === true) {\r\n self.hideControl()\r\n }\r\n }\r\n\r\n // stop any load\r\n if (self.loader) {\r\n self.loader.cancel = true\r\n }\r\n // even though this control might already be disabled (not ready) dependent controls (if any) should know about this event anyway\r\n self.resetDependents()\r\n\r\n if (self.isLLorSelect && self.element.disabled == false) {\r\n // disable it\r\n if (self.dependencyId) {\r\n self.disable()\r\n }\r\n\r\n self.jParent.removeClass(jQuery.validator.defaults.errorClass)\r\n if (self.jDisplay[0]) {\r\n // due to BOTOX\r\n if (self.isLL) {\r\n self.forceRetract()\r\n }\r\n }\r\n self.resetText()\r\n }\r\n }\r\n\r\n self.resetDependents = function () {\r\n $(self.topElement).trigger('reset')\r\n }\r\n\r\n self.disable = function () {\r\n self.element.setAttribute('disabled', 'disabled')\r\n self.jParent[0].setAttribute('disabled', 'disabled')\r\n if (self.jDisplay) {\r\n if (typeof self.jDisplay[0] !== 'undefined') {\r\n self.jDisplay[0].setAttribute('disabled', 'disabled')\r\n }\r\n }\r\n if (self.isLLorSelect) {\r\n // && !self.isLL) {\r\n self.jParent.removeClass('enabledDropdown').addClass('disabledDropdown')\r\n }\r\n }\r\n\r\n self.enable = function () {\r\n if (self.isDisabled) {\r\n return // disabled as a setting, then it shouldn't be enabled, until this setting is changed.\r\n }\r\n self.jParent[0].removeAttribute('disabled')\r\n self.jParent.removeClass('is-disabled') // BOTOX. Doesn't happen automatically on Chrome\r\n self.element.removeAttribute('disabled')\r\n if (self.jDisplay) {\r\n if (typeof self.jDisplay[0] !== 'undefined') {\r\n self.jDisplay[0].removeAttribute('disabled')\r\n }\r\n }\r\n if (self.isLLorSelect) {\r\n self.jParent.removeClass('disabledDropdown').addClass('enabledDropdown')\r\n }\r\n }\r\n\r\n self.reset2 = function () {\r\n $(self.element).empty()\r\n self.emptyList()\r\n\r\n self.jDisplay.text('') // added to ensure that getText doesn't return value about to be reset to the models property on change event.\r\n self.jDisplay.val('')\r\n\r\n self.value = ''\r\n self.lastValue = ''\r\n\r\n self.isReady = false\r\n self.updateDisplay(true)\r\n\r\n // self.change(); //<---TODO: FIX: Dropdown displays \"NULL\" when this event is triggered on redet. only shortly, hereafter it will gain its default value (bagrund label if still reset or \"Vælg\" if there is content)\r\n }\r\n\r\n self.resetText = function () {\r\n if (self.isLLorSelect) {\r\n if (self.jDisplay) {\r\n if ($(self.element).attr('placeholder')) {\r\n self.setText($(self.element).attr('placeholder'))\r\n } else {\r\n self.setText('')\r\n }\r\n }\r\n }\r\n }\r\n\r\n self.setText = function (value) {\r\n if (self.isLL) {\r\n // jDisplay is actually an input control\r\n self.jDisplay.val(value)\r\n } else {\r\n // jDisplay is a span\r\n self.jDisplay.text(value)\r\n }\r\n }\r\n\r\n self.getText = function () {\r\n if (self.isLL) {\r\n // jDisplay is actually an input control\r\n if (\r\n self.jDisplay[0].placeholder &&\r\n self.jDisplay[0].placeholder == self.jDisplay.val()\r\n ) {\r\n return ''\r\n } else {\r\n return self.jDisplay.val()\r\n }\r\n } else {\r\n // jDisplay is a span\r\n return self.jDisplay.text()\r\n }\r\n }\r\n\r\n self.getVal = function () {\r\n if (!self.isLLorSelect || self.actionSettings.usesKeyValuePairs) {\r\n if (self.isLL) {\r\n // TODO: not yet required to support key/value pair on LL list. but it might become relevant\r\n } else {\r\n return $(self.element).val()\r\n }\r\n } else if (self.isLLorSelect && self.jList.children().length > 0) {\r\n if (self.isLL) {\r\n const _index = self.selectedIndex() + 1\r\n return self.jList\r\n .children(self.optionType + ':nth-child(' + _index + ')')\r\n .text()\r\n } else {\r\n return $(self.element).val()\r\n }\r\n } else {\r\n return self.getText()\r\n }\r\n }\r\n\r\n self.updateDisplay = function (isReset) {\r\n // update the element that displays the selection\r\n let _result\r\n let _val\r\n\r\n if (self.jDisplay) {\r\n if (\r\n (self.element.ifws_control_preValue ||\r\n self.element.ifws_control_preValue === 0) &&\r\n !isReset\r\n ) {\r\n // a prevalue is specified\r\n if (!self.actionSettings.usesKeyValuePairs) {\r\n // the control doesn't use values so the text value can be used for displaying too\r\n _val = self.element.ifws_control_preValue\r\n $(self.element).val(_val)\r\n self.setText(_val)\r\n self.lastValue = _val\r\n self.element.ifws_control_preValue = ''\r\n // this should be in the start only, so dependent controls might be waiting for this control to be ready, therefore notify about the change based on preValue\r\n self.evaluate(_val, true) // changed from trigger('change') because it causes a second updateDisplay. I can't see why that is nessesary though?\r\n } else {\r\n // the control uses values, and options are required to display the selection\r\n if (self.isLL) {\r\n _result = self.jList.children(\r\n 'li[value=\"' + self.element.ifws_control_preValue + '\"]'\r\n )\r\n } else if (self.isSelect) {\r\n _result = self.jList.children(\r\n self.optionType +\r\n '[value=\"' +\r\n self.element.ifws_control_preValue +\r\n '\"]'\r\n )\r\n }\r\n\r\n if (\r\n self.isLLorSelect &&\r\n _result.length === 0 &&\r\n self.element.ifws_control_preValue == '0'\r\n ) {\r\n // prevalue now added. forget about it now\r\n self.element.ifws_control_preValue = ''\r\n _result = self.jList.children(\r\n self.optionType +\r\n '[value=\"' +\r\n self.element.ifws_control_preValue +\r\n '\"]'\r\n )\r\n }\r\n\r\n if (_result && _result.length > 0) {\r\n _val = self.element.ifws_control_preValue\r\n $(self.element).val(_val)\r\n self.jDisplay.text(_result[0].text)\r\n self.element.ifws_control_preValue = ''\r\n self.lastValue = _val\r\n }\r\n }\r\n } else if (self.isLLorSelect && self.jList.children().length > 0) {\r\n // options are loaded. find the right one and display the text\r\n const _index = self.selectedIndex() + 1\r\n _result = self.jList.children(\r\n self.optionType + ':nth-child(' + _index + ')'\r\n )\r\n if (_result && _result.length > 0) {\r\n self.setText(_result.text())\r\n }\r\n } else {\r\n self.resetText()\r\n }\r\n // only relevant if lazyload. if the field is updated though, the critera must be updated too. otherwise the list will be updated on the next e.g. arrow-left or right\r\n self.lazyLoadCriteria = self.jDisplay.val()\r\n\r\n self.updateBackgroundText()\r\n\r\n self.jParent.toggleClass('is-empty', self.element.value === '')\r\n }\r\n }\r\n\r\n self.updateDependencyValue = function () {\r\n let _checkDep = false\r\n if (self.dependencyId) {\r\n const _jDependency = $(self.dependencyId)\r\n if (h.isSingleResult(_jDependency)) {\r\n self.dependencyVal = _jDependency[0].ifws_control.getVal()\r\n _checkDep = true\r\n }\r\n } else if (self.dependencyModel) {\r\n _checkDep = true\r\n self.dependencyVal = self.dependencyModel()\r\n }\r\n\r\n // find out if the dependency has a value. otherwise disable this control\r\n if (_checkDep) {\r\n if (!self.dependencyVal) {\r\n // dependent has no value\r\n self.reset()\r\n const _form = self.element.form\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.unregisterPending(self.topElement.id)\r\n }\r\n }\r\n }\r\n }\r\n\r\n self.makeReady = function () {\r\n self.updateDependencyValue()\r\n\r\n if ($(self.element).attr('data-noPopupLabel')) {\r\n // Added automatically by botox\r\n $(self.element)\r\n .parent()\r\n .removeClass('has-label')\r\n }\r\n self.ignoreOnValidation = false\r\n self.enable()\r\n if (self.actionSettings.hide === true) {\r\n // remove class that is used by validator to validate it, though it is hidden\r\n if (self.isLL) {\r\n self.jDisplay.removeClass('validateDisabled')\r\n } else {\r\n $(self.element).removeClass('validateDisabled')\r\n }\r\n // show\r\n self.jParent.show('fade', 300)\r\n // also show error msg and label again\r\n $('[for=\"' + self.topElement.id + '\"]').each(function () {\r\n if (this.className.indexOf(app.errorText) > -1 && !$(this).text()) {\r\n // error message label, but it is empty. Dont display\r\n return\r\n }\r\n $(this).show('fade', 600)\r\n })\r\n }\r\n\r\n // trigger evaluate, so dependent controls can validate against this control\r\n self.isReady = true\r\n if (!self.isLLorSelect) {\r\n self.evaluate(self.getVal()) // used if control already holds a value on startup\r\n }\r\n self.updateDisplay()\r\n }\r\n\r\n self.update = function () {\r\n const _form = self.element.form\r\n if (_form && _form.pendingInputs) {\r\n // register that this control now might load data. In a pending state evaluation must wait.\r\n // In a situation where the control must load content before displaying right data og become ignorable,\r\n // a validation might render the control invalid, athought a second later it is actually ok.\r\n _form.pendingInputs.registerPending(self.topElement.id)\r\n }\r\n\r\n self.updateDependencyValue()\r\n\r\n // find content\r\n if (self.url) {\r\n let inputText = ''\r\n if (self.actionSettings.getCriteria) {\r\n inputText = self.actionSettings.getCriteria(self)\r\n if (self.actionSettings.getCriteria(self).length < 2) {\r\n self.onLoadDone(null)\r\n return\r\n }\r\n }\r\n\r\n let _data = ''\r\n // find id to search by\r\n if (!actionSettings || actionSettings.requestType !== 'get') {\r\n if (self.actionSettings.getCriteria) {\r\n _data = inputText\r\n } else {\r\n if (self.dependencyId || dependencyModel) {\r\n // if there is a dependency it will likely be part of a criteria (Search parameters)\r\n _data = '{\"id\" : \"' + self.dependencyVal + '\"}'\r\n }\r\n }\r\n }\r\n // remove all ')\r\n .text(self.selectorDefaultText)\r\n .val('')\r\n )\r\n self.ignoreFirstLine = true\r\n }\r\n }\r\n\r\n self.actionSettings.onLoad(self.element)\r\n }\r\n self.makeReady()\r\n\r\n if ($(self.element).find(self.optionType).length === 2 && self.element.attributes.getNamedItem('data-allow-two-options') === null) {\r\n // there is only one choise apart from none (makes 2), therefore, select the latter as only possibility\r\n $(self.element).val(\r\n self.jList.find(self.optionType + ':nth-child(2)').val()\r\n )\r\n $(self.element).trigger('change')\r\n }\r\n\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.unregisterPending(self.topElement.id)\r\n }\r\n self.setNotWorking()\r\n }\r\n }\r\n\r\n self.setWorking = function () {\r\n const _form = self.element.form\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.registerPending(self.topElement.id)\r\n }\r\n self.isWorking = true\r\n self.element.removeAttribute('disabled') // makes sure it is validated (and therefore tested for setting isWorking)\r\n }\r\n\r\n self.setNotWorking = function () {\r\n const _form = self.element.form\r\n self.isWorking = false\r\n if (self.isDisabled) {\r\n self.element.setAttribute('disabled', 'disabled')\r\n }\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.unregisterPending(self.topElement.id)\r\n }\r\n }\r\n\r\n self.emptyList = function () {\r\n self.jList.find(self.optionType).remove()\r\n self._selectedIndex = -1\r\n }\r\n\r\n // called when app.loadJson is done\r\n self.onLoadDone = function (data) {\r\n if (self.isLLorSelect) {\r\n self.result = data\r\n if (data && data.length > 0) {\r\n if (!self.isLL) {\r\n $(self.element).append(\r\n $('')\r\n .text(self.selectorDefaultText)\r\n .val('')\r\n )\r\n self.ignoreFirstLine = true\r\n }\r\n\r\n // build content\r\n if (self.actionSettings.onLoadDone) {\r\n self.actionSettings.onLoadDone(self.element, data)\r\n } else {\r\n // add list\r\n $.each(data, function (index, item) {\r\n let itemText = item\r\n if (item.forslagstekst) {\r\n // Data from dawa\r\n itemText = item.forslagstekst\r\n }\r\n if (itemText && itemText.trim && itemText.trim()) {\r\n if (self.isLL) {\r\n // add to ul\r\n let criteriaIndex = itemText\r\n .toLowerCase()\r\n .indexOf(self.lazyLoadCriteria.toLowerCase())\r\n criteriaIndex = criteriaIndex === -1 ? 0 : criteriaIndex\r\n self.jList.append(\r\n $(\r\n '
'\r\n )\r\n )\r\n } else if (self.isSelect) {\r\n // add to options\r\n $(self.element).append(\r\n $('')\r\n .text(itemText)\r\n .val(itemText.replace('\"', '"'))\r\n )\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.element.ifws_control.ignoreOnValidation = false\r\n self.setNotWorking()\r\n if (self.isReady !== true) {\r\n self.makeReady()\r\n }\r\n\r\n self.isAutoSelected = false\r\n\r\n if (\r\n self.autoSelect === true &&\r\n self.isSelect &&\r\n $(self.element).find(self.optionType).length === 2\r\n ) {\r\n // there is only one choise apart from none (makes 2), therefore, select the latter as only possibility\r\n $(self.element).val(\r\n self.jList.find(self.optionType + ':nth-child(2)').val()\r\n )\r\n $(self.element).trigger('change') // TODO: this is NOT good enough. Use TryAutoSelect() but it must be extended with this situation (take 2nd)\r\n } else if (\r\n self.autoSelect === true &&\r\n self.isLL &&\r\n self.jList.find(self.optionType).length === 1\r\n ) {\r\n // there is only one choise, therefore, select the latter as only possibility\r\n self.forceExtend()\r\n self.tryAutoSelect()\r\n } else if (self.isLL) {\r\n if (self.getText().length > 0) {\r\n self.jParent.removeClass(jQuery.validator.defaults.errorClass)\r\n }\r\n self.forceExtend()\r\n self._selectedIndex = -1\r\n } else if (!self.isLL) {\r\n self.updateDisplay()\r\n }\r\n } else {\r\n self.emptyList()\r\n if (!self.isLL) {\r\n self.disable()\r\n }\r\n self.element.ifws_control.ignoreOnValidation = true\r\n\r\n if (self.isLL) {\r\n if (self.getText().length > 0) {\r\n self.jParent.addClass(jQuery.validator.defaults.errorClass)\r\n }\r\n self.forceRetract()\r\n }\r\n }\r\n\r\n if (self.disableOptionIfLessThan !== 0 && self.jList.find(self.optionType).length && self.jList.find(self.optionType).length > 0) {\r\n if (self.jList.find(self.optionType).length <= self.disableOptionIfLessThan) {\r\n self.jList.find(self.optionType)[0].disabled = true\r\n }\r\n }\r\n }\r\n if (self.actionSettings.afterOnLoadDone) {\r\n self.actionSettings.afterOnLoadDone(self.element)\r\n }\r\n }\r\n\r\n self.onChange = function (e) {\r\n if (self.lastValue !== self.getVal()) {\r\n self.lastValue = self.getVal()\r\n self.isEntryValid = true\r\n self.jParent.removeClass(jQuery.validator.defaults.errorClass)\r\n if (!self.isAutoSelected) {\r\n self.updateDisplay()\r\n }\r\n\r\n if (self.isStreetNameSearch) {\r\n // Streetname is selected, add a space to simplify input of streetnumber etc\r\n self.setText(self.getVal() + ' ')\r\n self.streetNameSelected = true\r\n }\r\n // enable dependent controls (should be before onSelect)\r\n if (\r\n !self.isStreetNameSearch &&\r\n self.element.ifws_control.isReady == true &&\r\n self.element.disabled == false\r\n ) {\r\n // notify any dependent controls\r\n\r\n if (\r\n self.actionSettings &&\r\n self.actionSettings.validateImmediately === true\r\n ) {\r\n self.validateEntry = true // will force an evaluation in evaluate method if the value has actually changed\r\n }\r\n\r\n self.evaluate(self.getVal())\r\n }\r\n // call custom action to make changes reflecting the change\r\n if (self.actionSettings.onSelect) {\r\n self.actionSettings.onSelect(self, e)\r\n }\r\n }\r\n }\r\n\r\n self.selectedIndex = function (index) {\r\n if (self.isLL) {\r\n if (index != undefined) {\r\n self._selectedIndex = index\r\n self.jList.find(self.optionType).removeClass('selected')\r\n const _index = index + 1\r\n self.jList\r\n .find(self.optionType + ':nth-child(' + _index + ')')\r\n .addClass('selected')\r\n // add value to select control (which is bound to the model)\r\n self.element.value = self.getVal()\r\n }\r\n return self._selectedIndex\r\n } else {\r\n if (index != undefined) {\r\n self.element.selectedIndex = index\r\n }\r\n return self.element.selectedIndex\r\n }\r\n }\r\n\r\n self.updateBackgroundText = function () {\r\n // the background field actually controls the width of the entire control. Only relevant for Natuaral Language input controls\r\n const _jBackgroundTextField = self.jParent.find('.ecmt-input-text')\r\n\r\n if (_jBackgroundTextField.length > 0) {\r\n // field is found\r\n if (!_jBackgroundTextField[0].style.minWidth) {\r\n // no min width. Set it to the current width. As the text content changes, it might become shorter, but we won't allow that\r\n _jBackgroundTextField[0].style.minWidth =\r\n _jBackgroundTextField[0].offsetWidth + 'px'\r\n }\r\n let _txt = self.getText()\r\n const _attr = self.jDisplay.attr('placeholder')\r\n if (!_txt) {\r\n _txt = _attr\r\n }\r\n _jBackgroundTextField.text(_txt)\r\n }\r\n }\r\n\r\n // Lazyload only (jDisplay keyup/down ...)\r\n if (self.isLL) {\r\n // reset visibility and make ready for forced displaying\r\n $(self.element).hide()\r\n\r\n self.validateLazyUpdate = function (lastKeyCode) {\r\n if (self.lazyLoadCriteria != self.getText()) {\r\n // only update if the criteria has changed\r\n self.lazyLoadUpdate(lastKeyCode)\r\n }\r\n }\r\n\r\n // Collapse dropdown box\r\n self.forceRetract = function () {\r\n if (self.isDisplayingOptions) {\r\n self.isDisplayingOptions = false\r\n self.jList.hide('blind', 0) // hide arguments has replaced empty () to avoid chrome (v. 35.0) error which leaves the list's shadow visible, when hiding the list after clicking a list element.\r\n self.jList.css('display', 'none')\r\n self.emptyList()\r\n }\r\n }\r\n\r\n // Expand dropdown box\r\n self.forceExtend = function () {\r\n if (self.jList.children().length > 10) {\r\n self.jList.addClass('scroll')\r\n } else {\r\n self.jList.removeClass('scroll')\r\n }\r\n if (!self.isDisplayingOptions) {\r\n self.isDisplayingOptions = true\r\n self.jList.show('blind', 300)\r\n self.jList.css('display', null)\r\n }\r\n }\r\n\r\n // setup listening to the text entry\r\n self.jDisplay.on('focus', function () {\r\n $(self.element).css('width', self.jParent[0].offsetWidth - 8 + 'px')\r\n })\r\n\r\n self.jDisplay.on('keydown', function (e) {\r\n if (!self.isDelayingUpdate) {\r\n if (e.keyCode === keyCodes.UP) {\r\n // up arrow - go up in list\r\n if (self.selectedIndex() > 0) {\r\n self.selectedIndex(self.selectedIndex() - 1)\r\n self.updateDisplay()\r\n }\r\n } else if (e.keyCode === keyCodes.DOWN) {\r\n // down arrow - go down in list\r\n if (self.selectedIndex() < self.jList.children().length - 1) {\r\n self.selectedIndex(self.selectedIndex() + 1)\r\n self.updateDisplay()\r\n\r\n if (!h.isIE) {\r\n // IE only\r\n const _index = self.selectedIndex() + 1\r\n const container = $(self.jList)\r\n const scrollTo = $(self.optionType + ':nth-child(' + _index + ')')\r\n\r\n container.scrollTop(\r\n scrollTo.offset().top -\r\n container.offset().top +\r\n container.scrollTop()\r\n )\r\n }\r\n }\r\n } else if (e.keyCode === keyCodes.TAB || e.keyCode === keyCodes.ENTER) {\r\n if (e.keyCode === keyCodes.ENTER) {\r\n e.preventDefault() // avoids autosubmit in IE, when there is only a single input control in the form\r\n }\r\n if (self.selectedIndex() >= 0) {\r\n $(self.element).trigger('change')\r\n\r\n // Streetname is selected, add a space to simplify input of streetnumber etc\r\n if (self.isStreetNameSearch) {\r\n e.preventDefault()\r\n }\r\n\r\n self.forceRetract() // after change, because the knockout binding will update the control with the content it just received, but only if it is found in the list.\r\n } else if (!self.isEntryValid) {\r\n self.tryAutoSelect(true)\r\n self.forceRetract() // after change, because the knockout binding will update the control with the content it just received, but only if it is found in the list.\r\n }\r\n } else {\r\n self.streetNameSelected = false\r\n }\r\n }\r\n })\r\n\r\n self.jDisplay.on('keyup', function (e) {\r\n if (self.lastValue !== self.jDisplay.val()) {\r\n if (\r\n e.keyCode !== keyCodes.ENTER &&\r\n e.keyCode !== keyCodes.TAB &&\r\n e.keyCode !== keyCodes.LEFT &&\r\n e.keyCode !== keyCodes.UP &&\r\n e.keyCode !== keyCodes.RIGHT &&\r\n e.keyCode !== keyCodes.DOWN &&\r\n e.keyCode !== 16 // shift\r\n ) {\r\n self.isEntryValid = false\r\n self.lastValue = ''\r\n }\r\n }\r\n self.validateLazyUpdate(e.keyCode)\r\n })\r\n\r\n self.jList.on('click', 'li', function (event) {\r\n self.selectedIndex($(this).index())\r\n self.updateDisplay()\r\n $(self.element).change()\r\n\r\n self.validateLazyUpdate()\r\n self.forceRetract() // after change, because the knockout binding will update the control with the content it just received, but only if it is found in the list.\r\n self.jDisplay.focus()\r\n })\r\n\r\n if (navigator.userAgent.match(/Firefox/i)) {\r\n self.jList.on('mousedown', self.optionType, function (e) {\r\n self.selectedIndex($(this).index())\r\n self.updateDisplay()\r\n $(self.element).change()\r\n self.forceRetract() // after change, because the knockout binding will update the control with the content it just received, but only if it is found in the list.\r\n self.jDisplay.focus()\r\n })\r\n }\r\n }\r\n\r\n // add focus styling. Must be coded as styling is applied to the parent control, yet the select control receives the focus\r\n if (self.isLLorSelect) {\r\n if (!self.isLL) {\r\n self.element.ifws_showSpinner = function () {\r\n let _jTarget = self.jParent.find('.dropdownButton')\r\n if (_jTarget.length > 0) {\r\n // create a div with a white background to hide the search icon in the right side of the entry\r\n const _div = $('
')\r\n _div.css({\r\n position: 'absolute'\r\n })\r\n _div.appendTo(_jTarget)\r\n $(_div).position({\r\n my: 'center',\r\n at: 'center',\r\n of: _jTarget\r\n })\r\n\r\n _jTarget = $(_div)\r\n\r\n // ...and add the spinner to the new div\r\n const img = $('')\r\n img.attr(\r\n 'src',\r\n app.shopHostUrl +\r\n 'styling/img/webshop/shopflow/mini-loader.gif'\r\n )\r\n img.appendTo(_jTarget)\r\n }\r\n }\r\n\r\n self.element.ifws_hideSpinner = function () {\r\n const _jTarget = self.jParent.find('.dropdownButton')\r\n if (_jTarget.length > 0) {\r\n _jTarget.children().remove()\r\n }\r\n }\r\n }\r\n\r\n self.tryAutoSelect = function (triggerChange) {\r\n // validate if we can auto select an entry\r\n if (self.jList.children().length === 1) {\r\n self.selectedIndex(0)\r\n self.isAutoSelected = true\r\n\r\n if (triggerChange) $(self.element).change()\r\n } else {\r\n const _val = self.getText()\r\n if (_val) {\r\n // compare using filter to make selection case insensitive\r\n const _result = self.jList.children('li[val]').filter(function () {\r\n return this.attributes[0].value.toLowerCase() === _val.toLowerCase()\r\n })\r\n if (_result.length > 0) {\r\n self.selectedIndex(_result.index())\r\n // self.updateDisplay();\r\n self.isAutoSelected = true\r\n $(self.element).change()\r\n }\r\n }\r\n }\r\n }\r\n\r\n $(self.element).on('focus', function () {\r\n self.jParent.addClass('textboxFocus')\r\n self.jParent.addClass('has-focus') // BOTOX\r\n })\r\n\r\n $(self.element).on('blur', function () {\r\n self.jParent.removeClass('textboxFocus')\r\n self.jParent.removeClass('has-focus') // BOTOX\r\n if (self.isLL) {\r\n self.forceRetract()\r\n }\r\n })\r\n\r\n self.jDisplay.on('focus', function () {\r\n $(self.element)\r\n .parent()\r\n .addClass('textboxFocus')\r\n $(self.element)\r\n .parent()\r\n .addClass('has-focus') // BOTOX\r\n })\r\n\r\n self.jDisplay.on('blur', function () {\r\n self.jDisplay.parent().removeClass('textboxFocus')\r\n self.jDisplay.parent().removeClass('has-focus') // BOTOX\r\n if (self.isLL) {\r\n if (self.jParent.find(':active').length === 0) {\r\n // focus is not passed outside control\r\n if (!self.isEntryValid) {\r\n self.tryAutoSelect()\r\n }\r\n // close off\r\n self.forceRetract()\r\n // update text with selection\r\n self.setText(self.lastValue)\r\n }\r\n }\r\n })\r\n\r\n $(self.element).on('focus', function () {\r\n if (self.isLL && !self.isDisplayingOptions) {\r\n // pass focus to the text entry if the select list isn't visible\r\n self.jDisplay.focus()\r\n if (self.getText() == self.selectorDefaultText) {\r\n self.setText('')\r\n }\r\n }\r\n })\r\n\r\n self.lazyLoadUpdate = function (lastKeyCode) {\r\n if (\r\n self.lazyLoadCriteria != self.getText() &&\r\n self.lastValue != self.getText()\r\n ) {\r\n // only update if the criteria has changed\r\n $(self.element).val('')\r\n self.resetDependents()\r\n\r\n let _timeout = 300\r\n if (lastKeyCode === keyCodes.BACKSPACE) {\r\n // if clicking delete, the user might remove a lot of character, but without holding down the key). to avoid this action is overruled by a unique match, which will update the entry with the very text the user is trying to remove, this kind of change (backspace) has a much slower respons.\r\n _timeout = 700\r\n }\r\n\r\n if (self.getText().length > 0) {\r\n if (\r\n !self.actionSettings.onEntryChange ||\r\n self.actionSettings.onEntryChange(self) === true\r\n ) {\r\n self.isDelayingUpdate = true\r\n if (self.timeoutId) {\r\n // kill existing timeout, so it wont trigger. this is like restarting it.\r\n window.clearTimeout(self.timeoutId)\r\n }\r\n self.timeoutId = setTimeout(function () {\r\n self.isDelayingUpdate = false\r\n // before mathing options are loaded, test the contetn of the criteria again, maybe it is invalid (changes while the update was delayed)\r\n if (self.getText().length > 0) {\r\n // get maching options\r\n self.update()\r\n }\r\n self.lazyLoadCriteria = self.getText()\r\n }, _timeout)\r\n }\r\n } else {\r\n if (self.loader) {\r\n self.loader.cancel = true\r\n }\r\n self.lazyLoadCriteria = ''\r\n self.forceRetract()\r\n self.emptyList()\r\n }\r\n self.updateBackgroundText()\r\n }\r\n }\r\n }\r\n\r\n if (self.isText) {\r\n $(self.element).on('focus', function () {\r\n self.jParent.addClass('has-focus') // BOTOX\r\n })\r\n\r\n $(self.element).on('blur', function () {\r\n self.jParent.removeClass('has-focus') // BOTOX\r\n })\r\n }\r\n\r\n if (self.isSelect) {\r\n if (navigator.userAgent.match(/Firefox/i)) {\r\n $(self.element).on('keyup', function () {\r\n $(self.element).trigger('change')\r\n })\r\n }\r\n }\r\n\r\n if (self.isLL || self.actionSettings.disableAutoBind === true) {\r\n $(self.element).on('change', self.onChange)\r\n }\r\n\r\n // specify the topmost 'select' text\r\n if (!self.selectorDefaultText) {\r\n const _code = $(self.element).attr('data-noseltxt')\r\n if (_code) {\r\n self.selectorDefaultText = _code\r\n }\r\n }\r\n if (!self.selectorDefaultText) {\r\n self.selectorDefaultText = 'Vælg'\r\n }\r\n\r\n // bind to model (Important: when no autobinding, enableSelect must be called AFTER ko.applyBindings)\r\n if (!self.actionSettings.disableAutoBind && self.model) {\r\n ko.applyBindingsToNode(self.element, null, self.model)\r\n }\r\n\r\n // bind to dependency\r\n const _jDependencyId = $(self.topElement).attr('data-dependency')\r\n if (_jDependencyId) {\r\n self.reset()\r\n\r\n // the control is linked to another control, get the instance of the dependency element\r\n const _jDependent = $(_jDependencyId) // the other multi element's topElement\r\n // listen to dependency events\r\n $(_jDependent[0]).on('evaluate', function (e, val) {\r\n if (self.dependencyVal === val) {\r\n // || (!self.dependencyVal && !val)) {\r\n // nothing has changed or the client is called twise due to buggy code\r\n return\r\n }\r\n // update when the depdendency is loaded. First reset it\r\n self.reset2()\r\n self.resetDependents()\r\n // ...then update it\r\n if (self.isLL) {\r\n self.setText('')\r\n self.forceRetract()\r\n self.makeReady()\r\n } else {\r\n self.setWorking()\r\n if (self.isWorking) {\r\n self.pendingWork = true\r\n self.pendingWorkTask = val\r\n setTimeout(function () {\r\n // TODO: refactor so timeout can be avoided. It is propably added to ensure that the knockout bounded models are updated first.\r\n if (self.pendingWorkTask == val) {\r\n self.setWorking()\r\n self.update()\r\n } else {\r\n // ignore this call\r\n }\r\n self.pendingWork = false\r\n }, 200)\r\n } else {\r\n self.update()\r\n }\r\n }\r\n })\r\n\r\n $(_jDependent).on('reset', function () {\r\n // update when the depdendency is loaded\r\n self.reset()\r\n })\r\n } else if (self.dependencyModel) {\r\n // the control is linked to a model property\r\n self.dependencyModel.subscribe(function () {\r\n // listen to the model's property\r\n if (self.dependencyVal === self.dependencyModel()) {\r\n // nothing has changed or the client is called twise due to buggy code\r\n return\r\n }\r\n let _Update = true\r\n if (self.actionSettings.onDependencyChange) {\r\n _Update = self.actionSettings.onDependencyChange(\r\n self,\r\n self.dependencyModel\r\n )\r\n }\r\n if (_Update) {\r\n // update when the depdendency is loaded\r\n self.resetDependents()\r\n self.update()\r\n } else {\r\n self.reset()\r\n }\r\n })\r\n self.update()\r\n } else {\r\n // update now, on initialization too.\r\n if (self.isLLorSelect) {\r\n self.disable()\r\n }\r\n if (self.isLL) {\r\n self.makeReady()\r\n } else {\r\n self.update()\r\n }\r\n }\r\n\r\n $(self.element).on('paste', function (e) {\r\n self.validateEntry = true\r\n\r\n if (\r\n self.validateEntry === true &&\r\n self.lastValidatedValue != self.element.value\r\n ) {\r\n self.element.ifws_isInvalid = false\r\n if (\r\n self.actionSettings &&\r\n self.actionSettings.validateImmediately === true\r\n ) {\r\n self.evaluate(self.getVal(), 'paste')\r\n }\r\n }\r\n })\r\n\r\n $(self.element).on('keyup', function (e) {\r\n self.validateEntry = e.which !== 0 || e.charCode !== 0\r\n\r\n if (self.lastValidatedValue != self.element.value) {\r\n self.element.ifws_isInvalid = false\r\n if (self.actionSettings && self.actionSettings.validateImmediately === true) {\r\n self.evaluate(self.getVal(), undefined, 'keyup')\r\n }\r\n }\r\n })\r\n\r\n if (self.actionSettings && self.actionSettings.validateOnBlur === true) {\r\n $(self.element).on('blur', function (e) {\r\n if (self.validateEntry === true && self.lastValidatedValue != self.element.value) {\r\n self.evaluate(self.getVal(), undefined, 'blur')\r\n }\r\n })\r\n }\r\n\r\n self.validationActionSettings = {\r\n onValid: function () {\r\n // client code accepts entry\r\n\r\n // app.writeDebugInfo('>>> VALID result: ' + result + ' (' + self.topElement.id + ')');\r\n\r\n // remove red paint\r\n self.element.ifws_isInvalid = false\r\n $(self.element).trigger('evaluate', self.getVal())\r\n h.validateElement(self.element, 'ifws_isInvalid')\r\n\r\n self.setNotWorking()\r\n self.isValidating = false\r\n\r\n if (self.actionSettings && self.actionSettings.onInvalid) {\r\n self.actionSettings.onValid()\r\n }\r\n self.lastValidatedValue = self.jDisplay.val()\r\n },\r\n onInvalid: function () {\r\n // client code rejects entry\r\n\r\n // paint red\r\n self.resetDependents()\r\n self.element.ifws_isInvalid = true\r\n\r\n h.updateElementValidation(\r\n self.element,\r\n 'ifws_isInvalid',\r\n undefined,\r\n false /* forces error result */\r\n )\r\n // h.validateElement(self.element, 'ifws_isInvalid');\r\n\r\n self.setNotWorking()\r\n self.isValidating = false\r\n\r\n if (self.actionSettings && self.actionSettings.onInvalid) {\r\n self.actionSettings.onInvalid()\r\n }\r\n self.lastValidatedValue = self.jDisplay.val()\r\n }\r\n }\r\n\r\n self.validate = function (value, actionName) {\r\n if (self.actionSettings && self.actionSettings.validation) {\r\n self.isValidating = true\r\n // app.writeDebugInfo('>>> SW VAL ' + self.topElement.id);\r\n\r\n self.setWorking()\r\n\r\n const result = self.actionSettings.validation(self, self.validationActionSettings, actionName)\r\n if (result === true || result === false) {\r\n // this is only true if the validation is not async and the result is returned by the custom validator. Otherwise (if async) the result will not be ready until later\r\n self.element.ifws_isInvalid = !result\r\n self.setNotWorking() // when an actual result is returned, we expect this work to be done\r\n self.isValidating = false\r\n self.lastValidatedValue = self.jDisplay.val()\r\n }\r\n return result\r\n }\r\n }\r\n\r\n self.element.ifws_customCheck = function (element, action) {\r\n if (\r\n self.actionSettings &&\r\n self.actionSettings.ignoreValidationOnKeyUp &&\r\n action === 'onkeyup'\r\n ) {\r\n return false\r\n }\r\n }\r\n\r\n if (self.actionSettings && self.actionSettings.validation) {\r\n self.element.ifws_customValidation = function (value) {\r\n if (self.validateEntry && self.lastValidatedValue != self.element.value) {\r\n self.validateEntry = false\r\n const result = self.validate(value)\r\n if (result === true || result === false) {\r\n // the custom method actuelly returned a specific true/false result. pass it as a result\r\n return result\r\n }\r\n }\r\n // Nothing special happened, just return the current state\r\n return !self.element.ifws_isInvalid\r\n }\r\n }\r\n\r\n self.lastValidatedValue = self.element.value\r\n $(document).ready(function () {\r\n if (self.pageLoadValidate && self.element.value) {\r\n self.validateEntry = true\r\n self.element.ifws_isInvalid = false\r\n self.validate(undefined, 'pageload')\r\n }\r\n })\r\n}\r\n\r\nfunction enableMultiControl (jElement, model, dependencyModel, actionSettings) {\r\n return new MultiControl(jElement, model, dependencyModel, actionSettings)\r\n}\r\n\r\nfunction enableSelect (jElement, model, dependencyModel, actionSettings) {\r\n return enableMultiControl(jElement, model, dependencyModel, actionSettings)\r\n}\r\n\r\nfunction enableTextInput (jElement, model, dependencyModel, actionSettings) {\r\n return enableMultiControl(jElement, model, dependencyModel, actionSettings)\r\n}\r\n\r\n// multi control custom validation (Required)\r\njQuery.validator.addMethod('ifws_selected', function (value, element) {\r\n if (element.ifws_control.isWorking || element.ifws_control.pendingWork) {\r\n return false\r\n }\r\n // if e.g. lazyload control is changed without any match is found\r\n if (!element.ifws_control || element.ifws_control.isEntryValid === false) {\r\n return false\r\n }\r\n // first line just expresses \"select\". if it is selected, the control still isn't ready\r\n if (\r\n element.ifws_control.ignoreFirstLine === true &&\r\n element.selectedIndex === 0\r\n ) {\r\n return false\r\n }\r\n if (element.ifws_control.ignoreOnValidation === true) {\r\n // Ignore that it is empty (e.g. floor for an address with no floors)\r\n return true\r\n } else {\r\n if (element.ifws_control.getVal()) {\r\n // Has value - valid\r\n return true\r\n } else {\r\n // no value - invalid\r\n return false\r\n }\r\n }\r\n})\r\n\r\n// multi control Knockout binding handler\r\nko.bindingHandlers.selection_value = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindingsAccessor,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n ko.utils.registerEventHandler(element, 'change', function (event) {\r\n // write selection to model's property\r\n if (element.ifws_control.isReady) {\r\n valueAccessor()(element.ifws_control.getVal())\r\n element.ifws_control.onChange(event)\r\n }\r\n })\r\n },\r\n update: function (element, valueAccessor, allBindingsAccessor) {\r\n // update selection control with property change\r\n const value = valueAccessor()\r\n if (element.value !== value()) {\r\n element.value = value()\r\n element.ifws_control_preValue = value()\r\n if (\r\n element.ifws_control &&\r\n !element.ifws_control.isLL &&\r\n element.ifws_control.isReady === true &&\r\n element.ifws_control.disableAutoUpdate !== true\r\n ) {\r\n element.ifws_control.updateDisplay()\r\n }\r\n }\r\n }\r\n}\r\n\r\n// date text entry filed knockout binder\r\nko.bindingHandlers.date_value = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n const observable = valueAccessor()\r\n\r\n ko.utils.registerEventHandler(element, 'change', function (element) {\r\n const _date = $.parseDate(element.currentTarget.value, null, app.culture)\r\n if (_date) {\r\n if (element.currentTarget.value.length >= 8) {\r\n observable($.format(_date, 'dd/MM/yyyy', app.culture))\r\n }\r\n }\r\n if (!element.currentTarget.ifws_control) {\r\n $(element.currentTarget).trigger('evaluate')\r\n }\r\n })\r\n\r\n ko.utils.registerEventHandler(element, 'keyup', function (element) {\r\n if (\r\n element.currentTarget.ifws_control &&\r\n element.currentTarget.ifws_control.actionSettings &&\r\n element.currentTarget.ifws_control.actionSettings\r\n .validateImmediately === true\r\n ) {\r\n // updates model as soon as the data has changed if the control is setup to validate immediately\r\n const _date = $.parseDate(element.currentTarget.value, null, app.culture)\r\n if (_date) {\r\n const value = element.currentTarget.value\r\n if (isDateReadyforValidation(value)) {\r\n observable($.format(_date, 'dd/MM/yyyy', app.culture))\r\n $(element.currentTarget).trigger('evaluate')\r\n }\r\n }\r\n }\r\n })\r\n },\r\n update: function (element, valueAccessor, allBindingsAccessor) {\r\n // update selection control with property change\r\n let value = valueAccessor()()\r\n\r\n if (value && value.getDate) {\r\n // propably a Date object\r\n value = $.format(value, 'dd/MM/yyyy', app.culture)\r\n }\r\n\r\n if (element.value !== value) {\r\n $(element).val(value)\r\n if (element.ifws_control) {\r\n element.ifws_control_preValue = value\r\n if (\r\n element.ifws_control &&\r\n element.ifws_control.isReady === true &&\r\n element.ifws_control.disableAutoUpdate !== true\r\n ) {\r\n element.ifws_control.updateDisplay()\r\n element.ifws_control.lastValidatedValue = value\r\n element.ifws_control.lastValue = value\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// text entry filed knockout binder\r\nko.bindingHandlers.text_value = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n const observable = valueAccessor()\r\n\r\n ko.utils.registerEventHandler(element, 'change', function (element) {\r\n observable(element.currentTarget.value)\r\n if (!element.currentTarget.ifws_control) {\r\n $(element.currentTarget).trigger('evaluate')\r\n }\r\n })\r\n\r\n ko.utils.registerEventHandler(element, 'keyup', function (element) {\r\n if (\r\n element.currentTarget.ifws_control &&\r\n element.currentTarget.ifws_control.actionSettings &&\r\n element.currentTarget.ifws_control.actionSettings\r\n .validateImmediately === true\r\n ) {\r\n // updates model as soon as the data has changed if the control is setup to validate immediately\r\n observable(element.currentTarget.value)\r\n $(element.currentTarget).trigger(\r\n 'evaluate',\r\n element.currentTarget.value\r\n )\r\n }\r\n })\r\n },\r\n update: function (element, valueAccessor, allBindingsAccessor) {\r\n // update selection control with property change\r\n const value = valueAccessor()()\r\n\r\n if (\r\n element.id === 'RegNr' &&\r\n element.value &&\r\n value &&\r\n element.value.toLowerCase() == value.toLowerCase()\r\n ) {\r\n element.value = value\r\n }\r\n\r\n if (element.value !== value) {\r\n $(element).val(value)\r\n if (element.ifws_control) {\r\n element.ifws_control_preValue = value\r\n if (\r\n element.ifws_control &&\r\n element.ifws_control.isReady === true &&\r\n element.ifws_control.disableAutoUpdate !== true\r\n ) {\r\n element.ifws_control.updateDisplay()\r\n element.ifws_control.lastValidatedValue = value\r\n element.ifws_control.lastValue = value\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport { MultiControl, enableMultiControl, enableSelect, enableTextInput }\r\n","/* global $ ko */\r\n\r\nimport { h } from './dk-ifshop-helper'\r\nimport { keyCodes } from './dk-ifshop-constants'\r\n\r\n// avoid that any hyperlinks in checkboxes un/check the checkbox when clicked\r\n$(document).on('click', '.css-checkbox-label a', function (e) {\r\n e.stopPropagation()\r\n})\r\n$(document).on('click', '.css-checkbox-label2 a', function (e) {\r\n e.stopPropagation()\r\n})\r\n\r\n// used to pass click event based on data-id (checkboxes a.o.)\r\nif (\r\n !navigator.userAgent.match(/iPhone/i) &&\r\n !navigator.userAgent.match(/iPod/i) &&\r\n !navigator.userAgent.match(/iPad/i) &&\r\n (!navigator.userAgent.match(/safari/i) ||\r\n navigator.userAgent.match(\r\n /chrome/i\r\n )) /* the word safari can be part of chrome agent name */\r\n) {\r\n $(document).on('click', '[for]', function () {\r\n const _jElm = $(this)\r\n let _temp = h.getElm(_jElm.attr('for'))\r\n if (!_temp) {\r\n _temp = h.getJElmByDataId(_jElm.attr('for'))\r\n if (_temp[0]) {\r\n if (_temp.prop('checked')) {\r\n // only possible for a checkbox\r\n if (!_temp.is('[type=radio]')) {\r\n _temp.prop('checked', false).trigger('change')\r\n }\r\n } else {\r\n _temp.prop('checked', true).trigger('change')\r\n }\r\n // call validator explicit because there is no click event in this action\r\n if (_temp[0].form && _temp[0].form.validator) {\r\n // if (_temp[0] in _temp[0].form.validator.submitted) { //commented out because it apparently never is set (only expected on bekræft side)\r\n _temp[0].form.validator.element(_temp[0])\r\n // }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\n// used to pass click event from div\r\n$(document).on('click', '.dws-radioBox', function () {\r\n const _jElm = $(this)\r\n const _temp = _jElm.find('input')\r\n if (_temp[0]) {\r\n if (!_temp.prop('checked')) {\r\n _temp.prop('checked', true).trigger('change')\r\n }\r\n }\r\n return true\r\n})\r\n\r\n// act on space keyboard event. I don't know why this doesn't happen automatically\r\n$(document).on('keydown', '.css-radio', function (e) {\r\n if (e.keyCode === keyCodes.SPACE) {\r\n const _jElm = $(this)\r\n if (!_jElm.prop('checked')) {\r\n _jElm.prop('checked', true).trigger('change')\r\n }\r\n return false\r\n }\r\n})\r\n\r\n// knockout binding: yes/no radiobutton control Knockout binding handler\r\nko.bindingHandlers.boolRadio = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n if ($(element).is(':radio')) {\r\n ko.utils.registerEventHandler(element, 'change', function (element) {\r\n // write click change to model's proerty\r\n const observable = valueAccessor()\r\n if (element.currentTarget.value === 'true') {\r\n observable(true)\r\n } else if (element.currentTarget.value === 'false') {\r\n observable(false)\r\n } else {\r\n observable(element.currentTarget.value)\r\n }\r\n })\r\n }\r\n\r\n function updateElement (element, newValue) {\r\n if ($(element).is(':radio')) {\r\n // update radiobuttons to reflect model value change\r\n if (\r\n newValue === element.value ||\r\n (newValue === true && String(newValue) === element.value)\r\n ) {\r\n // native true value\r\n $(element).prop('checked', true)\r\n element.checked = true\r\n } else if (\r\n newValue === element.value ||\r\n (newValue === false && String(newValue) === element.value)\r\n ) {\r\n // native true value\r\n $(element).prop('checked', true)\r\n element.checked = true\r\n } else if (\r\n (newValue === true ||\r\n (typeof newValue === 'string' &&\r\n newValue.toLowerCase() === 'true') ||\r\n newValue == '1') &&\r\n (element.value == '1' ||\r\n (typeof element.value === 'string' &&\r\n element.value.toLowerCase() === 'true'))\r\n ) {\r\n // true text\r\n $(element).prop('checked', true)\r\n element.checked = true\r\n } else if (\r\n (newValue === false ||\r\n (typeof newValue === 'string' &&\r\n newValue.toLowerCase() === 'false') ||\r\n newValue == '0') &&\r\n (element.value == '0' ||\r\n (typeof element.value === 'string' &&\r\n element.value.toLowerCase() === 'false'))\r\n ) {\r\n // false text\r\n $(element).prop('checked', true)\r\n element.checked = true\r\n } else if (newValue == element.value) {\r\n // Match other then true/false\r\n $(element).prop('checked', true)\r\n element.checked = true\r\n } else {\r\n // No match\r\n $(element).prop('checked', false)\r\n element.checked = false\r\n }\r\n updateRadio(element)\r\n } else {\r\n if (\r\n newValue === true ||\r\n (typeof newValue === 'string' && newValue.toLowerCase() === 'true') ||\r\n newValue == '1'\r\n ) {\r\n $(element).text('Ja')\r\n } else if (\r\n newValue === false ||\r\n (typeof newValue === 'string' &&\r\n newValue.toLowerCase() === 'false') ||\r\n newValue == '0'\r\n ) {\r\n $(element).text('Nej')\r\n } else {\r\n $(element).text('-')\r\n }\r\n }\r\n }\r\n\r\n // make initial update\r\n updateElement(element, valueAccessor()())\r\n\r\n valueAccessor().subscribe(function (newValue) {\r\n // listen to property's value change\r\n const self = this\r\n self.Element = element\r\n updateElement(self.Element, newValue)\r\n $(element).trigger('evaluate')\r\n })\r\n }\r\n}\r\n\r\nko.bindingHandlers.multiRadio = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n if ($(element).is(':radio')) {\r\n ko.utils.registerEventHandler(element, 'change', function (element) {\r\n const observable = valueAccessor()\r\n observable(element.currentTarget.value)\r\n })\r\n const value = ko.unwrap(valueAccessor())\r\n if (element.value === value) {\r\n element.checked = true\r\n } else {\r\n element.checked = false\r\n }\r\n updateRadio(element)\r\n }\r\n },\r\n update: function (element, valueAccessor, allBindings) {\r\n const value = valueAccessor()\r\n const valueUnwrapped = ko.unwrap(value)\r\n if (element.value == valueUnwrapped) {\r\n element.checked = true\r\n } else {\r\n element.checked = false\r\n }\r\n $(element).trigger('evaluate')\r\n updateRadio(element)\r\n }\r\n}\r\n\r\n// knockout binding: checkbox that passes either true or false to model and updates the checkbox graphics\r\nko.bindingHandlers.boolCheckboxSimple = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n if ($(element).is(':checkbox')) {\r\n ko.utils.registerEventHandler(element, 'change', function (element) {\r\n // write click change to model's proerty\r\n const observable = valueAccessor()\r\n if ($(element.currentTarget).prop('checked')) {\r\n observable(true)\r\n } else {\r\n observable(false)\r\n }\r\n })\r\n }\r\n\r\n function updateElement (element, newValue) {\r\n if ($(element).is(':checkbox')) {\r\n // update radiobuttons to reflect model value change\r\n if (\r\n newValue === element.value || (newValue && String(newValue) === element.value)\r\n ) {\r\n $(element).prop('checked', true)\r\n } else if (newValue === true || (typeof newValue === 'string' && newValue.toLowerCase() === 'true') ||\r\n newValue == '1'\r\n ) {\r\n $(element).prop('checked', true)\r\n } else if (newValue === false || (typeof newValue === 'string' && newValue.toLowerCase() === 'false') ||\r\n newValue == '0'\r\n ) {\r\n $(element).prop('checked', false)\r\n }\r\n }\r\n }\r\n\r\n // make initial update\r\n updateElement(element, valueAccessor()())\r\n\r\n valueAccessor().subscribe(function (newValue) {\r\n // listen to property's value change\r\n const self = this\r\n self.Element = element\r\n updateElement(self.Element, newValue)\r\n $(element).trigger('evaluate')\r\n })\r\n }\r\n}\r\n\r\n// knockout binding: checkbox that passes either true or false to model and updates the checkbox graphics\r\nko.bindingHandlers.boolCheckbox = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n if ($(element).is(':checkbox')) {\r\n ko.utils.registerEventHandler(element, 'change', function (element) {\r\n // write click change to model's proerty\r\n\r\n const observable = valueAccessor()\r\n if ($(element.currentTarget).prop('checked')) {\r\n observable(true)\r\n } else {\r\n observable(false)\r\n }\r\n })\r\n }\r\n\r\n function updateElement (element, newValue) {\r\n if ($(element).is(':checkbox')) {\r\n // update radiobuttons to reflect model value change\r\n if (\r\n newValue === element.value ||\r\n (newValue && String(newValue) === element.value)\r\n ) {\r\n $(element).prop('checked', true)\r\n } else if (\r\n newValue === true ||\r\n (typeof newValue === 'string' && newValue.toLowerCase() === 'true') ||\r\n newValue == '1'\r\n ) {\r\n $(element).prop('checked', true)\r\n } else if (\r\n newValue === false ||\r\n (typeof newValue === 'string' &&\r\n newValue.toLowerCase() === 'false') ||\r\n newValue == '0'\r\n ) {\r\n $(element).prop('checked', false)\r\n }\r\n updateCheckbox(element)\r\n }\r\n }\r\n\r\n // make initial update\r\n updateElement(element, valueAccessor()())\r\n\r\n valueAccessor().subscribe(function (newValue) {\r\n // listen to property's value change\r\n const self = this\r\n self.Element = element\r\n updateElement(self.Element, newValue)\r\n $(element).trigger('evaluate')\r\n })\r\n }\r\n}\r\n\r\n// function updateRadioGroup(element) {\r\n// if ($(element).prop('checked')) {\r\n// $(element).addClass('css-radiochecked').removeClass('css-radio');\r\n// $(element).parent().addClass('dws-radioBoxChecked');\r\n// }\r\n// else {\r\n// $(element).addClass('css-radio').removeClass('css-radiochecked');\r\n// $(element).parent().removeClass('dws-radioBoxChecked');\r\n// }\r\n// }\r\n\r\nfunction updateRadio (element) {\r\n if ($(element).prop('checked')) {\r\n // if (element.checked) {\r\n $(element)\r\n .addClass('css-radiochecked')\r\n .removeClass('css-radio')\r\n $(element)\r\n .parent()\r\n .addClass('dws-radioBoxChecked')\r\n } else {\r\n $(element)\r\n .addClass('css-radio')\r\n .removeClass('css-radiochecked')\r\n $(element)\r\n .parent()\r\n .removeClass('dws-radioBoxChecked')\r\n }\r\n}\r\n\r\nfunction updateCheckbox (element) {\r\n if ($(element).prop('checked')) {\r\n $(element)\r\n .addClass('css-checkboxchecked')\r\n .removeClass('css-checkbox')\r\n } else {\r\n $(element)\r\n .addClass('css-checkbox')\r\n .removeClass('css-checkboxchecked')\r\n }\r\n}\r\n\r\nfunction updateUnboundRadioAndCheckboxes (jElement) {\r\n if (jElement) {\r\n jElement.find('input[type=checkbox]').each(function () {\r\n $(this).on('change', function () {\r\n $(this).trigger('evaluate')\r\n })\r\n })\r\n\r\n jElement.find('input[type=checkbox]').on('change', function () {\r\n // on('change', ... doesn't work here. Checked flag is not set in IE11 until later)\r\n updateCheckbox(this)\r\n return true\r\n })\r\n\r\n jElement.find('input[type=radio]').each(function () {\r\n $(this).on('change', function () {\r\n $(this).trigger('evaluate')\r\n })\r\n })\r\n\r\n jElement.find('input[type=radio]').on('change', function () {\r\n // on('change', ... doesn't work here. Checked flag is not set in IE11 until later)\r\n $('[name=' + this.name + ']').each(function () {\r\n updateRadio(this)\r\n })\r\n // updateRadioGroup(this);\r\n // updateRadio(this);\r\n return true\r\n })\r\n }\r\n}\r\n\r\nfunction updateUnboundRadioValue (jElement, name, value) {\r\n jElement.find('input[name=' + name + ']').each(function () {\r\n h.setCheck(compareRadioValues(this.value, value), this)\r\n updateRadio(this)\r\n })\r\n}\r\n\r\nfunction compareRadioValues (left, right) {\r\n if (\r\n left === right ||\r\n (left && String(left) === right) ||\r\n (right && String(right) === left)\r\n ) {\r\n return true\r\n } else if (\r\n (left === true || left == '1') &&\r\n (typeof right === 'string' && right.toLowerCase() === 'true')\r\n ) {\r\n return true\r\n } else if (\r\n (left === false || left == '0') &&\r\n (typeof right === 'string' && right.toLowerCase() === 'false')\r\n ) {\r\n return true\r\n } else if (\r\n (right === true || right == '1') &&\r\n (typeof left === 'string' && left.toLowerCase() === 'true')\r\n ) {\r\n return true\r\n } else if (\r\n (right === false || right == '0') &&\r\n (typeof left === 'string' && left.toLowerCase() === 'false')\r\n ) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nexport {\r\n compareRadioValues,\r\n updateCheckbox,\r\n updateRadio,\r\n updateUnboundRadioAndCheckboxes,\r\n updateUnboundRadioValue\r\n}\r\n","/* global $ ko */\r\nimport { h } from './dk-ifshop-helper'\r\n\r\nfunction enableSlider (jElement, settings) {\r\n if (!h.isSingleResult(jElement)) {\r\n return\r\n }\r\n\r\n function Slider () {\r\n const self = this\r\n self.settings = settings\r\n self.jResult = $(jElement[0].parentElement).find('.SliderCount')\r\n jElement[0].values = settings.values // TODO: apply all settings to a unique property like ifws_slider.values/steps/... (suffix: ifws_)\r\n jElement[0].steps = settings.steps\r\n jElement[0].convert = settings.convert\r\n jElement[0].revert = settings.revert\r\n self.defaultStep = settings.defaultStep\r\n jElement[0].ifslider = self\r\n\r\n if (settings.values) {\r\n // if the real values are applied, it is possibe to make the convert/revert easy by default methods\r\n if (!jElement[0].convert) {\r\n jElement[0].convert = function (slider, value) {\r\n // converts from slider step to property value\r\n return slider.values[value]\r\n }\r\n }\r\n if (!jElement[0].revert) {\r\n jElement[0].revert = function (slider, value) {\r\n // converts from property value to slider step text\r\n return slider.values.indexOf(value)\r\n }\r\n }\r\n }\r\n\r\n self.init = function (jElement) {\r\n if (settings.steps) {\r\n jElement.slider({\r\n min: 0,\r\n range: 'min',\r\n max: settings.steps.length - 1,\r\n value: self.defaultStep,\r\n slide: function (event, ui) {}\r\n })\r\n self.UpdateResult(jElement[0].steps[self.defaultStep])\r\n } else {\r\n jElement.slider({\r\n min: 0,\r\n max: 0,\r\n value: 0,\r\n disabled: true,\r\n slide: function (event, ui) {\r\n self.UpdateResult(jElement[0].steps[ui.value])\r\n }\r\n })\r\n }\r\n }\r\n\r\n self.UpdateResult = function (value) {\r\n self.jResult.html(self.settings.format(value))\r\n }\r\n self.init(jElement)\r\n }\r\n\r\n return new Slider()\r\n}\r\n\r\n// slider control Knockout binding handler\r\nko.bindingHandlers.slider = {\r\n init: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n ko.utils.registerEventHandler(element, 'slide', function (element, arg) {\r\n // update model's property with slide change\r\n const _observable = valueAccessor()\r\n let _val\r\n if (element.currentTarget.convert) {\r\n // use custom convertion function to interprete slide position into valid value\r\n _val = element.currentTarget.convert(element.currentTarget, arg.value)\r\n } else {\r\n _val = arg.value\r\n }\r\n // eslint-disable-next-line no-empty\r\n if (_observable() == _val) {\r\n } else {\r\n _observable(_val)\r\n }\r\n })\r\n },\r\n update: function (\r\n element,\r\n valueAccessor,\r\n allBindings,\r\n viewModel,\r\n bindingContext\r\n ) {\r\n if (element.steps) {\r\n // check to see if slider is initiated\r\n // update slider with model's property value change\r\n if (element.revert) {\r\n const _val = valueAccessor()()\r\n // use custom convertion function to interprete propeprty value into slide position\r\n let _pos = element.revert(element, _val)\r\n if (_pos == undefined) {\r\n _pos = 0\r\n }\r\n $(element).slider('value', _pos)\r\n if (element.steps) {\r\n // add step\r\n element.ifslider.UpdateResult(element.steps[_pos])\r\n }\r\n } else {\r\n // no conversion method. apply property value directly\r\n $(element).slider('value', valueAccessor()())\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport { enableSlider }\r\n","/* global $ */\r\nimport { app } from './dk-ifshop-application'\r\nexport const isDateReadyforValidation = (value) => {\r\n let delimiter\r\n if (!value) {\r\n return false\r\n } else if (value && value.indexOf('-') > -1) {\r\n delimiter = '-'\r\n } else if (value && value.indexOf(':') > -1) {\r\n delimiter = ':'\r\n } else if (value && value.indexOf('/') > -1) {\r\n delimiter = '/'\r\n } else if (value && value.indexOf('.') > -1) {\r\n delimiter = '.'\r\n }\r\n if (delimiter && value.split(delimiter).length - 1 < 2) {\r\n // at least two delimiters\r\n return false\r\n }\r\n if (\r\n delimiter &&\r\n value.length > 5 &&\r\n value.length < 10 &&\r\n value.substring(value.length - 5, value.length - 4)\r\n ) {\r\n // WORKS ONLY FOR DANISH DATES!!!\r\n // with day and/or moth only having 1 siffer, is ok, but we cant validate 100% correct if the year isn't full\r\n return false\r\n }\r\n if ($.parseDate(value, null, app.culture) == null) {\r\n return false\r\n }\r\n\r\n if (value.length < 8) {\r\n return false\r\n }\r\n return true\r\n}\r\n","// dictionary\r\nfunction CollItem (data, id) {\r\n const self = this\r\n self.id = id\r\n self.data = data\r\n}\r\n\r\nfunction WebShopCollection () {\r\n const self = this\r\n\r\n // TODO: Refactor this so add and addOrUpdate do not start with duplicate code?\r\n self.add = function (itm, id) {\r\n if (typeof itm === 'undefined') {\r\n throw new Error('Tries to add undefined item to collection')\r\n }\r\n if (typeof id === 'undefined') {\r\n // if no id/key is specified. the item will be the id/key too\r\n id = itm\r\n }\r\n if (!self.coll) {\r\n self.coll = []\r\n }\r\n\r\n const _collItem = new CollItem(itm, id)\r\n self.coll.push(_collItem)\r\n self.isSorted = false\r\n }\r\n\r\n self.addOrUpdate = function (itm, id) {\r\n let _collItem\r\n\r\n if (typeof itm === 'undefined') {\r\n throw new Error('Tries to add undefined item to collection')\r\n }\r\n\r\n if (typeof id === 'undefined') {\r\n // if no id/key is specified. the item will be the id/key too\r\n id = itm\r\n }\r\n\r\n if (!self.coll) {\r\n self.coll = []\r\n }\r\n\r\n for (let i = 0; i < self.coll.length; i++) {\r\n const _temp = self.coll[i]\r\n if (_temp.id == id) {\r\n _collItem = new CollItem(itm, id)\r\n self.coll.splice(i, 1, _collItem)\r\n self.isSorted = false\r\n return\r\n }\r\n }\r\n\r\n _collItem = new CollItem(itm, id)\r\n self.coll.push(_collItem)\r\n self.isSorted = false\r\n }\r\n\r\n self.item = function (id) {\r\n const fullEntry = self.fullEntry(id)\r\n return fullEntry !== null ? fullEntry.data : null\r\n }\r\n\r\n self.fullEntry = function (id) {\r\n if (!self.coll) {\r\n return null\r\n }\r\n for (let i = 0; i < self.coll.length; i++) {\r\n const _temp = self.coll[i]\r\n if (_temp.id == id) {\r\n return _temp\r\n }\r\n }\r\n return null\r\n }\r\n\r\n self.byIndex = function (index) {\r\n return self.coll[index].data\r\n }\r\n\r\n self.fullEntryByIndex = function (index) {\r\n return self.coll[index]\r\n }\r\n\r\n self.getCount = function () {\r\n if (!self.coll) {\r\n return 0\r\n }\r\n return self.coll.length\r\n }\r\n\r\n self.remove = function (id) {\r\n if (!self.coll) {\r\n return\r\n }\r\n\r\n for (let i = 0; i < self.coll.length; i++) {\r\n const temp = self.coll[i]\r\n if (temp.id == id) {\r\n self.coll.splice(i, 1)\r\n return\r\n }\r\n }\r\n }\r\n\r\n self.removeAll = function (id) {\r\n if (!self.coll) {\r\n return\r\n }\r\n\r\n for (let i = self.coll.length - 1; i >= 0; i--) {\r\n const temp = self.coll[i]\r\n if (temp.id == id) {\r\n self.coll.splice(i, 1)\r\n // return; -remove all means it removes all that match, not just first\r\n }\r\n }\r\n }\r\n\r\n self.sortPair = function (a, b) {\r\n if (a.id > b.id) return -1\r\n if (a.id < b.id) return 1\r\n return 0\r\n }\r\n\r\n self.clear = function () {\r\n self.coll = []\r\n }\r\n\r\n self.ensureSort = function () {\r\n if (!self.isSorted && self.coll) {\r\n self.coll.sort(self.sortPair)\r\n self.isSorted = true\r\n }\r\n }\r\n}\r\n\r\nexport { CollItem, WebShopCollection }\r\n","/* global $ ko jQuery */\r\n\r\nimport { PendingInputs } from './dk-ifshop-controls'\r\nimport { app } from './dk-ifshop-application'\r\nimport { PersonEntities } from './dk-ifshop-constants'\r\n\r\n// collection of helper functions (1 instance)\r\nfunction WebShopHelperFunctions () {\r\n this.WEBSHOP_WILLRENDERHTML = 'webshop.willrenderhtml'\r\n this.WEBSHOP_RENDEREDHTML = 'webshop.renderedhtml'\r\n this.WEBSHOP_PAGELOADED = 'pageLoaded'\r\n this.GTM_WEBSHOP_PAGELOADED = 'gtmPageLoaded'\r\n this.OPSIGELSE_HURTIGST = '2'\r\n this.OPSIGELSE_EJERSKIFTE = '3'\r\n this.CANCELLATION_MONTH_UNKNOWN = 99\r\n\r\n this.TILBUD_UPDATED = 'tilbud_updated_event'\r\n // this.PRODUCT_UPDATED = 'product_updated_event'\r\n this.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT = 'product_updated_from_activeproduct_event'\r\n this.PRODUCT_UPDATED_FROM_OVERBLIKK = 'product_updated_from_overblikk_event'\r\n\r\n this.AJAX_FAIL = 'ajax_fail_event'\r\n this.PRICE_CHANGING = 'price_changing_event'\r\n this.PRODUCT_DAEKNING_UPDATED = 'product_daekning_changed'\r\n this.REMOVE_PRODUCT = 'remove_product'\r\n this.REMOVE_PRODUCT_BY_ID = 'remove_product_by_id'\r\n this.ADD_PRODUCT = 'add_product'\r\n this.PRODUCT_BASEPRAEMIE_UPDATED = 'product_base_praemie_updated'\r\n this.CUSTOMER_UPDATE_ENIGMA = 'customer_has_been_enigma_updated'\r\n\r\n this.publish = function (topic, data) {\r\n data = data || {}\r\n $(document).trigger(topic, data)\r\n }\r\n\r\n this.subscribe = function (topic, callback) {\r\n const fn = function (eventObject, data) {\r\n callback(data, topic)\r\n }\r\n $(document).on(topic, fn)\r\n\r\n return function () {\r\n $(document).off(topic, fn)\r\n }\r\n }\r\n\r\n this.pageLoadWait = function (condition) {\r\n $(document).ready(function () {\r\n function waitForCallCompletion (condition) {\r\n if (!condition) {\r\n app.onPageLoaded()\r\n } else {\r\n setTimeout(function () {\r\n if (condition.call()) {\r\n app.onPageLoaded()\r\n } else {\r\n waitForCallCompletion(condition)\r\n }\r\n }, 500)\r\n }\r\n }\r\n waitForCallCompletion(condition)\r\n })\r\n }\r\n\r\n this.cartContainsIndboOrHouse = function () {\r\n if (app.root && app.root.ProduktOverblikV2 && app.root.ProduktOverblikV2.ProductsInCart) {\r\n const husOrIndbo = app.root.ProduktOverblikV2.ProductsInCart.filter(product => product.localName === 'hus' || product.localName === 'familie')\r\n return husOrIndbo.length > 0\r\n }\r\n return false\r\n }\r\n\r\n this.validCubeInformationForCar = function () {\r\n return (app.root.CustomerBenefitLevel() === 0 || app.root.CustomerBenefitLevel() === 1)\r\n }\r\n\r\n this.showLargeCubeDiscountInformationForCar = function (selectedDaekning) {\r\n return this.validCubeInformationForCar() && selectedDaekning == 'Ansvar' && !this.cartContainsIndboOrHouse()\r\n }\r\n\r\n this.showSmallCubeDiscountInformationForCar = function (selectedDaekning) {\r\n return this.validCubeInformationForCar() && (selectedDaekning == 'Kasko' || selectedDaekning == 'Delkasko') && !this.cartContainsIndboOrHouse()\r\n }\r\n\r\n this.getDisplayTextForBlueBoxForCarCubeDiscount = function (selectedDaekning) {\r\n if (this.showSmallCubeDiscountInformationForCar(selectedDaekning)) {\r\n return app.getHjaelpeKodeText('CLIENT-CoverageCubeLevelOneInfo-bil', 'Vil du have ekstra 5 % rabat på din bilforsikring? Så tilføj en Indbo - eller husforsikring efter du har klikket på Fortsæt køb.')\r\n } else if (this.showLargeCubeDiscountInformationForCar(selectedDaekning)) {\r\n return app.getHjaelpeKodeText(\r\n 'CLIENT-CoverageCubeLevelZeroInfo-bil',\r\n 'Vil du have ekstra 10 % rabat på din bilforsikring? Så tilføj en Indbo - eller husforsikring efter du har klikket på Fortsæt køb.'\r\n )\r\n } else {\r\n return ''\r\n }\r\n }\r\n\r\n this.renderHtml = function ($el, html, contentType) {\r\n const data = { type: contentType }\r\n this.publish(this.WEBSHOP_WILLRENDERHTML, data)\r\n $el.html(html)\r\n this.publish(this.WEBSHOP_RENDEREDHTML, data)\r\n }\r\n\r\n this.getIfParameters = function () {\r\n const reg = /^data-ifparam-/gi\r\n const params = {}\r\n const ifparams =\r\n document.getElementById('ifparams') ||\r\n document.getElementById('ifparamsfallback')\r\n let attr\r\n let key\r\n let value\r\n\r\n if (ifparams && ifparams.hasAttributes()) {\r\n for (let i = 0; i < ifparams.attributes.length; i++) {\r\n attr = ifparams.attributes[i]\r\n if (attr.name.match(reg)) {\r\n key = attr.name.replace(reg, '').toLowerCase()\r\n value = attr.value\r\n params[key] = value\r\n }\r\n }\r\n }\r\n\r\n return params\r\n }\r\n\r\n // Validation --------------------------------------------------------------------------------\r\n\r\n this.getForm = function (jElement) {\r\n // used for groups of elements that doesn't have its own form, but is applied to another form that might have other controls too and already has a validator - or not\r\n // find closest form\r\n const _jForm = h.getClosestForm(jElement)\r\n // test if pendingInputs manager is added. if not - do so\r\n if (_jForm.length) {\r\n if (!_jForm[0].pendingInputs) {\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n }\r\n // test if validator is added. if not - do so\r\n if (!_jForm[0].validator) {\r\n const _validator = _jForm.validate()\r\n _jForm[0].validator = _validator\r\n }\r\n }\r\n return _jForm\r\n }\r\n\r\n this.getClosestForm = function (jElement) {\r\n return jElement.closest('form')\r\n }\r\n\r\n this.isScrolledIntoView = function (elem) {\r\n const docViewTop = $(window).scrollTop()\r\n const docViewBottom = docViewTop + $(window).height()\r\n\r\n const elemTop = $(elem).offset().top\r\n const elemBottom = elemTop + $(elem).height()\r\n\r\n return elemBottom <= docViewBottom && elemTop >= docViewTop\r\n }\r\n\r\n this.tryFocusOnFirstError = function () {\r\n try {\r\n // Find the first element with 'has-error' class\r\n const errorElement = $('.has-error:visible').first()\r\n\r\n if (errorElement) {\r\n // scroll to it and focus.\r\n if (!h.isScrolledIntoView(errorElement)) {\r\n $('html, body').scrollTop(errorElement.offset().top - 30)\r\n }\r\n\r\n if (errorElement[0] && typeof errorElement[0].focus === 'function') {\r\n errorElement[0].focus()\r\n }\r\n }\r\n } catch (e) {\r\n /* if this fails, so be it */\r\n }\r\n }\r\n\r\n this.addValidationRulesToForm = function (jQueryForm, rulesToAdd, messagesToAdd) {\r\n let validator\r\n const rulesJson = { rules: rulesToAdd, messages: messagesToAdd }\r\n if (jQueryForm[0].validator) {\r\n validator = jQueryForm.validate()\r\n let settings\r\n if (validator) {\r\n settings = validator.settings\r\n }\r\n $.extend(true, settings, rulesJson)\r\n } else {\r\n validator = jQueryForm.validate(rulesJson)\r\n if (validator) {\r\n jQueryForm[0].validator = validator\r\n }\r\n }\r\n }\r\n\r\n // validates all forms on the page\r\n // tests for forms with pending controls as well as waits until they are done working\r\n // executes functions in actionSettings on success or fail\r\n this.validateForms = function (actionSettings) {\r\n this.validateForms.doneValidating = function (isValid) {\r\n // focus on first invalid field\r\n if (!isValid) {\r\n const _errorFields = $('.has-error') // TODO: this is botox specific code, should be customizable\r\n if (h.isResult(_errorFields)) {\r\n // an element mark with error is found, we suspect it contains an input control (always the case with botox)\r\n const _ctrl = $(_errorFields[0]).find('input,select')\r\n if (h.isResult(_ctrl)) {\r\n // a control is found - highlight it.\r\n _ctrl[0].focus()\r\n }\r\n }\r\n }\r\n\r\n // return result\r\n if (isValid) {\r\n if (actionSettings && actionSettings.onSuccess) {\r\n actionSettings.onSuccess()\r\n }\r\n } else {\r\n h.tryFocusOnFirstError()\r\n if (actionSettings && actionSettings.onFail) {\r\n actionSettings.onFail()\r\n }\r\n }\r\n }\r\n\r\n // go through all form elements in step and validate content\r\n let _isValid = true\r\n\r\n $('form').each(function () {\r\n if (this.validator) {\r\n if (this.validator.form() === false) {\r\n // validate only ready forms - ignore those that are still pending\r\n if (!this.pendingInputs || !this.pendingInputs.isPending()) {\r\n _isValid = false\r\n // This one is not just pending, it is not valid. no need to proceed.\r\n // WDK-2010\r\n // return false; //$.each\r\n }\r\n }\r\n }\r\n })\r\n\r\n // find out if we must wait for forms that have pending inputs due to the validation request\r\n let _pending = false\r\n if (_isValid) {\r\n $('form').each(function () {\r\n if (this.validator && this.pendingInputs && this.pendingInputs.isPending()) {\r\n // the form is pending, so wait for a response\r\n this.pendingInputs.setOnDone(function (id) {\r\n // pending done - validate again\r\n const _elm = h.getElm(id)\r\n if (_elm && _elm.form && _elm.form.validator) {\r\n if (_elm.form.validator.form(true) == false) {\r\n // not valid\r\n h.validateForms.doneValidating(false)\r\n return false\r\n }\r\n }\r\n // see if any other forms are pending\r\n let _otherPendings = false\r\n $('form').each(function () {\r\n if (this.validator && this.pendingInputs && this.pendingInputs.isPending()) {\r\n _otherPendings = true\r\n }\r\n })\r\n\r\n if (!_otherPendings) {\r\n // no other forms are pending - act\r\n h.validateForms.doneValidating(true) // always valid=true, if we reach this point\r\n }\r\n })\r\n _pending = true\r\n }\r\n })\r\n }\r\n\r\n if (!_pending) {\r\n // no pending forms, act immediately\r\n this.validateForms.doneValidating(_isValid)\r\n }\r\n }\r\n\r\n this.addValidatorMessage = function (element, rule, message) {\r\n if (element) {\r\n let validatorMessageElement = element[0]\r\n const _jForm = $(element).parentsUntil(app.getTopJElm(), 'form')\r\n\r\n if (h.isSingleResult(_jForm) && _jForm[0].validator) {\r\n const validator = _jForm[0].validator\r\n const messages = validator.settings.messages\r\n\r\n if (validatorMessageElement === undefined) {\r\n validatorMessageElement = element\r\n }\r\n\r\n if (rule && message && validatorMessageElement) {\r\n let rules = messages[validatorMessageElement.name]\r\n\r\n if (!rules) {\r\n // add entry for the element if it doesn't exist\r\n rules = {}\r\n messages[validatorMessageElement.name] = rules\r\n }\r\n\r\n if (!rules[rule]) {\r\n // add entry for the rule if it doesn't exist\r\n rules[rule] = {}\r\n }\r\n\r\n // add/overwrite the message\r\n rules[rule] = message\r\n }\r\n }\r\n }\r\n }\r\n\r\n this.validateElement = function (element, rule, message) {\r\n if (element) {\r\n if (!isVisible(element)) return true\r\n const _jForm = $(element).parentsUntil(app.getTopJElm(), 'form')\r\n if (h.isSingleResult(_jForm) && _jForm[0].validator) {\r\n const _validator = _jForm[0].validator\r\n\r\n // if passing message = null, should have no effect\r\n h.addValidatorMessage(element, rule, message)\r\n\r\n const result = _validator.element(element)\r\n\r\n delete _validator.submitted[element.id] // to avoid that this element is validated for every next change\r\n _validator.lastElement = undefined // used for RegNr basically, also to avoid that the last element is validated for every next change\r\n\r\n return result\r\n }\r\n }\r\n return true\r\n }\r\n\r\n this.clearRule = function (element, rule) {\r\n if (element) {\r\n const _jForm = $(element).parentsUntil(app.getTopJElm(), 'form')\r\n if (h.isSingleResult(_jForm) && _jForm[0].validator) {\r\n const _validator = _jForm[0].validator\r\n h.addValidatorMessage(element, rule)\r\n _validator.updateElement(element, rule, true)\r\n\r\n delete _validator.submitted[element.id] // to avoid that this element is validated for every next change\r\n _validator.lastElement = undefined // used for RegNr basically, also to avoid that the last element is validated for every next change\r\n }\r\n }\r\n }\r\n\r\n this.updateElementValidation = function (element, rule, message, result) {\r\n if (element) {\r\n if (!isVisible(element)) return true\r\n const _jForm = $(element).parentsUntil(app.getTopJElm(), 'form')\r\n if (h.isSingleResult(_jForm) && _jForm[0].validator) {\r\n const _validator = _jForm[0].validator\r\n h.addValidatorMessage(element, rule, message)\r\n return _validator.updateElement(element, rule, result)\r\n }\r\n }\r\n return true\r\n }\r\n\r\n this.registerPendingInput = function (element, id) {\r\n if (!id) {\r\n id = element.id\r\n }\r\n if (element && element.form && element.form.pendingInputs) {\r\n element.form.pendingInputs.registerPending(id)\r\n }\r\n }\r\n\r\n this.unregisterPendingInput = function (element, id) {\r\n if (!id) {\r\n id = element.id\r\n }\r\n if (element && element.form && element.form.pendingInputs) {\r\n element.form.pendingInputs.unregisterPending(id)\r\n }\r\n }\r\n\r\n // Knockout methods ---------------------------------------------------------------------\r\n\r\n this.bind = function (jElement, selector, model) {\r\n jElement.find(selector).each(function () {\r\n ko.applyBindingsToNode(this, null, model)\r\n })\r\n }\r\n\r\n this.bindSpecificNodes = function (jElement, model, dataBindValueArray) {\r\n jElement.find('*').each(function () {\r\n const jElement = $(this)\r\n if (jElement.attr('data-bind') && dataBindValueArray.includes(jElement.attr('data-bind'))) {\r\n if (!ko.dataFor(this)) {\r\n ko.applyBindingsToNode(this, null, model)\r\n }\r\n }\r\n })\r\n }\r\n\r\n this.bindAllWithExceptions = function (jElement, model, dataBindValueArray) {\r\n jElement.find('*').each(function () {\r\n const jElement = $(this)\r\n if (jElement.attr('data-bind')) {\r\n if (!dataBindValueArray.includes(jElement.attr('data-bind'))) {\r\n if (jElement.hasClass('dws-js-noAutoBind')) {\r\n // ignore\r\n } else if (jElement.is('select')) {\r\n // ignore\r\n } else {\r\n ko.applyBindingsToNode(this, null, model)\r\n }\r\n }\r\n }\r\n })\r\n }\r\n // binds all execept select controls -TODO: Refactor\r\n this.bindAll = function (jElement, model, ignoreElementName) {\r\n jElement.find('*').each(function () {\r\n const jElement = $(this)\r\n if (jElement.attr('data-bind')) {\r\n if (jElement.hasClass('dws-js-noAutoBind')) {\r\n // ignore\r\n } else if (jElement.is('select')) {\r\n // ignore\r\n } else {\r\n ko.applyBindingsToNode(this, null, model)\r\n }\r\n }\r\n })\r\n }\r\n\r\n this.bindNodesToIndboProduct = function (scope) {\r\n this.bindNodesToModel('activeProduct.IndboModel', app.root.activeProduct.IndboModel(), scope)\r\n }\r\n this.bindNodesToRejseProduct = function (scope) {\r\n this.bindNodesToModel('activeProduct.RejseModel', app.root.activeProduct.RejseModel(), scope)\r\n }\r\n this.bindNodesToUlykkeProduct = function (scope) {\r\n this.bindNodesToModel('activeProduct.UlykkeModel', app.root.activeProduct.UlykkeModel(), scope)\r\n }\r\n\r\n this.bindNodesToActiveProduct = function (scope) {\r\n this.bindNodesToModel('activeProduct', app.root.activeProduct, scope)\r\n }\r\n this.bindNodesToKunde = function () {\r\n this.bindNodesToModel('Kunde', app.root.Kunde())\r\n }\r\n this.bindNodesToModel = function (dataBindingModelKey, model, scope) {\r\n // current flow, run through entire document\r\n if (!scope) {\r\n this.findNodesAndBindToModel(dataBindingModelKey, model, document)\r\n } else {\r\n // we need to find all elements with a matching scope, and only apply to matching children\r\n const nodes = document.querySelectorAll('[data-binding-scope=\"' + scope + '\"]')\r\n\r\n for (let i = 0; i < nodes.length; i++) {\r\n const node = nodes[i]\r\n this.findNodesAndBindToModel(dataBindingModelKey, model, node)\r\n }\r\n }\r\n }\r\n\r\n this.findNodesAndBindToModel = function (dataBindingModelKey, model, domElement) {\r\n const nodes = domElement.querySelectorAll('[data-binding-model=\"' + dataBindingModelKey + '\"]')\r\n\r\n for (let i = 0; i < nodes.length; i++) {\r\n const node = nodes[i]\r\n ko.applyBindingsToNode(node, null, model)\r\n }\r\n }\r\n\r\n this.bindToActiveProduct = function (id, optionalBindings) {\r\n return this.bindToModel(id, app.root.activeProduct, optionalBindings)\r\n }\r\n\r\n this.bindByDataIdToActiveProduct = function (id, optionalBindings) {\r\n const node = h.getElmByDataId(id)\r\n return this.bindNodeToModel(node, app.root.activeProduct, optionalBindings)\r\n }\r\n\r\n this.bindToModel = function (id, model, optionalBindings) {\r\n const node = h.getElm(id)\r\n return this.bindNodeToModel(node, model, optionalBindings)\r\n }\r\n this.bindNodeToModel = function (node, model, optionalBindings) {\r\n const bindings =\r\n typeof optionalBindings !== 'undefined' ? optionalBindings : null\r\n if (node) {\r\n ko.applyBindingsToNode(node, bindings, model)\r\n return true\r\n } else {\r\n return false\r\n }\r\n }\r\n // Knockout Observables binding\r\n // method designed to help update models in various scenarios. This help simplyfy the nof. lines used for assignments:\r\n // - initial, where a simple \"\" is added if no value is applied\r\n // - update with value\r\n // - partial update where there might not be specified a value, in which case the original value is used\r\n this.koMap = function (\r\n val,\r\n orig,\r\n def,\r\n observer,\r\n beforeObserver,\r\n name,\r\n ignoreZero,\r\n defaultUndefined\r\n ) {\r\n if (def == undefined || def == null) {\r\n if (defaultUndefined) {\r\n def = undefined\r\n } else {\r\n def = ''\r\n }\r\n }\r\n if (val == 0 && !ignoreZero) {\r\n def = val\r\n }\r\n if (orig) {\r\n if (orig() && orig().update) {\r\n // the object has an update method.\r\n orig().update(val)\r\n } else {\r\n orig(val || def)\r\n }\r\n return orig\r\n } else {\r\n const existingVal = ko.observable(val || def)\r\n if (observer && existingVal && existingVal.subscribe) {\r\n existingVal.subscribe(function (newValue) {\r\n observer(existingVal, newValue, name)\r\n })\r\n }\r\n if (beforeObserver && existingVal && existingVal.subscribe) {\r\n existingVal.subscribe(\r\n function (previousValue) {\r\n beforeObserver(existingVal, previousValue, name)\r\n },\r\n null,\r\n 'beforeChange'\r\n )\r\n }\r\n return existingVal\r\n }\r\n }\r\n\r\n this.koMap2 = function (val, orig, def, opts) {\r\n const options = typeof opts === 'undefined' ? {} : opts\r\n const observer = options.observer\r\n const beforeObserver = options.beforeObserver\r\n const name = options.name\r\n const valueOrDefault = typeof val === 'undefined' ? def : val\r\n\r\n if (orig) {\r\n if (orig() && orig().update) {\r\n // the object has an update method.\r\n orig().update(val)\r\n } else {\r\n orig(valueOrDefault)\r\n }\r\n return orig\r\n } else {\r\n const newObservable = ko.observable(valueOrDefault)\r\n const newObservableExists = newObservable && newObservable.subscribe\r\n\r\n if (observer && newObservableExists) {\r\n newObservable.subscribe(function (newValue) {\r\n observer(newObservable, newValue, name)\r\n })\r\n }\r\n\r\n if (beforeObserver && newObservableExists) {\r\n newObservable.subscribe(\r\n function (previousValue) {\r\n beforeObserver(newObservable, previousValue, name)\r\n },\r\n null,\r\n 'beforeChange'\r\n )\r\n }\r\n\r\n return newObservable\r\n }\r\n }\r\n\r\n // Format --------------------------------------------------------------------------------\r\n\r\n // formats text like in c#, by taking any arguments added after txt and adds it to the text\r\n this.format = function (txt /* accepts multiple arguments */) {\r\n const args = Array.prototype.slice.call(arguments, 1)\r\n return txt.replace(/{(\\d+)}/g, function (match, number) {\r\n return typeof args[number] !== 'undefined' ? args[number] : match\r\n })\r\n }\r\n\r\n this.correctStringDate = function (date) {\r\n if (date) {\r\n if (date.getDate) {\r\n // this is a type Date\r\n return date\r\n } else if (date.substr(2, 1) === '-' || date.substr(2, 1) === '/') {\r\n // day first, shift it\r\n return (\r\n date.substr(6, 4) + '-' + date.substr(3, 2) + '-' + date.substr(0, 2)\r\n )\r\n } else {\r\n // it is propably in the right order (year first)\r\n return date\r\n }\r\n }\r\n return ''\r\n }\r\n\r\n this.getNegPrice = function (val) {\r\n try {\r\n return $.format(Math.ceil(val) * -1, 'n0', app.culture)\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n return 0\r\n }\r\n\r\n this.roundPrice = function (val) {\r\n try {\r\n return Math.ceil(val)\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n return 0\r\n }\r\n\r\n // previous needs to be adjusted so we do not have overlapping intervals\r\n this.getPriceInterval = function (previousValue, currentValue) {\r\n if (previousValue > 0) {\r\n previousValue++\r\n }\r\n return (\r\n this.getPrice(previousValue) + '-' + this.getPrice(currentValue) + ' kr.'\r\n )\r\n }\r\n\r\n this.getPrice = function (val) {\r\n try {\r\n return $.format(Math.ceil(val), 'n0', app.culture)\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n return 0\r\n }\r\n\r\n this.getNumber = function (val) {\r\n try {\r\n return $.format(val, 'n0', app.culture)\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n return 0\r\n }\r\n\r\n this.capitaliseFirstLetter = function (string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1)\r\n }\r\n\r\n this.removeTimeFromDate = function (date) {\r\n date.setHours(0)\r\n date.setMinutes(0)\r\n date.setSeconds(0)\r\n date.setMilliseconds(0)\r\n }\r\n\r\n this.stringToBool = function (text) {\r\n return text.toLowerCase() === 'true'\r\n }\r\n\r\n this.booleanToYesOrNo = function (bool) {\r\n return bool ? 'yes' : 'no'\r\n }\r\n\r\n this.stringToYesNo = function (text) {\r\n return this.booleanToYesOrNo(this.stringToBool(text))\r\n }\r\n\r\n // Get element ---------------------------------------------------------------------------\r\n this.getElmWithParent = function (parent, id) {\r\n // just making the command shorter\r\n if (id) {\r\n return parent.querySelector('#' + id)\r\n }\r\n }\r\n this.getElm = function (id) {\r\n // just making the command shorter\r\n if (id) {\r\n return document.getElementById(id)\r\n }\r\n }\r\n\r\n this.validPrefix = function (prefix) {\r\n return prefix == PersonEntities.Kunde ||\r\n prefix == PersonEntities.Medforsikret ||\r\n prefix == PersonEntities.AndenForsikrede ||\r\n prefix == PersonEntities.ForsikredePerson ||\r\n prefix == PersonEntities.AndenBegunstigede ||\r\n prefix == PersonEntities.AndenBegunstigedePerson\r\n }\r\n\r\n this.getClientTextKeyPrefix = function (prefix) {\r\n if (this.validPrefix(prefix)) {\r\n return 'CLIENT-' + prefix\r\n }\r\n }\r\n\r\n this.getClientTextKey = function (name, prefix) {\r\n const _prefix = this.getClientTextKeyPrefix(prefix)\r\n if (_prefix && name) {\r\n return _prefix + name\r\n }\r\n return name\r\n }\r\n\r\n this.getSelectSelector = function (name, prefix) {\r\n if (name && (this.validPrefix(prefix))) {\r\n if (prefix == PersonEntities.Kunde) {\r\n prefix = ''\r\n }\r\n return 'select' + prefix + name\r\n }\r\n }\r\n\r\n this.getIdSelector = function (name, prefix) {\r\n if (name && (this.validPrefix(prefix))) {\r\n if (prefix == PersonEntities.Kunde) {\r\n prefix = ''\r\n }\r\n return prefix + name\r\n }\r\n }\r\n\r\n this.getSelectElm = function (name, prefix) {\r\n const selector = this.getSelectSelector(name, prefix)\r\n return this.getElm(selector)\r\n }\r\n\r\n this.getSelectElmAsJqueryObject = function (name, prefix) {\r\n let selector = this.getSelectSelector(name, prefix)\r\n selector = '#' + selector\r\n return $(selector)\r\n }\r\n\r\n this.getElmById = function (name, prefix) {\r\n const selector = this.getIdSelector(name, prefix)\r\n return this.getElm(selector)\r\n }\r\n\r\n this.getElmByIdAsJqueryObject = function (name, prefix) {\r\n let selector = this.getIdSelector(name, prefix)\r\n selector = '#' + selector\r\n return $(selector)\r\n }\r\n\r\n this.getJElmByDataId = function (id, jParent) {\r\n if (id) {\r\n if (jParent) {\r\n return jParent.find('[data-id=' + id + ']')\r\n } else {\r\n return $('[data-id=' + id + ']')\r\n }\r\n }\r\n }\r\n\r\n this.getElmByDataId = function (id, jParent) {\r\n if (id) {\r\n if (jParent) {\r\n return jParent.find('[data-id=' + id + ']')[0]\r\n } else {\r\n return $('[data-id=' + id + ']')[0]\r\n }\r\n }\r\n }\r\n\r\n this.getElmByClass = function (className) {\r\n return document.getElementsByClassName(className)\r\n }\r\n\r\n // Enable/Disable ------------------------------------------------------------------------\r\n\r\n this.isDisabled = function (element) {\r\n return element.disabled\r\n }\r\n\r\n this.setDisabled = function (jElement, value) {\r\n if (value) {\r\n this.disable(jElement)\r\n } else {\r\n this.enable(jElement)\r\n }\r\n }\r\n\r\n this.disable = function (jElement) {\r\n jElement.each(function () {\r\n this.setAttribute('disabled', 'disabled')\r\n $(this).addClass('disabled')\r\n this.disabled = true\r\n })\r\n if ($(jElement[0]).is('select')) {\r\n jElement.parent().removeClass('enabledDropdown').addClass('disabledDropdown')\r\n }\r\n }\r\n\r\n this.enable = function (jElement) {\r\n jElement.each(function () {\r\n this.removeAttribute('disabled')\r\n $(this).removeClass('disabled')\r\n this.disabled = false\r\n })\r\n if ($(jElement[0]).is('select')) {\r\n jElement.parent().removeClass('disabledDropdown').addClass('enabledDropdown')\r\n }\r\n }\r\n\r\n this.ie8Disabled = function (element, disabled) {\r\n if (disabled) {\r\n $(element)\r\n .addClass('disabled')\r\n .parent('div')\r\n .parent('div')\r\n .addClass('z')\r\n .removeClass('z')\r\n } else {\r\n $(element)\r\n .removeClass('disabled')\r\n .parent('div')\r\n .parent('div')\r\n .addClass('z')\r\n .removeClass('z')\r\n }\r\n element.disabled = disabled\r\n }\r\n\r\n // Check/uncheck --------------------------------------------------------------------------\r\n\r\n this.setCheck = function (value, element) {\r\n if (value) {\r\n this.check($(element))\r\n } else {\r\n this.uncheck($(element))\r\n }\r\n }\r\n\r\n this.check = function (jElement) {\r\n jElement.prop('checked', true)\r\n }\r\n\r\n this.uncheck = function (jElement) {\r\n jElement.prop('checked', false)\r\n }\r\n\r\n this.setCheckAndChange = function (value, element) {\r\n if (value) {\r\n this.checkAndChange($(element))\r\n } else {\r\n this.uncheckAndChange($(element))\r\n }\r\n }\r\n\r\n this.checkAndChange = function (jElement) {\r\n jElement.prop('checked', true).trigger('change')\r\n }\r\n\r\n this.uncheckAndChange = function (jElement) {\r\n jElement.prop('checked', false).trigger('change')\r\n }\r\n\r\n // jQuery functions -----------------------------------------------------------------------------\r\n\r\n this.isResult = function (jResult) {\r\n return jResult && jResult[0]\r\n }\r\n\r\n this.isSingleResult = function (jResult) {\r\n return jResult && jResult.length === 1\r\n }\r\n\r\n // Ensures the element is NOT JQuery selection\r\n // used on arguments where it is not surtan what type of object is applied\r\n this.xjElement = function (element) {\r\n if (element instanceof jQuery && element[0]) return element[0]\r\n else return element\r\n }\r\n\r\n // Ensures the element is a JQuery selection\r\n // used on arguments where it is not certain what type of object is applied\r\n this.jElement = function (element) {\r\n if (element instanceof jQuery) return element\r\n else return $(element)\r\n }\r\n\r\n // Graphics functions ---------------------------------------------------------------------------\r\n\r\n function isVisible (element) {\r\n if (!element.style) {\r\n return true\r\n }\r\n if (\r\n element.disabled == true ||\r\n element.style.display === 'hidden' ||\r\n element.style.display === 'none'\r\n ) {\r\n return false\r\n }\r\n if (element.parentNode) {\r\n return isVisible(element.parentNode)\r\n }\r\n }\r\n\r\n this.collapseElement = function (jElement) {\r\n jElement.addClass('collapsed')\r\n }\r\n\r\n this.uncollapseElement = function (jElement) {\r\n jElement.removeClass('collapsed')\r\n }\r\n\r\n this.retractForm = function (jContainer, time) {\r\n if (!time) {\r\n time = 800\r\n }\r\n jContainer.hide('blind', time)\r\n }\r\n\r\n this.extendForm = function (jOld, url, jContainer, progress, model, time) {\r\n app.setPendingUserAction('extending form')\r\n\r\n function extend2 () {\r\n $(app).trigger('sectionLoaded', ['extendForm']) // done before show, so any controls can be enabled before/while the panel is moving into full visibility\r\n $.when(jContainer.show('blind', time)).done(function () {\r\n h.selectNextEntry(jContainer)\r\n // in odd cases the user might press a button to move on while more content is loaded. this forces it to be validated (anf go red)\r\n // to avoid this. as soon as the graphics is fully loaded, the validation state of any forms are reset:\r\n if (jContainer.validator) {\r\n // the container itself is the form. reset it\r\n jContainer.validator.submitted = []\r\n } else {\r\n // the container is not a form, look for any contained forms\r\n jContainer.find('form').each(function () {\r\n if (this.validator) {\r\n // reset\r\n this.validator.submitted = []\r\n }\r\n })\r\n }\r\n app.resetPendingUserAction('extending form')\r\n })\r\n }\r\n\r\n function extend () {\r\n if (progress) {\r\n if (progress === 'auto') {\r\n app.wizard.currentStep.setProgress(\r\n app.wizard.currentStep.Progress + 1\r\n )\r\n } else {\r\n if (typeof app.wizard.currentStep !== 'undefined') {\r\n // wdk-2116\r\n if (app.wizard.currentStep.Progress !== progress) {\r\n app.wizard.currentStep.setProgress(progress)\r\n }\r\n }\r\n }\r\n }\r\n if (model && model.sync) {\r\n model.sync({ done: extend2 })\r\n } else {\r\n extend2()\r\n }\r\n }\r\n\r\n // use specified duration or 800 as default\r\n if (!time) {\r\n time = 800\r\n }\r\n if (h.isSingleResult(jContainer)) {\r\n if ($.trim(jContainer.html()).length > 0) {\r\n app.setBusy('extendForm')\r\n\r\n // check the visibility of the section\r\n if (\r\n jContainer[0].style.display === 'none' ||\r\n jContainer[0].style.display === 'hidden'\r\n ) {\r\n // not visible. show it\r\n extend()\r\n } else {\r\n // do nothing. already displayed\r\n app.resetPendingUserAction('extending form')\r\n }\r\n app.setNotBusy('extendForm')\r\n } else {\r\n // Note: this point can be hit more than once if this action is intiated by validating multiple fields. yet the load is based on prio: first. which means any second+ calls are cancelled - so the done: method is only performed once\r\n app.loadHtml({\r\n url,\r\n actionId: 'extendForm',\r\n actionOnBusy: 'queue',\r\n targetElement: jOld,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n jContainer.hide()\r\n // h.publish(h.WEBSHOP_WILLRENDERHTML, { type: 'extendform'})\r\n // jContainer.html(data);\r\n // h.publish(h.WEBSHOP_RENDEREDHTML, { type: 'extendform'})\r\n h.renderHtml(jContainer, data, 'extendform')\r\n\r\n extend()\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n app.resetPendingUserAction('extending form')\r\n }\r\n }\r\n })\r\n }\r\n } else {\r\n app.resetPendingUserAction('extending form')\r\n // client error\r\n }\r\n }\r\n\r\n this.getSections = function (jElement) {\r\n return jElement // .find('.dws-js-section');\r\n }\r\n\r\n this.fadeToForm = function (jContainer, url, progress, model, keepFocus) {\r\n app.setPendingUserAction('fade to form')\r\n function fade2 () {\r\n $(app).trigger('sectionLoaded', ['fadeToForm', h.getSections(jContainer)]) // done before fade in, so any controls can be enabled before/while the panel is fading in\r\n\r\n if (keepFocus) {\r\n jContainer.fadeIn(800, function () {\r\n // h.selectNextEntry(jContainer);\r\n app.resetPendingUserAction('fade to form')\r\n })\r\n } else {\r\n jContainer.fadeIn(800, function () {\r\n h.selectNextEntry(jContainer)\r\n app.resetPendingUserAction('fade to form')\r\n })\r\n }\r\n }\r\n\r\n function fade () {\r\n if (progress) {\r\n if (typeof app.wizard.currentStep !== 'undefined') {\r\n if (app.wizard.currentStep.Progress !== progress) {\r\n app.wizard.currentStep.setProgress(progress)\r\n }\r\n }\r\n }\r\n if (model && model.sync) {\r\n model.sync({ done: fade2 })\r\n } else {\r\n fade2()\r\n }\r\n }\r\n\r\n if (h.isSingleResult(jContainer)) {\r\n app.loadHtml({\r\n url,\r\n actionOnBusy: 'ignoreBusy', // added due to fadeToForm(...bilprodukt/getsubview/detaljer). a sync prior to the fade forceslist controls to update (before fading away) and load thweir content, that forced this view load to be cancelled.\r\n // targetElement: jOld,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n jContainer.fadeOut(800, function () {\r\n // jContainer.html(data);\r\n // h.publish(h.WEBSHOP_RENDEREDHTML, { type: 'form' })\r\n h.renderHtml(jContainer, data, 'form')\r\n\r\n fade()\r\n })\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n app.resetPendingUserAction('fade to form')\r\n }\r\n }\r\n })\r\n } else {\r\n app.resetPendingUserAction('fade to form')\r\n // client error\r\n }\r\n }\r\n\r\n // JSON methods ---------------------------------------------------------------------------------\r\n\r\n this.getJSONDate = function (text) {\r\n if (text) {\r\n return new Date(text.match(/\\d+/)[0] * 1)\r\n }\r\n return new Date()\r\n }\r\n\r\n this.getJSONStringDate = function (text) {\r\n let _date\r\n if (text) {\r\n if ((/Date/).test(text)) {\r\n _date = new Date(parseInt(text.substr(6)))\r\n } else {\r\n _date = new Date(text)\r\n }\r\n if (_date) {\r\n return $.format(_date, 'dd/MM/yyyy', app.culture)\r\n }\r\n }\r\n return new Date()\r\n }\r\n\r\n // Other ----------------------------------------------------------------------------------------\r\n\r\n // this.getAgeFromBirthDate = function (birth, today) {\r\n // if (birth) {\r\n // if (!today) {\r\n // today = new Date()\r\n // }\r\n // var nowyear = today.getFullYear()\r\n // var nowmonth = today.getMonth()\r\n // var nowday = today.getDate()\r\n\r\n // var birthyear = birth.getFullYear()\r\n // var birthmonth = birth.getMonth()\r\n // var birthday = birth.getDate()\r\n\r\n // var age = nowyear - birthyear\r\n // var ageMonth = nowmonth - birthmonth\r\n // var ageDay = nowday - birthday\r\n\r\n // if (ageMonth < 0 || (ageMonth === 0 && ageDay < 0)) {\r\n // age = parseInt(age) - 1\r\n // }\r\n // }\r\n // return age\r\n // }\r\n\r\n this.d0 = function (val) {\r\n if (typeof val === 'undefined') {\r\n return 0\r\n } else {\r\n return val\r\n }\r\n }\r\n\r\n this.isIE = function () {\r\n return navigator.appName === 'Microsoft Internet Explorer'\r\n }\r\n\r\n this.selectNextEntry = function (jElement) {\r\n // make sure the graphics is loaded (often a problem in IE)\r\n setTimeout(function () {\r\n let _found = false\r\n let jSel = jElement\r\n\r\n function setFocus (element) {\r\n _found = true\r\n $(element).focus()\r\n }\r\n\r\n if (!jSel) {\r\n // no context was specified, look within any entry control on the screen\r\n jSel = $('input, select')\r\n } else {\r\n // no context was specified, look within any entry control on the screen\r\n jSel = jElement.find('input, select')\r\n }\r\n\r\n // select first that has no value or is radio\r\n jSel.each(function () {\r\n if (\r\n (!this.value || $(this).is(':radio')) &&\r\n isVisible(this) &&\r\n this.tabIndex != '-1'\r\n ) {\r\n if ($(this).is(':radio')) {\r\n // look troguh all related radio button s(Usually only two) and try to select the one checked\r\n $('[name=' + $(this)[0].name + ']').each(function () {\r\n if (this.checked) {\r\n setFocus(this)\r\n return false\r\n } // $.each\r\n })\r\n if (!_found) {\r\n // select the first one\r\n setFocus(this)\r\n return false\r\n } else {\r\n return false\r\n }\r\n } else {\r\n setFocus(this)\r\n return false\r\n }\r\n }\r\n })\r\n if (!_found) {\r\n // if all have value, just select first entry\r\n jSel.each(function () {\r\n if (isVisible(this) && this.tabIndex != '-1') {\r\n setFocus(this)\r\n return false\r\n }\r\n })\r\n }\r\n }, 100)\r\n }\r\n\r\n this.doOrWait = function (flag, loader, eventName, method) {\r\n if (flag) {\r\n method()\r\n } else {\r\n $(loader).one(eventName, method)\r\n }\r\n }\r\n\r\n this.canHaveChildren = function (tagName) {\r\n // used by e.g. showSpinner to find out if a spinner can be placed within the elemetn or paced on top of it\r\n if (tagName) {\r\n tagName = tagName.toLowerCase()\r\n return noChildren[tagName] === undefined\r\n }\r\n }\r\n\r\n // Execute function based on a name string\r\n this.execFunction = function (functionName, context, args) {\r\n // Get the args from this methods args\r\n // args = Array.prototype.slice.call(args).splice(2, 2); //IE8 requires both args in splice\r\n // create list of namespaces from functionName\r\n const namespaces = functionName.split('.')\r\n // remove the last entry as it is expected to be the function name\r\n const func = namespaces.pop()\r\n // traverse all namespaces as nested contexts, starting with the one applied as arg\r\n if (context) {\r\n for (let i = 0; i < namespaces.length; i++) {\r\n context = context[namespaces[i]]\r\n }\r\n if (context[func] && context[func].apply) {\r\n return context[func].apply(this, args)\r\n }\r\n }\r\n }\r\n\r\n // Get the selected array object from the kvhx code\r\n this.getObject = function (obj, key, val) {\r\n let newObj = false\r\n $.each(obj, function () {\r\n const testObject = this\r\n $.each(testObject, function (k, v) {\r\n if (val == v && k == key) newObj = testObject\r\n })\r\n })\r\n return newObj\r\n }\r\n\r\n this.convertArrayToOptions = function (array, jSelectElement) {\r\n for (const _id in array) {\r\n jSelectElement.append(\r\n $('')\r\n .text(array[_id].toString())\r\n .val(_id)\r\n )\r\n }\r\n }\r\n\r\n this.setupPropertyAsOptions = function (element, property, indexZeroText) {\r\n const $element = $(element)\r\n let index = 0\r\n let text = ''\r\n const items = property.selectableOptions\r\n\r\n items.forEach(function (value) {\r\n const isSelected = property().toString() === value.toString()\r\n const item = items[index]\r\n\r\n if (index === 0 && value === 0) {\r\n text = indexZeroText || '0 kr.'\r\n } else {\r\n text = h.getPrice(item) + ' kr.'\r\n }\r\n $element.append(\r\n $('')\r\n .attr('selected', isSelected)\r\n .text(text)\r\n .val(value)\r\n )\r\n index++\r\n })\r\n }\r\n\r\n this.convertArrayToPriceIntervalOptions = function (\r\n element,\r\n property,\r\n indexZeroText\r\n ) {\r\n const $element = $(element)\r\n let index = 0\r\n let text = ''\r\n const items = property.intervalOptions\r\n\r\n items.forEach(function (value) {\r\n const isSelected = property().toString() === value.toString()\r\n const item = items[index]\r\n const prevItem = items[index - 1]\r\n\r\n if (index === 0) {\r\n text = indexZeroText || '0 kr.'\r\n } else {\r\n text = h.getPriceInterval(prevItem, item)\r\n }\r\n $element.append(\r\n $('')\r\n .attr('selected', isSelected)\r\n .text(text)\r\n .val(value)\r\n )\r\n index++\r\n })\r\n }\r\n\r\n this.setIntervalProperty = function (e, property) {\r\n const items = property.intervalOptions\r\n if (\r\n e.currentTarget.selectedIndex >= 0 &&\r\n e.currentTarget.selectedIndex < items.length\r\n ) {\r\n property(items[e.currentTarget.selectedIndex])\r\n } else {\r\n property(items[0])\r\n }\r\n }\r\n this.getParameterByName = function (url, name) {\r\n name = name.replace(/[[]/, '\\\\[').replace(/[\\]]/, '\\\\]')\r\n const regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)')\r\n const results = regex.exec(url)\r\n return results == null\r\n ? ''\r\n : decodeURIComponent(results[1].replace(/\\+/g, ' '))\r\n }\r\n\r\n // Returns a function, that, as long as it continues to be invoked, will not\r\n // be triggered. The function will be called after it stops being called for\r\n // N milliseconds.\r\n this.debounce = function (func, wait) {\r\n let timeout\r\n return function () {\r\n const context = this\r\n const args = arguments\r\n const later = function () {\r\n func.apply(context, args)\r\n }\r\n clearTimeout(timeout)\r\n timeout = setTimeout(later, wait)\r\n }\r\n }\r\n\r\n this.addTrackingProperties = function (data) {\r\n if (data !== undefined && data !== null) {\r\n const result = { sessionId: app.sessionId, data }\r\n return result\r\n } else {\r\n return { sessionId: app.sessionId }\r\n }\r\n }\r\n\r\n this.addressLine1 = function (gade, husnr, etage, sideDoerNr) {\r\n let line = ''\r\n if (gade) {\r\n line += gade\r\n }\r\n if (husnr) {\r\n line += ' ' + husnr\r\n }\r\n if (etage || sideDoerNr) {\r\n line += ','\r\n }\r\n if (etage) {\r\n line += ' ' + etage + '.'\r\n }\r\n if (sideDoerNr) {\r\n line += ' ' + sideDoerNr\r\n }\r\n\r\n return line\r\n }\r\n\r\n this.addressLine2 = function (postnr, by) {\r\n let line = ''\r\n\r\n if (postnr) {\r\n line += postnr\r\n\r\n if (by) {\r\n line += ' '\r\n }\r\n }\r\n if (by) {\r\n line += by\r\n }\r\n\r\n return line\r\n }\r\n\r\n this.addressSingleLine = function (gade, husnr, etage, sidedoernr, postnr, by) {\r\n const streetPart = this.addressLine1(gade, husnr, etage, sidedoernr)\r\n const cityPart = this.addressLine2(postnr, by)\r\n\r\n if (streetPart && cityPart) {\r\n return streetPart + ', ' + cityPart\r\n }\r\n if (streetPart && !!cityPart) {\r\n return streetPart\r\n }\r\n if (!!streetPart && cityPart) {\r\n return cityPart\r\n }\r\n return ''\r\n }\r\n}\r\n\r\n// enum used to check which elements can have children (Used from webShopLoader)\r\nconst noChildren = {\r\n input: true,\r\n select: true,\r\n meta: true,\r\n br: true,\r\n link: true,\r\n img: true\r\n}\r\n\r\n// Knockout helpers\r\nko.extenders.validateFormat = function (target, formatRegEx) {\r\n // add some sub-observables to our observable\r\n target.hasValidFormat = ko.observable()\r\n\r\n // define a function to do validation\r\n function validate (newValue) {\r\n const hasValidFormat =\r\n typeof newValue === 'string'\r\n ? newValue.match(formatRegEx) !== null\r\n : false\r\n target.hasValidFormat(hasValidFormat)\r\n }\r\n\r\n // initial validation\r\n validate(target())\r\n\r\n // validate whenever the value changes\r\n target.subscribe(validate)\r\n\r\n // return the original observable\r\n return target\r\n}\r\n\r\nko.subscribable.fn.subscribeChanged = function (callback) {\r\n let savedValue = this.peek()\r\n return this.subscribe(function (latestValue) {\r\n const oldValue = savedValue\r\n savedValue = latestValue\r\n callback(latestValue, oldValue)\r\n })\r\n}\r\n\r\nconst h = new WebShopHelperFunctions()\r\n\r\nexport { WebShopHelperFunctions, h, noChildren }\r\n","/* global $ */\r\n\r\nimport { app } from './dk-ifshop-application'\r\nimport { stateManager } from './dk-ifshop-statemanagement'\r\nimport { h } from './dk-ifshop-helper'\r\n\r\n// sends requests and receives json/html responses (Used from webShopApplication)\r\nfunction WebShopLoader (val, contentType, dataType) {\r\n const self = this\r\n\r\n self.init = function (val, contentType, dataType) {\r\n // set url and caching\r\n if (val.url.indexOf('//') >= 0) {\r\n self.url = val.url // url called by jQuery.ajax (full url applied)\r\n } else {\r\n self.url = app.shopHostUrl + val.url // url called by jQuery.ajax\r\n }\r\n\r\n self.cache = false\r\n if (val.cache === true) {\r\n self.cache = true\r\n // use versioning in the request to ensure that cached data is overwritten, if the version changes\r\n if (self.url.indexOf('?') >= 0) {\r\n self.url = self.url + '&v=' + app.version\r\n } else {\r\n self.url = self.url + '?v=' + app.version\r\n }\r\n }\r\n\r\n // set data prio settings and test if it should ignore\r\n self.args = val\r\n self.allowCredentials = val.allowCredentials\r\n self.block = val.block // whether this call should try to block all other communication until the operation is fully done\r\n self.actionOnBusy = val.actionOnBusy // whether this call should respect a block from another loader or ignore it(use when you know there is no possible conflict)\r\n self.data = val.data // data passed by jQuery.ajax\r\n\r\n self.actionId = val.actionId // used to identify the call when blocking or prioritizing\r\n self.callId = val.callId // used with actionID and indentifies the call instance\r\n self.prio = val.prio // 'latest', 'first', 'none' defines the strategy for prioritizing related calls\r\n self.ignored = false // set if this instance is ignored due to lowest priority\r\n self.canceled = false // set if this instance is canceled by explicitely setting cancel = true\r\n\r\n self.token = val.token\r\n\r\n if (!self.prio) {\r\n self.prio = 'latest' // default\r\n }\r\n if (self.prio !== 'none') {\r\n if (!self.actionId) {\r\n self.actionId = self.url\r\n }\r\n if (!self.callId) {\r\n if (self.data) {\r\n self.callId = self.data\r\n } else {\r\n self.callId = self.actionId\r\n }\r\n }\r\n }\r\n // this is the earliest we can test for isIgnored, based on which props are set.\r\n if (app.isBusy(val.actionId)) {\r\n if (!self.actionOnBusy || self.actionOnBusy === 'cancel') {\r\n // the app is busy and this loader will not ignore that, so the call is cancelled\r\n if (val.always) {\r\n val.always()\r\n }\r\n return false\r\n } else if (self.actionOnBusy === 'queue') {\r\n app.setOnDone(function () {\r\n if (self.init(val, contentType, dataType)) {\r\n self.ajax()\r\n }\r\n })\r\n return false\r\n }\r\n }\r\n\r\n // self.queuedAction = null;\r\n self.contentType =\r\n self.args.contentType !== undefined ? self.args.contentType : contentType // data type received by jQuery.ajax (application/json, ...)\r\n self.dataType = dataType // data type send by jQuery.ajax (json/script/html/...)\r\n self.type = val.type // request type (post/get/...)\r\n if (!self.type) {\r\n self.type = 'post'\r\n }\r\n\r\n self.noAutoDisable = val.noAutoDisable // used if the targetElement is disabled on done/fail. to avoid the control to be reannbled after the spinner is removed\r\n self.hiddenSpinner = val.hiddenSpinner\r\n self.largeSpinner = val.largeSpinner\r\n self.response = null // data result from ended call\r\n\r\n self.isPending = false\r\n self.isSuccess = false\r\n self.done = val.done // custom method on done (called on jQuery.ajax done/success result)\r\n self.always = val.always // custom method on any result (called on jQuery.ajax always event)\r\n self.fail = val.fail // custom method on communication fail (called on jQuery.akax fail/error event)\r\n self.systemFail = val.systemFail // custom method on system fail (called on jQuery.ajax done event if message type = -1)\r\n self.operationFail = val.operationFail // custom method on operation fail (called on jQuery.ajax done event if message type = -2)\r\n self.entryFail = val.entryFail // custom method on entry fail (called on jQuery.ajax done event if message type = -3)\r\n self.onIgnored = val.onIgnored // custom method on ignored actions (called on jQuery.ajax done event if call has been cancelled by latest or first)\r\n self.actionSettings = val.actionSettings // customizations from other objects with matching operations (done, operationFail, ...)\r\n\r\n self.targetElement = val.targetElement // the element calling or othe rrelevant element that can be disabled (spinner) until call is done or used to display messages\r\n\r\n return true\r\n }\r\n\r\n self.doAlways = function (data, textStatus, jqXHR) {\r\n try {\r\n // action passed on as variable to this method object\r\n if (self.always) {\r\n self.always(data, textStatus, jqXHR)\r\n }\r\n // action passed on from initial caller\r\n if (self.actionSettings && self.actionSettings.always) {\r\n self.actionSettings.always(data, textStatus, jqXHR)\r\n }\r\n if (self.block) {\r\n app.setNotBusy(self.actionId)\r\n }\r\n // if (self.queuedAction && self.isSuccess) {\r\n // self.queuedAction(self);\r\n // }\r\n } catch (e) {\r\n // report but ignore. any errors in custom actions should be handled by the custom code (incl. error handling). try is only here to isolate any custom erros from core functionality (no dirt in the arteries)\r\n app.reportFail(e)\r\n if (self.block) {\r\n app.setNotBusy(self.actionId)\r\n }\r\n }\r\n }\r\n\r\n self.validatePrio = function () {\r\n if (self.cancel === true) {\r\n // app.writeDebugInfo('>>> CANCEL' + self.actionId);\r\n self.canceled = true\r\n return false\r\n }\r\n // validates if the response can be accepted based on concurrency settings\r\n if (self.prio !== 'none') {\r\n const _call = app.calls.fullEntry(self.actionId)\r\n if (_call) {\r\n if (_call.data === self.callId) {\r\n // the saved call is 'this' call, so it can be removed now as the call is done.\r\n // app.calls.remove(self.actionId); Moved to \"unregCall\" because it must be held until the full end of the call and all trailing actions\r\n return true\r\n } else {\r\n // the call has been overwritten by a call with higher prio (latest prio).\r\n self.ignored = true\r\n // app.writeDebugInfo('>>> OVERWRITTEN' + self.actionId)\r\n return false\r\n }\r\n } else {\r\n // the call doesn't exist any longer.\r\n self.ignored = true\r\n // app.writeDebugInfo('>>> NOT EXISTING' + self.actionId)\r\n return false\r\n }\r\n }\r\n return true\r\n }\r\n\r\n self.unregCall = function () {\r\n if (self.prio !== 'none') {\r\n const _call = app.calls.fullEntry(self.actionId)\r\n if (_call) {\r\n if (_call.data === self.callId) {\r\n // the saved call is 'this' call, so it can be removed now as the call is done.\r\n app.calls.remove(self.actionId)\r\n return true\r\n }\r\n }\r\n }\r\n return true\r\n }\r\n\r\n self.redo = function () {\r\n self.init(self.args, self.contentType, self.dataType)\r\n self.ajax()\r\n }\r\n\r\n self.ajax = function () {\r\n let resp\r\n\r\n if (self.prio !== 'none') {\r\n const _call = app.calls.fullEntry(self.actionId)\r\n if (_call) {\r\n // a call from the same action is already in progress\r\n if (self.prio.toLowerCase() === 'first') {\r\n self.doAlways()\r\n return\r\n } else {\r\n // latest\r\n if (_call) {\r\n // rewrite the id to a new unique id matching only this call (it steals the entry, so the result of the previous call will not have effect)\r\n self.callId = _call.data = _call.data + new Date().toISOString() // results in 'out of memory': 'CALLSEP' + _call.data; //simply doubling the existin key, makes it unique\r\n }\r\n }\r\n } else {\r\n // add the call\r\n app.calls.add(self.callId, self.actionId)\r\n }\r\n }\r\n\r\n // initiate ajax request\r\n self.isPending = true\r\n $.support.cors = true\r\n\r\n $(document).ajaxError(function (event, jqxhr, settings, thrownError) {\r\n // if (settings.url == 'ajax/missing.html') {\r\n $('div.log').text('Triggered ajaxError handler.')\r\n // }\r\n // console.log(event)\r\n // console.log('**********************')\r\n // console.log(jqxhr)\r\n // console.log('**********************')\r\n // console.log(settings)\r\n // console.log('**********************')\r\n // console.log(thrownError)\r\n // console.log('**********************')\r\n const acc = []\r\n $.each(jqxhr, function (index, value) {\r\n acc.push(index + ': ' + value)\r\n })\r\n // console.log('Inside dk-ifshop-loader fail branch ')\r\n // console.log(JSON.stringify(acc))\r\n })\r\n\r\n $.ajax({\r\n url: self.url,\r\n crossDomain: true,\r\n type: self.type,\r\n cache: self.cache,\r\n data: self.data ? self.data : null,\r\n dataType: self.dataType,\r\n contentType: self.contentType,\r\n async: self.args.async === undefined ? true : self.args.async,\r\n xhrFields: {\r\n withCredentials: self.allowCredentials\r\n },\r\n beforeSend: function (xhr) {\r\n // app.writeDebugInfo('>>> BEGIN: ' + self.url);\r\n if (!self.args.externalUrl) {\r\n // avoid null values (will display as \"null\" in the header)\r\n if (app.sessionId == null) app.sessionId = ''\r\n if (app.sessionCounter == null) app.sessionCounter = ''\r\n\r\n // add important headers\r\n xhr.setRequestHeader('ifshop_initial_referrer', app.InitialReferrer)\r\n\r\n // WDK-1666\r\n xhr.setRequestHeader('ifshop_kampagne', app.KampagneCode)\r\n\r\n xhr.setRequestHeader('ifshop_dataversionkey', app.dataVersionKey)\r\n xhr.setRequestHeader('ifshop_sessioncounter', app.sessionCounter)\r\n\r\n const token = self.token ? self.token : ''\r\n xhr.setRequestHeader('ifshop_trustedtoken', token)\r\n\r\n if (self.block) {\r\n app.setBusy(self.actionId, self)\r\n }\r\n window.setTimeout(function () {\r\n if (self.isPending) {\r\n self.spinnerElementId = app.showSpinner(\r\n self.targetElement,\r\n self.noAutoDisable,\r\n self.hiddenSpinner,\r\n self.largeSpinner\r\n )\r\n }\r\n }, 500)\r\n }\r\n }\r\n })\r\n .done(function (data, textStatus, jqXHR) {\r\n // app.writeDebugInfo('>>> DONE: ' + self.url);\r\n self.isPending = false\r\n if (self.response) {\r\n if (self.block) {\r\n app.setNotBusy(self.actionId)\r\n }\r\n return\r\n }\r\n try {\r\n if (this.cache !== true) {\r\n stateManager.initFromLastResponse(jqXHR)\r\n\r\n // WDK-1666\r\n const kampagneCode = stateManager.getKampagne()\r\n if (kampagneCode) {\r\n app.KampagneCode = kampagneCode\r\n }\r\n\r\n const dataVersionKey = stateManager.getDataVersionKey()\r\n if (dataVersionKey) {\r\n app.dataVersionKey = dataVersionKey\r\n }\r\n const sessionCounter = stateManager.getSessionCounter()\r\n if (sessionCounter) {\r\n app.sessionCounter = sessionCounter\r\n }\r\n\r\n const page = stateManager.getPage()\r\n if (page && !app.page) {\r\n app.setPage(page)\r\n }\r\n\r\n const version = jqXHR.getResponseHeader('ifshop_version')\r\n if (version && !app.version) {\r\n app.version = version\r\n }\r\n }\r\n } catch (e) {\r\n // report but ignore. any errors in custom actions should be handled by the custom code (incl. error handling). try is only here to isolate any custom erros from core functionality (no dirt in the arteries)\r\n app.reportFail(e)\r\n }\r\n\r\n // validate prio and forced ignored\r\n if (!self.validatePrio()) {\r\n if (self.onIgnored) {\r\n self.onIgnored(app.extractDataFromResponse(data), textStatus, jqXHR)\r\n }\r\n return\r\n }\r\n\r\n // save response\r\n self.response = data\r\n\r\n if (self.block) {\r\n app.setNotBusy(self.actionId)\r\n }\r\n\r\n // validate if holds a status message\r\n if (app.preValidateMessage(data, self)) {\r\n // if the method returns true, the action should be terminated immediately (error etc.)\r\n return\r\n } else {\r\n resp = app.extractDataFromResponse(data)\r\n }\r\n if (self.actionSettings && self.actionSettings.resolver !== undefined) {\r\n self.actionSettings.resolver()\r\n }\r\n\r\n self.isSuccess = true\r\n\r\n // action passed on as variable to this method object\r\n let _dontContinue = false\r\n if (self.done) {\r\n _dontContinue = self.done(resp, textStatus, jqXHR)\r\n }\r\n // action passed on from initial caller if not blocked by first custom method\r\n if (\r\n _dontContinue !== true &&\r\n self.actionSettings &&\r\n self.actionSettings.done\r\n ) {\r\n _dontContinue = self.actionSettings.done(resp, textStatus, jqXHR)\r\n }\r\n // perform any default action if not blocked explicitely from one of the custom methods\r\n if (_dontContinue !== true) {\r\n app.postValidateMessage(data, self)\r\n }\r\n })\r\n .fail(function (data, textStatus, jqXHR) {\r\n self.isPending = false\r\n if (self.block) {\r\n app.setNotBusy(self.actionId)\r\n }\r\n\r\n // var acc = []\r\n // $.each(jqXHR, function (index, value) {\r\n // acc.push(index + ': ' + value)\r\n // })\r\n // console.log('Inside dk-ifshop-loader fail branch ')\r\n // console.log(JSON.stringify(acc))\r\n\r\n app.onCommunicationFail(data, val)\r\n\r\n // action passed on as variable to this method object\r\n if (self.fail) {\r\n self.fail(resp, textStatus, jqXHR)\r\n }\r\n // action passed on from initial caller\r\n if (self.actionSettings && self.actionSettings.fail) {\r\n self.actionSettings.fail(data, textStatus, jqXHR)\r\n }\r\n let kundeInfo = ''\r\n if (app.root && app.root.Kunde && app.root.Kunde.EnigmaTokenSSN) {\r\n kundeInfo = app.root.Kunde.EnigmaTokenSSN()\r\n }\r\n\r\n h.publish(h.AJAX_FAIL, { data: jqXHR, customerId: kundeInfo })\r\n })\r\n .always(function (data, textStatus, jqXHR) {\r\n self.isPending = false\r\n if (!self.ignored) {\r\n if (self.spinnerElementId) {\r\n app.hideSpinner(\r\n $(h.getElm(self.spinnerElementId)),\r\n self.noAutoDisable\r\n )\r\n } else {\r\n app.hideSpinner(self.targetElement, self.noAutoDisable)\r\n }\r\n }\r\n self.doAlways(data, textStatus, jqXHR)\r\n // cleanup prio info (if any)\r\n self.unregCall()\r\n })\r\n }\r\n\r\n if (self.init(val, contentType, dataType)) {\r\n self.ajax()\r\n return self\r\n }\r\n}\r\n\r\n// simple version of WebShopLoader\r\nfunction SimpleJsonSender (val) {\r\n const self = this\r\n if (!app.shopHostUrl) {\r\n console.log('log_url not initated at this point, cancelling logging.')\r\n return\r\n }\r\n self.url = app.shopHostUrl + val.url\r\n\r\n self.data = JSON.stringify(val.data)\r\n self.done = val.done\r\n self.always = val.always\r\n self.fail = val.fail\r\n self.ajax = function () {\r\n $.ajax({\r\n url: self.url,\r\n type: 'post',\r\n data: self.data,\r\n dataType: 'json',\r\n contentType: 'application/json',\r\n xhrFields: {\r\n withCredentials: true\r\n }\r\n }).fail(function (data, textStatus, jqXHR) {\r\n // currently ignored because SimpleJsonSender is currently only used to send client exception info to the mvc (so if that fails too, what else to do?!)\r\n })\r\n }\r\n self.ajax()\r\n return self\r\n}\r\n\r\n// holds hjaelpe/fejl messages (Used from webShopApplication)\r\nfunction webShopMessage (kort, lang) {\r\n return {\r\n kort,\r\n lang\r\n }\r\n}\r\n\r\nexport { SimpleJsonSender, WebShopLoader, webShopMessage }\r\n","import { h } from './dk-ifshop-helper'\r\nimport { WebShopCollection } from './dk-ifshop-dictionary'\r\n\r\nfunction Model () {\r\n let self = this\r\n self.inherit = function (child) {\r\n // called by inheriter\r\n self = child\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n if (actionSettings && actionSettings.done) {\r\n actionSettings.done()\r\n }\r\n }\r\n\r\n // SYNC (Read from server)\r\n self.sync = function (actionSettings) {\r\n if (actionSettings && actionSettings.done) {\r\n actionSettings.done()\r\n }\r\n }\r\n\r\n // CLEAR\r\n self.clear = function () {\r\n self.update({})\r\n }\r\n\r\n // SAVE (write to server)\r\n self.save = function (val) {\r\n /* abstract */\r\n }\r\n\r\n self.hasChanged = false\r\n self.UpdateHasChangedFlag = function (property, value, name) {\r\n if (value != self.prev(name)) {\r\n self.hasChanged = true\r\n }\r\n }\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n self.koMap = function (val, orig, def, name, ignoreZero, defaultUndefined) {\r\n if (name) {\r\n return h.koMap(\r\n val,\r\n orig,\r\n def,\r\n self.validateProperty,\r\n self.recordPrevValue,\r\n name,\r\n ignoreZero,\r\n defaultUndefined\r\n )\r\n } else {\r\n return h.koMap(\r\n val,\r\n orig,\r\n def,\r\n null,\r\n null,\r\n null,\r\n ignoreZero,\r\n defaultUndefined\r\n )\r\n }\r\n }\r\n\r\n self.prevValues = new WebShopCollection()\r\n self.recordPrevValue = function (property, value, name) {\r\n // records the old value, before it is changed\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n }\r\n self.prevValues.addOrUpdate(value, name)\r\n }\r\n\r\n self.prev = function (name) {\r\n if (self.prev) {\r\n return self.prevValues.item(name)\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport { Model }\r\n","/* global $ ko */\r\n\r\nimport { Model } from './dk-ifshop-model'\r\nimport { app } from './dk-ifshop-application'\r\nimport { basic } from './dk-ifshop-scripts'\r\nimport { getAgeFromBirthDate } from '././cpr/dk-ifshop-cpr'\r\nimport { h } from './dk-ifshop-helper'\r\nimport { isDateReadyforValidation } from './dk-ifshop-dates'\r\nimport { PersonEntities } from './dk-ifshop-constants'\r\n\r\nfunction Person (role) {\r\n const self = this\r\n self.role = role\r\n self.base = new Model()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n // called when a property changes value (Assigning the same value won't trigger this)\r\n if (value !== self.prev(name)) {\r\n self.hasChanged = true\r\n if (name === 'cpr1' || name === 'cpr2') {\r\n // update full cpr\r\n self.CprNr(self.Cpr1() + self.Cpr2())\r\n\r\n // Remove any block reason since cpr has changed\r\n self.BlockReason('')\r\n if (self.CprNr.hasValidFormat()) {\r\n // baseret på: http://da.wikipedia.org/wiki/CPR-nummer\r\n let addCentury = ''\r\n const cprYear = self.Cpr1().substr(4, 2)\r\n const cprMonth = self.Cpr1().substr(2, 2)\r\n const cprDay = self.Cpr1().substr(0, 2)\r\n\r\n const birthYear = parseInt(cprYear)\r\n const ctrl = parseInt(self.Cpr2().substr(0, 1))\r\n if (\r\n ctrl <= 3 ||\r\n (birthYear > 36 && ctrl === 4) ||\r\n (birthYear > 36 && ctrl === 9)\r\n ) {\r\n // expects 19...\r\n addCentury = '19'\r\n } else if (birthYear >= 58 && ctrl >= 5 && ctrl <= 8) {\r\n // expects 18...\r\n addCentury = '18'\r\n } else {\r\n // expects 20...\r\n addCentury = '20'\r\n }\r\n const birthDate = new Date(\r\n addCentury + cprYear + '-' + cprMonth + '-' + cprDay\r\n )\r\n if (birthDate.getDate()) {\r\n self.Foedselsdato($.format(birthDate, 'dd/MM/yyyy', app.culture))\r\n self.Alder(getAgeFromBirthDate(birthDate))\r\n } else {\r\n self.Alder('')\r\n self.Foedselsdato('')\r\n }\r\n }\r\n } else if (name === 'Address') {\r\n // called when the page loads and you have an address entered\r\n // (this is why you get \"strange\" autocomplete calls here and there)\r\n // also called when entering a new address\r\n app.loadJson({\r\n // code: code,\r\n url: 'https://dawa.aws.dk/adresser/autocomplete?q=' + self.Address(),\r\n contentType: '',\r\n externalUrl: true,\r\n type: 'get',\r\n allowCredentials: false,\r\n done: function (data, textStatus, jqXHR) {\r\n if ($.type(data) === 'array') {\r\n if (data.length === 1) {\r\n self.Postnr(data[0].adresse.postnr)\r\n self.By(data[0].adresse.postnrnavn)\r\n self.Gade(data[0].adresse.vejnavn)\r\n self.Husnr(data[0].adresse.husnr)\r\n self.Etage(\r\n data[0].adresse.etage === '' ? null : data[0].adresse.etage\r\n )\r\n self.SideDoerNr(\r\n data[0].adresse.dør === '' ? null : data[0].adresse.dør\r\n )\r\n if (data.data.x && data.data.y) {\r\n const longitude = data.data.x\r\n const latitude = data.data.y\r\n self.model.Latitude(latitude)\r\n self.model.Longitude(longitude)\r\n }\r\n }\r\n }\r\n }\r\n })\r\n } else if (name === 'Postnr') {\r\n if (self.Address() === undefined || self.Address() === '') {\r\n self.SideDoerNr('')\r\n self.Etage('')\r\n self.Husnr('')\r\n self.Gade('')\r\n self.By('')\r\n }\r\n } else if (name === 'Foedselsdato') {\r\n self.updateCprAndAlderWithFoedselsdato(value)\r\n } else if (name === 'Alder') {\r\n if (self.Foedselsdato()) {\r\n // validate if the birthdate reflects the same age. if not. Clear the birthdate.\r\n const parsedBirthDate = $.parseDate(\r\n self.Foedselsdato(),\r\n null,\r\n app.culture\r\n )\r\n const age = getAgeFromBirthDate(parsedBirthDate)\r\n if (age != value) {\r\n self.Foedselsdato('')\r\n }\r\n }\r\n } else if (name === 'Fornavn') {\r\n if (value && value.charAt(0).toUpperCase() != value.charAt(0)) {\r\n self.Fornavn(h.capitaliseFirstLetter(value))\r\n }\r\n } else if (name === 'Efternavn') {\r\n if (value && value.charAt(0).toUpperCase() != value.charAt(0)) {\r\n self.Efternavn(h.capitaliseFirstLetter(value))\r\n }\r\n } else if (name === 'Gade') {\r\n if (value && value.charAt(0).toUpperCase() != value.charAt(0)) {\r\n self.Gade(h.capitaliseFirstLetter(value))\r\n }\r\n } else if (name === 'BankRegNr') {\r\n self.BankKontoNr('')\r\n }\r\n }\r\n }\r\n\r\n self.updateCprAndAlderWithFoedselsdato = function (value) {\r\n if (isDateReadyforValidation(value)) {\r\n const birthDate = $.parseDate(value, null, app.culture)\r\n if (birthDate) {\r\n const sixChrDate = $.format(birthDate, 'ddMMyy', app.culture)\r\n if (sixChrDate !== self.Cpr1()) {\r\n // ensure Cpr2 is reset first to not trigger validateProprty forever (if Cpr2 is set)\r\n self.Cpr2('')\r\n self.Cpr1(sixChrDate)\r\n }\r\n const age = getAgeFromBirthDate(birthDate)\r\n self.Alder(age)\r\n }\r\n }\r\n }\r\n\r\n self.init = function (data) {\r\n const val = data || {}\r\n self.isInit = true\r\n\r\n self.CancellationConsentNeeded = self.koMap(val.CancellationConsentNeeded, self.CancellationConsentNeeded)\r\n self.CoInsuredCancellationConsentNeeded = self.koMap(val.CoInsuredCancellationConsentNeeded, self.CoInsuredCancellationConsentNeeded)\r\n\r\n self.Latitude = self.koMap(val.Latitude, self.Latitude, '', 'Latitude')\r\n self.Longitude = self.koMap(val.Longitude, self.Longitude, '', 'Longitude')\r\n\r\n self.CancellationConsent = self.koMap(val.CancellationConsent, self.CancellationConsent, false, 'CancellationConsent')\r\n self.CancellationCoInsuredPowerOfAttorneyConsent = self.koMap(val.CancellationCoInsuredPowerOfAttorneyConsent, self.CancellationCoInsuredPowerOfAttorneyConsent, false, 'CancellationCoInsuredPowerOfAttorneyConsent')\r\n\r\n self.AdressChangedDueToAuthentication = self.koMap(\r\n val.AdressChangedDueToAuthentication,\r\n self.AdressChangedDueToAuthentication\r\n )\r\n\r\n self.CprChangedDueToAuthentication = self.koMap(\r\n val.CprChangedDueToAuthentication,\r\n self.CprChangedDueToAuthentication\r\n )\r\n\r\n self.UseCustomerAdressForCoInsured = self.koMap(\r\n val.UseCustomerAdressForCoInsured,\r\n self.UseCustomerAdressForCoInsured)\r\n\r\n self.Id = self.koMap(val.Id, self.Id)\r\n self.Fornavn = self.koMap(val.Fornavn, self.Fornavn, null, 'Fornavn')\r\n self.Efternavn = self.koMap(\r\n val.Efternavn,\r\n self.Efternavn,\r\n null,\r\n 'Efternavn'\r\n )\r\n\r\n self.EnigmaTokenSSN = self.koMap(val.EnigmaTokenSSN, self.EnigmaTokenSSN, '', 'EnigmaTokenSSN')\r\n self.EnigmaTokenEmail = self.koMap(val.EnigmaTokenEmail, self.EnigmaTokenEmail, '', 'EnigmaTokenEmail')\r\n self.EnigmaTokenPhone = self.koMap(val.EnigmaTokenPhone, self.EnigmaTokenPhone, '', 'EnigmaTokenPhone')\r\n self.EnigmaTokenFirstName = self.koMap(val.EnigmaTokenFirstName, self.EnigmaTokenFirstName, '', 'EnigmaTokenFirstName')\r\n self.EnigmaTokenLastName = self.koMap(val.EnigmaTokenLastName, self.EnigmaTokenLastName, '', 'EnigmaTokenLastName')\r\n self.EnigmaTokenAdress = self.koMap(val.EnigmaTokenAdress, self.EnigmaTokenAdress, '', 'EnigmaTokenAdress')\r\n\r\n // address fields. Due to validation they must be intialized in the given order\r\n self.Postnr = self.koMap(val.Postnr, self.Postnr, null, 'Postnr', true)\r\n self.By = self.koMap(val.By, self.By, null, 'By')\r\n self.Gade = self.koMap(val.Gade, self.Gade, null, 'Gade')\r\n self.Husnr = self.koMap(val.Husnr, self.Husnr)\r\n self.Etage = self.koMap(val.Etage, self.Etage)\r\n self.SideDoerNr = self.koMap(val.SideDoerNr, self.SideDoerNr)\r\n self.Address = ko.computed(function () {\r\n return h.addressSingleLine(self.Gade(), self.Husnr(), self.Etage(), self.SideDoerNr(), self.Postnr(), self.By())\r\n })\r\n\r\n self.AddressLine1 = ko.computed(function () {\r\n return h.addressLine1(self.Gade(), self.Husnr(), self.Etage(), self.SideDoerNr())\r\n })\r\n\r\n self.AddressLine2 = ko.computed(function () {\r\n return h.addressLine2(self.Postnr(), self.By())\r\n })\r\n\r\n self.AddressSingleLine = ko.computed(function () {\r\n return h.addressSingleLine(self.Gade(), self.Husnr(), self.Etage(), self.SideDoerNr(), self.Postnr(), self.By())\r\n })\r\n\r\n self.BlockReason = self.koMap(\r\n val.BlockReason,\r\n self.BlockReason,\r\n '',\r\n 'BlockReason'\r\n )\r\n\r\n self.LoggedInUserMessage = ko.computed(function () {\r\n let message\r\n\r\n if (self.role == PersonEntities.Kunde && !self.Fornavn() && !self.Efternavn()) {\r\n message = 'Du er logget ind'\r\n } else if (self.role == PersonEntities.Kunde && self.Fornavn() && self.Efternavn()) {\r\n message = `Du er logget ind som ${self.Fornavn()} ${self.Efternavn()} `\r\n } else {\r\n message = ''\r\n }\r\n return message\r\n })\r\n\r\n self.MobilNr = self.koMap(val.MobilNr, self.MobilNr, '', 'MobilNr')\r\n self.InitialMobilNr = val.MobilNr\r\n self.EmailAdr = self.koMap(val.EmailAdr, self.EmailAdr, '', 'EmailAdr')\r\n self.InitialEmailAdr = val.EmailAdr\r\n self.PBS = self.koMap(val.PBS, self.PBS, '', 'PBS')\r\n\r\n let cpr1 = ''\r\n let cpr2 = ''\r\n\r\n if (val.CprNr && val.CprNr.length >= 6) {\r\n cpr1 = val.CprNr.substring(0, 6)\r\n }\r\n\r\n if (val.CprNr && val.CprNr.length >= 6) {\r\n cpr2 = val.CprNr.substring(6)\r\n }\r\n\r\n self.CprNr = self\r\n .koMap(val.CprNr, self.CprNr)\r\n .extend({ validateFormat: /^\\d{10}$/ })\r\n\r\n self.Cpr1 = self\r\n .koMap(cpr1, self.Cpr1, null, 'cpr1')\r\n .extend({ validateFormat: /^\\d{6}$/ })\r\n self.Cpr2 = self\r\n .koMap(cpr2, self.Cpr2, null, 'cpr2')\r\n .extend({ validateFormat: /^\\d{4}$/ })\r\n\r\n if (!val.Alder && self.CprNr().length === 10) {\r\n // do nothing, date is set by cpr\r\n } else {\r\n self.Alder = self.koMap(val.Alder, self.Alder, null, 'Alder', true)\r\n }\r\n let date\r\n if (val.FoedselsdatoShortStr) {\r\n date = h.getJSONStringDate(val.FoedselsdatoShortStr)\r\n self.Foedselsdato = self.koMap(\r\n date,\r\n self.Foedselsdato,\r\n null,\r\n 'Foedselsdato',\r\n true\r\n ) // birthdate must be set 'after' cpr1 and age due to code in method validateProperty . overrides Alder\r\n self.updateCprAndAlderWithFoedselsdato(date)\r\n } else if (self.CprNr().length === 10) {\r\n // do nothing, date is set by cpr\r\n } else {\r\n // Foedselsdato == undefined\r\n self.Foedselsdato = self.koMap(\r\n date,\r\n self.Foedselsdato,\r\n null,\r\n 'Foedselsdato',\r\n true\r\n )\r\n }\r\n\r\n self.HarFaaetHjaelpAf = self.koMap(\r\n val.HarFaaetHjaelpAf,\r\n self.HarFaaetHjaelpAf\r\n )\r\n self.MarketingMail = self.koMap(\r\n val.MarketingMail,\r\n self.MarketingMail,\r\n false\r\n )\r\n self.MarketingSMS = self.koMap(val.MarketingSMS, self.MarketingSMS, false)\r\n self.AccepterMarketing = self.koMap(\r\n val.AccepterMarketing,\r\n self.AccepterMarketing,\r\n ''\r\n )\r\n\r\n self.TidligereSelskab = self.koMap(\r\n val.TidligereSelskab,\r\n self.TidligereSelskab\r\n )\r\n\r\n self.TidligerePoliceNr = self.koMap(\r\n val.TidligerePoliceNr,\r\n self.TidligerePoliceNr\r\n )\r\n\r\n // banking fields. Due to validation they must be intialized in the given order\r\n self.BankRegNr = self.koMap(\r\n val.BankRegNr,\r\n self.BankRegNr,\r\n null,\r\n 'BankRegNr'\r\n )\r\n self.BankKontoNr = self.koMap(\r\n val.BankKontoNr,\r\n self.BankKontoNr,\r\n null,\r\n 'BankKontoNr'\r\n )\r\n\r\n self.BetalMaanedligt = self.koMap(\r\n val.BetalMaanedligt,\r\n self.BetalMaanedligt,\r\n true\r\n )\r\n\r\n self.IsMedforsikret = self.koMap(val.IsMedforsikret, self.IsMedforsikret, false, 'IsMedforsikret')\r\n\r\n // computed observables\r\n self.BetalingsintervalStr = ko.computed(function () {\r\n if (self.BetalMaanedligt() === true) {\r\n return app.getHjaelpeKodeText(\r\n 'CLIENT-BETALINGSINTERVAL-MAANEDLIGT',\r\n 'Månedligt'\r\n )\r\n } else {\r\n return app.getHjaelpeKodeText(\r\n 'CLIENT-BETALINGSINTERVAL-AARLIGT',\r\n 'Årligt'\r\n )\r\n }\r\n }, self)\r\n\r\n self.ShowPurchaseBlockedMessage = ko.computed(function () {\r\n return self.BlockReason() === 'Blocked'\r\n }, self)\r\n\r\n self.HouseAddressIsComplete = ko.computed(function () {\r\n const housePrereqs = self.Gade() && self.Husnr() && self.Postnr() && self.By()\r\n return housePrereqs\r\n }, self)\r\n\r\n self.isInit = false\r\n }\r\n\r\n self.init()\r\n\r\n // SYNC\r\n self.sync = function () {\r\n app.loadJson({\r\n url: 'tilbud/syncperson',\r\n data: '{ \"id\" : \"' + (self.Id() || '0') + '\" }',\r\n allowCredentials: true,\r\n done: function (result) {\r\n self.update(result)\r\n }\r\n })\r\n }\r\n\r\n self.GetEnigmaFormattedObject = function (data) {\r\n return {\r\n Age: data.Alder,\r\n EnigmaTokenSSN: data.EnigmaTokenSSN,\r\n EnigmaTokenAdress: data.EnigmaTokenAdress,\r\n EnigmaTokenEmail: data.EnigmaTokenEmail,\r\n EnigmaTokenFirstName: data.EnigmaTokenFirstName,\r\n EnigmaTokenLastName: data.EnigmaTokenLastName,\r\n EnigmaTokenPhone: data.EnigmaTokenPhone\r\n }\r\n }\r\n\r\n self.CallPushUpdate = function () {\r\n if (window.ifws_expectRecaptcha === 'true') {\r\n self.callPushUpdateAwaitGrecaptcha()\r\n } else {\r\n self.PushUpdate('').then(data => {\r\n if (data.Updated) {\r\n const shouldBeregn = app.root.Disv() // this will only work if details view is rendered\r\n const enigmaObject = self.GetEnigmaFormattedObject(data.Data)\r\n h.publish(h.CUSTOMER_UPDATE_ENIGMA, enigmaObject)\r\n self.update(data.Data)\r\n if (shouldBeregn && app.page != 'front' && app.wizard && app.wizard.currentStepNo > 1) {\r\n app.root.activeProduct.beregn()\r\n }\r\n }\r\n }).catch(error => {\r\n if (error.data) {\r\n self.UpdateFailure(error.data.Message.TekstKode)\r\n } else {\r\n basic.showContactPanel()\r\n }\r\n })\r\n }\r\n }\r\n\r\n self.PushUpdateSuccessHandler = function (data, shouldBeregn) {\r\n if (self.role == PersonEntities.Kunde) {\r\n const enigmaObject = self.GetEnigmaFormattedObject(data.Data)\r\n h.publish(h.CUSTOMER_UPDATE_ENIGMA, enigmaObject)\r\n }\r\n self.update(data.Data)\r\n\r\n const validStep = app.page != 'front' && app.wizard && app.wizard.currentStepNo > 1\r\n\r\n if (shouldBeregn && validStep) {\r\n app.root.activeProduct.beregn()\r\n }\r\n }\r\n\r\n self.callPushUpdateAwaitGrecaptcha = function (recalculatePrice) {\r\n let action = ''\r\n if (self.role == PersonEntities.Kunde) {\r\n action = 'pushupdate'\r\n } else if (self.role == PersonEntities.Medforsikret) {\r\n action = 'pushupdatecoinsured'\r\n }\r\n // eslint-disable-next-line no-prototype-builtins\r\n if (window.hasOwnProperty('grecaptcha')) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action }).then(function (token) {\r\n self.PushUpdate(token, recalculatePrice).catch(error => {\r\n if (error.data) {\r\n self.UpdateFailure(error.data.Message.TekstKode)\r\n } else {\r\n basic.showContactPanel()\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n setTimeout(() => { self.callPushUpdateAwaitGrecaptcha() }, 250)\r\n }\r\n }\r\n\r\n // will only push state that we have not handle incoming state from server\r\n self.PushUpdate = function (token, recalculatePrice) {\r\n let url = ''\r\n\r\n if (self.role == PersonEntities.Kunde) {\r\n url = 'tilbud/UpdateCustomer'\r\n } else if (self.role == PersonEntities.Medforsikret) {\r\n url = 'tilbud/UpdateCoinsured'\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n if (self.role != PersonEntities.Kunde && self.role != PersonEntities.Medforsikret) {\r\n reject(Error('Invalid role'))\r\n }\r\n\r\n const personData = self.JSON()\r\n app.loadJson({\r\n url,\r\n token,\r\n data: personData,\r\n allowCredentials: true,\r\n done: function (result, textStatus, jqXHR) {\r\n if (result.Updated) {\r\n if (result.UpdatedTilbud && result.UpdatedActiveProduct) {\r\n app.root.update(result.UpdatedTilbud)\r\n app.root.activeProduct.update(result.UpdatedActiveProduct)\r\n }\r\n self.PushUpdateSuccessHandler(result, recalculatePrice)\r\n }\r\n resolve(result)\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n reject(new Error(data))\r\n },\r\n fail: function (data, textStatus, jqXHR) {\r\n reject(new Error(data))\r\n }\r\n })\r\n })\r\n }\r\n\r\n self.UpdateFailure = function (textCode) {\r\n const message = 'Ukendt fejl'\r\n // Get some clever error messages from texts\r\n // message = app.getHjaelpeKodeText('CLIENT-Cannot-Add-More-Of-ProductType', 'Du kan ikke tilføje flere forsikringer af denne type.')\r\n app.showMessage(message)\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(val)\r\n }\r\n }\r\n\r\n // todo: investigate intent of previous state of code,\r\n // are we causing any harm by returning, the actual values ?\r\n self.JSONFilter = function (key, value) {\r\n if (key === 'Foedselsdato') {\r\n return $.format(value, 'yyyy-MM-dd', app.culture)\r\n }\r\n return value\r\n }\r\n\r\n self.JSON = function () {\r\n return ko.toJSON(self, self.JSONFilter)\r\n }\r\n}\r\n\r\nexport { Person }\r\n","/* global ko $ */\r\n\r\nimport { Model } from './dk-ifshop-model'\r\nimport { WebShopCollection } from './dk-ifshop-dictionary'\r\nimport { app } from './dk-ifshop-application'\r\nimport { basic } from './dk-ifshop-scripts'\r\nimport { h } from './dk-ifshop-helper'\r\nimport { updateCheckbox } from './dk-ifshop-controls-radioAndCheckbox'\r\n\r\nfunction ProduktType () {\r\n const self = this\r\n self.Navn = ''\r\n}\r\n\r\nconst ifwsPriser = new WebShopCollection() // prices for the possible dækninger\r\n\r\nfunction Produkt () {\r\n let self = this\r\n self.base = new Model()\r\n self.inherit = function (child) {\r\n self.base.inherit(child)\r\n self = child\r\n self.produktNavn = ''\r\n self.showAnbefaletInUI = false\r\n if (!self.Daekning) {\r\n self.Daekning = h.koMap(new Praemie(self)) // dækning chosen by the user\r\n }\r\n self.Praemier = ko.observableArray([]) // possible dækninger\r\n\r\n self.validateProduktProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n self.produktInit = function (\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState,\r\n OCHConsentGiven,\r\n EDIConsentGiven) {\r\n self.ReberegnMaxValue = 100\r\n self.ReberegnCounter = 0\r\n\r\n self.CPState = self.koMap(CPState, self.CPState)\r\n // When switching between products in checkout\r\n // we subscribe to this so we can see when product changes\r\n // we cant use app.activeProduct.productID because the reference changes,\r\n // so we don't get notified on change\r\n\r\n if (!window.app.activeProductId) {\r\n window.app.activeProductId = self.koMap(ProduktID, self.ProduktID)\r\n } else {\r\n window.app.activeProductId(ProduktID)\r\n }\r\n\r\n self.UniqueId = self.koMap(UniqueId, self.UniqueId)\r\n self.ProduktID = self.koMap(ProduktID, self.ProduktID)\r\n self.OCHConsentGiven = self.koMap(OCHConsentGiven, self.OCHConsentGiven, false, 'OCHConsentGiven')\r\n self.EDIConsentGiven = self.koMap(EDIConsentGiven, self.EDIConsentGiven, false, 'EDIConsentGiven')\r\n\r\n self.HarTidligereSelskab = self.koMap(\r\n HarTidligereSelskab,\r\n self.HarTidligereSelskab,\r\n false,\r\n 'HarTidligereSelskab'\r\n )\r\n self.TidligereSelskab = self.koMap(\r\n TidligereSelskab,\r\n self.TidligereSelskab,\r\n '',\r\n 'TidligereSelskab'\r\n )\r\n\r\n self.TidligereSelskabNavn = self.koMap(\r\n TidligereSelskabNavn,\r\n self.TidligereSelskabNavn,\r\n '',\r\n 'TidligereSelskabNavn'\r\n )\r\n\r\n self.opsigelseMaanedVedEj = self.koMap(\r\n opsigelseMaanedVedEj,\r\n self.opsigelseMaanedVedEj,\r\n false,\r\n 'opsigelseMaanedVedEj'\r\n )\r\n self.TidligerePoliceNr = self.koMap(\r\n TidligerePoliceNr,\r\n self.TidligerePoliceNr,\r\n '',\r\n 'TidligerePoliceNr'\r\n )\r\n self.OpsigelseType = self.koMap(\r\n OpsigelseType,\r\n self.OpsigelseType,\r\n '',\r\n 'OpsigelseType'\r\n )\r\n self.StartDateType = self.koMap(\r\n StartDateType,\r\n self.StartDateType,\r\n '',\r\n 'StartDateType'\r\n )\r\n self.OpsigelsesMaaned = self.koMap(\r\n OpsigelsesMaaned,\r\n self.OpsigelsesMaaned,\r\n '',\r\n 'OpsigelsesMaaned'\r\n )\r\n self.UnderwritingAccept = self.koMap(\r\n UnderwritingAccept,\r\n self.UnderwritingAccept,\r\n '',\r\n 'UnderwritingAccept'\r\n )\r\n let _date\r\n if (IkraftDato) {\r\n _date = h.getJSONStringDate(IkraftDato)\r\n }\r\n self.IkraftDato = self.koMap(\r\n _date,\r\n self.IkraftDato,\r\n null,\r\n 'IkraftDato',\r\n true\r\n )\r\n\r\n self.SelectedDaekningId = self.koMap(SelectedDaekningId, self.SelectedDaekningId, '', 'SelectedDaekningId')\r\n self.ShowIkraftDatoNoteForkortet = ko.computed(function () {\r\n return Number(self.OpsigelseType()) === Number(h.OPSIGELSE_HURTIGST)\r\n })\r\n self.ShowIkraftDatoNoteVedIkkeMaaned = ko.computed(function () {\r\n return Number(self.OpsigelseType()) !== Number(h.OPSIGELSE_HURTIGST) &&\r\n Number(self.OpsigelsesMaaned()) === 0 && self.opsigelseMaanedVedEj() === true\r\n })\r\n self.ShowCancellationMonth = ko.computed(function () {\r\n return (\r\n self.HarTidligereSelskab() === true &&\r\n ((Number(self.OpsigelseType()) === 1 && self.opsigelseMaanedVedEj() === false) ||\r\n Number(self.StartDateType()) === 2)\r\n )\r\n })\r\n self.ShowStartDateMonth = ko.computed(function () {\r\n return (self.HarTidligereSelskab() === false && Number(self.StartDateType()) === 2)\r\n })\r\n self.HasSelectedExistingInsuranceFlag = ko.computed(function () {\r\n return self.HarTidligereSelskab()\r\n })\r\n self.IkraftDatoStr = ko.computed(function () {\r\n if (\r\n self.IkraftDato &&\r\n (self.OpsigelseType() !== '' || self.StartDateType() !== '')\r\n ) {\r\n let _date = self.IkraftDato()\r\n if (_date) {\r\n // if date is a string, transform it to date\r\n _date = new Date(h.correctStringDate(_date))\r\n // get date with weekname first\r\n let _str = $.format(_date, 'dddd d. MMMM yyyy', app.culture)\r\n // capitalize first letter\r\n _str = _str.charAt(0).toUpperCase() + _str.slice(1)\r\n return _str\r\n }\r\n return ''\r\n }\r\n }, self)\r\n\r\n self.TotalPremiumMonthly = ko.computed(function () {\r\n const premium = Math.ceil(self.Daekning().MdEfterNettoPremieTotal()).toLocaleString()\r\n return premium.replace('.', ',') + ' kr.'\r\n })\r\n\r\n self.TotalPremiumYearly = ko.computed(function () {\r\n const premium = Math.ceil(self.Daekning().NettoPraemieTotal()).toLocaleString()\r\n return premium.replace('.', ',') + ' kr.'\r\n })\r\n\r\n self.EnglishName = self.koMap(EnglishName, self.EnglishName)\r\n }\r\n\r\n self.activeBeregningsKey = ''\r\n self.pendingBeregn = 0\r\n\r\n self.daekningsSubscriptions = []\r\n\r\n self.disposeDaekningsSubscriptions = function () {\r\n for (let i = 0; i < self.daekningsSubscriptions.length; i++) {\r\n self.daekningsSubscriptions[i].dispose()\r\n }\r\n self.daekningsSubscriptions = []\r\n }\r\n\r\n self.HentPriser = function (actionSettings) {\r\n actionSettings.onlyFetch = true\r\n return self.beregn(actionSettings)\r\n }\r\n\r\n self.beregn = function (actionSettings) {\r\n if (!actionSettings) {\r\n actionSettings = {}\r\n }\r\n try {\r\n const key = self.getBeregningsKey() + '-' + app.root.Kunde().CprNr()\r\n const hasPendingBeregn = self.pendingBeregn === 0 && !app.root.syncInitiated\r\n\r\n self.activeBeregningsKey = key\r\n app.setPendingUserAction('beregn')\r\n\r\n const delay = hasPendingBeregn ? 0 : 200\r\n\r\n if (self.pendingBeregn >= 2 && self.timeoutId) {\r\n clearTimeout(self.timeoutId)\r\n self.timeoutId = 0\r\n self.pendingBeregn--\r\n }\r\n\r\n self.pendingBeregn++\r\n\r\n self.timeoutId = setTimeout(function () {\r\n self.HentPriserViaServer(actionSettings, key)\r\n }, delay) // timeout to avoid memory overload due to too many recalculations when the criterias are rapidly changed\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.beregnOnChange = function (newValue, previousValue) {\r\n if (newValue === undefined) {\r\n return\r\n }\r\n\r\n if (isNaN(newValue) || isNaN(previousValue)) {\r\n if (newValue != previousValue) {\r\n self.beregn()\r\n }\r\n } else {\r\n if (Number(newValue) !== Number(previousValue)) {\r\n self.beregn()\r\n }\r\n }\r\n }\r\n\r\n self.PublishGTMPriceChange = function (activeProduct) {\r\n if (activeProduct && activeProduct.ProduktID()) {\r\n const data = this.CreateData(activeProduct)\r\n h.publish(h.PRICE_CHANGING, data)\r\n }\r\n }\r\n\r\n self.CreateData = function (activeProduct) {\r\n let coverage = ''\r\n let price = ''\r\n let uniqueId = ''\r\n let productId = ''\r\n if (activeProduct && activeProduct.UniqueId) {\r\n uniqueId = activeProduct.UniqueId()\r\n }\r\n if (activeProduct && activeProduct.ProduktID) {\r\n productId = activeProduct.ProduktID()\r\n }\r\n if (activeProduct.Daekning && activeProduct.Daekning()) {\r\n price = activeProduct.Daekning().NettoPraemieTotal()\r\n coverage = activeProduct.Daekning().SamletTitel()\r\n }\r\n\r\n let mileage = ''\r\n if (activeProduct.produktNavn === 'bil') {\r\n mileage = activeProduct.KmAArlig()\r\n }\r\n\r\n let coveredAmount = ''\r\n switch (activeProduct.produktNavn) {\r\n case 'liv':\r\n {\r\n coveredAmount = activeProduct.UddannelsesNiveau()\r\n break\r\n }\r\n case 'ulykke': {\r\n coveredAmount = (parseInt(activeProduct.InvaliditetSum()) + parseInt(activeProduct.DoedsfaldSum())).toString()\r\n break\r\n }\r\n case 'mc': {\r\n coveredAmount = activeProduct.BagageboxSum()\r\n break\r\n }\r\n case 'familie': {\r\n coveredAmount = activeProduct.IndboSum()\r\n break\r\n }\r\n case 'rejse': {\r\n coveredAmount = activeProduct.BagageSum()\r\n break\r\n }\r\n default: {\r\n coveredAmount = ''\r\n break\r\n }\r\n }\r\n\r\n let travelArea = ''\r\n if (activeProduct.produktNavn === 'rejse') {\r\n travelArea = 'Europe'\r\n if (activeProduct.RejseforsikringsOmraade() == 'V') {\r\n travelArea = 'World'\r\n }\r\n }\r\n\r\n let selvrisiko = '0'\r\n if (activeProduct.Selvrisiko) {\r\n selvrisiko = activeProduct.Selvrisiko()\r\n }\r\n\r\n let addons = []\r\n if (activeProduct.Daekning() &&\r\n activeProduct.Daekning().Daekninger()) {\r\n const selectedAddons = activeProduct.Daekning().Daekninger().filter((addon) => addon.Valgt())\r\n addons = selectedAddons.map((addon) => {\r\n return { value: addon.Navn(), price: addon.NettoMdTilvalgsPris() * 12 }\r\n })\r\n }\r\n\r\n const data = {\r\n UniqueId: uniqueId,\r\n priceUpdate: price,\r\n mileageUpdate: mileage,\r\n selvrisikoUpdate: selvrisiko,\r\n coveredAmountUpdate: coveredAmount,\r\n updatedTravelArea: travelArea,\r\n productId,\r\n coverageUpdate: coverage,\r\n insuranceAddonsUpdate: addons,\r\n pageInfo: app.getGTMPageInfo(),\r\n productName: activeProduct.produktNavn\r\n }\r\n return data\r\n }\r\n\r\n self.PriceExists = function (activeProduct) {\r\n if (activeProduct === undefined) {\r\n activeProduct = self\r\n }\r\n if (activeProduct && activeProduct.Daekning) {\r\n return activeProduct.Daekning().NettoPraemieTotal() > 0\r\n }\r\n return false\r\n }\r\n self.PublishGTMPriceChangingEvent = function () {\r\n self.PublishGTMPriceChange(app.root.activeProduct)\r\n }\r\n\r\n self.HandleLocalCorruptPrices = function () {\r\n let corruptedPrices = false\r\n $.each(self.Praemier(), function (key, val) {\r\n if (val.Tilbydes() && val.NettoPraemieTotal() == 0) { // any occurence of an item is offered and price == 0 then Praemier are deemed not ok\r\n corruptedPrices = true\r\n return false\r\n }\r\n })\r\n if (corruptedPrices) {\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n self.HandleIncomingCorruptPrices = function (data) {\r\n let corruptedPricesIncoming = false\r\n $.each(data, function (key, val) {\r\n const item = self.getPraemie(key, val)\r\n if (item.Tilbydes() && item.NettoPraemieTotal() == 0) { // any occurence of an item is offered and price == 0 then Praemier are deemed not ok\r\n corruptedPricesIncoming = true\r\n return false\r\n }\r\n })\r\n\r\n if (corruptedPricesIncoming) {\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n function makeBeregnCall (actionSettings, key, token) {\r\n // nothing cached. load from mvc\r\n const query = actionSettings.onlyFetch ? '?onlyFetch=true' : ''\r\n app.loadJson({\r\n url: self.produktNavn + `produkt/beregn${query}`,\r\n data: self.JSON(),\r\n token,\r\n actionId: 'beregn',\r\n actionOnBusy: 'queue',\r\n callId: key,\r\n block: true,\r\n hiddenSpinner: true, // disable ok, but dont show spinner, as spinners are displayed on the prices\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (key !== self.activeBeregningsKey) {\r\n // request outdated (We will not visit the server if newer requests have already lined up for different prices. This is addeed to avoid unnessesary calls to the server and save the calculater process wich can kill the entire environment if it is overheated)\r\n // app.writeDebugInfo('_CANCELLED CALC DONE(' + key + ')');\r\n return\r\n }\r\n\r\n if (!data || !data.length) {\r\n return\r\n }\r\n\r\n if (self.HandleIncomingCorruptPrices(data)) {\r\n if (app.root.activeProduct.ReberegnCounter >= app.root.activeProduct.ReberegnMaxValue) {\r\n app.reportFail('Invalid praemier has occured for more than ', app.root.activeProduct.ReberegnMaxValue)\r\n } else {\r\n app.logInfo('Invalid praemier detected for ', app.root.activeProduct.produktNavn)\r\n setTimeout(() => {\r\n app.root.activeProduct.ReberegnCounter++\r\n self.beregn()\r\n }, 200)\r\n return\r\n }\r\n }\r\n app.root.activeProduct.ReberegnCounter = 0\r\n\r\n // prices loaded from mvc - save to cache and apply\r\n ifwsPriser.add(data, 'beregning' + key)\r\n\r\n if (!actionSettings.onlyFetch) {\r\n self.addPraemier(data)\r\n self.updatePremiesWithAddOnSelection()\r\n self.updateDaekning()\r\n self.updateTilvalg()\r\n }\r\n app.resetPendingUserAction('beregn')\r\n // call custom method to allow for product specific changes to the tilvalg layout\r\n if (self.updateTilvalgCustomSettings) {\r\n self.updateTilvalgCustomSettings()\r\n }\r\n self.PublishGTMPriceChangingEvent()\r\n },\r\n onIgnored: function (data, textStatus, jqXHR) {\r\n if (key !== self.activeBeregningsKey) {\r\n // request outdated (We will not visit the server if newer requests have already lined up for different prices. This is addeed to avoid unnessesary calls to the server and save the calculater process wich can kill the entire environment if it is overheated)\r\n // app.writeDebugInfo('_CANCELLED CALC IGNORE(' + key + ')');\r\n return\r\n }\r\n\r\n // rhough call is ignored because a new request is issued, we still want to save the prices\r\n ifwsPriser.add(data, 'beregning' + key)\r\n },\r\n always: function () {\r\n self.pendingBeregn--\r\n if (!this.ignored && !this.response) {\r\n app.resetPendingUserAction('beregn')\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.HentPriserViaServer = function (actionSettings, key) {\r\n if (key !== self.activeBeregningsKey) {\r\n // request outdated (We will not visit the server if newer requests have already lined up for different prices. This is addeed to avoid unnessesary calls to the server and save the calculater process wich can kill the entire environment if it is overheated)\r\n // app.writeDebugInfo('_CANCELLED CALC(' + key + ')');\r\n return\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const configElement = $('#recaptcha-client-config')\r\n const config = JSON.parse(configElement.html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'beregn' })\r\n .then((token) => makeBeregnCall(actionSettings, key, token))\r\n })\r\n } else {\r\n makeBeregnCall(actionSettings, key)\r\n }\r\n\r\n // display spinners on prices (and remove year prices)\r\n $('.dws-beregnerDaekning').show()\r\n $('.dws-js-daekningBeregnet').hide()\r\n }\r\n\r\n self.getPraemie = function (key, val) {\r\n // can be overwritten by a specific product to support a more special preamie (familie)\r\n const _p = new Praemie(self)\r\n _p.update(val)\r\n return _p\r\n }\r\n\r\n self.addPraemier = function (data) {\r\n // remove all existing dækninger and add the new ones\r\n self.Praemier.removeAll()\r\n $.each(data, function (key, val) {\r\n const _p = self.getPraemie(key, val)\r\n self.Praemier.push(_p)\r\n })\r\n\r\n // test if anything is selected\r\n if (!self.Daekning().Navn()) {\r\n // No dækning is selected\r\n let _done = false\r\n $.each(self.Praemier(), function (key, val) {\r\n if (val.Anbefalet()) {\r\n // select the dækning that is recomended\r\n self.selectDaekning(val.ModelNavn())\r\n _done = true\r\n return false // $.each\r\n }\r\n })\r\n if (_done === false) {\r\n // when none is recomended, select first type that is offered\r\n $.each(self.Praemier(), function (key, val) {\r\n if (val.Tilbydes()) {\r\n // select the dækning that is offered\r\n self.selectDaekning(val.ModelNavn())\r\n _done = true\r\n return false // $.each\r\n }\r\n })\r\n }\r\n }\r\n\r\n // update details about the dækninger displayed\r\n $.each(self.Praemier(), function (index, item) {\r\n // render year/month prices\r\n const _prisId = item.ModelNavn() + '_produkttype_pris'\r\n $(h.getElm(_prisId)).text(item.MdEfterNettoPremieTotalStr())\r\n const _aarsPrisId = 'aars' + item.ModelNavn() + '_produkttype_pris'\r\n $(h.getElm(_aarsPrisId)).text(item.NettoPraemieTotalStr())\r\n\r\n // check if the dækning is anbefalet\r\n const _anbefaletId = item.ModelNavn() + '_anbefalet'\r\n const shouldShow = self.shouldShowAnbefalet(item)\r\n $('#' + _anbefaletId).toggle(shouldShow)\r\n if (shouldShow) {\r\n $('#' + _anbefaletId).parents('.daekningsRamme').addClass('daekning-with-anbefalet')\r\n }\r\n // check if the dækning is at all available\r\n const _panelId = item.ModelNavn() + '_DaekningsPanel'\r\n const _jPanel = $('#' + _panelId)\r\n\r\n // update availability visually (but only if choices are displayed)\r\n if (!item.Tilbydes()) {\r\n // not available. ghost out\r\n _jPanel.find('[id$=_PoliceButton]').css('background-color', '#CFCFCF')\r\n h.disable(_jPanel.find('[id$=_PoliceButton]'))\r\n _jPanel.addClass('daekningTilbydesIkke')\r\n _jPanel.find('.activeDetails').hide()\r\n _jPanel.find('.inactiveDetails').show()\r\n }\r\n\r\n // save a list of tilvalg for listing\r\n if (\r\n item.Daekninger().length > 0 &&\r\n (!self.Tilvalg || self.Tilvalg().length < item.Daekninger().length)\r\n ) {\r\n self.Tilvalg = item.Daekninger // TODO: HACK, skal ikke komme fra een bestemt police\r\n }\r\n })\r\n\r\n // call custom method to allow for product specific changes to the tilvalg layout\r\n if (self.updateTilvalgCustomSettings) {\r\n self.updateTilvalgCustomSettings()\r\n }\r\n\r\n $('.dws-beregnerDaekning').hide()\r\n $('.dws-js-daekningBeregnet').show()\r\n }\r\n\r\n self.shouldShowAnbefalet = function (item) {\r\n return item.Anbefalet() && self.showAnbefaletInUI\r\n }\r\n\r\n self.updatePremiesWithAddOnSelection = function (prefix) {\r\n if (self.Tilvalg) {\r\n const _tilvalg = self.Tilvalg()\r\n const _daekning = self.Daekning()\r\n $.each(_tilvalg, function (index2, tillvalgItem) {\r\n // go trough all tilvalg in the common list\r\n let _isSelectable = false\r\n let _valgt = false\r\n // Get add-on values from selected coverage\r\n $.each(_daekning.Daekninger(), function (index2, daekningItem) {\r\n // go trough the tilvalg under the selected dækning to find the matching tillæg\r\n if (daekningItem.Navn() === tillvalgItem.Navn()) {\r\n // apply the settings from the tilvalg under the selected dækning\r\n _isSelectable = daekningItem.Tilbydes()\r\n _valgt = daekningItem.Valgt()\r\n return false // $.each\r\n }\r\n })\r\n $.each(self.Praemier(), function (pIndex1, pItem) {\r\n $.each(pItem.Daekninger(), function (pAddOnIndex, pAddOnItem) {\r\n if (pAddOnItem.Navn() === tillvalgItem.Navn()) {\r\n if (_isSelectable && pAddOnItem.Tilbydes()) {\r\n pAddOnItem.Valgt(_valgt)\r\n }\r\n return false\r\n }\r\n })\r\n })\r\n })\r\n }\r\n }\r\n\r\n self.updateTilvalg = function (prefix) {\r\n if (self.Tilvalg) {\r\n if (!prefix) prefix = ''\r\n const tilvalg = self.Tilvalg()\r\n const daekning = self.Daekning()\r\n\r\n // render the name of the selected dækning\r\n // this control requires hjælpekoder, so it cant display until they are ready\r\n if (daekning.harTilvalg() === true) {\r\n // Set header title\r\n if (daekning.Navn()) {\r\n h.doOrWait(\r\n app.hjaelpeKoderLoadedFlag,\r\n app,\r\n 'hjaelpeKoderLoaded',\r\n function () {\r\n let txt = app.getHjaelpeKodeText(\r\n 'CLIENT-HEADER-TilvalgTil',\r\n 'Tilvalg til {0}'\r\n )\r\n txt = h.format(txt, daekning.Titel())\r\n $('#tilvalgHeader' + prefix).text(txt)\r\n }\r\n )\r\n }\r\n\r\n $.each(tilvalg, function (indexTilvalg, tilvalgItem) {\r\n // go trough all tilvalg in the common list\r\n let isSelectable = false\r\n let mdPris = 0\r\n let valgt = false\r\n let included = false\r\n let mandatory = false\r\n const tillvalgItemName = tilvalgItem.Navn()\r\n\r\n // find matching item in Deakningar\r\n const matchingDaekning = daekning.Daekninger().filter(function (item) {\r\n return item.Navn() === tillvalgItemName\r\n })\r\n\r\n if (matchingDaekning.length > 0) {\r\n isSelectable = matchingDaekning[0].Tilbydes()\r\n mdPris = matchingDaekning[0].NettoMdTilvalgsPris()\r\n valgt = matchingDaekning[0].Valgt()\r\n included = matchingDaekning[0].Included()\r\n mandatory = matchingDaekning[0].Mandatory()\r\n }\r\n\r\n // From praemier, find addonitems with matching name and select those items\r\n if (isSelectable) {\r\n const allAddonItems = self\r\n .Praemier()\r\n .reduce(function (all, preamieItem) {\r\n return all.concat(preamieItem.Daekninger())\r\n }, [])\r\n\r\n const matchingAddOns = allAddonItems.filter(function (addonItem) {\r\n return (\r\n addonItem.Navn() === tillvalgItemName && addonItem.Tilbydes()\r\n )\r\n })\r\n\r\n matchingAddOns.forEach(function (item) {\r\n item.Valgt(valgt)\r\n })\r\n }\r\n\r\n self.updateAddonElement(\r\n tilvalgItem,\r\n isSelectable,\r\n included,\r\n mandatory,\r\n valgt,\r\n mdPris,\r\n prefix\r\n )\r\n })\r\n if (self.updateTilvalgCustomSettings) {\r\n self.updateTilvalgCustomSettings()\r\n }\r\n\r\n $('#tilvalgGroup').show('blind', 300)\r\n } else {\r\n $('#tilvalgGroup').hide('blind', 300)\r\n }\r\n }\r\n }\r\n\r\n self.updateAddonElement = function (\r\n item,\r\n isSelectable,\r\n included,\r\n mandatory,\r\n selected,\r\n price,\r\n prefix\r\n ) {\r\n const _tilvalgId = item.ModelNavn() + '_tilvalg' + prefix\r\n let _elm = h.getElm(_tilvalgId)\r\n if (_elm) {\r\n _elm.disabled = !isSelectable\r\n const tilvalgsPrisId = item.ModelNavn() + '_tilvalgPris' + prefix\r\n if (isSelectable) {\r\n if (included) {\r\n // the tilvalg is available, but included by standard: show selected, but disable it so the user can't change it\r\n const includedLabel = app.getHjaelpeKodeText(\r\n 'CLIENT-Inkluderet_tilvalg_label',\r\n 'Inkluderet'\r\n )\r\n $(h.getElm(tilvalgsPrisId)).text(includedLabel)\r\n _elm = h.getElm(_tilvalgId)\r\n h.ie8Disabled(_elm, true)\r\n _elm.checked = true\r\n\r\n // show PEDKIA\r\n $(_elm)\r\n .parent()\r\n .parent()\r\n .show()\r\n\r\n updateCheckbox(_elm)\r\n } else {\r\n // the tilvalg is available for the selected dækning\r\n if (price > 0) {\r\n $(h.getElm(tilvalgsPrisId)).html(\r\n '+ ' + h.getPrice(price) + ' kr./md.'\r\n )\r\n $('[data-cy-tilvalg-id=\"' + tilvalgsPrisId + '\"]').attr('data-cy-tilvalg-price', h.getPrice(price))\r\n }\r\n _elm = h.getElm(_tilvalgId)\r\n h.ie8Disabled(_elm, mandatory)\r\n _elm.checked = selected\r\n\r\n // show PEDKIA\r\n $(_elm)\r\n .parent()\r\n .parent()\r\n .show()\r\n\r\n updateCheckbox(_elm)\r\n }\r\n } else {\r\n // disable as the tilvalg is not available under the selected dækning\r\n $(h.getElm(tilvalgsPrisId)).html('+ 0 kr./md.')\r\n $('[data-cy-tilvalg-id=\"' + tilvalgsPrisId + '\"]').attr('data-cy-tilvalg-price', 0)\r\n _elm = h.getElm(_tilvalgId)\r\n h.ie8Disabled(_elm, true)\r\n _elm.checked = false\r\n\r\n // hide PEDKIA\r\n $(_elm)\r\n .parent()\r\n .parent()\r\n .hide()\r\n\r\n updateCheckbox(_elm)\r\n }\r\n }\r\n }\r\n\r\n self.updateDaekning = function (prefix) {\r\n const daekninger = self.Praemier()\r\n const daekning = self.Daekning()\r\n let daekning2\r\n let daekningValgt = false\r\n\r\n $.each(daekninger, function (index, item) {\r\n // find the dækning from the list that matches the one selected by app/user\r\n if (item.Navn() === daekning.Navn() && item.Tilbydes()) {\r\n daekning2 = item\r\n daekningValgt = true\r\n return false // $.each\r\n }\r\n })\r\n\r\n // unselect all displayed dækninger\r\n $('.daekningsType')\r\n .removeClass('daekningValgt')\r\n .addClass('daekningIkkeValgt')\r\n\r\n if (daekningValgt) {\r\n // select the one dækning selected by the app/user\r\n $('#' + self.Daekning().ModelNavn() + '_DaekningsPanel').addClass('daekningValgt')\r\n } else {\r\n $('#' + 'basis' + '_DaekningsPanel').addClass('daekningValgt')\r\n }\r\n\r\n // update text on buttons\r\n h.doOrWait(\r\n app.hjaelpeKoderLoadedFlag,\r\n app,\r\n 'hjaelpeKoderLoaded',\r\n function () {\r\n $('.daekningsType.daekningTilbydesIkke').each(function () {\r\n let name = $(this).find('.produktOverskrift').text()\r\n const name2 = $(this).find('.produktOverskrift2').text()\r\n\r\n if (name2) {\r\n name = name + ' ' + name2\r\n }\r\n\r\n let txt = app.getHjaelpeKodeText('CLIENT-BUTTON-DaekningTilbydesIkke', 'Kan ikke vælges')\r\n txt = h.format(txt, name)\r\n $(this).find('.theme-bg-blue').text(txt)\r\n })\r\n }\r\n )\r\n\r\n if (daekning2) {\r\n // Pass choices from selected dækning to dækning with new prices and replace the object\r\n if (daekning) {\r\n $.each(daekning.Daekninger(), function (indexX, itemX) {\r\n $.each(daekning2.Daekninger(), function (index2, item2) {\r\n if (itemX.Navn() === item2.Navn()) {\r\n item2.Valgt(itemX.Valgt())\r\n return false // $.each\r\n }\r\n })\r\n })\r\n self.SelectedDaekningId(daekning2.ModelNavn())\r\n self.Daekning(daekning2)\r\n self.Daekning().updatePrices()\r\n self.Daekning().updatePriceStrings()\r\n }\r\n\r\n $.each(daekninger, function (index, item) {\r\n item.updatePrices()\r\n item.updatePriceStrings()\r\n })\r\n\r\n // update sliders (if sliders are displayed / step 2)\r\n const jSR = $('#Selvrisiko')\r\n if (jSR.length > 0) {\r\n jSR[0].steps = daekning2.SelvRisici()\r\n\r\n if (jSR[0].steps && jSR[0].steps.length > 0) {\r\n try {\r\n // there is a number of selvrisiko steps possible for the selected dækning\r\n jSR.slider('option', 'max', jSR[0].steps.length - 1)\r\n jSR.slider('value', 0) // force the view refresh, re-setting the current value\r\n jSR.slider('option', 'range', 'min')\r\n\r\n const max = parseInt(\r\n daekning2.SelvRisici()[daekning2.SelvRisici().length - 1]\r\n )\r\n if (max < app.root.activeProduct.Selvrisiko()) {\r\n // ensure that the currently selected selvrisiko step doesnt superseed what is possible for the currently selected dækning (e.g. bil-ansvar max 3000)\r\n app.root.activeProduct.Selvrisiko(max)\r\n } else {\r\n // ensure that the currently selected selvrisiko step isnt below the minimum for the currently selected dækning (e.g. bil-ansvar max 3000)\r\n const min = parseInt(daekning2.SelvRisici()[0])\r\n if (min > app.root.activeProduct.Selvrisiko()) {\r\n app.root.activeProduct.Selvrisiko(min) // may force a new call to beregn (if the selvrisiko changes)\r\n } else {\r\n jSR.slider(\r\n 'value',\r\n jSR[0].revert(jSR[0], this.Selvrisiko())\r\n ) // force the view refresh, re-setting the current value\r\n }\r\n }\r\n\r\n jSR[0].ifslider.UpdateResult(app.root.activeProduct.Selvrisiko())\r\n const disableSelvrisikoSlider = !(\r\n daekning2.SelvRisici() && daekning2.SelvRisici().length > 1\r\n )\r\n jSR.slider('option', 'disabled', disableSelvrisikoSlider)\r\n } catch (e) {\r\n // ignore this, we know it might produce an error \"cannot call methods on slider prior to initialization; attempted to call method 'option'\"\r\n }\r\n } else {\r\n // no selvcrisiko options for the selected dækning\r\n app.root.activeProduct.Selvrisiko(0)\r\n jSR.slider('option', 'disabled', true)\r\n }\r\n } else if (app.root.activeProduct.produktNavn === 'knallert') {\r\n // no slider or select for deductible, set it to the default.\r\n app.root.activeProduct.Selvrisiko(daekning2.DefaultSelvrisiko())\r\n }\r\n }\r\n\r\n if (daekning.Navn() === '') {\r\n return\r\n }\r\n\r\n app.root.activeProduct.sync()\r\n }\r\n\r\n // VALIDATE\r\n self.validateOnServer = function (actionSettings) {\r\n app.loadJson({\r\n url: self.produktNavn + 'produkt/validateprodukt',\r\n data: self.JSON(),\r\n block: false,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n // SAVE\r\n self.save = function (actionSettings) {\r\n //, addToCart) {\r\n // var _addToCart = (addToCart) ? 'true' : 'false';\r\n app.loadJson({\r\n url: self.produktNavn + 'produkt/saveprodukt',\r\n data:\r\n '{\"produkt\" : ' +\r\n self.JSON() +\r\n ', \"tilbud\" : ' +\r\n app.root.JSON() +\r\n ', \"page\" : \"' +\r\n app.page +\r\n '\"}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n self.handleSyncV2SuccessCallback = (data, skipUpdate) => {\r\n if (data.Produkt && !skipUpdate) {\r\n self.update(data.Produkt)\r\n app.bottomDataUpdate(data)\r\n }\r\n if (data.Tilbud) {\r\n app.root.update(data.Tilbud)\r\n self.handleCustomerBenefitLevelChanged(data.Tilbud)\r\n self.handlePriceChangedDueToCpr(data.Tilbud)\r\n app.bottomDataUpdate(data)\r\n }\r\n }\r\n self.handleSyncAddressSuccessCallback = (data) => {\r\n if (data.Produkt) {\r\n self.updateAddress(data.Produkt)\r\n app.bottomDataUpdate(data)\r\n }\r\n }\r\n self.handleSyncV2FailureCallback = (data, skipUpdate) => {\r\n if (data && data.Data && data.Data.Produkt) {\r\n // on fails the data object is not automaticlly substracted and forwarded. It could be a whole different type of object\r\n self.update(data.Data.Produkt)\r\n if (data.Data.Tilbud) {\r\n app.root.update(data.Data.Tilbud)\r\n }\r\n }\r\n }\r\n\r\n self.getJSON = function (product) {\r\n return self.JSON()\r\n }\r\n\r\n // SYNCV2 For testing\r\n self.syncV2 = function (actionSettings, skipUpdate) {\r\n return new Promise((resolve, reject) => {\r\n if (self.pendingBeregn > 0 || app.root.syncInitiated) {\r\n setTimeout(() => {\r\n self.syncV2(actionSettings, skipUpdate)\r\n }, 200)\r\n resolve(true)\r\n return\r\n }\r\n // WDK-2018 - Implementeres her pga special webpart til ulykke barn, men ulykke bar er ikke et get produkt meg egen kontroler og model\r\n let produktNavn = self.produktNavn\r\n if (self.produktNavn.toLowerCase() === 'ulykkebarn') {\r\n produktNavn = 'ulykke'\r\n }\r\n\r\n // WDK-2130\r\n if (self.produktNavn.toLowerCase() === 'borneforsikring') {\r\n produktNavn = 'ulykke'\r\n }\r\n\r\n let endpoint = produktNavn + 'produkt/syncprodukt'\r\n\r\n if (app.wizard == undefined) {\r\n // only called when coming from Open Pages?\r\n endpoint += 'init'\r\n }\r\n\r\n if (app.wizard) {\r\n if (app.page === 'produkt') {\r\n if (app.wizard.currentStepNo === 0) {\r\n // does this happen?\r\n }\r\n if (app.wizard.currentStepNo === 1) {\r\n endpoint += 'entry'\r\n }\r\n if (app.wizard.currentStepNo === 2) {\r\n endpoint += 'coverage'\r\n }\r\n }\r\n\r\n if (app.page === 'checkout') {\r\n // can make this more granular in the future\r\n endpoint += 'checkout'\r\n }\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'syncprodukt' }).then(function (token) {\r\n app.loadJson({\r\n url: endpoint, // produktNavn + 'produkt/syncprodukt',\r\n data:\r\n '{\"produkt\" : ' +\r\n self.getJSON(self) +\r\n ', \"tilbud\" : ' +\r\n app.root.JSON() +\r\n ', \"page\" : \"' +\r\n app.page +\r\n '\"}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n token,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n self.handleSyncV2SuccessCallback(data)\r\n resolve(data)\r\n } else {\r\n reject(new Error('UNIVERSAL_UNKNOWN_ERROR'))\r\n }\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n self.handleSyncV2FailureCallback(data)\r\n resolve(data)\r\n } else {\r\n reject(new Error('UNIVERSAL_UNKNOWN_ERROR'))\r\n }\r\n return true\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n url: endpoint, // produktNavn + 'produkt/syncprodukt',\r\n data:\r\n '{\"produkt\" : ' +\r\n self.JSON() +\r\n ', \"tilbud\" : ' +\r\n app.root.JSON() +\r\n ', \"page\" : \"' +\r\n app.page +\r\n '\"}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n self.handleSyncV2SuccessCallback(data, skipUpdate)\r\n }\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n self.handleSyncV2FailureCallback(data)\r\n resolve(data)\r\n } else {\r\n reject(new Error('UNIVERSAL_UNKNOWN_ERROR'))\r\n }\r\n return true\r\n }\r\n })\r\n }\r\n })\r\n }\r\n\r\n // SYNC\r\n self.sync = function (actionSettings, skipUpdate) {\r\n // console.log('Product Sync app.root.syncInitiated = ', app.root.syncInitiated, ' self.pendingBeregn ', self.pendingBeregn)\r\n if (self.pendingBeregn > 0 || app.root.syncInitiated) {\r\n setTimeout(() => {\r\n self.syncV2(actionSettings, skipUpdate)\r\n }, 200)\r\n return\r\n }\r\n\r\n // WDK-2018 - Implementeres her pga special webpart til ulykke barn, men ulykke bar er ikke et get produkt meg egen kontroler og model\r\n let produktNavn = self.produktNavn\r\n if (self.produktNavn.toLowerCase() === 'ulykkebarn') {\r\n produktNavn = 'ulykke'\r\n }\r\n\r\n // WDK-2130\r\n if (self.produktNavn.toLowerCase() === 'borneforsikring') {\r\n produktNavn = 'ulykke'\r\n }\r\n\r\n let endpoint = produktNavn + 'produkt/syncprodukt'\r\n\r\n if (app.wizard == undefined) {\r\n // only called when coming from Open Pages?\r\n endpoint += 'init'\r\n }\r\n\r\n if (app.wizard) {\r\n if (app.page === 'produkt') {\r\n if (app.wizard.currentStepNo === 0) {\r\n // does this happen?\r\n }\r\n if (app.wizard.currentStepNo === 1) {\r\n endpoint += 'entry'\r\n }\r\n if (app.wizard.currentStepNo === 2) {\r\n endpoint += 'coverage'\r\n }\r\n }\r\n\r\n if (app.page === 'checkout') {\r\n // can make this more granular in the future\r\n endpoint += 'checkout'\r\n }\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'syncprodukt' }).then(function (token) {\r\n app.loadJson({\r\n url: endpoint, // produktNavn + 'produkt/syncprodukt',\r\n data:\r\n '{\"produkt\" : ' +\r\n self.getJSON(self) +\r\n ', \"tilbud\" : ' +\r\n app.root.JSON() +\r\n ', \"page\" : \"' +\r\n app.page +\r\n '\"}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n token,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n if (data.Produkt && !skipUpdate) {\r\n self.update(data.Produkt)\r\n app.bottomDataUpdate(data)\r\n }\r\n if (data.Tilbud) {\r\n app.root.update(data.Tilbud)\r\n self.handleCustomerBenefitLevelChanged(data.Tilbud)\r\n self.handlePriceChangedDueToCpr(data.Tilbud)\r\n app.bottomDataUpdate(data)\r\n }\r\n }\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n if (data && data.Data && data.Data.Produkt) {\r\n // on fails the data object is not automaticlly substracted and forwarded. It could be a whole different type of object\r\n self.update(data.Data.Produkt)\r\n if (data.Data.Tilbud) {\r\n app.root.update(data.Data.Tilbud)\r\n }\r\n }\r\n }\r\n return true\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n url: endpoint, // produktNavn + 'produkt/syncprodukt',\r\n data:\r\n '{\"produkt\" : ' +\r\n self.getJSON(self) +\r\n ', \"tilbud\" : ' +\r\n app.root.JSON() +\r\n ', \"page\" : \"' +\r\n app.page +\r\n '\"}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n if (data.Produkt && !skipUpdate) {\r\n self.update(data.Produkt)\r\n app.bottomDataUpdate(data)\r\n }\r\n if (data.Tilbud) {\r\n app.root.update(data.Tilbud)\r\n self.handleCustomerBenefitLevelChanged(data.Tilbud)\r\n self.handlePriceChangedDueToCpr(data.Tilbud)\r\n app.bottomDataUpdate(data)\r\n }\r\n }\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n if (data && data.Data && data.Data.Produkt) {\r\n // on fails the data object is not automaticlly substracted and forwarded. It could be a whole different type of object\r\n self.update(data.Data.Produkt)\r\n if (data.Data.Tilbud) {\r\n app.root.update(data.Data.Tilbud)\r\n }\r\n }\r\n }\r\n return true\r\n }\r\n })\r\n }\r\n }\r\n\r\n self.getSyncEndpoint = function (produktNavn) {\r\n let endpoint = produktNavn + 'produkt/syncprodukt'\r\n\r\n if (app.wizard == undefined) {\r\n // only from Open Pages?\r\n endpoint += 'init'\r\n }\r\n\r\n if (app.wizard) {\r\n if (app.page === 'produkt') {\r\n if (app.wizard.currentStepNo === 0) {\r\n // never happens?\r\n }\r\n if (app.wizard.currentStepNo === 1) {\r\n endpoint += 'entry'\r\n }\r\n if (app.wizard.currentStepNo === 2) {\r\n endpoint += 'coverage'\r\n }\r\n }\r\n\r\n if (app.page === 'checkout') {\r\n // may need further refinment\r\n // will say 'Bekraeft koeb' when going BACKWARDS to supplerende(?)\r\n endpoint += 'checkout'\r\n }\r\n }\r\n\r\n return endpoint\r\n }\r\n\r\n self.handleCustomerBenefitLevelChanged = function (tilbud) {\r\n if (tilbud && tilbud.ShowDataQlMessage) {\r\n basic.displaySimpleMessage(\r\n undefined,\r\n undefined,\r\n tilbud.DataQlChangedShortMessage,\r\n tilbud.DataQlChangedLongMessage\r\n )\r\n\r\n self.setCustomerBenefitLevelChanged(false)\r\n }\r\n }\r\n\r\n // Only show this message once at a time regardless of how many syncprodukt we run\r\n let showingPriceChangedDueToCprMessage = false\r\n self.handlePriceChangedDueToCpr = function (tilbud) {\r\n if (\r\n tilbud.ShowPriceChangedDueToCPRChangeMessage &&\r\n !showingPriceChangedDueToCprMessage &&\r\n tilbud.Praemie > 0\r\n ) {\r\n const closedMessage = function () {\r\n showingPriceChangedDueToCprMessage = false\r\n }\r\n app.showMessage(\r\n '',\r\n app.getHjaelpeKodeText(\r\n 'CLIENT-PriceChangeCausedByCPRChange',\r\n 'Prisen er genberegnet, fordi du har ændret CPR-nummeret.'\r\n ),\r\n {\r\n okText: app.getHjaelpeKodeText('CLIENT-BUTTON-LUK', 'Luk'),\r\n ok: closedMessage,\r\n escape: closedMessage\r\n },\r\n undefined,\r\n false\r\n )\r\n showingPriceChangedDueToCprMessage = true\r\n }\r\n }\r\n\r\n self.setCustomerBenefitLevelChanged = function (val) {\r\n app.loadJson({\r\n url: 'api/cart/customerBenefitLevelChanged/clear',\r\n data: '{ \"customerBenefitLevelChanged\" : \"' + val + '\" }',\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) { },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n throw new Error('customerBenefitLevelChanged clear failed!')\r\n }\r\n })\r\n }\r\n\r\n // LOAD\r\n self.load = function (actionSettings) {\r\n // pause because bil.anvendelse is not set when the sync to server starta\r\n app.loadJson({\r\n url: self.produktNavn + 'produkt/loadprodukt',\r\n data: '{\"id\" : ' + this.ProduktID() + '}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n if (data.Produkt) {\r\n self.update(data.Produkt)\r\n }\r\n if (data.Tilbud) {\r\n app.root.update(data.Tilbud)\r\n }\r\n }\r\n },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n if (data && data.Data && data.Data.Produkt) {\r\n // on fails the data object is not automaticlly substracted and forwarded. It could be a whole different type of object\r\n self.update(data.Data.Produkt)\r\n if (data.Data.Tilbud) {\r\n app.root.update(data.Data.Tilbud)\r\n }\r\n }\r\n }\r\n return true\r\n }\r\n })\r\n }\r\n\r\n self.selectDaekning2 = function (daekning) {\r\n // update model with new selection\r\n self.SelectedDaekningId(daekning.ModelNavn())\r\n self.Daekning(daekning)\r\n self.updatePremiesWithAddOnSelection()\r\n // update graphics and prices on the tilvalg\r\n self.updateDaekning()\r\n self.updateTilvalg()\r\n\r\n // call custom method to allow for product specific changes to the tilvalg layout\r\n if (self.updateTilvalgCustomSettings) {\r\n self.updateTilvalgCustomSettings()\r\n }\r\n\r\n self.PublishGTMPriceChangingEvent()\r\n }\r\n\r\n self.setDaekning = function (type) {\r\n const _daekninger = self.Praemier()\r\n if (_daekninger) {\r\n // find the dækning matching the selection\r\n $.each(_daekninger, function (index, item) {\r\n if (item.ModelNavn() === type && item.Tilbydes()) {\r\n self.selectDaekning2(item)\r\n }\r\n })\r\n }\r\n }\r\n\r\n self.selectDaekning = function (type, actionSettings) {\r\n const _daekninger = self.Praemier()\r\n if (_daekninger) {\r\n // find the dækning matching the selection\r\n $.each(_daekninger, function (index, item) {\r\n if (item.ModelNavn() === type && item.Tilbydes()) {\r\n app.loadJson({\r\n url:\r\n 'produkt/validateDaekningSelection/' +\r\n self.ProduktID() +\r\n '/' +\r\n type,\r\n actionId: 'validateDaekningSelection',\r\n daekning: item,\r\n actionSettings,\r\n targetElement: app.wizard.getCurrentWizardBodyJElement(),\r\n actionOnBusy: 'queue',\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n const loader = this\r\n if (this.response && this.response.Message) {\r\n if (this.response.Message.TekstKode === 'TILBUD-FORTSAET_MED_DELKASKO') {\r\n if (app.root.activeProduct.Daekning().Titel() === 'Delkasko') {\r\n // if Delkasko is already selected, leave\r\n return true\r\n }\r\n\r\n // A message is sent and it must be displayed as a question\r\n app.showQuestion(this.response.Message.LangTekst, '', {\r\n okText: app.getHjaelpeKodeText('CLIENT-BUTTON-JA', 'Ja'),\r\n ok: function () {\r\n self.selectDaekning2(loader.args.daekning)\r\n basic.handleBlueBoxForSelectedCoverage(\r\n loader.args.daekning.Navn(),\r\n h.getDisplayTextForBlueBoxForCarCubeDiscount(loader.args.daekning.Navn())\r\n )\r\n },\r\n cancelText: app.getHjaelpeKodeText('CLIENT-BUTTON-NEJ', 'Nej'),\r\n cancel: function () {\r\n // do nothing\r\n basic.handleBlueBoxForSelectedCoverage(\r\n app.root.activeProduct.Daekning().Navn(),\r\n h.getDisplayTextForBlueBoxForCarCubeDiscount(app.root.activeProduct.Daekning().Navn())\r\n )\r\n }\r\n })\r\n return true // don't continue\r\n } else {\r\n // A message is send and it must be displayed as a question\r\n app.showQuestion(this.response.Message.LangTekst, '', {\r\n okText: app.getHjaelpeKodeText(\r\n 'CLIENT-BUTTON-FORTSAET',\r\n 'Fortsæt'\r\n ),\r\n ok: function () {\r\n self.selectDaekning2(loader.args.daekning)\r\n basic.handleBlueBoxForSelectedCoverage(\r\n loader.args.daekning.Navn(),\r\n h.getDisplayTextForBlueBoxForCarCubeDiscount(loader.args.daekning.Navn())\r\n )\r\n },\r\n cancelText: app.getHjaelpeKodeText('CLIENT-BUTTON-VIL_BEHOLDE_IFAFTALE', 'Nej tak, jeg vil gerne beholde If-aftale'),\r\n cancel: function () {\r\n basic.handleBlueBoxForSelectedCoverage(\r\n loader.args.daekning.Navn(),\r\n h.getDisplayTextForBlueBoxForCarCubeDiscount(loader.args.daekning.Navn())\r\n )\r\n // do nothing\r\n }\r\n })\r\n return true // don't continue\r\n }\r\n } else {\r\n // no additional actions required, just perform the change\r\n self.selectDaekning2(loader.args.daekning)\r\n basic.handleBlueBoxForSelectedCoverage(\r\n loader.args.daekning.Navn(),\r\n h.getDisplayTextForBlueBoxForCarCubeDiscount(loader.args.daekning.Navn())\r\n )\r\n return true\r\n }\r\n }\r\n })\r\n // $.each\r\n }\r\n })\r\n }\r\n }\r\n\r\n self.JSONFilter = function (key, value) {\r\n if (key === 'Praemier' || key === 'priser' || key === 'prevValues') {\r\n return undefined\r\n } else if (\r\n (key === 'Foedselsdato' ||\r\n key === 'IkraftDato' ||\r\n key === 'FoedselsDato') &&\r\n value\r\n ) {\r\n // correct due to culture on server (TODO: always save in this format on client)\r\n return h.correctStringDate(value)\r\n } else {\r\n return value\r\n }\r\n }\r\n\r\n self.JSON = function () {\r\n return ko.toJSON(self, self.JSONFilter)\r\n }\r\n }\r\n\r\n self.validate = function (actionSettings) {\r\n if (\r\n actionSettings &&\r\n (actionSettings.actionName === 'goFwd' ||\r\n actionSettings.actionName === 'goBwd' ||\r\n actionSettings.actionName === 'goTo')\r\n ) {\r\n if (app.wizard.isFlagSet('Done')) {\r\n // tilbud already saved - do nothing\r\n return\r\n }\r\n\r\n // all validation is completed sucessfully\r\n if (\r\n actionSettings.actionName === 'goBwd' ||\r\n (actionSettings.actionName === 'goTo' &&\r\n actionSettings.stepNo < app.wizard.currentStepNo)\r\n ) {\r\n // forms not validated - dont save\r\n actionSettings.done()\r\n } else if (\r\n actionSettings.actionName === 'goFwd' &&\r\n app.wizard.pendingStepNo === 1\r\n ) {\r\n // moving on - display list of aftale produkter\r\n // sync\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n // display aftalepanel after save\r\n actionSettings.done()\r\n },\r\n always: function () {\r\n if (\r\n !this.ignored &&\r\n !this.response &&\r\n actionSettings &&\r\n actionSettings.fail\r\n ) {\r\n actionSettings.fail()\r\n }\r\n }\r\n })\r\n } else {\r\n // save and perform actions in actionSettings\r\n self.sync({\r\n done: function (data) {\r\n actionSettings.done()\r\n },\r\n always: function () {\r\n // if this is a fail\r\n if (\r\n !this.ignored &&\r\n !this.response &&\r\n actionSettings &&\r\n actionSettings.fail\r\n ) {\r\n actionSettings.fail()\r\n }\r\n }\r\n })\r\n }\r\n }\r\n }\r\n\r\n self.stepChanged = function () {\r\n app.root.sync()\r\n }\r\n}\r\n\r\nfunction BasePraemie (produkt) {\r\n let self = this\r\n self.base = new Model()\r\n self.inherit = function (child) {\r\n self.base.inherit(child)\r\n self = child\r\n\r\n self.NettoMaanedsPrisOther = 0\r\n self.NettoPrisOther = 0\r\n self.BruttoPrisOther = 0\r\n self.RabatOther = 0\r\n self.Rabat1AarOther = 0\r\n\r\n self.Daekninger = ko.observableArray([])\r\n self.SelvRisici = ko.observableArray([])\r\n self.DefaultSelvrisiko = ko.observable(0)\r\n\r\n self.NettoPraemieTotalStr = ko.observable(0)\r\n self.BruttoPraemieTotalStr = ko.observable(0)\r\n self.NettoPraemieStr = ko.observable(0)\r\n self.Md1NettoPremieStr = ko.observable(0)\r\n self.MdEfterNettoPremieStr = ko.observable(0)\r\n self.Md1NettoPremieTotalStr = ko.observable(0)\r\n self.MdEfterNettoPremieTotalStr = ko.observable(0)\r\n self.RabatTotalStr = ko.observable(0)\r\n self.Rabat1AarTotalStr = ko.observable(0)\r\n\r\n self.updatePrices = function () {\r\n let _bpa = 0\r\n let _npm = 0\r\n let _npa = 0\r\n let _rabat = 0\r\n let _rabat1Aar = 0\r\n\r\n $.each(self.Daekninger(), function (index, item) {\r\n // combine the cost of each of the tilvalg\r\n if (item.Valgt() && !item.Included() && !item.Recalculates()) {\r\n _bpa += item.BruttoTilvalgsPris()\r\n _npm += item.NettoMdTilvalgsPris()\r\n _npa += item.NettoTilvalgsPris()\r\n _rabat += item.Rabat()\r\n _rabat1Aar += item.Rabat1Aar()\r\n }\r\n })\r\n\r\n // apply any other prices not in the list (build for family which have travel sub choices, not in the list)\r\n _bpa += h.d0(self.BruttoPrisOther)\r\n _npm += h.d0(self.NettoMaanedsPrisOther)\r\n _npa += h.d0(self.NettoPrisOther)\r\n _rabat += h.d0(self.RabatOther)\r\n _rabat1Aar += h.d0(self.Rabat1AarOther)\r\n\r\n // apply the extras to the main prices\r\n self.NettoPraemieTotal(self.NettoPraemie() + _npa)\r\n self.BruttoPraemieTotal(self.BruttoPraemie() + _bpa)\r\n self.Md1NettoPremieTotal(self.Md1NettoPremie() + _npm)\r\n self.MdEfterNettoPremieTotal(self.MdEfterNettoPremie() + _npm)\r\n self.RabatTotal(self.Rabat() + _rabat)\r\n self.Rabat1AarTotal(self.Rabat1Aar() + _rabat1Aar)\r\n\r\n self.updatePriceStrings()\r\n }\r\n\r\n self.updatePriceStrings = function () {\r\n // update the strings displayed in the ui\r\n self.NettoPraemieTotalStr(h.getPrice(self.NettoPraemieTotal()))\r\n self.BruttoPraemieTotalStr(h.getPrice(self.BruttoPraemieTotal()))\r\n self.NettoPraemieStr(h.getPrice(self.NettoPraemie()))\r\n self.Md1NettoPremieStr(h.getPrice(self.Md1NettoPremie()))\r\n self.MdEfterNettoPremieStr(h.getPrice(self.MdEfterNettoPremie()))\r\n self.Md1NettoPremieTotalStr(h.getPrice(self.Md1NettoPremieTotal()))\r\n self.MdEfterNettoPremieTotalStr(\r\n h.getPrice(self.MdEfterNettoPremieTotal())\r\n )\r\n self.Rabat1AarTotalStr(h.getNegPrice(self.Rabat1AarTotal()))\r\n self.RabatTotalStr(h.getNegPrice(self.RabatTotal()))\r\n\r\n // update any displayed prices not bound\r\n $('#' + self.ModelNavn() + '_produkttype_pris').text(\r\n self.MdEfterNettoPremieTotalStr()\r\n )\r\n $('#aars' + self.ModelNavn() + '_produkttype_pris').text(\r\n self.NettoPraemieTotalStr()\r\n )\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n Navn,\r\n Titel,\r\n SamletTitel,\r\n ShortTitle,\r\n SubTitel,\r\n ModelNavn,\r\n Daekninger,\r\n Tilbydes,\r\n Anbefalet,\r\n SelvRisici,\r\n DefaultSelvrisiko,\r\n BruttoPraemie,\r\n BruttoPraemieTotal,\r\n NettoPraemie,\r\n NettoPraemieTotal,\r\n Md1NettoPremie,\r\n Md1NettoPremieTotal,\r\n MdEfterNettoPremie,\r\n MdEfterNettoPremieTotal,\r\n Rabat1Aar,\r\n Rabat,\r\n Rabat1AarTotal,\r\n RabatTotal,\r\n IsKampagneRabat,\r\n KampagneCode,\r\n Farvekode,\r\n IsSingle\r\n ) {\r\n self.Navn = self.koMap(Navn, self.Navn)\r\n self.Titel = self.koMap(Titel, self.Titel, null, 'Titel')\r\n self.SubTitel = self.koMap(SubTitel, self.SubTitel, null, 'SubTitel')\r\n self.SamletTitel = self.koMap(\r\n SamletTitel,\r\n self.SamletTitel,\r\n null,\r\n 'SamletTitel'\r\n )\r\n self.ShortTitle = self.koMap(\r\n ShortTitle,\r\n self.ShortTitle,\r\n null,\r\n 'ShortTitle'\r\n )\r\n self.ModelNavn = self.koMap(ModelNavn, self.ModelNavn)\r\n self.NettoPraemie = self.koMap(NettoPraemie, self.NettoPraemie)\r\n self.NettoPraemieTotal = self.koMap(\r\n NettoPraemieTotal,\r\n self.NettoPraemieTotal\r\n )\r\n\r\n self.Tilbydes = self.koMap(Tilbydes, self.Tilbydes)\r\n\r\n self.Anbefalet = self.koMap(Anbefalet, self.Anbefalet)\r\n self.BruttoPraemie = self.koMap(\r\n BruttoPraemie,\r\n self.BruttoPraemie,\r\n 0,\r\n 'BruttoPraemie'\r\n )\r\n self.BruttoPraemieTotal = self.koMap(\r\n BruttoPraemieTotal,\r\n self.BruttoPraemieTotal,\r\n 0,\r\n 'BruttoPraemieTotal'\r\n )\r\n self.NettoPraemie = self.koMap(\r\n NettoPraemie,\r\n self.NettoPraemie,\r\n 0,\r\n 'NettoPraemie'\r\n )\r\n self.Md1NettoPremie = self.koMap(\r\n Md1NettoPremie,\r\n self.Md1NettoPremie,\r\n 0,\r\n 'Md1NettoPremie'\r\n )\r\n self.MdEfterNettoPremie = self.koMap(\r\n MdEfterNettoPremie,\r\n self.MdEfterNettoPremie,\r\n 0,\r\n 'MdEfterNettoPremie'\r\n )\r\n self.Md1NettoPremieTotal = self.koMap(\r\n Md1NettoPremieTotal,\r\n self.Md1NettoPremieTotal,\r\n 0,\r\n 'Md1NettoPremieTotal'\r\n )\r\n self.MdEfterNettoPremieTotal = self.koMap(\r\n MdEfterNettoPremieTotal,\r\n self.MdEfterNettoPremieTotal,\r\n 0,\r\n 'MdEfterNettoPremieTotal'\r\n )\r\n self.Rabat1Aar = self.koMap(Rabat1Aar, self.Rabat1Aar, 0, 'Rabat1Aar')\r\n self.Rabat = self.koMap(Rabat, self.Rabat, 0, 'Rabat')\r\n self.Rabat1AarTotal = self.koMap(\r\n Rabat1AarTotal,\r\n self.Rabat1AarTotal,\r\n 0,\r\n 'Rabat1AarTotal'\r\n )\r\n self.HasRabat1Aar = ko.computed(function () {\r\n return this.Rabat1AarTotal() > 0\r\n }, self)\r\n\r\n self.RabatTotal = self.koMap(RabatTotal, self.RabatTotal, 0, 'RabatTotal')\r\n self.HasRabat = ko.computed(function () {\r\n return this.RabatTotal() > 0\r\n }, self)\r\n\r\n self.RabatBruttoMinusNetto = ko.computed(function () {\r\n if (this.BruttoPraemieTotal() && this.NettoPraemieTotal()) {\r\n return this.BruttoPraemieTotal() - this.NettoPraemieTotal()\r\n }\r\n return 0\r\n }, self)\r\n\r\n self.RabatBruttoMinusNettoStr = ko.computed(function () {\r\n return h.getNegPrice(self.RabatBruttoMinusNetto())\r\n })\r\n\r\n self.HasRabatBruttoMinusNetto = ko.computed(function () {\r\n return self.RabatBruttoMinusNetto !== 0\r\n })\r\n\r\n self.IsKampagneRabat = self.koMap(\r\n IsKampagneRabat,\r\n self.IsKampagneRabat,\r\n 0,\r\n 'IsKampagneRabat'\r\n )\r\n self.KampagneCode = self.koMap(\r\n KampagneCode,\r\n self.KampagneCode,\r\n '',\r\n 'KampagneCode'\r\n )\r\n self.RabatTotalText = app.getHjaelpeKodeText(\r\n 'CLIENT-DAEKNING-CUBE',\r\n 'If fordelsrabat'\r\n )\r\n self.KampagneRabatText = ko.computed(function () {\r\n const kampagneCode = this.KampagneCode()\r\n let textKampagne = app.getHjaelpeKodeText(\r\n 'CLIENT-KAMPAGNERABAT-' + kampagneCode\r\n )\r\n if (!textKampagne) {\r\n textKampagne = app.getHjaelpeKodeText(\r\n 'CLIENT-KAMPAGNERABAT',\r\n 'Kampagnerabat (rabat første år)'\r\n )\r\n }\r\n return textKampagne\r\n }, self)\r\n self.Farvekode = self.koMap(Farvekode, self.Farvekode, '', 'Farvekode')\r\n self.IsSingle = self.koMap(IsSingle, self.IsSingle, '', 'IsSingle')\r\n self.DefaultSelvrisiko = self.koMap(\r\n DefaultSelvrisiko,\r\n self.DefaultSelvrisiko,\r\n '',\r\n 'DefaultSelvrisiko'\r\n )\r\n\r\n self.SelvRisici.removeAll()\r\n if (SelvRisici) {\r\n $.each(SelvRisici, function (key, val) {\r\n self.SelvRisici.push(val)\r\n })\r\n }\r\n\r\n self.Daekninger.removeAll()\r\n if (Daekninger) {\r\n $.each(Daekninger, function (key, val) {\r\n const _d = new DaekningModel(self)\r\n _d.update(val)\r\n self.Daekninger.push(_d)\r\n })\r\n }\r\n self.updatePriceStrings()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.Navn,\r\n val.Titel,\r\n val.SamletTitel,\r\n val.ShortTitle,\r\n val.SubTitel,\r\n val.ModelNavn,\r\n val.Daekninger,\r\n val.Tilbydes,\r\n val.Anbefalet,\r\n val.SelvRisici,\r\n val.DefaultSelvrisiko,\r\n val.BruttoPraemie,\r\n val.BruttoPraemieTotal,\r\n val.NettoPraemie,\r\n val.NettoPraemieTotal,\r\n val.Md1NettoPremie,\r\n val.Md1NettoPremieTotal,\r\n val.MdEfterNettoPremie,\r\n val.MdEfterNettoPremieTotal,\r\n val.Rabat1Aar,\r\n val.Rabat,\r\n val.Rabat1AarTotal,\r\n val.RabatTotal,\r\n val.IsKampagneRabat,\r\n val.KampagneCode,\r\n val.Farvekode,\r\n val.IsSingle\r\n )\r\n }\r\n }\r\n\r\n self.harTilvalg = function () {\r\n let _harTilvalg = false\r\n $.each(self.Daekninger(), function (index, item) {\r\n if (item.Tilbydes() === true) {\r\n _harTilvalg = true\r\n return false // $.each\r\n }\r\n })\r\n return _harTilvalg\r\n }\r\n\r\n self.harValgtTilvalg = function () {\r\n let _harValgtTilvalg = false\r\n let _alleErIncluded = true\r\n $.each(self.Daekninger(), function (index, item) {\r\n if (_alleErIncluded && !item.Included()) {\r\n _alleErIncluded = false\r\n }\r\n if (item.Tilbydes() === true && item.Valgt() === true) {\r\n _harValgtTilvalg = true\r\n return false // $.each\r\n }\r\n })\r\n // return if any are included, but it isn't relevant if all are included\r\n return _harValgtTilvalg || _alleErIncluded\r\n }\r\n }\r\n}\r\n\r\nfunction Praemie (produkt) {\r\n const self = this\r\n self.base = new BasePraemie()\r\n self.base.inherit(self)\r\n self.init()\r\n}\r\n\r\nfunction DaekningModel (praemie) {\r\n const self = this\r\n self.base = new Model()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n Navn,\r\n Titel,\r\n ModelNavn,\r\n NettoMdTilvalgsPris,\r\n NettoTilvalgsPris,\r\n BruttoTilvalgsPris,\r\n Rabat,\r\n Rabat1Aar,\r\n Tilbydes,\r\n Valgt,\r\n Included,\r\n Mandatory,\r\n Recalculates\r\n ) {\r\n self.Navn = self.koMap(Navn, self.Navn, null, 'Navn')\r\n self.Titel = self.koMap(Titel, self.Titel, null, 'Titel')\r\n self.ModelNavn = self.koMap(ModelNavn, self.ModelNavn, null, 'ModelNavn')\r\n self.NettoMdTilvalgsPris = self.koMap(\r\n NettoMdTilvalgsPris,\r\n self.NettoMdTilvalgsPris,\r\n null,\r\n 'NettoMdTilvalgsPris'\r\n )\r\n self.NettoTilvalgsPris = self.koMap(\r\n NettoTilvalgsPris,\r\n self.NettoTilvalgsPris,\r\n null,\r\n 'NettoTilvalgsPris'\r\n )\r\n self.BruttoTilvalgsPris = self.koMap(\r\n BruttoTilvalgsPris,\r\n self.BruttoTilvalgsPris,\r\n null,\r\n 'BruttoTilvalgsPris'\r\n )\r\n self.Rabat = self.koMap(Rabat, self.Rabat, null, 'Rabat')\r\n self.Rabat1Aar = self.koMap(Rabat1Aar, self.Rabat1Aar, null, 'Rabat1Aar')\r\n self.Tilbydes = self.koMap(Tilbydes, self.Tilbydes, null, 'Tilbydes')\r\n self.Valgt = self.koMap(Valgt, self.Valgt, false, 'Valgt')\r\n self.Included = self.koMap(Included, self.Included, false, 'Included')\r\n self.Mandatory = self.koMap(Mandatory, self.Mandatory, false, 'Mandatory')\r\n self.Recalculates = self.koMap(\r\n Recalculates,\r\n self.Recalculates,\r\n false,\r\n 'Recalculates'\r\n )\r\n }\r\n self.init()\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.Navn,\r\n val.Titel,\r\n val.ModelNavn,\r\n val.NettoMdTilvalgsPris,\r\n val.NettoTilvalgsPris,\r\n val.BruttoTilvalgsPris,\r\n val.Rabat,\r\n val.Rabat1Aar,\r\n val.Tilbydes,\r\n val.Valgt,\r\n val.Included,\r\n val.Mandatory,\r\n val.Recalculates\r\n )\r\n }\r\n }\r\n}\r\n\r\nexport { BasePraemie, DaekningModel, Praemie, Produkt, ProduktType, ifwsPriser }\r\n","/* global $ ko */\r\n\r\nimport { BasePraemie, Produkt } from './../dk-ifshop-produkt-model'\r\n\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\n\r\nfunction FamilieProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.Daekning = h.koMap(new FamiliePraemie(self)) // override dækning chosen by the user to match product specific\r\n self.base.inherit(self)\r\n self.showAnbefaletInUI = true\r\n self.getPraemie = function (key, val) {\r\n // over\r\n const _p = new FamiliePraemie(self)\r\n _p.update(val)\r\n return _p\r\n }\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'BoligarealKvm') {\r\n if ($.isNumeric(value)) {\r\n property($.parseInt(value, 'N', app.culture))\r\n }\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n Boligtype,\r\n BoligarealKvm,\r\n Address,\r\n Gade,\r\n Husnr,\r\n Etage,\r\n SideDoerNr,\r\n Postnr,\r\n By,\r\n Kvhx,\r\n Selvrisiko,\r\n IndboSum,\r\n CykelSum,\r\n Daekning,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n NedlagtLandbrug,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CykelIncluded,\r\n Latitude,\r\n Longitude,\r\n CPState) {\r\n self.isInit = true\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n\r\n self.Latitude = self.koMap(Latitude, self.Latitude, '', 'Latitude')\r\n self.Longitude = self.koMap(Longitude, self.Longitude, '', 'Longitude')\r\n\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '0', 'Selvrisiko')\r\n\r\n self.Boligtype = self.koMap(Boligtype, self.Boligtype, '', 'Boligtype')\r\n self.BoligarealKvm = self.koMap(\r\n BoligarealKvm,\r\n self.BoligarealKvm,\r\n '',\r\n 'BoligarealKvm'\r\n )\r\n\r\n self.Gade = self.koMap(Gade, self.Gade, '', 'Gade')\r\n self.Husnr = self.koMap(Husnr, self.Husnr, '', 'Husnr')\r\n self.Postnr = self.koMap(Postnr, self.Postnr, '', 'Postnr', true)\r\n self.By = self.koMap(By, self.By, '', 'By')\r\n self.Etage = self.koMap(Etage, self.Etage, '', 'Etage')\r\n self.SideDoerNr = self.koMap(SideDoerNr, self.SideDoerNr, '', 'SideDoerNr')\r\n self.Kvhx = self.koMap(Kvhx, self.Kvhx, '', 'Kvhx')\r\n\r\n self.Address = ko.computed(function () {\r\n return h.addressSingleLine(self.Gade(), self.Husnr(), self.Etage(), self.SideDoerNr(), self.Postnr(), self.By())\r\n })\r\n\r\n self.AddressLine1 = ko.computed(function () {\r\n return h.addressLine1(self.Gade(), self.Husnr(), self.Etage(), self.SideDoerNr())\r\n })\r\n\r\n self.AddressLine2 = ko.computed(function () {\r\n return h.addressLine2(self.Postnr(), self.By())\r\n })\r\n\r\n self.AddressSingleLine = ko.computed(function () {\r\n return h.addressSingleLine(self.Gade(), self.Husnr(), self.Etage(), self.SideDoerNr(), self.Postnr(), self.By())\r\n })\r\n\r\n self.NedlagtLandbrug = self.koMap(\r\n NedlagtLandbrug,\r\n self.NedlagtLandbrug,\r\n '',\r\n 'NedlagtLandbrug'\r\n )\r\n self.CykelIncluded = self.koMap(CykelIncluded, self.CykelIncluded, false, 'CykelIncluded')\r\n self.IndboSum = self.koMap(IndboSum, self.IndboSum, '', 'IndboSum')\r\n self.CykelSum = self.koMap(CykelSum, self.CykelSum, '', 'CykelSum')\r\n\r\n self.shouldShowAddedWizardNavigation = ko.computed(function () {\r\n return true\r\n })\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.Boligtype,\r\n val.BoligarealKvm,\r\n val.Address,\r\n val.Gade,\r\n val.Husnr,\r\n val.Etage,\r\n val.SideDoerNr,\r\n val.Postnr,\r\n val.By,\r\n val.Kvhx,\r\n val.Selvrisiko,\r\n val.IndboSum,\r\n val.CykelSum,\r\n val.Daekning,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.UnderwritingAccept,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.NedlagtLandbrug,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CykelIncluded,\r\n val.Latitude,\r\n val.Longitude,\r\n val.CPState\r\n )\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n const _key =\r\n 'FAMILIE-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n app.root.Kunde().Alder() +\r\n '-' +\r\n self.Boligtype() +\r\n '-' +\r\n self.Kvhx() +\r\n '-' +\r\n self.Selvrisiko() +\r\n '-' +\r\n self.IndboSum() +\r\n '-' +\r\n self.CykelSum() +\r\n '-' +\r\n app.root.AntalSkaderFamilie()\r\n\r\n return _key\r\n }\r\n}\r\n\r\nfunction FamiliePraemie (produkt) {\r\n const self = this\r\n self.base = new BasePraemie()\r\n self.base.inherit(self)\r\n\r\n // INIT\r\n self.baseInit = self.init // TODO: REFAC: Hack!!! because my inheritance model is incorrect\r\n self.init = function (\r\n Navn,\r\n Titel,\r\n SamletTitel,\r\n ShortTitle,\r\n SubTitel,\r\n ModelNavn,\r\n Daekninger,\r\n Tilbydes,\r\n Anbefalet,\r\n SelvRisici,\r\n DefaultSelvrisiko,\r\n BruttoPraemie,\r\n BruttoPraemieTotal,\r\n NettoPraemie,\r\n NettoPraemieTotal,\r\n Md1NettoPremie,\r\n Md1NettoPremieTotal,\r\n MdEfterNettoPremie,\r\n MdEfterNettoPremieTotal,\r\n Rabat1Aar,\r\n Rabat,\r\n Rabat1AarTotal,\r\n RabatTotal,\r\n IsKampagneRabat,\r\n KampagneCode,\r\n Farvekode,\r\n IsSingle,\r\n Sikring,\r\n GisAB,\r\n GisCD,\r\n BoligAB,\r\n BoligCD\r\n ) {\r\n self.baseInit(\r\n Navn,\r\n Titel,\r\n SamletTitel,\r\n ShortTitle,\r\n SubTitel,\r\n ModelNavn,\r\n Daekninger,\r\n Tilbydes,\r\n Anbefalet,\r\n SelvRisici,\r\n DefaultSelvrisiko,\r\n BruttoPraemie,\r\n BruttoPraemieTotal,\r\n NettoPraemie,\r\n NettoPraemieTotal,\r\n Md1NettoPremie,\r\n Md1NettoPremieTotal,\r\n MdEfterNettoPremie,\r\n MdEfterNettoPremieTotal,\r\n Rabat1Aar,\r\n Rabat,\r\n Rabat1AarTotal,\r\n RabatTotal,\r\n IsKampagneRabat,\r\n KampagneCode,\r\n Farvekode,\r\n IsSingle\r\n )\r\n\r\n self.GisAB = self.koMap(GisAB, self.GisAB, '', 'GisAB')\r\n self.GisCD = self.koMap(GisCD, self.GisCD, '', 'GisCD')\r\n self.BoligAB = self.koMap(BoligAB, self.BoligAB, '', 'BoligAB')\r\n self.BoligCD = self.koMap(BoligCD, self.BoligCD, '', 'BoligCD')\r\n }\r\n self.init()\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.Navn,\r\n val.Titel,\r\n val.SamletTitel,\r\n val.ShortTitle,\r\n val.SubTitel,\r\n val.ModelNavn,\r\n val.Daekninger,\r\n val.Tilbydes,\r\n val.Anbefalet,\r\n val.SelvRisici,\r\n val.DefaultSelvrisiko,\r\n val.BruttoPraemie,\r\n val.BruttoPraemieTotal,\r\n val.NettoPraemie,\r\n val.NettoPraemieTotal,\r\n val.Md1NettoPremie,\r\n val.Md1NettoPremieTotal,\r\n val.MdEfterNettoPremie,\r\n val.MdEfterNettoPremieTotal,\r\n val.Rabat1Aar,\r\n val.Rabat,\r\n val.Rabat1AarTotal,\r\n val.RabatTotal,\r\n val.IsKampagneRabat,\r\n val.KampagneCode,\r\n val.Farvekode,\r\n val.IsSingle,\r\n val.Sikring,\r\n val.GisAB,\r\n val.GisCD,\r\n val.BoligAB,\r\n val.BoligCD\r\n )\r\n }\r\n }\r\n}\r\n\r\nexport { FamiliePraemie, FamilieProdukt }\r\n","/* global $ ko */\r\n\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\n\r\nfunction HusProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (\r\n name === 'OpfoerelsesAar' ||\r\n name === 'BoligarealKvm' ||\r\n name === 'UdhuseKvm'\r\n ) {\r\n if ($.isNumeric(value)) {\r\n property($.parseInt(value, 'N', app.culture))\r\n }\r\n } else if (name === 'Kaelder') {\r\n if (!value) {\r\n self.TidligereVandskade(undefined)\r\n }\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n OpfoerelsesAar,\r\n BoligarealKvm,\r\n Kaelder,\r\n UdhuseKvm,\r\n Boligtype,\r\n BoligtypeLookedUp,\r\n Tagtype,\r\n Kasko,\r\n Svamp,\r\n HusSuper,\r\n Address,\r\n Gade,\r\n Husnr,\r\n Postnr,\r\n By,\r\n OuterWallType,\r\n Roerstandard,\r\n TidligereVandskade,\r\n Bindingsvaerk,\r\n Husbuk,\r\n HarSvampDaekning,\r\n Kvhx,\r\n MatrikelNr,\r\n Selvrisiko,\r\n Daekning,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n Traehus,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n Toilets,\r\n Floors,\r\n HeatingType,\r\n BasementType,\r\n BasementUsedAsResidential,\r\n LivingInTheHouse,\r\n Rented,\r\n UsedForBusiness,\r\n BusinessType,\r\n MoreThanHalfUsedForBusiness,\r\n DataLo,\r\n HasCoverageLimits,\r\n HouseType,\r\n HouseTypeLookedUp,\r\n FloorsOriginalValue,\r\n OldFarmOrOldCommercialHouse,\r\n SoftRoofHasFireProtection,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n JustBoughtTheHouse,\r\n PurchasePrice,\r\n PreRegisteredPurchasePrice,\r\n BusinessTypes,\r\n Latitude,\r\n Longitude,\r\n HarKrybeKaelder,\r\n CPState) {\r\n self.isInit = true\r\n\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n undefined, /* UnderwritingAccept */\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n self.Latitude = self.koMap(Latitude, self.Latitude, '', 'Latitude')\r\n self.Longitude = self.koMap(Longitude, self.Longitude, '', 'Longitude')\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '0', 'Selvrisiko')\r\n\r\n self.Rented = self.koMap(Rented, self.Rented, '', 'Rented')\r\n self.LivingInTheHouse = self.koMap(\r\n LivingInTheHouse,\r\n self.LivingInTheHouse,\r\n true,\r\n 'LivingInTheHouse'\r\n )\r\n\r\n self.OpfoerelsesAar = self.koMap(\r\n OpfoerelsesAar,\r\n self.OpfoerelsesAar,\r\n '',\r\n 'OpfoerelsesAar'\r\n )\r\n self.BoligarealKvm = self.koMap(\r\n BoligarealKvm,\r\n self.BoligarealKvm,\r\n '',\r\n 'BoligarealKvm'\r\n )\r\n self.Kaelder = self.koMap(Kaelder, self.Kaelder, '', 'Kaelder')\r\n self.UdhuseKvm = self.koMap(UdhuseKvm, self.UdhuseKvm, '', 'UdhuseKvm')\r\n self.Toilets = self.koMap(Toilets, self.Toilets, '', 'Toilets')\r\n self.Floors = self.koMap(Floors, self.Floors, '', 'Floors')\r\n self.FloorsOriginalValue = self.koMap(\r\n FloorsOriginalValue,\r\n self.FloorsOriginalValue,\r\n '',\r\n 'FloorsOriginalValue'\r\n )\r\n\r\n self.Boligtype = self.koMap(Boligtype, self.Boligtype, '', 'Boligtype')\r\n self.BoligtypeLookedUp = self.koMap(BoligtypeLookedUp, self.BoligtypeLookedUp, '', 'BoligtypeLookedUp')\r\n self.Tagtype = self.koMap(Tagtype, self.Tagtype, '', 'Tagtype')\r\n self.RoofTypeOriginalValue = self.koMap(Tagtype, self.RoofTypeOriginalValue, '', 'RoofTypeOriginalValue')\r\n\r\n self.SoftRoofHasFireProtection = self.koMap(SoftRoofHasFireProtection, self.SoftRoofHasFireProtection, undefined, 'SoftRoofHasFireProtection')\r\n\r\n self.Kasko = self.koMap(Kasko, self.Kasko, '', 'Kasko')\r\n self.Svamp = self.koMap(Svamp, self.Svamp, '', 'Svamp')\r\n self.HusSuper = self.koMap(HusSuper, self.HusSuper, '', 'HusSuper')\r\n\r\n self.Gade = self.koMap(Gade, self.Gade, '', 'Gade')\r\n self.Husnr = self.koMap(Husnr, self.Husnr, '', 'Husnr')\r\n self.Postnr = self.koMap(Postnr, self.Postnr, '', 'Postnr', true)\r\n self.By = self.koMap(By, self.By, '', 'By')\r\n\r\n self.Address = ko.computed(function () {\r\n return h.addressSingleLine(self.Gade(), self.Husnr(), '', '', self.Postnr(), self.By())\r\n })\r\n\r\n self.OuterWallType = self.koMap(\r\n OuterWallType,\r\n self.OuterWallType,\r\n '',\r\n 'OuterWallType'\r\n )\r\n self.HeatingType = self.koMap(\r\n HeatingType,\r\n self.HeatingType,\r\n '',\r\n 'HeatingType'\r\n )\r\n\r\n self.HarKrybeKaelder = self.koMap(\r\n HarKrybeKaelder,\r\n self.HarKrybeKaelder,\r\n '',\r\n 'HarKrybeKaelder'\r\n )\r\n\r\n self.BasementType = self.koMap(\r\n BasementType,\r\n self.BasementType,\r\n '',\r\n 'BasementType'\r\n )\r\n self.BasementUsedAsResidential = self.koMap(\r\n BasementUsedAsResidential,\r\n self.BasementUsedAsResidential,\r\n '',\r\n 'BasementUsedAsResidential'\r\n )\r\n self.Roerstandard = self.koMap(\r\n Roerstandard,\r\n self.Roerstandard,\r\n '',\r\n 'Roerstandard'\r\n )\r\n self.TidligereVandskade = self.koMap(\r\n TidligereVandskade,\r\n self.TidligereVandskade,\r\n '',\r\n 'TidligereVandskade'\r\n )\r\n self.Bindingsvaerk = self.koMap(\r\n Bindingsvaerk,\r\n self.Bindingsvaerk,\r\n '',\r\n 'Bindingsvaerk'\r\n )\r\n self.Husbuk = self.koMap(Husbuk, self.Husbuk, '', 'Husbuk')\r\n self.HarSvampDaekning = self.koMap(\r\n HarSvampDaekning,\r\n self.HarSvampDaekning,\r\n 'undefined',\r\n 'HarSvampDaekning'\r\n )\r\n self.HouseType = self.koMap(HouseType, self.HouseType, '', 'HouseType')\r\n self.HouseTypeLookedUp = self.koMap(HouseTypeLookedUp, self.HouseTypeLookedUp, '', 'HouseTypeLookedUp')\r\n self.Kvhx = self.koMap(Kvhx, self.Kvhx, '', 'Kvhx')\r\n self.MatrikelNr = self.koMap(MatrikelNr, self.MatrikelNr, '', 'MatrikelNr')\r\n\r\n self.Traehus = self.koMap(Traehus, self.Traehus, '', 'Traehus')\r\n\r\n self.UsedForBusiness = self.koMap(\r\n UsedForBusiness,\r\n self.UsedForBusiness,\r\n null,\r\n 'UsedForBusiness'\r\n )\r\n\r\n self.JustBoughtTheHouse = self.koMap(\r\n JustBoughtTheHouse,\r\n self.JustBoughtTheHouse,\r\n null,\r\n 'JustBoughtTheHouse'\r\n )\r\n\r\n self.PurchasePrice = self.koMap(\r\n PurchasePrice,\r\n self.PurchasePrice,\r\n null,\r\n 'PurchasePrice'\r\n )\r\n self.PreRegisteredPurchasePrice = self.koMap(\r\n PreRegisteredPurchasePrice,\r\n self.PreRegisteredPurchasePrice,\r\n null,\r\n 'PreRegisteredPurchasePrice'\r\n )\r\n\r\n self.BusinessType = self.koMap(\r\n BusinessType,\r\n self.BusinessType,\r\n 0,\r\n 'BusinessType')\r\n\r\n self.BusinessTypes = BusinessTypes\r\n\r\n self.MoreThanHalfUsedForBusiness = self.koMap(\r\n MoreThanHalfUsedForBusiness,\r\n self.MoreThanHalfUsedForBusiness,\r\n null,\r\n 'MoreThanHalfUsedForBusiness'\r\n )\r\n self.OldFarmOrOldCommercialHouse = self.koMap(\r\n OldFarmOrOldCommercialHouse,\r\n self.OldFarmOrOldCommercialHouse,\r\n null,\r\n 'OldFarmOrOldCommercialHouse'\r\n )\r\n self.DataLo = self.koMap(\r\n DataLo,\r\n self.DataLo,\r\n null,\r\n 'DataLo'\r\n )\r\n self.HasCoverageLimits = self.koMap(\r\n HasCoverageLimits,\r\n self.HasCoverageLimits,\r\n null,\r\n 'HasCoverageLimits'\r\n )\r\n\r\n self.AddressLine1 = ko.computed(function () {\r\n return h.addressLine1(self.Gade(), self.Husnr(), '', '')\r\n })\r\n self.AddressLine2 = ko.computed(function () {\r\n return h.addressLine2(self.Postnr(), self.By())\r\n })\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.OpfoerelsesAar,\r\n val.BoligarealKvm,\r\n val.Kaelder,\r\n val.UdhuseKvm,\r\n val.Boligtype,\r\n val.BoligtypeLookedUp,\r\n val.Tagtype,\r\n val.Kasko,\r\n val.Svamp,\r\n val.HusSuper,\r\n val.Address,\r\n val.Gade,\r\n val.Husnr,\r\n val.Postnr,\r\n val.By,\r\n val.OuterWallType,\r\n val.Roerstandard,\r\n val.TidligereVandskade,\r\n val.Bindingsvaerk,\r\n val.Husbuk,\r\n val.HarSvampDaekning,\r\n val.Kvhx,\r\n val.MatrikelNr,\r\n val.Selvrisiko,\r\n val.Daekning,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.Traehus,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.Toilets,\r\n val.Floors,\r\n val.HeatingType,\r\n val.BasementType,\r\n val.BasementUsedAsResidential,\r\n val.LivingInTheHouse,\r\n val.Rented,\r\n val.UsedForBusiness,\r\n val.BusinessType,\r\n val.MoreThanHalfUsedForBusiness,\r\n val.DataLo,\r\n val.HasCoverageLimits,\r\n val.HouseType,\r\n val.HouseTypeLookedUp,\r\n val.FloorsOriginalValue,\r\n val.OldFarmOrOldCommercialHouse,\r\n val.SoftRoofHasFireProtection,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.JustBoughtTheHouse,\r\n val.PurchasePrice,\r\n val.PreRegisteredPurchasePrice,\r\n val.BusinessTypes,\r\n val.Latitude,\r\n val.Longitude,\r\n val.HarKrybeKaelder,\r\n val.CPState\r\n )\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n return (\r\n 'HUS-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n self.Selvrisiko() +\r\n '-' +\r\n app.root.Kunde().Alder() +\r\n '-' +\r\n self.OpfoerelsesAar() +\r\n '-' +\r\n self.BoligarealKvm() +\r\n '-' +\r\n self.Kaelder() +\r\n '-' +\r\n self.UdhuseKvm() +\r\n '-' +\r\n self.Boligtype() +\r\n '-' +\r\n self.Tagtype() +\r\n '-' +\r\n self.TidligereVandskade() +\r\n '-' +\r\n self.Bindingsvaerk() +\r\n '-' +\r\n self.HarSvampDaekning() +\r\n '-' +\r\n self.Kvhx() +\r\n '-' +\r\n app.root.AntalSkaderHus() +\r\n '-' +\r\n self.HeatingType() +\r\n '-' +\r\n self.BasementUsedAsResidential() +\r\n '-' +\r\n self.BasementType() +\r\n '-' +\r\n self.SoftRoofHasFireProtection() +\r\n '-' +\r\n self.LivingInTheHouse() +\r\n '-' +\r\n self.Rented() +\r\n '-' +\r\n self.Toilets()\r\n )\r\n }\r\n /**/\r\n self.tagTyper = []\r\n self.tagTyper[1] = 'Hårdt tag'\r\n self.tagTyper[2] = 'Fladt tag'\r\n self.tagTyper[3] = 'Blødt tag'\r\n\r\n self.heatingTypes = []\r\n self.heatingTypes[1] = 'Centralvarme'\r\n self.heatingTypes[2] = 'Fjernvarme'\r\n self.heatingTypes[3] = 'El-Luftvarme'\r\n self.heatingTypes[4] = 'Jordvarme'\r\n self.heatingTypes[5] = 'Anden opvarmning'\r\n self.heatingTypes[6] = 'Halmfyr'\r\n\r\n self.ToiletsValue = []\r\n self.ToiletsValue[0] = '0'\r\n self.ToiletsValue[1] = '1'\r\n self.ToiletsValue[2] = '2'\r\n self.ToiletsValue[3] = '3 eller flere'\r\n\r\n self.BasementTypes = []\r\n self.BasementTypes[1] = 'Ingen eller ikke oplyst'\r\n self.BasementTypes[2] = 'Krybekælder'\r\n self.BasementTypes[3] = 'Kælder under 20 kvm'\r\n self.BasementTypes[4] = 'Kælder på 20 kvm eller mere'\r\n\r\n // computed observables\r\n self.TagtypeStr = ko.computed(function () {\r\n return self.tagTyper[self.Tagtype()]\r\n }, self)\r\n\r\n self.ToiletsStr = ko.computed(function () {\r\n if (self.Toilets() === 3 || self.Toilets() === '3') {\r\n return '3 eller flere'\r\n }\r\n return self.Toilets()\r\n }, self)\r\n\r\n self.HeatingTypeStr = ko.computed(function () {\r\n return self.heatingTypes[self.HeatingType()]\r\n }, self)\r\n\r\n self.BasementTypeStr = ko.computed(function () {\r\n return self.BasementTypes[self.BasementType()]\r\n }, self)\r\n\r\n self.FloorsStr = ko.computed(function () {\r\n return self.Floors() ? 'Ja' : 'Nej'\r\n }, self)\r\n\r\n self.OldProperty = ko.computed(function () {\r\n return (self.OpfoerelsesAar() < 1900)\r\n }, self)\r\n\r\n self.Alder = ko.computed(function () {\r\n if (self.OpfoerelsesAar()) {\r\n // get current time\r\n const _now = app.getBestDate()\r\n // get the date based on the year entered by the user\r\n const _opfoerelsesAar = new Date(self.OpfoerelsesAar() + '-01-01')\r\n // compare and return only year diff.\r\n const _age = Math.floor((_now - _opfoerelsesAar) / 31536000000) // A year in milliseconds\r\n return _age\r\n }\r\n }, self)\r\n\r\n self.showSvampDaekning = ko.computed(function () {\r\n const houseIsOld = self.Alder() > 30\r\n const hasKrybkaelder = String(self.BasementType()) === '2' // BasementType can be number or string\r\n return houseIsOld || hasKrybkaelder\r\n }, self)\r\n}\r\n\r\nexport { HusProdukt }\r\n","/* global ko */\r\n\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\n\r\nfunction RejseProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n Daekning,\r\n RejseforsikringsOmraade,\r\n Vintersport,\r\n BagageSum,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n ) {\r\n self.isInit = true\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n\r\n self.Daekning = self.koMap(Daekning, self.Daekning, '', 'Daekning')\r\n self.RejseforsikringsOmraade = self.koMap(\r\n RejseforsikringsOmraade,\r\n self.RejseforsikringsOmraade,\r\n '',\r\n 'RejseforsikringsOmraade'\r\n )\r\n self.Vintersport = self.koMap(\r\n Vintersport,\r\n self.Vintersport,\r\n '',\r\n 'Vintersport'\r\n )\r\n self.BagageSum = self.koMap(BagageSum, self.BagageSum, '', 'BagageSum')\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n\r\n self.isInit = false\r\n }\r\n\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.Daekning,\r\n val.RejseforsikringsOmraade,\r\n val.Vintersport,\r\n val.BagageSum,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.UnderwritingAccept,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CPState\r\n )\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n return (\r\n 'REJSE-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n self.RejseforsikringsOmraade() +\r\n '-' +\r\n self.Vintersport() +\r\n '-' +\r\n self.BagageSum()\r\n )\r\n }\r\n}\r\n\r\nexport { RejseProdukt }\r\n","/* global ko */\r\n\r\nimport { Person } from './../dk-ifshop-person-model'\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nfunction UlykkeProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.ForsikredePerson = h.koMap(new Person(PersonEntities.ForsikredePerson))\r\n self.AndenBegunstigedePerson = h.koMap(new Person(PersonEntities.AndenBegunstigedePerson))\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (data) {\r\n const val = data || {}\r\n self.isInit = true\r\n\r\n self.produktInit(\r\n val.ProduktID,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDato,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.UnderwritingAccept,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CPState,\r\n val.OCHConsentGiven\r\n )\r\n self.ForsikredePerson = self.koMap(\r\n val.ForsikredePerson,\r\n self.ForsikredePerson\r\n )\r\n\r\n self.AndenBegunstigedePerson = self.koMap(\r\n val.AndenBegunstigedePerson,\r\n self.AndenBegunstigedePerson\r\n )\r\n self.Alderstrin = self.koMap(\r\n val.Alderstrin,\r\n self.Alderstrin,\r\n '',\r\n 'Alderstrin'\r\n )\r\n self.Samlever = self.koMap(val.Samlever, self.Samlever, '', 'Samlever')\r\n\r\n self.CustomerIsTheInsuredPerson = ko.computed(function () {\r\n return !self.Samlever() && self.Alderstrin() === 2\r\n })\r\n self.CustomerIsNotTheInsuredPerson = ko.computed(function () {\r\n return self.Samlever() && self.Alderstrin() === 2\r\n })\r\n self.DisplayUlykkeKarensInfo = ko.computed(function () {\r\n return (self.Daekning().Navn() === 'Standard' || self.Daekning().Navn() === 'Super') &&\r\n self.Alderstrin() === 1 &&\r\n self.ForsikredePerson().Alder() < 16\r\n })\r\n\r\n if (val.DaekningHvornaar === 'B') {\r\n // on client B is not used for anything. It is only used on the server. on client we only select between H/F for adult and young people.\r\n // B may be a young person, so it must have a valid value or nothing. B is invalid\r\n // therefore it is reset. If the server finds out this is not a youngser, but a child (below 16). The field will be set to B on the server.\r\n val.DaekningHvornaar = ''\r\n }\r\n self.DaekningHvornaar = self.koMap(\r\n val.DaekningHvornaar,\r\n self.DaekningHvornaar,\r\n '',\r\n 'DaekningHvornaar'\r\n )\r\n self.Beskaeftigelse = self.koMap(\r\n val.Beskaeftigelse,\r\n self.Beskaeftigelse,\r\n '',\r\n 'Beskaeftigelse'\r\n )\r\n self.InvaliditetSum = self.koMap(\r\n val.InvaliditetSum,\r\n self.InvaliditetSum,\r\n '',\r\n 'InvaliditetSum'\r\n )\r\n self.DoedsfaldSum = self.koMap(\r\n val.DoedsfaldSum,\r\n self.DoedsfaldSum,\r\n '',\r\n 'DoedsfaldSum'\r\n )\r\n self.BegunstigelseAfNaermeste = self.koMap(\r\n val.BegunstigelseAfNaermeste,\r\n self.BegunstigelseAfNaermeste,\r\n '',\r\n 'BegunstigelseAfNaermeste'\r\n )\r\n\r\n self.Daekning = self.koMap(val.Daekning, self.Daekning)\r\n\r\n // make sure any changes are reflected on the customer as well\r\n self.ForsikredePerson().Foedselsdato.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n app.root.Kunde().Foedselsdato() !=\r\n self.ForsikredePerson().Foedselsdato()\r\n ) {\r\n app.root.Kunde().Foedselsdato(self.ForsikredePerson().Foedselsdato())\r\n }\r\n })\r\n self.ForsikredePerson().Cpr1.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n app.root.Kunde().Cpr1() != self.ForsikredePerson().Cpr1()\r\n ) {\r\n app.root.Kunde().Cpr1(self.ForsikredePerson().Cpr1())\r\n }\r\n })\r\n self.ForsikredePerson().Cpr2.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n app.root.Kunde().Cpr2() != self.ForsikredePerson().Cpr2()\r\n ) {\r\n app.root.Kunde().Cpr2(self.ForsikredePerson().Cpr2())\r\n }\r\n })\r\n self.ForsikredePerson().Fornavn.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n app.root.Kunde().Fornavn() != self.ForsikredePerson().Fornavn()\r\n ) {\r\n app.root.Kunde().Fornavn(self.ForsikredePerson().Fornavn())\r\n }\r\n })\r\n self.ForsikredePerson().Efternavn.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n app.root.Kunde().Efternavn() != self.ForsikredePerson().Efternavn()\r\n ) {\r\n app.root.Kunde().Efternavn(self.ForsikredePerson().Efternavn())\r\n }\r\n })\r\n\r\n // make sure any changes are reflected on the customer as well\r\n app.root.Kunde().Foedselsdato.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n self.ForsikredePerson().Foedselsdato() !=\r\n app.root.Kunde().Foedselsdato()\r\n ) {\r\n self.ForsikredePerson().Foedselsdato(app.root.Kunde().Foedselsdato())\r\n }\r\n })\r\n app.root.Kunde().Cpr1.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n self.ForsikredePerson().Cpr1() != app.root.Kunde().Cpr1()\r\n ) {\r\n self.ForsikredePerson().Cpr1(app.root.Kunde().Cpr1())\r\n }\r\n })\r\n app.root.Kunde().Cpr2.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n self.ForsikredePerson().Cpr2() != app.root.Kunde().Cpr2()\r\n ) {\r\n self.ForsikredePerson().Cpr2(app.root.Kunde().Cpr2())\r\n }\r\n })\r\n app.root.Kunde().Fornavn.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n self.ForsikredePerson().Fornavn() != app.root.Kunde().Fornavn()\r\n ) {\r\n self.ForsikredePerson().Fornavn(app.root.Kunde().Fornavn())\r\n }\r\n })\r\n app.root.Kunde().Efternavn.subscribe(function () {\r\n if (self.isInit === true) return\r\n if (\r\n self.CustomerIsTheInsuredPerson() &&\r\n self.ForsikredePerson().Efternavn() != app.root.Kunde().Efternavn()\r\n ) {\r\n self.ForsikredePerson().Efternavn(app.root.Kunde().Efternavn())\r\n }\r\n })\r\n\r\n if (\r\n app.root.Kunde().CprNr() !== '' &&\r\n self.CustomerIsTheInsuredPerson() &&\r\n self.ForsikredePerson().CprNr() === ''\r\n ) {\r\n self.ForsikredePerson().Cpr1(app.root.Kunde().Cpr1())\r\n self.ForsikredePerson().Cpr2(app.root.Kunde().Cpr2())\r\n }\r\n\r\n // todo: need a smarter solution\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(val)\r\n }\r\n }\r\n\r\n // UPDATE address\r\n self.updateAddress = function (val) {\r\n if (val && val.ForsikredePerson && self.ForsikredePerson) {\r\n self.ForsikredePerson().Postnr(val.ForsikredePerson.Postnr)\r\n self.ForsikredePerson().Latitude(val.ForsikredePerson.latitude)\r\n self.ForsikredePerson().Longitude(val.ForsikredePerson.longitude)\r\n self.ForsikredePerson().By(val.ForsikredePerson.By)\r\n self.ForsikredePerson().Etage(val.ForsikredePerson.Etage)\r\n self.ForsikredePerson().Gade(val.ForsikredePerson.Gade)\r\n self.ForsikredePerson().SideDoerNr(val.ForsikredePerson.SideDoerNr)\r\n self.ForsikredePerson().Husnr(val.ForsikredePerson.Husnr)\r\n }\r\n }\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n return (\r\n 'ULYKKE-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n self.Alderstrin() +\r\n '-' +\r\n self.Samlever() +\r\n '-' +\r\n self.DaekningHvornaar() +\r\n '-' +\r\n self.Beskaeftigelse() +\r\n '-' +\r\n self.ForsikredePerson().Alder() +\r\n '-' +\r\n self.InvaliditetSum() +\r\n '-' +\r\n self.DoedsfaldSum() +\r\n '-' +\r\n self.ForsikredePerson().CprNr()\r\n )\r\n }\r\n}\r\n\r\nexport { UlykkeProdukt }\r\n","/* global $ ko */\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { boat } from './dk-ifshop-boat-scripts'\r\n\r\nfunction BoatProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'TradeValue') {\r\n if ($.isNumeric(value)) {\r\n property($.parseInt(value, 'N', app.culture))\r\n }\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (data) {\r\n const val = data || {}\r\n\r\n self.isInit = true\r\n self.produktInit(\r\n val.ProduktID,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.UnderwritingAccept,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CPState,\r\n val.OCHConsentGiven,\r\n val.EDIConsentGiven\r\n )\r\n self.Model = self.koMap(val.Model, self.Model)\r\n self.BoatType = self.koMap(val.BoatType, self.BoatType)\r\n self.MotorType = self.koMap(val.MotorType, self.MotorType)\r\n self.Length = self.koMap(val.Length, self.Length)\r\n self.HullMaterial = self.koMap(val.HullMaterial, self.HullMaterial)\r\n self.LovpligtigAnsvar = self.koMap(\r\n val.LovpligtigAnsvar,\r\n self.LovpligtigAnsvar,\r\n false,\r\n 'LovpligtigAnsvar'\r\n )\r\n self.TradeValue = self.koMap(val.TradeValue, self.TradeValue, null, 'TradeValue', true)\r\n self.Year = self.koMap(val.Year, self.Year)\r\n self.NumberOfMotors = self.koMap(val.NumberOfMotors, self.NumberOfMotors)\r\n self.CombinedHorsepower = self.koMap(val.CombinedHorsepower, self.CombinedHorsepower, null, 'CombinedHorsepower', true)\r\n self.Motor1Year = self.koMap(val.Motor1Year, self.Motor1Year)\r\n self.Motor2Year = self.koMap(val.Motor2Year, self.Motor2Year)\r\n self.BoatName = self.koMap(val.BoatName, self.BoatName)\r\n self.HullNumber = self.koMap(val.HullNumber, self.HullNumber)\r\n self.Motor1Model = self.koMap(val.Motor1Model, self.Motor1Model)\r\n self.Motor1IdNumber = self.koMap(val.Motor1IdNumber, self.Motor1IdNumber)\r\n self.Motor2Model = self.koMap(val.Motor2Model, self.Motor2Model)\r\n self.Motor2IdNumber = self.koMap(val.Motor2IdNumber, self.Motor2IdNumber)\r\n self.UseMotor1ModelForMotor2 = self.koMap(val.UseMotor1ModelForMotor2, self.UseMotor1ModelForMotor2, false)\r\n self.HasAuxiliaryMotor = self.koMap(val.HasAuxiliaryMotor, self.HasAuxiliaryMotor, null, 'HasAuxiliaryMotor', false)\r\n self.AuxiliaryMotorIdNumber = self.koMap(val.AuxiliaryMotorIdNumber, self.AuxiliaryMotorIdNumber)\r\n self.AuxiliaryMotorYear = self.koMap(val.AuxiliaryMotorYear, self.AuxiliaryMotorYear)\r\n self.HasBoatTrailer = self.koMap(val.HasBoatTrailer, self.HasBoatTrailer, null, 'HasBoatTrailer', false)\r\n self.HasBoatTrailerRegNr = self.koMap(val.HasBoatTrailerRegNr, self.HasBoatTrailerRegNr, true, 'HasBoatTrailerRegNr')\r\n self.BoatTrailerRegNr = self.koMap(val.BoatTrailerRegNr, self.BoatTrailerRegNr, '', 'BoatTrailerStelNr', true)\r\n self.BoatTrailerStelNr = self.koMap(val.BoatTrailerStelNr, self.BoatTrailerStelNr, '', 'BoatTrailerStelNr', true)\r\n\r\n self.Daekning = self.koMap(val.Daekning, self.Daekning)\r\n self.Selvrisiko = self.koMap(val.Selvrisiko, self.Selvrisiko, '0', 'Selvrisiko')\r\n self.SailPeriodThroughTheYear = self.koMap(val.SailPeriodThroughTheYear, self.SailPeriodThroughTheYear, false)\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(self),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo()\r\n }\r\n })\r\n\r\n self.IsBasisCoverage = ko.computed(function () {\r\n return self.Daekning().Navn() === 'Basis'\r\n })\r\n self.IsExtraCoverage = ko.computed(function () {\r\n return self.Daekning().Navn() === 'Extra'\r\n })\r\n\r\n self.BoatAge = function BoatAge () {\r\n const year = self.Year()\r\n if (!year) {\r\n return null\r\n }\r\n return Date.now().getFullYear() - year\r\n }\r\n self.MotorTypeString = function MotorTypeString () {\r\n if (self.MotorType()) {\r\n return self.MotorType()\r\n } else {\r\n return 'Ingen'\r\n }\r\n }\r\n self.ModelString = function ModelString () {\r\n const maxLength = 25\r\n if (!self.Model()) return ''\r\n if (self.Model().length <= maxLength) {\r\n return self.Model()\r\n }\r\n var str = self.Model()\r\n const lastSpace = str.slice(0, maxLength - 2).lastIndexOf(' ')\r\n return str.slice(0, lastSpace > 0 ? lastSpace : maxLength - 3) + '...'\r\n }\r\n self.ShowNumberOfMotors = function ShowNumberOfMotors () {\r\n if (self.MotorType() && self.BoatType() !== boat.settings.boatTypeJetski) {\r\n return true\r\n }\r\n return false\r\n }\r\n self.isInit = false\r\n }\r\n self.init()\r\n // update this product with a new model based on regnr (if found)\r\n self.setModel = function (boatModel, jElement, actionSettings) {\r\n try {\r\n if (!boatModel) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-BOAT_MODEL_EMPTY'))\r\n return\r\n }\r\n\r\n const setModelInData = {\r\n code: (boatModel || ''),\r\n produktId: (app.root.activeProduct.ProduktID() || '0')\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'setModelBoat' }).then(function (token) {\r\n app.loadJson({\r\n boatModel,\r\n url: 'boatprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n token,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (\r\n !data.Model ||\r\n !data.BoatType ||\r\n data.Model !== this.args.code\r\n ) {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n return handleSuccessForFirstStep(data)\r\n } else {\r\n self.update(data)\r\n }\r\n }\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n boatModel,\r\n url: 'boatprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (\r\n !data.Model ||\r\n !data.Model.Model ||\r\n data.Model.RegNr !== this.args.code\r\n ) {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n return handleSuccessForFirstStep(data)\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n })\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n function handleSuccessForFirstStep (data) {\r\n self.update(data)\r\n h.fadeToForm($('#boatHolder'), 'boatprodukt/getsubview/detaljer')\r\n h.extendForm(\r\n $('#boatHolder'),\r\n 'boatprodukt/getsubview/generelt',\r\n $('#genereltHolder'),\r\n 1,\r\n app.root.activeProduct\r\n )\r\n h.enable($('#wizardNavigation button', app.getTopJElm()))\r\n }\r\n function handleSetModelError (data) {\r\n if (app.page === 'front') {\r\n if (data && data.Data && data.Data.ProduktID) {\r\n // set id. might have been newly created, although an error has occured\r\n app.root.activeProduct.ProduktID(data.Data.ProduktID)\r\n }\r\n app.gotoShopPage()\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n // ...\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n // ...\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(val)\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n const _key =\r\n 'BOAT-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' + app.root.Kunde().CprNr() +\r\n '-' +\r\n self.Model() +\r\n '-' +\r\n self.Year() +\r\n '-' +\r\n self.BoatType() +\r\n '-' +\r\n self.MotorType() +\r\n '-' +\r\n self.Length() +\r\n '-' +\r\n self.TradeValue() +\r\n '-' +\r\n self.NumberOfMotors() +\r\n '-' +\r\n self.CombinedHorsepower() +\r\n '-' +\r\n self.Motor1Year() +\r\n '-' +\r\n app.root.NumberOfClaimsBoat() +\r\n '-' +\r\n self.Selvrisiko() +\r\n '-' +\r\n self.SailPeriodThroughTheYear()\r\n return _key\r\n }\r\n}\r\nexport { BoatProdukt }\r\n","/* global ko */\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\n\r\nfunction HundProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n // called when a property changes value (Assigning the same value won't trigger this)\r\n if (value !== self.prev(name)) {\r\n self.hasChanged = true\r\n if (name === 'KaldeNavn') {\r\n self.KaldeNavn(h.capitaliseFirstLetter(value))\r\n }\r\n }\r\n }\r\n\r\n // INIT\r\n self.init = function (data) {\r\n const val = data || {}\r\n\r\n self.isInit = true\r\n self.produktInit(\r\n val.ProduktID,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.UnderwritingAccept,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CPState,\r\n val.OCHConsentGiven\r\n )\r\n self.Model = self.koMap(val.Model, self.Model)\r\n self.KaldeNavn = self.koMap(val.KaldeNavn, self.KaldeNavn, '', 'KaldeNavn')\r\n self.Race = self.koMap(val.Race, self.Race, null, 'Race')\r\n self.UdvidetAnsvar = self.koMap(\r\n val.UdvidetAnsvar,\r\n self.UdvidetAnsvar,\r\n false,\r\n 'UdvidetAnsvar'\r\n )\r\n self.Livsforsikring = self.koMap(\r\n val.Livsforsikring,\r\n self.Livsforsikring,\r\n false,\r\n 'Livsforsikring'\r\n )\r\n self.Alder = self.koMap(val.Alder, self.Alder, 3)\r\n self.Vaerdi = self.koMap(val.Vaerdi, self.Vaerdi, 1)\r\n self.Daekning = self.koMap(val.Daekning, self.Daekning)\r\n self.BirthPlace = self.koMap(val.BirthPlace, self.BirthPlace)\r\n self.Selvrisiko = self.koMap(val.Selvrisiko, self.Selvrisiko)\r\n self.HasCurrentHealthInsurance = self.koMap(val.HasCurrentHealthInsurance, self.HasCurrentHealthInsurance)\r\n self.NumberOfInjuriesLast3Years = self.koMap(val.NumberOfInjuriesLast3Years, self.NumberOfInjuriesLast3Years, 0)\r\n self.Fareklasse = self.koMap(val.Fareklasse, self.Fareklasse, 0)\r\n self.RaceUndtagelser = self.koMap(val.RaceUndtagelser, self.RaceUndtagelser, 0)\r\n\r\n let date\r\n if (val.FoedselsDatoStr) {\r\n date = h.getJSONStringDate(val.FoedselsDatoStr)\r\n }\r\n self.FoedselsDato = self.koMap(\r\n date,\r\n self.FoedselsDato,\r\n null,\r\n 'FoedselsDato',\r\n true\r\n )\r\n\r\n self.IDNummer = self.koMap(val.IDNummer, self.IDNummer, '', 'IDNummer')\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(self),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo()\r\n }\r\n })\r\n\r\n self.OnlyLiability = ko.computed(function () {\r\n return self.Daekning().Navn() === 'Basis'\r\n })\r\n\r\n function isDate (date) {\r\n return date instanceof Date && !isNaN(date)\r\n }\r\n\r\n function GetStringAsDate (dateString) {\r\n if (isDate(dateString)) {\r\n return dateString\r\n }\r\n if (!dateString || dateString === '') {\r\n return null\r\n }\r\n const date = new Date(\r\n dateString.substring(6, 10),\r\n dateString.substring(3, 5),\r\n dateString.substring(0, 2)\r\n )\r\n date.setMonth(date.getMonth() - 1)\r\n return date\r\n }\r\n\r\n self.GetBirthDateAsDate = function () {\r\n return GetStringAsDate(self.FoedselsDato())\r\n }\r\n\r\n self.GetIkraftDatoAsDate = function () {\r\n return GetStringAsDate(self.IkraftDato())\r\n }\r\n\r\n self.AgeInYears = function AgeInYears () {\r\n const foedselsDa = self.GetBirthDateAsDate()\r\n if (!foedselsDa) {\r\n return null\r\n }\r\n\r\n const ageDifMs = Date.now() - foedselsDa\r\n const ageDate = new Date(ageDifMs)\r\n return Math.abs(ageDate.getUTCFullYear() - 1970)\r\n }\r\n\r\n self.CoverageAvailableForThisDog = ko.computed(function () {\r\n if (self.OnlyLiability()) {\r\n return true\r\n }\r\n if (self.BirthPlace() === 'Andet land') {\r\n if (!self.HasCurrentHealthInsurance() || self.NumberOfInjuriesLast3Years() > 0) {\r\n return false\r\n }\r\n }\r\n if ((self.NumberOfInjuriesLast3Years() === '3')) {\r\n return false\r\n }\r\n return true\r\n })\r\n\r\n function DaysBetweenDates (date1, date2) {\r\n if (!date1 || !date2) {\r\n return null\r\n }\r\n const oneDay = 24 * 60 * 60 * 1000\r\n const diffDays = Math.round(Math.abs((date1.getTime() - date2.getTime()) / (oneDay)))\r\n return diffDays\r\n }\r\n\r\n self.DaysBetweenBirthAndToday = ko.computed(function () {\r\n return DaysBetweenDates(self.GetBirthDateAsDate(), new Date())\r\n })\r\n\r\n self.DaysBetweenBirthAndIkraftdato = ko.computed(function () {\r\n return DaysBetweenDates(self.GetBirthDateAsDate(), self.GetIkraftDatoAsDate())\r\n })\r\n\r\n self.isInit = false\r\n }\r\n\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n // ...\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n // ...\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(val)\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n const _key =\r\n 'HUND-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n self.Race() +\r\n '-' +\r\n self.Vaerdi() +\r\n '-' +\r\n self.Alder() +\r\n '-' +\r\n self.Selvrisiko()\r\n return _key\r\n }\r\n}\r\n\r\nexport { HundProdukt }\r\n","/* global ko $ */\r\n\r\nimport { BilProdukt } from '././bil/dk-ifshop-bil-produkt-model'\r\nimport { FamilieProdukt } from '././familie/dk-ifshop-familie-produkt-model'\r\nimport { HusProdukt } from '././hus/dk-ifshop-hus-produkt-model'\r\nimport { LivProdukt } from '././liv/dk-ifshop-liv-produkt-model'\r\nimport { Model } from './dk-ifshop-model'\r\nimport { Person } from './dk-ifshop-person-model'\r\nimport { RejseProdukt } from '././rejse/dk-ifshop-rejse-produkt-model'\r\nimport { UlykkeProdukt } from '././ulykke/dk-ifshop-ulykke-produkt-model'\r\nimport { KnallertProdukt } from './knallert/dk-ifshop-knallert-produkt-model'\r\nimport { MotorcykelProdukt } from '././mc/dk-ifshop-motorcykel-produkt-model'\r\nimport { CampingvognProdukt } from '././campingvogn/dk-ifshop-campingvogn-produkt-model'\r\nimport { TrailerProdukt } from '././trailer/dk-ifshop-trailer-produkt-model'\r\nimport { BoatProdukt } from '././boat/dk-ifshop-boat-produkt-model'\r\nimport { HundProdukt } from '././hund/dk-ifshop-hund-produkt-model'\r\nimport { app } from './dk-ifshop-application'\r\nimport { basic } from './dk-ifshop-scripts'\r\nimport { h } from './dk-ifshop-helper'\r\nimport { PersonEntities } from './dk-ifshop-constants'\r\n\r\nfunction Tilbud () {\r\n const self = this\r\n self.base = new Model()\r\n self.base.inherit(self)\r\n self.activeProduct = ''\r\n self.flags = '' // settings to hold specific flags about progress. Can be saved to mvc\r\n\r\n self.Kunde = h.koMap(new Person(PersonEntities.Kunde))\r\n self.Medforsikret = h.koMap(new Person(PersonEntities.Medforsikret))\r\n\r\n self.PraemieStr = ko.observable(0)\r\n\r\n self.aggregatedCartInformation = ko.observable(null)\r\n\r\n self.JSONFilter = function (key, value) {\r\n if (\r\n key === 'activeProduct' ||\r\n key === 'ProduktOverblikV2' ||\r\n key === 'ProduktTyper'\r\n ) {\r\n return undefined\r\n } else if ((key === 'Foedselsdato' || key === 'IkraftDato') && value) {\r\n // correct due to culture on server (TODO: always save in this format on client)\r\n return h.correctStringDate(value)\r\n } else {\r\n return value\r\n }\r\n }\r\n\r\n self.JSON = function () {\r\n return ko.toJSON(self, self.JSONFilter)\r\n }\r\n\r\n // INIT\r\n self.init = function (data) {\r\n const val = data || {}\r\n\r\n self.EDIInitiated = self.koMap(val.EDIInitiated, self.EDIInitiated)\r\n self.EDIActive = self.koMap(val.EDIActive, self.EDIActive, 'EDIActive', true)\r\n\r\n self.Kunde = self.koMap(val.Kunde, self.Kunde)\r\n self.DisableCustomerElements = self.koMap(val.DisableCustomerElements, self.DisableCustomerElements)\r\n self.DisableCustomerNameElements = self.koMap(val.DisableCustomerNameElements, self.DisableCustomerNameElements)\r\n self.ShowCustomerNameElements = self.koMap(val.ShowCustomerNameElements, self.ShowCustomerNameElements)\r\n self.ShowLoggedIn = self.koMap(val.ShowLoggedIn, self.ShowLoggedIn)\r\n self.ShowLoggedInUserInfo = self.koMap(val.ShowLoggedInUserInfo, self.ShowLoggedInUserInfo)\r\n self.ShowCustomerElements = self.koMap(val.ShowCustomerElements, self.ShowCustomerElements)\r\n self.ShowEmailPhoneOverview = self.koMap(val.ShowEmailPhoneOverview, self.ShowEmailPhoneOverview)\r\n self.PaymentServiceExists = self.koMap(val.PaymentServiceExists, self.PaymentServiceExists)\r\n self.UserClickedChangeEmail = self.koMap(false, self.UserClickedChangeEmail)\r\n self.UserClickedChangePhone = self.koMap(false, self.UserClickedChangePhone)\r\n self.UnauthenticatedCprNr = self.koMap(val.UnauthenticatedCprNr, self.UnauthenticatedCprNr)\r\n\r\n self.ShowEmailEditMode = ko.computed(function () {\r\n return self.UserClickedChangeEmail() || !self.Kunde().InitialEmailAdr\r\n })\r\n self.ShowPhoneEditMode = ko.computed(function () {\r\n return self.UserClickedChangePhone() || !self.Kunde().InitialMobilNr\r\n })\r\n\r\n self.showLoggedInUserAddressChangedFor = (product) => {\r\n if (product === 'bil' || product === 'motorcykel') {\r\n return true\r\n }\r\n return false\r\n }\r\n self.showLoggedInUserAddressChangedNotification = ko.observable(0)\r\n self.showLoggedInUserAddressChangedNotificationFunc = () => {\r\n if (!app.root || !app.root.activeProduct) {\r\n return false\r\n }\r\n\r\n if (app.page === 'checkout') {\r\n // In checkout we can have multiple products in the cart, here we need to add address changed info etc. if relevant case and relevant product is in cart.\r\n const productsInCart = app.root.ProduktOverblikV2.ProductsInCart.map(a => a.id)\r\n for (let i = 0; i < productsInCart.length; i++) {\r\n if (self.showLoggedInUserAddressChangedFor(productsInCart[i])) {\r\n return true\r\n }\r\n }\r\n return false\r\n }\r\n\r\n return self.showLoggedInUserAddressChangedFor(app.root.activeProduct.produktNavn)\r\n }\r\n\r\n self.Medforsikret = self.koMap(val.Medforsikret, self.Medforsikret)\r\n\r\n self.IsExistingCustomer = self.koMap(\r\n val.IsExistingCustomer,\r\n self.IsExistingCustomer\r\n )\r\n\r\n self.PriceAfterAuthentication = self.koMap(\r\n val.PriceAfterAuthentication,\r\n self.PriceAfterAuthentication\r\n )\r\n\r\n self.PricePriorToAuthentication = self.koMap(\r\n val.PricePriorToAuthentication,\r\n self.PricePriorToAuthentication\r\n )\r\n\r\n self.IsPurchasingOrFinished = val.IsPurchasingOrFinished\r\n ? val.IsPurchasingOrFinished\r\n : false\r\n self.TilbudNr = self.koMap(val.TilbudNr, self.TilbudNr)\r\n self.Praemie = self.koMap(val.Praemie, self.Praemie)\r\n self.PraemiePerMonth = self.koMap(val.PraemiePerMonth, self.PraemiePerMonth)\r\n self.Discount = self.koMap(val.Discount, self.Discount)\r\n\r\n self.CartCount = self.koMap(val.CartCount, self.CartCount)\r\n self.flags = val.Flags\r\n\r\n self.NumberOfClaimsCarAndMc = self.koMap(\r\n val.NumberOfClaimsCarAndMc,\r\n self.NumberOfClaimsCarAndMc,\r\n '',\r\n 'NumberOfClaimsCarAndMc',\r\n false\r\n )\r\n\r\n self.NumberOfClaimsBoat = self.koMap(\r\n val.NumberOfClaimsBoat,\r\n self.NumberOfClaimsBoat,\r\n undefined,\r\n 'NumberOfClaimsBoat',\r\n false\r\n )\r\n\r\n self.AntalSkaderHus = self.koMap(\r\n val.AntalSkaderHus,\r\n self.AntalSkaderHus,\r\n undefined,\r\n 'AntalSkaderHus',\r\n false\r\n )\r\n self.AntalSkaderFamilie = self.koMap(\r\n val.AntalSkaderFamilie,\r\n self.AntalSkaderFamilie,\r\n '',\r\n 'AntalSkaderFamilie',\r\n false\r\n )\r\n self.PraemieStr(h.getPrice(self.Praemie()))\r\n\r\n val.MinAntalHusSkader = val.AntalSkaderHus // not implemented on server yet\r\n self.MinAntalHusSkader = self.koMap(\r\n val.MinAntalHusSkader,\r\n self.MinAntalHusSkader,\r\n '',\r\n 'MinAntalHusSkader'\r\n )\r\n self.FrysKundeInfo = self.koMap(val.FrysKundeInfo, self.FrysKundeInfo)\r\n self.SamleKunde = self.koMap(val.SamleKunde, self.SamleKunde)\r\n\r\n self.CustomerBenefitLevel = self.koMap(\r\n val.DataQl,\r\n self.CustomerBenefitLevel,\r\n '',\r\n 'CustomerBenefitLevel'\r\n )\r\n\r\n self.PaymentProvider = self.koMap(\r\n val.PaymentProvider,\r\n self.PaymentProvider,\r\n 0,\r\n 'PaymentProvider'\r\n )\r\n\r\n self.PaymentInterval = self.koMap(val.PaymentInterval, self.PaymentInterval)\r\n self.Order = self.koMap(val.Order, self.Order, null, 'Order')\r\n self.aggregatedCartInformation = self.koMap(\r\n val.aggregatedCartInformation,\r\n self.aggregatedCartInformation,\r\n null,\r\n 'aggregatedCartInformation',\r\n false,\r\n true\r\n )\r\n\r\n self.PreferredLoginMethod = self.koMap(val.PreferredLoginMethod, self.PreferredLoginMethod)\r\n\r\n self.Disv = self.koMap(val.Disv, self.Disv)\r\n\r\n self.TotalPremiumMonthly = ko.computed(function () {\r\n const premium = Math.ceil(self.PraemiePerMonth()).toLocaleString()\r\n return premium.replace('.', ',') + ' kr.'\r\n })\r\n\r\n self.TotalPremiumYearly = ko.computed(function () {\r\n const premium = Math.ceil(self.Praemie()).toLocaleString()\r\n return premium.replace('.', ',') + ' kr.'\r\n })\r\n\r\n h.subscribe(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, () => {\r\n self.showLoggedInUserAddressChangedNotification(self.showLoggedInUserAddressChangedNotificationFunc())\r\n })\r\n }\r\n\r\n self.init()\r\n\r\n self.onlyMopedInShoppingCart = () => {\r\n const produktOverblik = app.root.ProduktOverblikV2.ProductsInCart\r\n if (produktOverblik.length == 0) {\r\n return false\r\n }\r\n for (let i = 0; i < produktOverblik.length; i++) {\r\n const currentOverblik = produktOverblik[i]\r\n const activeProductName = currentOverblik.localName.toLocaleLowerCase()\r\n if (activeProductName === 'knallert') {\r\n const activeProductSubType = currentOverblik.produktSubType.toLocaleLowerCase()\r\n if (activeProductSubType === 'eu') {\r\n return false\r\n }\r\n } else {\r\n return false\r\n }\r\n }\r\n return true\r\n }\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n // Let the active product handle it\r\n self.activeProduct.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n // Let the active product handle it\r\n self.activeProduct.stepChanged()\r\n }\r\n\r\n self.save = function (actionSettings) {\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'savetilbud' }).then(function (token) {\r\n app.loadJson({\r\n url: 'tilbud/savetilbud',\r\n data: '{\"tilbud\" : ' + app.root.JSON() + '}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true,\r\n token,\r\n done: actionSettings.done,\r\n fail: actionSettings.fail\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n url: 'tilbud/savetilbud',\r\n data: '{\"tilbud\" : ' + app.root.JSON() + '}',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n actionSettings,\r\n allowCredentials: true,\r\n done: actionSettings.done,\r\n fail: actionSettings.fail\r\n })\r\n }\r\n }\r\n\r\n // SYNC (Read from server)\r\n self.sync = function (actionSettings) {\r\n return self.syncWithCallback(actionSettings)\r\n }\r\n\r\n self.syncWithCallback = function (actionSettings, resolver, rejecter) {\r\n self.syncInitiated = true\r\n actionSettings = actionSettings || {}\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'synctilbud' }).then(function (token) {\r\n app.loadJson({\r\n url: 'tilbud/synctilbud',\r\n actionOnBusy: 'ignoreBusy',\r\n data: '{ \"tilbudNr\" : \"' + (self.TilbudNr() || '0') + '\" }',\r\n token,\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data) {\r\n self.update(data)\r\n if (data.ServerGeneratedCheckoutMarkup) {\r\n app.priceSummaryDataUpdate(data.ServerGeneratedCheckoutMarkup)\r\n }\r\n if (typeof resolver === 'function') {\r\n resolver()\r\n }\r\n },\r\n fail: function (data) {\r\n if (typeof rejecter === 'function') {\r\n rejecter(new Error(data))\r\n }\r\n },\r\n operationFail: function (data) {\r\n if (actionSettings.operationFail) {\r\n actionSettings.operationFail(data)\r\n }\r\n },\r\n entryFail: function (data) {\r\n if (actionSettings.entryFail) {\r\n actionSettings.entryFail(data)\r\n }\r\n },\r\n always: function () {\r\n self.syncInitiated = false\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n url: 'tilbud/synctilbud',\r\n actionOnBusy: 'ignoreBusy',\r\n data: '{ \"tilbudNr\" : \"' + (self.TilbudNr() || '0') + '\" }',\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data) {\r\n self.update(data)\r\n if (data.ServerGeneratedCheckoutMarkup) {\r\n app.priceSummaryDataUpdate(data.ServerGeneratedCheckoutMarkup)\r\n }\r\n if (typeof resolver === 'function') {\r\n resolver()\r\n }\r\n },\r\n fail: function (data) {\r\n if (typeof rejecter === 'function') {\r\n rejecter(new Error(data))\r\n }\r\n },\r\n operationFail: function (data) {\r\n if (actionSettings.operationFail) {\r\n actionSettings.operationFail(data)\r\n }\r\n },\r\n entryFail: function (data) {\r\n if (actionSettings.entryFail) {\r\n actionSettings.entryFail(data)\r\n }\r\n },\r\n always: function () {\r\n self.syncInitiated = false\r\n }\r\n })\r\n }\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(val)\r\n\r\n if (val.ProduktTyper) {\r\n self.ProduktTyper = val.ProduktTyper\r\n }\r\n\r\n if (val.ProduktOverblikV2) {\r\n self.ProduktOverblikV2 = val.ProduktOverblikV2\r\n }\r\n // update server time\r\n if (!val.CurrentTime) {\r\n app.serverTime = new Date()\r\n } else {\r\n app.serverTime = new Date(val.CurrentTime)\r\n }\r\n h.publish(h.TILBUD_UPDATED, app.gtmTrackingMetaData())\r\n }\r\n }\r\n\r\n self.ensureActiveProduct = function (id, action) {\r\n if ((self.activeProduct && self.activeProduct.ProduktID() == id)) {\r\n // the required product is already loaded / active\r\n action()\r\n } else {\r\n // the active product is other / not loaded. Load the required product\r\n self.syncActiveProdukt({ done: action }, id)\r\n }\r\n }\r\n\r\n self.fetchTilbud = function (actionSettings, resolver, rejecter) {\r\n self.syncTilbudAndActiveProdukt('tilbud/fetchtilbud', actionSettings, resolver, rejecter)\r\n }\r\n\r\n self.fetchTilbudCheckout = function (actionSettings, resolver, rejecter) {\r\n self.syncTilbudAndActiveProdukt('tilbud/fetchtilbudcheckout', actionSettings, resolver, rejecter)\r\n }\r\n\r\n self.UpdatedTilbudAndActiveProduct = (tilbud, produkt) => {\r\n self.update(tilbud)\r\n // load the required product bundle before continuing\r\n self.setActiveProduct(produkt.ProductName)\r\n if (self.activeProduct) {\r\n self.activeProduct.update(produkt)\r\n } else {\r\n app.onClientFail(\r\n 'NO_ACTIVEPRODUCT',\r\n 'tilbud.activeProduct is not defined.'\r\n )\r\n }\r\n self.handleCustomerBenefitLevelChanged(tilbud)\r\n return true\r\n }\r\n\r\n self.syncTilbudAndActiveProdukt = function (\r\n endpoint,\r\n actionSettings,\r\n resolver,\r\n rejecter\r\n ) {\r\n actionSettings = actionSettings || {}\r\n\r\n app.loadJson({\r\n url: endpoint,\r\n actionOnBusy: 'ignoreBusy',\r\n data: '{ \"tilbudNr\" : \"' + (self.TilbudNr() || '0') + '\" }',\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n const tilbud = data.Tilbud\r\n const productType = jqXHR.getResponseHeader(\r\n 'data-tilbud-activeprodukttype'\r\n )\r\n const produkt = data.Produkt\r\n self.update(tilbud)\r\n if (productType) {\r\n // load the required product bundle before continuing\r\n self.setActiveProduct(productType)\r\n if (self.activeProduct) {\r\n self.activeProduct.update(produkt)\r\n } else {\r\n app.onClientFail(\r\n 'NO_ACTIVEPRODUCT',\r\n 'tilbud.activeProduct is not defined.'\r\n )\r\n }\r\n } else {\r\n app.onClientFail(\r\n 'NO_ACTIVEPRODUCT_TYPE',\r\n 'type from header data-tilbud-activeprodukttype is empty.'\r\n )\r\n }\r\n if (actionSettings.done) {\r\n // run actionSettings.done explicitely to make sure it is run AFTER bLoader.runAction\r\n actionSettings.done(data, textStatus, jqXHR)\r\n }\r\n\r\n if (app.page != 'kvittering') {\r\n app.bottomDataUpdate(data)\r\n }\r\n if (tilbud.ServerGeneratedCheckoutMarkup) {\r\n app.priceSummaryDataUpdate(tilbud.ServerGeneratedCheckoutMarkup)\r\n }\r\n self.handleCustomerBenefitLevelChanged(data.Tilbud)\r\n\r\n if (typeof resolver === 'function') {\r\n resolver()\r\n }\r\n return true\r\n },\r\n fail: function (data) {\r\n if (typeof rejecter === 'function') {\r\n rejecter(new Error(data))\r\n }\r\n },\r\n operationFail: function (data) {\r\n if (actionSettings.operationFail) {\r\n actionSettings.operationFail(data)\r\n }\r\n },\r\n entryFail: function (data) {\r\n if (actionSettings.entryFail) {\r\n actionSettings.entryFail(data)\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.handleCustomerBenefitLevelChanged = function (tilbud) {\r\n if (tilbud && tilbud.ShowDataQlMessage) {\r\n basic.displaySimpleMessage(\r\n undefined,\r\n undefined,\r\n tilbud.DataQlChangedShortMessage,\r\n tilbud.DataQlChangedLongMessage\r\n )\r\n\r\n self.setCustomerBenefitLevelChanged(false)\r\n }\r\n }\r\n\r\n self.setCustomerBenefitLevelChanged = function (val) {\r\n app.loadJson({\r\n url: 'api/cart/customerBenefitLevelChanged/clear',\r\n data: '{ \"customerBenefitLevelChanged\" : \"' + val + '\" }',\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) { },\r\n entryFail: function (data, textStatus, jqXHR) {\r\n throw new Error('customerBenefitLevelChanged clear failed!')\r\n }\r\n })\r\n }\r\n\r\n self.syncActiveProdukt = function (actionSettings, id) {\r\n let _url = 'tilbud/syncactiveprodukt'\r\n if (id) {\r\n // a specific product is required. call different method with id\r\n _url = 'tilbud/syncspecificprodukt/' + id\r\n }\r\n app.loadJson({\r\n url: _url,\r\n actionOnBusy: 'queue', // otherwise blocked by action LoadStep.\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n const productType = jqXHR.getResponseHeader(\r\n 'data-tilbud-activeprodukttype'\r\n )\r\n if (productType) {\r\n // load the required product bundle before continuing\r\n self.setActiveProduct(productType)\r\n\r\n if (self.activeProduct) {\r\n self.activeProduct.update(data)\r\n } else {\r\n app.onClientFail(\r\n 'NO_ACTIVEPRODUCT',\r\n 'tilbud.activeProduct is not defined.'\r\n )\r\n }\r\n\r\n if (actionSettings.done) {\r\n // run actionSettings.done explicitely to make sure it is run AFTER bLoader.runAction\r\n actionSettings.done(data, textStatus, jqXHR)\r\n }\r\n\r\n return true // tell loader not to run actionSettings.done (if any)\r\n } else {\r\n app.onClientFail(\r\n 'NO_ACTIVEPRODUCT_TYPE',\r\n 'type from header data-tilbud-activeprodukttype is empty.'\r\n )\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.produktObject = function (produktNavn) {\r\n const productName = produktNavn.toLowerCase()\r\n let newProduct\r\n if (productName === 'bil') {\r\n newProduct = new BilProdukt()\r\n } else if (productName === 'hus') {\r\n newProduct = new HusProdukt()\r\n } else if (productName === 'familie') {\r\n newProduct = new FamilieProdukt()\r\n } else if (productName === 'ulykke') {\r\n newProduct = new UlykkeProdukt()\r\n } else if (productName === 'ulykkebarn') {\r\n // WDK-2018 - Implementeres her pga special webpart til ulykke barn, men ulykke bar er ikke et get produkt meg egen kontroler og model\r\n newProduct = new UlykkeProdukt()\r\n } else if (productName === 'borneforsikring') {\r\n // WDK-2130\r\n newProduct = new UlykkeProdukt()\r\n } else if (productName === 'liv') {\r\n newProduct = new LivProdukt()\r\n } else if (productName === 'rejse') {\r\n newProduct = new RejseProdukt()\r\n } else if (productName === 'knallert') {\r\n newProduct = new KnallertProdukt()\r\n } else if (productName === 'hund') {\r\n newProduct = new HundProdukt()\r\n } else if (productName === 'baad') {\r\n newProduct = new BoatProdukt()\r\n } else if (productName === 'boat') {\r\n newProduct = new BoatProdukt()\r\n } else if (productName === 'motorcykel') {\r\n newProduct = new MotorcykelProdukt()\r\n } else if (productName === 'campingvogn') {\r\n newProduct = new CampingvognProdukt()\r\n } else if (productName === 'trailer') {\r\n newProduct = new TrailerProdukt()\r\n }\r\n if (newProduct) {\r\n newProduct.produktNavn = productName\r\n }\r\n return newProduct\r\n }\r\n\r\n self.findBy = function (postnr, targetElement, actionSettings) {\r\n try {\r\n app.loadJson({\r\n url: 'tilbud/findby',\r\n data: '{ \"postnr\" : \"' + (postnr || '0') + '\" }',\r\n cache: true,\r\n block: true,\r\n actionOnBusy: 'ignoreBusy',\r\n targetElement,\r\n actionSettings,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n app.onEntryFail(data, this.targetElement)\r\n if (actionSettings && actionSettings.entryFail) {\r\n actionSettings.entryFail(data)\r\n }\r\n },\r\n operationFail: function (data) {\r\n app.displayEntryExceptionInfo(' ', targetElement)\r\n return true\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.isFlagSet = function (flag) {\r\n if (flag) {\r\n return self.flags.indexOf(flag) >= 0\r\n }\r\n return false\r\n }\r\n\r\n self.setFlag = function (flag) {\r\n if (self.isFlagSet(flag) === false) {\r\n self.flags += flag\r\n }\r\n }\r\n\r\n self.resetFlag = function (flag) {\r\n self.flags = self.flags.replace(flag, '')\r\n }\r\n\r\n self.saveFlags = function () {\r\n app.loadJson({\r\n url: 'tilbud/saveflags',\r\n actionOnBusy: 'ignoreBusy',\r\n data: '{\"flags\" : \"' + self.flags + '\"}',\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n self.setActiveProduct = function (produkt) {\r\n // TODO: notify that activeProduct has changed\r\n self.activeProduct = self.produktObject(produkt)\r\n h.publish('wsdk-active-product-changed')\r\n }\r\n\r\n self.opretNytProdukt = function (produkt, actionSettings) {\r\n // WDK-2130\r\n if (produkt.toLowerCase() === 'borneforsikring') {\r\n produkt = 'ulykkebarn'\r\n }\r\n\r\n app.loadJson({\r\n url: 'shop/nyt/' + produkt,\r\n actionSettings,\r\n allowCredentials: true,\r\n done: function (data) {\r\n // console.log('New product Id is: ' + data.ProduktID)\r\n // // we need to track the current activeId when its added\r\n // if (!window.app.activeProductId) {\r\n // window.app.root.activeProductId = self.koMap(data.ProduktID, app.root.activeProduct.ProduktID)\r\n // } else {\r\n // window.app.root.activeProductId(data.ProduktID)\r\n // }\r\n if (app.ShopPageUrl) {\r\n // navigate to shop page (but only if the url is known - it isn't for the shpop webpart)\r\n app.gotoShopPage()\r\n } else {\r\n app.loadPage('produkt')\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.addProdukt = function (type, actionSettings) {\r\n // send data\r\n if (type) {\r\n app.loadJson({\r\n actionSettings,\r\n url: 'tilbud/AddProdukt',\r\n data: '{\"type\" : \"' + type + '\"}',\r\n allowCredentials: true,\r\n customInfo: type,\r\n block: false\r\n // used to hold other inf to be used by any listener on request/response events like e.g. the trend tracker code\r\n })\r\n }\r\n }\r\n}\r\n\r\nexport { Tilbud }\r\n","/* global ko $ */\r\n\r\nimport { app } from './dk-ifshop-application'\r\nimport { h } from './dk-ifshop-helper'\r\nimport { singleActionButton } from './dk-ifshop-controls-actionButton'\r\nimport { stateManager } from '../Site/dk-ifshop-statemanagement'\r\n\r\nfunction WebShopWizard (currentStepNo, flags) {\r\n const self = this\r\n self.steps = ko.observableArray([]) // all steps. loaded form mvc\r\n self.flags = flags // settings to hold specific flags about progress. Can be saved to mvc\r\n self.currentStepNo = 0 // currently displayed step (Same as pendingStepNo unless the user has stepped backwards)\r\n self.lastStep = undefined // last step\r\n self.lastStepNo = 0 // last step index\r\n self.pendingStepNo = 0 // step most fwd that has been openend\r\n self.id = ''\r\n self.historyAdded = false\r\n self.redirectUrl = ''\r\n\r\n self.SetCurrentStepNo = function (currentStepNo) {\r\n if (self.currentStepNo !== currentStepNo) {\r\n if (self.steps().length === 0) {\r\n app.loadPage('checkout', undefined, undefined, {})\r\n return\r\n }\r\n // save old step\r\n self.lastStepNo = self.currentStepNo\r\n self.lastStep = self.steps()[self.lastStepNo - 1] // self.Steps is now a method after knockout kicks in\r\n // reg. new step\r\n self.currentStepNo = currentStepNo\r\n self.currentStep = self.steps()[currentStepNo - 1] // self.Steps is now a method after knockout kicks in\r\n if (currentStepNo > self.pendingStepNo) {\r\n // selected step if further than pending, so the current step is the new pending step\r\n self.pendingStepNo = currentStepNo\r\n }\r\n // notify about step change\r\n if (self.currentStepNo > 0) {\r\n $(self).trigger('wizardStep')\r\n h.publish('GTMWizardStep', app.getGTMPageInfo())\r\n }\r\n }\r\n }\r\n // make initial selection\r\n self.SetCurrentStepNo(currentStepNo)\r\n\r\n self.validate = function (actionSettings) {\r\n // called from singleActionButton on goFwd or Goto\r\n if (actionSettings && actionSettings.actionName === 'goFwd') {\r\n if (self.currentStep.RequiredProgress <= self.currentStep.Progress) {\r\n self.dataValidate(actionSettings)\r\n } else {\r\n actionSettings.fail()\r\n }\r\n } else {\r\n self.dataValidate(actionSettings)\r\n }\r\n }\r\n\r\n self.dataValidate = function (actionSettings) {\r\n // may be overwritten by e.g. app.root datamodel, so the data model can be validated on an action\r\n actionSettings.done()\r\n }\r\n self.goToMaxiCart = function () {\r\n if (self.currentStep) {\r\n // validate if progress have been pushed far enough\r\n if (self.currentStep.RequiredProgress > self.currentStep.Progress) {\r\n return\r\n }\r\n\r\n if (self.currentStepNo < self.pendingStepNo) {\r\n // fwd is only used to push fwd to a new pending step. This is a move from a step, which the user hasd moved back to manually. use Goto\r\n self.goTo(self.currentStepNo + 1)\r\n return\r\n }\r\n singleActionButton.execute({\r\n onSuccess: self.goFwdActionMaxiCart,\r\n validateForms: true,\r\n actionName: 'goFwd',\r\n waiting: 1000,\r\n customValidator: self,\r\n always: function (data) {\r\n singleActionButton.setIsChanging(false)\r\n }\r\n })\r\n } else {\r\n app.onClientFail('CLIENT-WIZARD_NO_STEP', '', app.wizard)\r\n }\r\n }\r\n\r\n self.goFwdActionMaxiCart = function () {\r\n self.goFwdAjaxCall(app.loadMaxiCart)\r\n }\r\n self.goFwdAndRedirectToProduct = function (productId) {\r\n self.redirectUrl = window.ifws_shopUrl + '?product_id=' + productId\r\n self.goFwdAjaxCall(self.goFwdRedirectAction)\r\n }\r\n self.goFwd = function () {\r\n if (window.appInsightsWS) {\r\n window.appInsightsWS.trackTrace({ message: 'wizard-model.goFwd' })\r\n }\r\n\r\n if (self.currentStep) {\r\n /* I commented out this code because it prevents the validation code from running.\r\n * But this can have consequences beyond my understanding.\r\n * However, could not find a scenario where this \"if\" was significant.\r\n * In cases where \"progress\" has not reached its goal, the form is not valid,\r\n * which is checked in \"singleActionButton.execute\"\r\n * Once this can be confirmed by tests or similar, you can delete this super long comment and the code.\r\n * Regards Johan ;) /\r\n //validate if progress have been pushed far enough\r\n /*if (self.currentStep.RequiredProgress > self.currentStep.Progress) {\r\n return;\r\n } */\r\n\r\n if (self.currentStepNo < self.pendingStepNo) {\r\n // fwd is only used to push fwd to a new pending step. This is a move from a step, which the user has moved back to manually. use Goto\r\n self.goTo(self.currentStepNo + 1)\r\n return\r\n }\r\n singleActionButton.execute({\r\n onSuccess: self.goFwdAction,\r\n onFail: () => {\r\n $(document).trigger('wizard.goFwd.failed')\r\n },\r\n validateForms: true,\r\n actionName: 'goFwd',\r\n waiting: 1000,\r\n customValidator: self\r\n })\r\n } else {\r\n app.onClientFail('CLIENT-WIZARD_NO_STEP', '', app.wizard)\r\n }\r\n }\r\n\r\n self.setPreAjaxBannerCall = function (xhr) {\r\n // avoid null values (will display as \"null\" in the header)\r\n if (app.sessionId == null) app.sessionId = ''\r\n if (app.sessionCounter == null) app.sessionCounter = ''\r\n\r\n // add important headers\r\n xhr.setRequestHeader('ifshop_initial_referrer', app.InitialReferrer)\r\n\r\n // WDK-1666\r\n xhr.setRequestHeader('ifshop_kampagne', app.KampagneCode)\r\n\r\n xhr.setRequestHeader('ifshop_dataversionkey', app.dataVersionKey)\r\n xhr.setRequestHeader('ifshop_sessioncounter', app.sessionCounter)\r\n\r\n xhr.withCredentials = true\r\n\r\n if (self.block) {\r\n app.setBusy(self.actionId, self)\r\n }\r\n }\r\n\r\n self.goFwdAction = function () {\r\n // validation complete - load new step's html\r\n app.loadHtml({\r\n url: 'wizard/gofwd/' + self.id,\r\n actionId: 'changewizardstep',\r\n // actionOnBusy: 'queue',\r\n block: true,\r\n prio: 'first',\r\n targetElement: self.getCurrentWizardBodyJElement(),\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n self.loadStep(data, jqXHR)\r\n },\r\n always: function () {\r\n if (!this.response) {\r\n // error or other problem. reopen\r\n singleActionButton.setIsChanging(false)\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.goTo = function (stepNo) {\r\n if (self.currentStep) {\r\n const onSuccess = function () {\r\n self.goToAction(stepNo)\r\n }\r\n const onFail = function (action) {\r\n if (this.actionName === 'goBwd') {\r\n app.root.activeProduct.load(action) // reads saved data from server overwriting any changes not accepted\r\n } else {\r\n singleActionButton.setIsChanging(false)\r\n }\r\n }\r\n\r\n const _validateForm = stepNo > self.currentStepNo\r\n\r\n self.goTo.action = function () {\r\n // always validate when moving away from any step but the pending\r\n singleActionButton.execute({\r\n onSuccess,\r\n onFail,\r\n validateForms: _validateForm,\r\n actionName: 'goTo',\r\n stepNo,\r\n waiting: 1000,\r\n customValidator: self\r\n })\r\n }\r\n\r\n if (!_validateForm) {\r\n // no save, so reset it immediately\r\n app.root.activeProduct.load({\r\n done: self.goTo.action\r\n })\r\n } else {\r\n self.goTo.action()\r\n }\r\n } else {\r\n app.onClientFail('CLIENT-WIZARD_NO_STEP', '', app.wizard)\r\n }\r\n }\r\n\r\n self.goToAction = function (stepNo) {\r\n app.loadHtml({\r\n // validation complete - load new step's html\r\n url: 'wizard/goto',\r\n data: '{ \"step\" : ' + stepNo + ',\"id\" : \"' + self.id + '\" }',\r\n actionId: 'changewizardstep',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n allowCredentials: true,\r\n prio: 'first',\r\n targetElement: self.getCurrentWizardBodyJElement(),\r\n done: function (data, textStatus, jqXHR) {\r\n self.loadStep(data, jqXHR)\r\n },\r\n always: function () {\r\n if (!this.response) {\r\n // error or other problem. reopen\r\n singleActionButton.setIsChanging(false)\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.goFwdAjaxCall = function (doneAction) {\r\n $.ajax({\r\n url: app.shopHostUrl + 'wizard/gofwd/' + self.id,\r\n type: 'post',\r\n dataType: 'json',\r\n contentType: 'application/json',\r\n xhrFields: {\r\n withCredentials: true\r\n },\r\n beforeSend: function (xhr) {\r\n // app.writeDebugInfo('>>> BEGIN: ' + self.url);\r\n\r\n // avoid null values (will display as \"null\" in the header)\r\n if (app.sessionId == null) app.sessionId = ''\r\n if (app.sessionCounter == null) app.sessionCounter = ''\r\n\r\n // add important headers\r\n xhr.setRequestHeader('ifshop_initial_referrer', app.InitialReferrer)\r\n\r\n // WDK-1666\r\n xhr.setRequestHeader('ifshop_kampagne', app.KampagneCode)\r\n\r\n xhr.setRequestHeader('ifshop_dataversionkey', app.dataVersionKey)\r\n xhr.setRequestHeader('ifshop_sessioncounter', app.sessionCounter)\r\n\r\n xhr.withCredentials = true\r\n\r\n if (self.block) {\r\n app.setBusy(self.actionId, self)\r\n }\r\n\r\n window.setTimeout(function () {\r\n if (self.isPending == true) {\r\n self.spinnerElementId = app.showSpinner(\r\n self.targetElement,\r\n self.noAutoDisable,\r\n self.hiddenSpinner,\r\n self.largeSpinner\r\n )\r\n }\r\n }, 5000)\r\n }\r\n }).done(function (data, textStatus, jqXHR) {\r\n doneAction()\r\n })\r\n }\r\n self.goFwdRedirectAction = function () {\r\n if (self.redirectUrl) {\r\n app.redirect(self.redirectUrl)\r\n }\r\n }\r\n self.isFlagSet = function (flag) {\r\n if (flag && self.flags !== undefined) {\r\n return self.flags.indexOf(flag) >= 0\r\n }\r\n return false\r\n }\r\n\r\n self.setFlag = function (flag) {\r\n if (self.isFlagSet(flag) === false) {\r\n self.flags += flag\r\n }\r\n }\r\n\r\n self.resetFlag = function (flag) {\r\n if (self.flags) {\r\n self.flags = self.flags.replace(flag, '')\r\n }\r\n }\r\n\r\n self.saveFlags = function () {\r\n app.loadJson({\r\n url: 'wizard/saveflags',\r\n actionOnBusy: 'ignoreBusy',\r\n data: '{\"flags\" : \"' + self.flags + '\",\"id\" : \"' + self.id + '\" }',\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n self.getCurrentStep = function (targetElement) {\r\n app.loadHtml({\r\n url: 'wizard/getcurrentstep/' + self.id,\r\n actionOnBusy: 'ignoreBusy',\r\n targetElement,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n self.loadStep(data, jqXHR)\r\n }\r\n })\r\n }\r\n\r\n self.loadStep2 = function (data, jqXHR) {\r\n // get the element displaying the content (also to show spinner)\r\n const jSv = self.getCurrentWizardBodyJElement()\r\n // render wizard step content into DOM\r\n h.renderHtml(jSv, data, 'wizard.loadstep')\r\n\r\n // display\r\n $.when(\r\n // make code \"wait\" until the full completion of the animation and display of controls...\r\n jSv.show('blind', 400)\r\n ).done(function () {\r\n // ...because the events triggedered here are often dependent upon the graphics being 100% ready\r\n self.updateStepColors()\r\n app.setNotBusy('loadStep') // unlock\r\n $(app).trigger(\r\n 'sectionLoaded',\r\n ['wizard', h.getSections(jSv)] /* event argument(s) */\r\n )\r\n singleActionButton.setIsChanging(false)\r\n })\r\n }\r\n self.loadFullWidthFooter = function () {\r\n const text = self.getFullWidthFooterText()\r\n const element = $('#fullWidthFooter')\r\n\r\n if (text) {\r\n element.html(text)\r\n element.show()\r\n } else {\r\n element.html('')\r\n element.hide()\r\n }\r\n }\r\n\r\n self.getFullWidthFooterText = function () {\r\n let stepNr = '-step-'\r\n if (app.page === 'checkout') {\r\n stepNr = self.currentStepNo === self.steps().length ? stepNr + 'last' : ''\r\n } else {\r\n stepNr += self.currentStepNo\r\n }\r\n\r\n let text = app.getHjaelpeKodeText('client-full-width-footer-' + app.page + stepNr)\r\n if (!text) {\r\n text = app.getHjaelpeKodeText('client-full-width-footer')\r\n }\r\n return text\r\n }\r\n\r\n self.loadStep = function (data, jqXHR) {\r\n if (app.isPartner && stateManager.getPage() === 'checkout' && !self.historyAdded) {\r\n window.history.pushState({ customAction: stateManager.getPage() }, '', window.location)\r\n self.historyAdded = true\r\n\r\n window.onpopstate = function (e) {\r\n stateManager.setPage('produkt')\r\n // eslint-disable-next-line no-self-assign\r\n window.location.href = window.location.href\r\n }\r\n }\r\n try {\r\n const oldStep = self.currentStepNo\r\n const currentStepNo = parseInt(jqXHR.getResponseHeader('data-wizard-step'))\r\n if (currentStepNo) {\r\n self.SetCurrentStepNo(currentStepNo)\r\n }\r\n\r\n self.loadFullWidthFooter()\r\n const pendingStepNo = parseInt(\r\n jqXHR.getResponseHeader('data-wizard-pending-step')\r\n )\r\n if (pendingStepNo) {\r\n self.pendingStepNo = pendingStepNo\r\n }\r\n\r\n // block due to synchronous animations that allows other LoadSteps to obstruct\r\n app.setBusy('loadStep')\r\n // hide old step\r\n if (oldStep) {\r\n const jOSv = $('#wizardStep' + oldStep).find('.wizardBody') // Old step view\r\n if (h.jElement(jOSv)) {\r\n jOSv.hide('blind', 400, function () {\r\n // once hidden - load new step\r\n h.renderHtml(jOSv, '', 'wizard.loadstep')\r\n self.loadStep2(data, jqXHR)\r\n // save state change and notify\r\n app.root.stepChanged()\r\n // move to top of page\r\n window.scrollTo(0, 0)\r\n })\r\n }\r\n } else {\r\n // no old step to hide. display new step immediately\r\n self.loadStep2(data, jqXHR)\r\n\r\n // save state change and notify\r\n app.root.stepChanged()\r\n\r\n // move to top of page\r\n window.scrollTo(0, 0)\r\n }\r\n } catch (e) {\r\n app.setNotBusy('loadStep')\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.updateStepColors = function () {\r\n // change the colors of the steps. go trough stem step-by-step\r\n $('.wizardStep').each(function () {\r\n const _stepNummer = parseInt($(this).attr('data-StepNumber'))\r\n let jElement = null\r\n if (_stepNummer === self.currentStepNo) {\r\n // this is the current step\r\n jElement = $(this)\r\n jElement.removeClass('wizardStepClickable')\r\n jElement.addClass('wizardStepCurrent')\r\n } else {\r\n // not current\r\n jElement = $(this)\r\n jElement.removeClass('wizardStepCurrent')\r\n }\r\n\r\n if (_stepNummer < self.pendingStepNo) {\r\n // older than pending\r\n jElement.removeClass('wizardStepPending')\r\n jElement.addClass('wizardStepDone')\r\n if (_stepNummer !== self.currentStepNo) {\r\n jElement.addClass('wizardStepClickable')\r\n }\r\n } else if (_stepNummer === self.pendingStepNo) {\r\n // pending\r\n jElement.removeClass('wizardStepDone')\r\n jElement.addClass('wizardStepPending')\r\n if (_stepNummer !== self.currentStepNo) {\r\n jElement.addClass('wizardStepClickable')\r\n }\r\n } else {\r\n // after pending (next to come). For different reasons the pending step can be moved backwards. so to be sure. any steps after pending, must be reset too.\r\n jElement.removeClass('wizardStepDone')\r\n jElement.removeClass('wizardStepPending')\r\n }\r\n $('.stepNumberBack')\r\n .addClass('z')\r\n .removeClass('z') // IE8\r\n })\r\n }\r\n\r\n self.getCurrentWizardBodyJElement = function () {\r\n // get the element of the current step. used to e.g. display spinner\r\n return $('#wizardStep' + self.currentStepNo).find('.wizardBody')\r\n }\r\n\r\n self.getCurrentWizardHolder = function () {\r\n // get the element of the current step. used to e.g. display spinner\r\n return $('#wizardStep' + self.currentStepNo)\r\n }\r\n\r\n self.load = function () {\r\n // get step info from mvc\r\n self.steps.removeAll()\r\n app.loadJson({\r\n url: 'wizard/load/' + self.id,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (data) {\r\n self.id = data.Id\r\n // read all flags\r\n self.flags = data.Flags\r\n // read all steps\r\n $.each(data.Steps, function (key, val) {\r\n self.steps.push(\r\n new WizardStep(\r\n val.StepNo,\r\n val.Name,\r\n val.Progress,\r\n val.RequiredProgress\r\n )\r\n )\r\n })\r\n // set current step\r\n self.SetCurrentStepNo(data.PendingStepNo)\r\n // load new step\r\n self.getCurrentStep(self.getCurrentWizardBodyJElement())\r\n } else {\r\n app.onClientFail('CLIENT:WIZARD_NO_STEPS', '', data)\r\n }\r\n }\r\n })\r\n }\r\n\r\n self.onLoaded = function () {\r\n $(document).trigger('wizardLoaded')\r\n }\r\n}\r\n\r\nfunction WizardStep (StepNo, Name, Progress, RequiredProgress) {\r\n const self = this\r\n self.StepNo = StepNo\r\n self.Name = Name\r\n self.Progress = Progress\r\n self.RequiredProgress = RequiredProgress\r\n\r\n self.setProgress = function (progress) {\r\n self.Progress = progress\r\n self.saveProgress()\r\n }\r\n\r\n self.saveProgress = function () {\r\n // save progress info with the mvc server\r\n app.loadJson({\r\n url: 'wizard/saveprogress',\r\n actionOnBusy: 'ignoreBusy',\r\n data:\r\n '{\"progress\" : \"' +\r\n self.Progress +\r\n '\", \"stepNo\": ' +\r\n self.StepNo +\r\n ',\"id\" : \"' +\r\n app.wizard.id +\r\n '\" }',\r\n allowCredentials: true\r\n })\r\n }\r\n}\r\n\r\nexport { WebShopWizard, WizardStep }\r\n","/* global $ */\r\n\r\nexport class emailUnexpectedData {\r\n static attach (emailAddressElement, infoBoxElement) {\r\n emailUnexpectedData.toggleElement(emailAddressElement, infoBoxElement)\r\n\r\n emailAddressElement.addEventListener('blur', () => {\r\n emailUnexpectedData.toggleElement(emailAddressElement, infoBoxElement)\r\n })\r\n }\r\n\r\n static toggleElement (emailAddressElement, infoBoxElement) {\r\n const emailAddress = $(emailAddressElement).val().toLowerCase()\r\n const showInfoBox = this.containsUnexpectedData(emailAddress)\r\n\r\n $(infoBoxElement).toggle(!!showInfoBox)\r\n }\r\n\r\n static containsUnexpectedData (email) {\r\n if (this.emailEndsWithUnexpectedValue(email)) {\r\n return true\r\n }\r\n\r\n if (this.emailContainsUnexpectedValue(email)) {\r\n return true\r\n }\r\n\r\n return false\r\n }\r\n\r\n static emailContainsUnexpectedValue (email) {\r\n return [\r\n 'hotnail',\r\n 'gnail',\r\n 'iclud.com',\r\n 'harikke',\r\n 'har.ikke',\r\n 'noreply',\r\n 'harej',\r\n 'eiola',\r\n 'ingenmail',\r\n 'ingen@mail.dk',\r\n 'haringenmail@if.dk',\r\n '.com.com',\r\n 'hitmail',\r\n 'hotmil',\r\n 'hormail',\r\n 'outlock',\r\n 'gamil.com',\r\n 'gamail.com',\r\n 'gmaill.com',\r\n 'gemail.com',\r\n 'gimail.com',\r\n 'hotmal.com',\r\n 'homail.com',\r\n 'hotamail.com',\r\n 'hotail.com',\r\n 'hotamil.com',\r\n 'hotmmail.com',\r\n 'hotmeil.com',\r\n 'hotrmail.com',\r\n 'hotmejl.com',\r\n 'hotmial.com',\r\n 'hoymail.com',\r\n 'hotmsil.com',\r\n 'icloud.dk',\r\n 'icloud.no',\r\n 'icloud.se',\r\n 'iccloud.com',\r\n 'icioud.com',\r\n 'ickoud.com',\r\n 'iclaoud.com',\r\n 'iclaud.com',\r\n 'icload.com',\r\n 'iclod.com',\r\n 'icloed.com',\r\n 'icloude.com',\r\n 'iclouid.com',\r\n 'iclud.se',\r\n 'icluod.com',\r\n 'icolud.com',\r\n 'icoud.com',\r\n 'icoude.com',\r\n 'icould.com'\r\n ].some(v => email.includes(v))\r\n }\r\n\r\n static emailEndsWithUnexpectedValue (email) {\r\n return [\r\n 'hotmai.com',\r\n 'hormail.com',\r\n 'hotmail.co',\r\n 'hotmail.con',\r\n 'gmail.con',\r\n 'gmail.om',\r\n 'gmail.co',\r\n 'gmail.dk',\r\n 'gmai.com',\r\n 'gmial.com',\r\n 'gmal.com',\r\n 'icloud.co',\r\n 'icoloud',\r\n 'icoloud.co',\r\n 'hotmail.cim',\r\n 'hotmail.cin',\r\n 'hotmail.clm',\r\n 'hotmail.come',\r\n 'hotmail.coms',\r\n 'gmail.vom',\r\n 'hotmail.om',\r\n 'hotmail.ocm',\r\n 'hotmail.vom',\r\n '.comm',\r\n 'icloud.ccom',\r\n 'icloud.cim',\r\n 'icloud.coms',\r\n 'icloud.con',\r\n 'icloud.som',\r\n 'icloud.vom'\r\n ].some(v => email.endsWith(v))\r\n }\r\n}\r\n","/* global $ jQuery */\r\n\r\nimport { app } from './dk-ifshop-application'\r\nimport { PersonEntities } from './dk-ifshop-constants'\r\nimport { h } from './dk-ifshop-helper'\r\n\r\n// Enables build-in select, lazyload and text control\r\n// Enables build-in select, lazyload and text control\r\n// Features:\r\n// Can be dependent upon other controls - other dropdowns or text fields\r\n// expects a parent div that can be styled to customize down button ect.\r\n// disables if dependent, and dependent has no value\r\n// can display value not yet loaded in list of options\r\n// Events:\r\n// evaluate: send to all dependent controls and other listenera on change make them update or reset\r\n// reset: send to all dependent controls and other listenera on entry made invalid\r\n// Attributes:\r\n// data-dependency : the control on which value the dropdown is dependent\r\n// data-content-url : the url to call to receive options\r\nfunction MultiControlAddress (\r\n jElement,\r\n model,\r\n jForm,\r\n dependencyModel,\r\n actionSettings\r\n) {\r\n const self = this\r\n if (!h.isSingleResult(jElement)) {\r\n return\r\n }\r\n\r\n const user = actionSettings.user\r\n\r\n // set control type\r\n self.isLL = actionSettings && actionSettings.lazyLoad === true // is LL (Lazy load)\r\n self.isSelect = $(jElement[0]).is('select') // is select\r\n self.isLLorSelect = self.isLL || self.isSelect // is LL or select\r\n self.isText = !self.isLLorSelect\r\n self.isStreetNameSearch = false\r\n self.previousValue = ''\r\n self.jForm = jForm\r\n\r\n // is Text\r\n // control specific settings\r\n if (self.isLL) {\r\n // TODO: HACK because lazyload have been created with id on select control. should have been on input control\r\n const _prop = jElement.attr('data-property')\r\n jElement\r\n .parent()\r\n .append(\r\n '
'\r\n )\r\n self.element = jElement.parent().children('.lazyLoad')[0]\r\n\r\n self.jDisplay = jElement\r\n self.optionType = 'li'\r\n self.jList = $(self.element)\r\n .parent()\r\n .children('.lazyLoadList')\r\n } else if (self.isSelect) {\r\n // BOTOX: if botox styling is used, a span is addeed above a select control with style ecmt-natural-text-fadeout. This should be removed\r\n $(self.element)\r\n .parent()\r\n .children('span.ecmt-natural-text-fadeout')\r\n .remove()\r\n\r\n self.element = jElement[0]\r\n self.jDisplay = $(self.element)\r\n .parent()\r\n .children('span')\r\n .first() // element displaying the select controls value\r\n self.optionType = 'option'\r\n self.jList = jElement\r\n } else {\r\n self.element = jElement[0]\r\n self.jDisplay = jElement\r\n }\r\n\r\n // elements\r\n self.jParent = $(self.element).parent() // the element containing the entire control and displays the border\r\n self.topElement = jElement[0] // the same as the element, except for LL\r\n self.element.ifws_control = self // make this control a property on the base element, so it is easier to reach from knockout binding handler\r\n if (typeof self.jDisplay[0] !== 'undefined') {\r\n self.jDisplay[0].ifws_control = self\r\n } // make this control a property on the base element, so it is easier to reach from knockout binding handler\r\n self.dependencyId = undefined\r\n // find dependency\r\n self.dependencyId = $(self.topElement).attr('data-dependency')\r\n\r\n // settings\r\n self.model = model\r\n\r\n // the model by which this control is to be bound to\r\n self.dependencyModel = dependencyModel // the model by which this control is dependent upon (E.g. Year-Make-model-motor)\r\n self.url = jElement.attr('data-content-url') // set url to load options from\r\n self.actionSettings = {} // {} ensures we dont get a ref. error if none is passed as arg\r\n if (actionSettings) {\r\n // custom actionSettings\r\n self.actionSettings = actionSettings\r\n }\r\n self.cache = actionSettings && actionSettings.cache\r\n\r\n if (actionSettings) {\r\n // find setting for autoSelect\r\n if (actionSettings.autoSelect) self.autoSelect = actionSettings.autoSelect\r\n else self.autoSelect = true // default\r\n\r\n self.disableAutoUpdate = actionSettings.disableAutoUpdate // whether changes in the model (after this setup) will effect the content of the control. (used for model details which are filled with data that is different once the car is found (E.g. CITROEN becomes Citroen and suddently can't be found in the list)\r\n }\r\n\r\n // state\r\n self.dependencyVal = '' // value of an element on which this control depends\r\n self.result = '' // full result form ajax call. more data maight be retreivewd then displayed. Related data can be stored here for ref.\r\n self.lazyLoadCriteria = null // the string entered when the last load was executed\r\n self.lastValue = undefined // flag used to compare what the value where on the last change event, to avoid repeating certain events\r\n self._selectedIndex = -1\r\n\r\n // flags\r\n self.isAutoSelected = false // set if an entry is selcted as the only match in LL. Used to avoid updating the user interface, becuase people typing too slow will continue writing the fill text although the final text is already loaded resulting in e.g. 'Park allé' looking like 'Park allélle'. Apart from that, this functionlaity works ok\r\n self.validateEntry = false\r\n self.lastValidEntry = undefined\r\n self.isReady = false // flag set once makeReady is run and the control is empty or holds a valid value\r\n self.ignoreOnValidation = true // flag set to tell form validation to ignore the control (it might have no options (e.g. an adress with no storeys)\r\n self.ignoreFirstLine = false // if the first line in a select list expresses 'select something\" that line isn't valid as a choice when validating the selections\r\n self.isDisplayingOptions = false // wheteher dropdown is extended to display possible values (lazyload)\r\n self.isEntryValid = true // flag reset when user changes the entry on a lazyload control. Can be used for other aswell\r\n self.timeoutId = undefined // id used to identify last delayed update of a lazyload control. If the text changes meanwhile, the delay should restart (this happens by overwriting the id with a new timeout.)\r\n self.isDisabled = actionSettings && actionSettings.disabled === true\r\n\r\n self.evaluate = function (\r\n value,\r\n ODDCASE /* TODO: unresolved issue, but it works */,\r\n actionName\r\n ) {\r\n if (self.actionSettings && self.actionSettings.validation) {\r\n self.validate(undefined, actionName) // trigger evaluate on success\r\n }\r\n }\r\n\r\n self.hideControl = function () {\r\n // remove class that is used by valididator to validate it, though it is hidden\r\n if (self.isLL) {\r\n self.jDisplay.addClass('validateDisabled')\r\n } else {\r\n self.addClass('validateDisabled')\r\n }\r\n // hide\r\n self.jParent.hide('fade', 150)\r\n // also hide error msg and label which has a \"for\" attribute\r\n $('[for=\"' + self.topElement.id + '\"]').hide('fade', 100)\r\n }\r\n\r\n self.reset = function () {\r\n if (self.isReady !== false) {\r\n self.dependencyVal = ''\r\n if (self.isLLorSelect) {\r\n // this is a select control\r\n self.reset2()\r\n } else {\r\n // this is a text control\r\n $(self.element).change()\r\n self.value = ''\r\n if (self.dependencyId) {\r\n self.disable()\r\n }\r\n }\r\n // check if control should be hidden too\r\n if (self.actionSettings.hide === true) {\r\n self.hideControl()\r\n }\r\n }\r\n\r\n // stop any load\r\n if (self.loader) {\r\n self.loader.cancel = true\r\n }\r\n // even though this control might already be disabled (not ready) dependent controls (if any) should know about this event anyway\r\n self.resetDependents()\r\n\r\n if (self.isLLorSelect && self.element.disabled == false) {\r\n // disable it\r\n if (self.dependencyId) {\r\n self.disable()\r\n }\r\n\r\n self.jParent.removeClass(jQuery.validator.defaults.errorClass)\r\n if (self.jDisplay[0]) {\r\n // due to BOTOX\r\n if (self.isLL) {\r\n self.forceRetract()\r\n }\r\n }\r\n self.resetText()\r\n }\r\n }\r\n\r\n self.resetDependents = function () {\r\n $(self.topElement).trigger('reset')\r\n }\r\n\r\n self.disable = function () {\r\n self.element.setAttribute('disabled', 'disabled')\r\n self.jParent[0].setAttribute('disabled', 'disabled')\r\n if (self.jDisplay) {\r\n if (typeof self.jDisplay[0] !== 'undefined') {\r\n self.jDisplay[0].setAttribute('disabled', 'disabled')\r\n }\r\n }\r\n if (self.isLLorSelect) {\r\n // && !self.isLL) {\r\n self.jParent.removeClass('enabledDropdown').addClass('disabledDropdown')\r\n }\r\n }\r\n\r\n self.enable = function () {\r\n if (self.isDisabled) {\r\n return // disabled as a setting, then it shouldn't be enabled, until this setting is changed.\r\n }\r\n self.jParent[0].removeAttribute('disabled')\r\n self.jParent.removeClass('is-disabled') // BOTOX. Doesn't happen automatically on Chrome\r\n self.element.removeAttribute('disabled')\r\n if (self.jDisplay) {\r\n if (typeof self.jDisplay[0] !== 'undefined') {\r\n self.jDisplay[0].removeAttribute('disabled')\r\n }\r\n }\r\n if (self.isLLorSelect) {\r\n self.jParent.removeClass('disabledDropdown').addClass('enabledDropdown')\r\n }\r\n }\r\n\r\n self.resetText = function () {\r\n if (self.isLLorSelect) {\r\n if (self.jDisplay) {\r\n if ($(self.element).attr('placeholder')) {\r\n self.setText($(self.element).attr('placeholder'))\r\n } else {\r\n self.setText('')\r\n }\r\n }\r\n }\r\n }\r\n\r\n self.setText = function (value) {\r\n if (self.isLL) {\r\n // jDisplay is actually an input control\r\n self.jDisplay.val(value)\r\n } else {\r\n // jDisplay is a span\r\n self.jDisplay.text(value)\r\n }\r\n }\r\n\r\n self.getText = function () {\r\n if (self.isLL) {\r\n // jDisplay is actually an input control\r\n if (\r\n self.jDisplay[0].placeholder &&\r\n self.jDisplay[0].placeholder == self.jDisplay.val()\r\n ) {\r\n return ''\r\n } else {\r\n return self.jDisplay.val()\r\n }\r\n } else {\r\n // jDisplay is a span\r\n return self.jDisplay.text()\r\n }\r\n }\r\n self.setAddressId = function (id) {\r\n self.AddressId = id\r\n }\r\n self.getAddressId = function () {\r\n return self.AddressId\r\n }\r\n self.getVal = function () {\r\n return self.getText()\r\n }\r\n\r\n self.makeReady = function () {\r\n self.updateDependencyValue()\r\n\r\n if ($(self.element).attr('data-noPopupLabel')) {\r\n // Added automatically by botox\r\n $(self.element)\r\n .parent()\r\n .removeClass('has-label')\r\n }\r\n self.ignoreOnValidation = false\r\n self.enable()\r\n if (self.actionSettings.hide === true) {\r\n // remove class that is used by valididator to validate it, though it is hidden\r\n if (self.isLL) {\r\n self.jDisplay.removeClass('validateDisabled')\r\n } else {\r\n $(self.element).removeClass('validateDisabled')\r\n }\r\n // show\r\n self.jParent.show('fade', 300)\r\n // also show error msg and label again\r\n $('[for=\"' + self.topElement.id + '\"]').each(function () {\r\n if (this.className.indexOf(app.errorText) > -1 && !$(this).text()) {\r\n // error message label, but it is empty. Dont display\r\n return\r\n }\r\n $(this).show('fade', 600)\r\n })\r\n }\r\n\r\n // trigger evaluate, so dependent controls can validate against this control\r\n self.isReady = true\r\n if (!self.isLLorSelect) {\r\n self.evaluate(self.getVal()) // used if control already holds a value on startup\r\n }\r\n self.updateDisplay()\r\n }\r\n\r\n self.update = function () {\r\n const _form = self.element.form\r\n if (_form && _form.pendingInputs) {\r\n // register that this control now might load data. In a pending state evaluation must wait.\r\n // In a situation where the control must load content before displaying right data og become ignorable,\r\n // a validation might render the control invalid, athought a second later it is actually ok.\r\n _form.pendingInputs.registerPending(self.topElement.id)\r\n }\r\n\r\n self.updateDependencyValue()\r\n\r\n // find content\r\n if (self.url) {\r\n let inputText = ''\r\n if (self.actionSettings.getCriteria) {\r\n inputText = self.actionSettings.getCriteria(self)\r\n if (self.actionSettings.getCriteria(self).length < 2) {\r\n self.onLoadDone(null)\r\n return\r\n }\r\n }\r\n\r\n let _data = ''\r\n // find id to search by\r\n if (!actionSettings || actionSettings.requestType !== 'get') {\r\n if (self.actionSettings.getCriteria) {\r\n _data = inputText\r\n } else {\r\n if (self.dependencyId || dependencyModel) {\r\n // if there is a dependency it will likely be part of a criteria (Search parameters)\r\n _data = '{\"id\" : \"' + self.dependencyVal + '\"}'\r\n }\r\n }\r\n }\r\n // remove all ')\r\n .text(self.selectorDefaultText)\r\n .val('')\r\n )\r\n self.ignoreFirstLine = true\r\n }\r\n }\r\n\r\n self.actionSettings.onLoad(self.element)\r\n }\r\n self.makeReady()\r\n\r\n if ($(self.element).find(self.optionType).length === 2) {\r\n // there is only one choise apart from none (makes 2), therefore, select the latter as only possibility\r\n $(self.element).val(\r\n self.jList.find(self.optionType + ':nth-child(2)').val()\r\n )\r\n $(self.element).trigger('change')\r\n }\r\n\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.unregisterPending(self.topElement.id)\r\n }\r\n self.setNotWorking()\r\n }\r\n }\r\n\r\n self.setWorking = function () {\r\n const _form = self.element.form\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.registerPending(self.topElement.id)\r\n }\r\n self.isWorking = true\r\n self.element.removeAttribute('disabled') // makes sure it is validated (and therefore tested for setting isWorking)\r\n }\r\n\r\n self.setNotWorking = function () {\r\n const _form = self.element.form\r\n self.isWorking = false\r\n if (self.isDisabled) {\r\n self.element.setAttribute('disabled', 'disabled')\r\n }\r\n if (_form && _form.pendingInputs) {\r\n _form.pendingInputs.unregisterPending(self.topElement.id)\r\n }\r\n }\r\n\r\n self.selectedIndex = function (index) {\r\n if (self.isLL) {\r\n if (typeof index !== 'undefined') {\r\n self._selectedIndex = index\r\n self.jList.find(self.optionType).removeClass('selected')\r\n const _index = index + 1\r\n self.jList\r\n .find(self.optionType + ':nth-child(' + _index + ')')\r\n .addClass('selected')\r\n // add value to select control (which is bound to the model)\r\n self.element.value = self.getVal()\r\n }\r\n return self._selectedIndex\r\n } else {\r\n if (typeof index !== 'undefined') {\r\n self.element.selectedIndex = index\r\n }\r\n return self.element.selectedIndex\r\n }\r\n }\r\n\r\n if (self.isText) {\r\n $(self.element).on('focus', function () {\r\n self.jParent.addClass('has-focus') // BOTOX\r\n })\r\n\r\n $(self.element).on('blur', function () {\r\n self.jParent.removeClass('has-focus') // BOTOX\r\n self.validateEntry = true\r\n })\r\n }\r\n\r\n if (self.isSelect) {\r\n if (navigator.userAgent.match(/Firefox/i)) {\r\n $(self.element).on('keyup', function () {\r\n $(self.element).trigger('change')\r\n })\r\n }\r\n }\r\n\r\n if (self.isLL || self.actionSettings.disableAutoBind === true) {\r\n $(self.element).on('change', self.onChange)\r\n }\r\n\r\n // specify the topmost 'select' text\r\n if (!self.selectorDefaultText) {\r\n const _code = $(self.element).attr('data-noseltxt')\r\n if (_code) {\r\n self.selectorDefaultText = _code\r\n }\r\n }\r\n if (!self.selectorDefaultText) {\r\n self.selectorDefaultText = 'Vælg'\r\n }\r\n\r\n /// /bind to model (Important: when no autobinding, enableSelect must be called AFTER ko.applyBindings)\r\n // if (!self.actionSettings.disableAutoBind && self.model) {\r\n // ko.applyBindingsToNode(self.element, null, self.model);\r\n // }\r\n let address = ''\r\n if (self.model && self.model.Address) {\r\n address = self.model.Address()\r\n } else if (user == PersonEntities.Kunde) {\r\n if (app.root.Kunde().Address) {\r\n address = app.root.Kunde().Address()\r\n }\r\n } else if (user == PersonEntities.AndenForsikrede) {\r\n if (app.root.activeProduct.ForsikredePerson().Address) {\r\n address = app.root.activeProduct.ForsikredePerson().Address()\r\n }\r\n } else if (user == PersonEntities.Medforsikret) {\r\n if (app.root.Medforsikret().Address) {\r\n address = app.root.Medforsikret().Address()\r\n }\r\n }\r\n\r\n $(self.element).dawaautocompletev2({\r\n prefillValue: address,\r\n open: function (event, ui) {\r\n if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {\r\n $('.ui-autocomplete').off('menufocus')\r\n }\r\n },\r\n select: function (event, data) {\r\n let setPersonModel = true\r\n // Update model\r\n if (self.model) {\r\n if (self.model.Address) {\r\n setPersonModel = false\r\n\r\n // only applicable for person models\r\n if (self.model.AddressId) {\r\n self.model.AddressId(data.data.id)\r\n }\r\n\r\n if (self.model.Postnr) self.model.Postnr(data.data.postnr)\r\n if (self.model.Gade) self.model.Gade(data.data.vejnavn)\r\n if (self.model.Husnr) self.model.Husnr(data.data.husnr)\r\n if (self.model.By) self.model.By(data.data.postnrnavn)\r\n\r\n if (data.data.x && data.data.y) {\r\n const longitude = data.data.x\r\n const latitude = data.data.y\r\n self.model.Latitude(latitude)\r\n self.model.Longitude(longitude)\r\n }\r\n\r\n if (data.data.etage === null) {\r\n data.data.etage = ''\r\n }\r\n\r\n if (data.data.dør === null) {\r\n data.data.dør = ''\r\n }\r\n\r\n if (self.model.Etage && data.data.etage !== undefined) {\r\n self.model.Etage(data.data.etage)\r\n }\r\n if (self.model.SideDoerNr && data.data.dør !== undefined) {\r\n self.model.SideDoerNr(data.data.dør)\r\n }\r\n }\r\n }\r\n\r\n if (setPersonModel && user === PersonEntities.Kunde) {\r\n if (app.root.Kunde().Address) {\r\n if (app.root.Kunde().Postnr) app.root.Kunde().Postnr(data.data.postnr)\r\n if (app.root.Kunde().Gade) app.root.Kunde().Gade(data.data.vejnavn)\r\n if (app.root.Kunde().Husnr) app.root.Kunde().Husnr(data.data.husnr)\r\n if (app.root.Kunde().By) app.root.Kunde().By(data.data.postnrnavn)\r\n if (app.root.Kunde().Etage) app.root.Kunde().Etage(data.data.etage)\r\n if (app.root.Kunde().SideDoerNr) {\r\n app.root.Kunde().SideDoerNr(data.data.dør)\r\n }\r\n }\r\n } else if (setPersonModel && user === PersonEntities.Medforsikret) {\r\n if (app.root.Medforsikret().Address) {\r\n if (app.root.Medforsikret().Postnr) app.root.Medforsikret().Postnr(data.data.postnr)\r\n if (app.root.Medforsikret().Gade) app.root.Medforsikret().Gade(data.data.vejnavn)\r\n if (app.root.Medforsikret().Husnr) app.root.Medforsikret().Husnr(data.data.husnr)\r\n if (app.root.Medforsikret().By) app.root.Medforsikret().By(data.data.postnrnavn)\r\n if (app.root.Medforsikret().Etage) app.root.Medforsikret().Etage(data.data.etage)\r\n if (app.root.Medforsikret().SideDoerNr) {\r\n app.root.Medforsikret().SideDoerNr(data.data.dør)\r\n }\r\n }\r\n } else if (setPersonModel && user === PersonEntities.AndenForsikrede) {\r\n if (app.root.activeProduct.ForsikredePerson().Address) {\r\n if (app.root.activeProduct.ForsikredePerson().Postnr) app.root.activeProduct.ForsikredePerson().Postnr(data.data.postnr)\r\n if (app.root.activeProduct.ForsikredePerson().Gade) app.root.activeProduct.ForsikredePerson().Gade(data.data.vejnavn)\r\n if (app.root.activeProduct.ForsikredePerson().Husnr) app.root.activeProduct.ForsikredePerson().Husnr(data.data.husnr)\r\n if (app.root.activeProduct.ForsikredePerson().By) app.root.activeProduct.ForsikredePerson().By(data.data.postnrnavn)\r\n if (app.root.activeProduct.ForsikredePerson().Etage) app.root.activeProduct.ForsikredePerson().Etage(data.data.etage)\r\n if (app.root.activeProduct.ForsikredePerson().SideDoerNr) {\r\n app.root.activeProduct.ForsikredePerson().SideDoerNr(data.data.dør)\r\n }\r\n }\r\n }\r\n\r\n self.actionSettings.q = data.q\r\n self.actionSettings.caretpos = data.caretpos\r\n self.actionSettings.type = data.type\r\n self.actionSettings.d = data.d\r\n\r\n self.setText(data.tekst)\r\n // this is where we end up when an address has been selected\r\n // it is used for lookup right away, against https://dawa.aws.dk/adresser/{addressId}\r\n self.setAddressId(data.data.id)\r\n self.evaluate(self.getVal(), undefined, 'blur')\r\n },\r\n change: function (event, data) {\r\n if (!self.getAddressId()) {\r\n return\r\n }\r\n self.evaluate(self.element.value, undefined, 'change')\r\n }\r\n })\r\n\r\n self.validationActionSettings = {\r\n onValid: function () {\r\n // remove red paint\r\n self.element.ifws_isInvalid = false\r\n $(self.element).trigger('evaluate', self.getVal())\r\n h.validateElement(self.element, 'ifws_isInvalid')\r\n\r\n self.setNotWorking()\r\n self.isValidating = false\r\n\r\n if (self.actionSettings && self.actionSettings.onInvalid) {\r\n self.actionSettings.onValid()\r\n }\r\n self.lastValidatedValue = self.jDisplay.val()\r\n },\r\n onInvalid: function () {\r\n // client code rejects entry\r\n\r\n // paint red\r\n self.resetDependents()\r\n self.element.ifws_isInvalid = true\r\n\r\n h.updateElementValidation(\r\n self.element,\r\n 'ifws_isInvalid',\r\n undefined,\r\n false /* forces error result */\r\n )\r\n // h.validateElement(self.element, 'ifws_isInvalid');\r\n\r\n self.setNotWorking()\r\n self.isValidating = false\r\n\r\n if (self.actionSettings && self.actionSettings.onInvalid) {\r\n self.actionSettings.onInvalid()\r\n }\r\n self.lastValidatedValue = self.jDisplay.val()\r\n }\r\n }\r\n\r\n self.validate = function (value, actionName) {\r\n if (self.actionSettings && self.actionSettings.validation) {\r\n self.isValidating = true\r\n // app.writeDebugInfo('>>> SW VAL ' + self.topElement.id);\r\n\r\n self.setWorking()\r\n\r\n const result = self.actionSettings.validation(\r\n self,\r\n self.validationActionSettings,\r\n actionName\r\n )\r\n if (result === true || result === false) {\r\n // this is only true if the validation is not async and the result is returned by the custom validator. Otherwise (if async) the result will not be ready until later\r\n self.element.ifws_isInvalid = !result\r\n self.setNotWorking() // when an actual result is returned, we expect this work to be done\r\n self.isValidating = false\r\n self.lastValidatedValue = self.jDisplay.val()\r\n }\r\n return result\r\n }\r\n }\r\n\r\n self.element.ifws_customCheck = function (element, action) {\r\n if (\r\n self.actionSettings &&\r\n self.actionSettings.ignoreValidationOnKeyUp &&\r\n action === 'onkeyup'\r\n ) {\r\n return false\r\n }\r\n }\r\n\r\n if (self.actionSettings && self.actionSettings.validation) {\r\n self.element.ifws_customValidation = function (value) {\r\n if (self.validateEntry && self.lastValidatedValue != self.element.value) {\r\n self.validateEntry = false\r\n const result = self.validate(value)\r\n if (result === true || result === false) {\r\n // the custom method actuelly returned a specific true/false result. pass it as a result\r\n return result\r\n }\r\n }\r\n // Nothing special happened, just return the current state\r\n return !self.element.ifws_isInvalid\r\n }\r\n }\r\n\r\n self.lastValidatedValue = self.element.value\r\n if (self.model && self.model.Address && self.model.Address() !== '') {\r\n $(self.element)\r\n .val(self.model.Address())\r\n .trigger('select')\r\n }\r\n}\r\n\r\nfunction enableAddressAutocomplete (\r\n jElement,\r\n model,\r\n jForm,\r\n dependencyModel,\r\n actionSettings\r\n) {\r\n return new MultiControlAddress(\r\n jElement,\r\n model,\r\n jForm,\r\n dependencyModel,\r\n actionSettings\r\n )\r\n}\r\n\r\n// multi control custom validation (Required)\r\njQuery.validator.addMethod('ifws_selected', function (value, element) {\r\n if (element.ifws_control.isWorking || element.ifws_control.pendingWork) {\r\n return false\r\n }\r\n // if e.g. lazyload control is changed without any match is found\r\n if (!element.ifws_control || element.ifws_control.isEntryValid === false) {\r\n return false\r\n }\r\n // first line just expresses \"select\". if it is selected, the control still isn't ready\r\n if (\r\n element.ifws_control.ignoreFirstLine === true &&\r\n element.selectedIndex === 0\r\n ) {\r\n return false\r\n }\r\n if (element.ifws_control.ignoreOnValidation === true) {\r\n // Ignore that it is empty (e.g. floor for an address with no floors)\r\n return true\r\n } else {\r\n if (element.ifws_control.getVal()) {\r\n // Has value - valid\r\n return true\r\n } else {\r\n // no value - invalid\r\n return false\r\n }\r\n }\r\n})\r\n\r\nexport { MultiControlAddress, enableAddressAutocomplete }\r\n","/* eslint-disable no-unused-vars */\r\n/* global $ ko EGAINCLOUD */\r\n\r\nimport { ApplyAddresValidationRule, ExitEarlyConditionsMet, FailureToSelect, ProcessErrorReturnedByDawa, SelectedAddressCanBeUsedToTriggerDawaQuery } from './adresse/dk-ifshop-address-dawa-scripts'\r\nimport { ProcessDataReturnedByDawa } from './adresse/dk-ifshop-address-scripts'\r\nimport {\r\n PendingInputs,\r\n displayMessageButton,\r\n enableInputEvaluation,\r\n enableToolTips,\r\n ifwsControls\r\n} from './dk-ifshop-controls'\r\nimport { enableSelect, enableTextInput } from './dk-ifshop-controls-multi'\r\nimport {\r\n updateCheckbox,\r\n updateUnboundRadioAndCheckboxes\r\n} from './dk-ifshop-controls-radioAndCheckbox'\r\n\r\nimport { TextHelper } from './dk-ifshop-text-helper'\r\nimport { Tilbud } from './dk-ifshop-tilbud-model'\r\nimport { WebShopWizard } from './dk-ifshop-wizard-model'\r\nimport { app } from './dk-ifshop-application'\r\nimport { bLoader } from '../sp/dk-ifshop-bundleloader'\r\nimport { emailUnexpectedData } from './validation/email-unexpected-data'\r\nimport { enableAddressAutocomplete } from './dk-ifshop-controls-address'\r\nimport { enableCPRValidationKunde } from './cpr/dk-ifshop-cpr-validation-kunde'\r\nimport { enableCPRValidationMedforsikret } from './cpr/dk-ifshop-cpr-validation-medforsikret'\r\nimport { enableSlider } from './dk-ifshop-controls-slider'\r\nimport { enableTabs } from './dk-ifshop-controls-tabs'\r\nimport { h } from './dk-ifshop-helper'\r\nimport { isDateReadyforValidation } from './dk-ifshop-dates'\r\nimport { singleActionButton } from './dk-ifshop-controls-actionButton'\r\nimport { stateManager } from './dk-ifshop-statemanagement'\r\nimport { validateIkraftDato } from './ulykke/dk-ifshop-ulykke-validator'\r\nimport { PersonEntities } from './dk-ifshop-constants'\r\n\r\nconst basic = {} // namespace\r\n\r\nbasic.getDefaultDaekning = function () {\r\n if (app.root.ProduktNavn === 'bil') {\r\n return 'Kasko'\r\n }\r\n return ''\r\n}\r\n\r\nbasic.addHus = function () {\r\n const settings = { done: basic.gotoNextProduct, entryFail: function (data) { app.showMessage('Ukendt fejl') } }\r\n app.root.addProdukt('Hus', settings)\r\n}\r\nbasic.addIndbo = function () {\r\n const settings = { done: basic.gotoNextProduct, entryFail: function (data) { app.showMessage('Ukendt fejl') } }\r\n app.root.addProdukt('Familie', settings)\r\n}\r\n\r\nbasic.handleBlueBoxForTravel = function (textToDisplay) {\r\n const elm = document.getElementById('OuterInfoBlueBoxTravel')\r\n const elmBlueBox = document.getElementById('InnerInfoBlueBoxTravel')\r\n\r\n if (textToDisplay) {\r\n if (elm && elmBlueBox) {\r\n elm.style.display = 'block'\r\n elmBlueBox.innerHTML = textToDisplay\r\n }\r\n } else {\r\n if (elm && elmBlueBox) {\r\n elm.innerHtml = ''\r\n elm.style.display = 'none'\r\n }\r\n }\r\n}\r\n\r\nbasic.handleBlueBoxForSelectedCoverage = function (selectedDaekning, textToDisplay) {\r\n // pass this as defaultDaekning instead\r\n if (selectedDaekning === '') {\r\n selectedDaekning = basic.getDefaultDaekning()\r\n // we need to have a selected or default coverage in order to correctly\r\n // display the blue box above coverages\r\n if (selectedDaekning === '') {\r\n return\r\n }\r\n }\r\n\r\n const elm = document.getElementById('OuterInfoBlueBox')\r\n const elmBlueBox = document.getElementById('InnerInfoBlueBox')\r\n\r\n if (textToDisplay && !app.GetNissanContext()) {\r\n if (elm && elmBlueBox) {\r\n elm.style.display = 'block'\r\n elmBlueBox.innerHTML = textToDisplay\r\n }\r\n } else {\r\n if (elm && elmBlueBox) {\r\n elm.innerHtml = ''\r\n elm.style.display = 'none'\r\n }\r\n }\r\n}\r\n\r\nbasic.createAppRoot = function () {\r\n app.root = new Tilbud()\r\n $(document).trigger('wsdk-app-root-created')\r\n}\r\n\r\n// EDI TEST PAGE\r\n// =================================================================\r\nbasic.editest_Page = function () {\r\n // setup global objects\r\n try {\r\n basic.createAppRoot()\r\n app.root.sync({\r\n done: function () {\r\n if (app.root.IsPurchasingOrFinished) {\r\n window.location.href = window.ifws_shopUrl\r\n }\r\n }\r\n })\r\n\r\n app.imagePath = 'styling/img/webshop/shopflow/'\r\n\r\n app.onFailCustomAction = function () {\r\n // reset any locks on error\r\n app.resetPendingUserAction()\r\n app.clearBusy()\r\n }\r\n\r\n // overrides default fail handling with code specific for the Front\r\n app.displayEntryExceptionInfo = function (text, jEntry) {\r\n if (jEntry && jEntry[0].displayEntryExceptionInfo) {\r\n jEntry[0].displayEntryExceptionInfo(text)\r\n } else if (jEntry && jEntry.rules().ifws_isInvalid) {\r\n // invalidate the control by setting the property which the custom validator (of same name) is checking on\r\n jEntry[0].ifws_isInvalid = true\r\n // force immediately validation on the entry and pass the custom message to be displayed\r\n h.validateElement(jEntry[0], 'ifws_isInvalid', text)\r\n // maintain focus (don't know why this is nessesary)\r\n jEntry.focus()\r\n }\r\n }\r\n app.displayFailInfo = app.displayEntryExceptionInfo\r\n\r\n app.clearFailInfo = function () {\r\n // $('.validationSummary').text();\r\n }\r\n\r\n // a product type has been found\r\n const params = app.getUrlVars2(app.initialCommand)\r\n if (params.kampagne) {\r\n // only write/overwrite if there is a specific campaign. Otherwise leave the information that there already is (if any)\r\n stateManager.setKampagne(params.kampagne)\r\n }\r\n\r\n setTimeout(function () {\r\n window.app.root.sync({\r\n done: function () {\r\n if (app.root.IsPurchasingOrFinished) {\r\n window.location.href = window.ifws_shopUrl\r\n }\r\n }\r\n }, 1000)\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\n// Page scripts -------------------------------------------------------------------------------------\r\nbasic.front_Page = function () {\r\n let _type = ''\r\n // setup global objects\r\n try {\r\n basic.createAppRoot()\r\n app.root.sync({\r\n done: function () {\r\n if (app.root.IsPurchasingOrFinished) {\r\n window.location.href = window.ifws_shopUrl\r\n }\r\n }\r\n })\r\n\r\n app.imagePath = 'styling/img/webshop/shopflow/'\r\n\r\n app.onFailCustomAction = function () {\r\n // reset any locks on error\r\n app.resetPendingUserAction()\r\n app.clearBusy()\r\n }\r\n\r\n // overrides default fail handling with code specific for the Front\r\n app.displayEntryExceptionInfo = function (text, jEntry) {\r\n if (jEntry && jEntry[0].displayEntryExceptionInfo) {\r\n jEntry[0].displayEntryExceptionInfo(text)\r\n } else if (jEntry && jEntry.rules().ifws_isInvalid) {\r\n // invalidate the control by setting the property which the custom validator (of same name) is checking on\r\n jEntry[0].ifws_isInvalid = true\r\n // force immediately validation on the entry and pass the custom message to be displayed\r\n h.validateElement(jEntry[0], 'ifws_isInvalid', text)\r\n // maintain focus (don't know why this is nessesary)\r\n jEntry.focus()\r\n }\r\n }\r\n app.displayFailInfo = app.displayEntryExceptionInfo\r\n\r\n app.clearFailInfo = function () {\r\n // $('.validationSummary').text();\r\n }\r\n\r\n _type = ''\r\n enableTabs(app.getTopJElm(), {\r\n beforeRender: function (data) {\r\n // kaldes når indhold er loadet ind i valgt tab efter skift\r\n\r\n // på quick formen kan der kun være \"ET\" produkt. Påbegynder man indtastning i et nyt vindue, bliver alt slettet.\r\n // Quick form skal være simpel og det er ikke meningen at man skal kunne andet end at komme videre til shoppen asap\r\n // Først i shoppen tages der højde for flere produkter\r\n _type = $(app.getTopClass() + ' li.ecmt-tab-item-active a').attr('data-produkt-type')\r\n\r\n if (_type) {\r\n // load the required product bundle before continuing\r\n bLoader.runAction(_type, function () {\r\n // load object and maybe overwrite any other activeProduct, 'cause there can be only one at a time\r\n app.root.setActiveProduct(_type)\r\n $(app).trigger('sectionLoaded', [\r\n 'front_Page',\r\n h.getSections(app.getTopJElm())\r\n ])\r\n\r\n app.showPageMessage()\r\n })\r\n }\r\n }\r\n })\r\n\r\n // If a tab is selected from the start, make an initial validation\r\n let _selected = $(app.getTopClass() + ' li.ecmt-tab-item-active a')\r\n if (h.isSingleResult(_selected)) {\r\n _type = $(_selected[0]).attr('data-produkt-type')\r\n } else {\r\n // no tabs, just ONE QuickForm\r\n _selected = $(app.getTopClass() + ' .productHolder')\r\n if (h.isSingleResult(_selected)) {\r\n _type = $(_selected[0]).attr('data-produkt-type')\r\n }\r\n }\r\n\r\n // a product type has been found\r\n if (_type) {\r\n // load the required product bundle before continuing\r\n bLoader.runAction(_type, function () {\r\n // load object and maybe overwrite any other activeProduct, 'cause there can be only one at a time\r\n app.root.setActiveProduct(_type)\r\n h.pageLoadWait()\r\n })\r\n } else {\r\n h.pageLoadWait()\r\n }\r\n\r\n const params = app.getUrlVars2(app.initialCommand)\r\n if (params.kampagne) {\r\n // only write/overwrite if there is a specific campaign. Otherwise leave the information that there already is (if any)\r\n stateManager.setKampagne(params.kampagne)\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\n// called for both entry page and price page,\r\n// but only when there is a page load (not going forwards and backwards in the wizard)\r\nbasic.produkt_Page = function () {\r\n // reset any pending actions\r\n singleActionButton.isInvalidated = true\r\n\r\n app.imagePath = 'styling/img/webshop/shopflow/'\r\n\r\n // setup global objects\r\n app.setWizard(new WebShopWizard(0))\r\n\r\n // use wizard to provide active elemtn when e.g. displaying spinner\r\n app.getActiveAreaJElement = app.wizard.getCurrentWizardBodyJElement\r\n\r\n app.onFailCustomAction = function () {\r\n // reset any locks on error\r\n singleActionButton.setIsChanging(false)\r\n singleActionButton.killPending()\r\n app.resetPendingUserAction()\r\n app.clearBusy()\r\n }\r\n\r\n app.wizard.onLoaded()\r\n app.wizard.App = app\r\n\r\n try {\r\n basic.createAppRoot()\r\n basic.setupAdvancedMessageHandling()\r\n\r\n $(app.wizard).on('wizardStep', function () {\r\n try {\r\n // reset any pending actions\r\n singleActionButton.isInvalidated = true\r\n\r\n // tell the application that the wizard body should hold the spinner when displayed\r\n app.globalSpinningElementId = app.wizard.getCurrentWizardHolder()[0].id\r\n\r\n // update the text on the navigation button on the cart in the right panel\r\n basic.updateCartPanelButton()\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n })\r\n\r\n // init tilbud (app.root) and either tricker a new Tilbud or receive the server instance\r\n app.root.fetchTilbud({\r\n done: function (data) {\r\n const loginElm = h.getElm('loginMessage')\r\n const loginUserInfoElm = h.getElm('loggedInUserInfo')\r\n\r\n if (app.root.ShowLoggedIn()) {\r\n loginElm.style.display = 'block'\r\n } else {\r\n loginElm.style.display = 'none'\r\n }\r\n\r\n if (app.root.ShowLoggedInUserInfo()) {\r\n loginUserInfoElm.style.display = 'block'\r\n } else {\r\n loginUserInfoElm.style.display = 'none'\r\n }\r\n\r\n // bind objects to controls\r\n ko.applyBindings(app.wizard, h.getElm('wizardStepsView')) // list of steps\r\n // apply validation\r\n app.wizard.dataValidate = app.root.validate\r\n // identify tyhe owner of the wizard\r\n app.wizard.id = app.root.activeProduct.ProduktID()\r\n // load wizard menu and state\r\n app.wizard.load()\r\n\r\n $(app.wizard).on('wizardStep', function () {\r\n if (app.root.activeProduct.UpdateDetails) {\r\n app.root.activeProduct.UpdateDetails()\r\n }\r\n\r\n if (app.wizard.currentStepNo == 2) {\r\n h.pageLoadWait(function () {\r\n if (!app.root.activeProduct.Daekning) {\r\n return false\r\n }\r\n return basic.PricesEstablishedForTracking(app.root.activeProduct)\r\n })\r\n } else if (app.wizard.currentStepNo < 2) {\r\n h.pageLoadWait()\r\n }\r\n\r\n app.showPageMessage()\r\n })\r\n\r\n app.bottomDataUpdate(data)\r\n },\r\n operationFail: function () {\r\n window.location.href = app.returnPageUrl // expects it to be a timeout (result: No active product)\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\nbasic.PricesEstablishedForTracking = function (activeProduct) {\r\n const activeProductInfoPrice = Number(activeProduct.Daekning().NettoPraemieTotal())\r\n const overblickItemCalculated = app.root.ProduktOverblikV2.ProductsInCart.filter(function (x) {\r\n return x.productId === activeProduct.ProduktID()\r\n })[0]\r\n\r\n if (overblickItemCalculated && parseInt(overblickItemCalculated.price) > 0 &&\r\n activeProductInfoPrice > 0) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\n// called by all pages after the cart (supplerende, personliginfo, bekraeft)\r\n// but only when loading the page, not when going backwards and forwards in the wizard\r\nbasic.checkout_Page = function () {\r\n // reset any pending actions\r\n singleActionButton.isInvalidated = true\r\n\r\n app.imagePath = 'styling/img/webshop/shopflow/'\r\n\r\n // setup global objects\r\n app.setWizard(new WebShopWizard(0))\r\n\r\n // use wizard to provide active element when e.g. displaying spinner\r\n app.getActiveAreaJElement = app.wizard.getCurrentWizardBodyJElement\r\n\r\n app.onFailCustomAction = function (data) {\r\n // reset any locks on error\r\n if (\r\n data &&\r\n data.Message &&\r\n data.Message.TekstKode === 'TILBUD:LEASER_KAN_IKKE_FAA_SUPERBIL'\r\n ) {\r\n // update objekt. TODO: This is a special error that is thrown allthough the data is actually saved on server. the client should act in the same way, so we don't have to do it excplicitely here\r\n app.root.update(data.Data.Tilbud)\r\n app.root.activeProduct.update(data.Data.Produkt)\r\n\r\n // update right upper panel, because its content is populated on server as we dont have all prices for all products on the client.\r\n // TODO: this element no longer exists, nor does the ForsikringIkurv view\r\n const forsikringerIKurvPanel = $('#forsikringerIKurv').parent()\r\n if (forsikringerIKurvPanel.length > 0) {\r\n app.loadHtml({\r\n url: 'tilbud/getsubview/ForsikringerIKurv',\r\n block: false,\r\n targetElement: forsikringerIKurvPanel,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n this.targetElement.html(data)\r\n $(app).trigger('sectionLoaded', [\r\n 'onFailCustomAction',\r\n h.getSections(this.targetElement)\r\n ])\r\n }\r\n })\r\n }\r\n }\r\n\r\n singleActionButton.setIsChanging(false)\r\n singleActionButton.killPending()\r\n app.resetPendingUserAction()\r\n app.clearBusy()\r\n }\r\n\r\n app.wizard.onLoaded()\r\n app.wizard.App = app\r\n try {\r\n basic.createAppRoot()\r\n\r\n basic.setupAdvancedMessageHandling()\r\n\r\n $(app.wizard).on('wizardStep', function () {\r\n try {\r\n // reset any pending actions\r\n singleActionButton.isInvalidated = true\r\n\r\n // tell the application that the wizard body should hold the spinner when displayed\r\n app.globalSpinningElementId = app.wizard.getCurrentWizardHolder()[0].id\r\n\r\n // update the text on the navigation button on the cart in the right panel\r\n basic.updateCartPanelButton()\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n })\r\n\r\n // init tilbud and either create a new Tilbud or receive the server instance\r\n app.root.fetchTilbudCheckout({\r\n done: function (data) {\r\n // bind objects to controls\r\n // ko.applyBindings(app.wizard, h.getElm('wizardSteps')) // list of steps\r\n const loginElm = h.getElm('loginMessage')\r\n const loginUserInfoElm = h.getElm('loggedInUserInfo')\r\n\r\n if (app.root.ShowLoggedIn()) {\r\n loginElm.style.display = 'block'\r\n } else {\r\n loginElm.style.display = 'none'\r\n }\r\n\r\n if (app.root.ShowLoggedInUserInfo()) {\r\n loginUserInfoElm.style.display = 'block'\r\n } else {\r\n loginUserInfoElm.style.display = 'none'\r\n }\r\n\r\n if (!basic.isBound('loginMessage')) {\r\n ko.applyBindings(app.wizard, loginElm) // list of steps\r\n }\r\n if (!basic.isBound('loggedInUserInfo')) {\r\n ko.applyBindings(app.wizard, loginUserInfoElm) // list of steps\r\n }\r\n // apply validation\r\n app.wizard.dataValidate = basic.checkoutValidate\r\n // identify the owner of the wizard\r\n app.wizard.id = 'checkout'\r\n // load wizard menu and state\r\n app.wizard.load()\r\n $(app.wizard).on('wizardStep', function () {\r\n h.pageLoadWait()\r\n app.showPageMessage()\r\n $(app.wizard).off('wizardStep')\r\n })\r\n },\r\n operationFail: function () {\r\n window.location.href = app.returnPageUrl // expects it to be a timeout (result: No active product)\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\nbasic.isBound = function (id) {\r\n return !!ko.dataFor(document.getElementById(id))\r\n}\r\n\r\n// only called by the OLD cart - REMOVE THIS?\r\nbasic.cart_Page = function () {\r\n try {\r\n basic.createAppRoot()\r\n app.imagePath = 'styling/img/webshop/shopflow/'\r\n\r\n app.onFailCustomAction = function () {\r\n // reset any locks on error\r\n app.resetPendingUserAction()\r\n app.clearBusy()\r\n }\r\n\r\n basic.setupAdvancedMessageHandling()\r\n\r\n // init tilbud and either tricker a new Tilbud or receive the server instance\r\n app.root.fetchTilbud({\r\n done: function () {\r\n h.pageLoadWait()\r\n app.showPageMessage()\r\n },\r\n operationFail: function () {\r\n window.location.href = app.returnPageUrl // expects it to be a timeout (result: No active product)\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\n// called after loading the confirmation page\r\nbasic.kvittering_Page = function () {\r\n // setup global objects\r\n try {\r\n basic.createAppRoot()\r\n app.imagePath = 'styling/img/webshop/shopflow/'\r\n\r\n basic.setupAdvancedMessageHandling()\r\n\r\n app.onFailCustomAction = function () {\r\n // reset any locks on error\r\n app.resetPendingUserAction()\r\n app.clearBusy()\r\n }\r\n\r\n app.root.fetchTilbudCheckout({\r\n done: function () {\r\n h.pageLoadWait()\r\n\r\n stateManager.clear()\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\nbasic.clearClientData = function () {\r\n try {\r\n if (window.localStorage) {\r\n window.localStorage.clear()\r\n }\r\n } catch (e) {\r\n }\r\n\r\n try {\r\n if (window.sessionStorage) {\r\n window.sessionStorage.clear()\r\n }\r\n } catch (e) {\r\n }\r\n\r\n try {\r\n window.app = {}\r\n } catch (e) {\r\n }\r\n}\r\n\r\nbasic.AdvancedMessageHandling = function (text, jEntry, actionSettings, isFail) {\r\n if (isFail) {\r\n basic.showContactPanel()\r\n } else {\r\n // if (jEntry && jEntry.length > 0 && jEntry[0].displayEntryExceptionInfo) {\r\n // //the entry has its own way of handling related entry messages\r\n // jEntry[0].displayEntryExceptionInfo(text);\r\n // } else\r\n if (jEntry && jEntry.rules().ifws_isInvalid) {\r\n // invalidate the control by setting the property which the custom validator (of same name) is checking on\r\n jEntry[0].ifws_isInvalid = true\r\n // force immediately validation on the entry and pass the custom message to be displayed\r\n h.updateElementValidation(\r\n jEntry[0],\r\n 'ifws_isInvalid',\r\n text,\r\n false /* forces error result */\r\n )\r\n // maintain focus (don't know why this is nessesary)\r\n jEntry.focus()\r\n } else {\r\n // use page wide handling\r\n if (text) {\r\n // forventer objekt med kort/lang tekst (title/body)\r\n if (text.lang || text.kort) {\r\n app.showErrorMessage(text.kort, text.lang)\r\n } else {\r\n // forventer simpel tekst\r\n app.showErrorMessage(text)\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nbasic.setupAdvancedMessageHandling = function () {\r\n // overrides default fail handling\r\n app.displayEntryExceptionInfo = function (text, jEntry, actionSettings, data) {\r\n if (\r\n data &&\r\n data.Message != null &&\r\n data.Message.TekstKode === 'TILBUD:KAN_IKKE_FINDE_ADRESSE'\r\n ) {\r\n if (jEntry && jEntry[0].displayEntryExceptionInfo) {\r\n jEntry[0].displayEntryExceptionInfo(text)\r\n } else if (jEntry && jEntry.rules().ifws_isInvalid) {\r\n // invalidate the control by setting the property which the custom validator (of same name) is checking on\r\n jEntry[0].ifws_isInvalid = true\r\n // force immediately validation on the entry and pass the custom message to be displayed\r\n h.validateElement(jEntry[0], 'ifws_isInvalid', text)\r\n // maintain focus (don't know why this is nessesary)\r\n jEntry.focus()\r\n }\r\n } else basic.AdvancedMessageHandling(text, jEntry, actionSettings, false)\r\n }\r\n\r\n app.displayFailInfo = function (text, jEntry, actionSettings) {\r\n basic.AdvancedMessageHandling(text, jEntry, actionSettings, true)\r\n }\r\n}\r\n\r\n// Wizard step scripts ------------------------------------------------------------------------------\r\nbasic.vaelgDaekningsType = function (jElement) {\r\n ko.applyBindings(app.root.activeProduct, h.getElm('vaelgDaekningsType'))\r\n\r\n $('[id$=_PoliceButton]').on('click', function (s) {\r\n if (s.target && $(s.target).parents('.displayMessageButton').length > 0) {\r\n // this is a clikk on a hyperlink, so dont select any dækning\r\n return\r\n }\r\n\r\n // OKEJ! So, the following \"done-function\" will only be called if the \"validateDaekningSelection\"\r\n // returns OK and not a exception. We only want to run the \"sync-function\" in this case. Because if the dekning\r\n // is not valid (as in should warn the user). Then we only want to sync (se below) if user confirms the dekning selection.\r\n const actionSettings = {\r\n done: function () {\r\n if (!app.root.activeProduct.HandleLocalCorruptPrices()) {\r\n // this is the sync function I'm talking about\r\n app.root.activeProduct.sync()\r\n } else {\r\n app.reportFail('basic.vaelgDaekningsType failed due to invalid praemier')\r\n }\r\n }\r\n }\r\n\r\n // update graphics and tilvalg when selecting dækning\r\n app.root.activeProduct.selectDaekning(\r\n $(this).attr('data-policetype'),\r\n actionSettings\r\n )\r\n })\r\n\r\n h.doOrWait(app.hjaelpeKoderLoadedFlag, app, 'hjaelpeKoderLoaded', function () {\r\n app.root.activeProduct.beregn()\r\n })\r\n\r\n $('.daekningToggle').on('click', function () {\r\n // button to expand/collapse dækning in compact mode)\r\n const $el = $(this)\r\n const isCollapsed = $el.text() === '+'\r\n $el\r\n .text(isCollapsed ? '-' : '+')\r\n .parent()\r\n .parent()\r\n .parent()\r\n .parent()\r\n .find('.produktDetails')\r\n .toggle(isCollapsed)\r\n })\r\n\r\n h.selectNextEntry(jElement)\r\n}\r\n\r\nbasic.bekraeft = function (jElement) {\r\n basic.personligInfo(jElement)\r\n\r\n ko.applyBindings(app.root.Kunde, h.getElm('bekraeftGroup'))\r\n ko.applyBindings(app.root.Kunde, h.getElm('wizardNavigation'))\r\n\r\n // validation rules\r\n const _jForm = $('#bekraeft')\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n // marketing\r\n ko.applyBindings(app.root.Kunde, h.getElm('marketingGroup'))\r\n\r\n const _jFormX = h.getClosestForm($('#marketingGroup'))\r\n if (!_jFormX[0].validator) {\r\n const _validator = _jFormX.validate()\r\n _jFormX[0].validator = _validator\r\n }\r\n // validation rules (using dynamic settings and not static settings {fornavn: ...} because we need to use the prefix)\r\n $('#AccepterMarketingtrue').rules('add', {\r\n required: true\r\n })\r\n $('#AccepterMarketingfalse').rules('add', {\r\n required: true\r\n })\r\n\r\n if ($('#CancellationConsent').length > 0) {\r\n $('#CancellationConsent').rules('add', {\r\n required: true,\r\n messages: {\r\n required: app.getFejlKodeText(\r\n 'CLIENT_MISSING_CUSTOMER_EDI_CANCELLATION_CONSENT',\r\n 'Vi skal bruge dit samtykke, før købet kan gennemføres.'\r\n )\r\n }\r\n })\r\n }\r\n\r\n if ($('#CancellationCoInsuredPowerOfAttorneyConsent').length > 0) {\r\n $('#CancellationCoInsuredPowerOfAttorneyConsent').rules('add', {\r\n required: true,\r\n messages: {\r\n required: app.getFejlKodeText(\r\n 'CLIENT_MISSING_COINSURED_EDI_CANCELLATION_CONSENT',\r\n 'Vi skal bruge medforsikredes samtykke, før købet kan gennemføres.'\r\n )\r\n }\r\n })\r\n }\r\n\r\n h.addValidatorMessage(\r\n h.getElm('AccepterMarketingfalse'),\r\n 'required',\r\n TextHelper.getRadioButtonUnansweredErrorMessage()\r\n )\r\n\r\n setInterval(function () {\r\n if (app.root.Kunde().ShowPurchaseBlockedMessage()) {\r\n $('#wizardNavigation button.ecmt-button').attr('disabled', 'disabled')\r\n }\r\n }, 2000)\r\n\r\n enableToolTips(jElement)\r\n}\r\n\r\nbasic.betalingsInfoOversigt = function (jElement) {\r\n ko.applyBindings(app.root.Kunde, h.getElm('bankOplysninger'))\r\n}\r\n\r\nbasic.koebOversigt = function (jElement) {\r\n const persOplElm = h.getElm('personligeOplysninger')\r\n if (persOplElm && !ko.dataFor(persOplElm)) {\r\n ko.applyBindings(app.root.Kunde, h.getElm('personligeOplysninger'))\r\n }\r\n\r\n const persOpProlElm = h.getElm('personligeOplysningerProtected')\r\n if (persOpProlElm && !ko.dataFor(persOpProlElm)) {\r\n ko.applyBindings(app.root.Kunde, h.getElm('personligeOplysningerProtected'))\r\n }\r\n\r\n const tilbudTotal = h.getElm('tilbudTotal')\r\n if (tilbudTotal && !ko.dataFor(tilbudTotal)) {\r\n ko.applyBindings(app.root, h.getElm('tilbudTotal'))\r\n }\r\n\r\n const activeProductCustomerPrice = h.getElm('activeProductCustomerPrice')\r\n if (activeProductCustomerPrice && !ko.dataFor(activeProductCustomerPrice)) {\r\n ko.applyBindings(app.root, h.getElm('activeProductCustomerPrice'))\r\n }\r\n\r\n // help specify what product is currently being clicked (doesn't have to be the one actually selected for purchase)\r\n jElement.find('.dws-js-daekningBeregnet').on('click', function (e) {\r\n basic.displayInfoAboutDaekning = undefined\r\n const _id = $(this)\r\n .parents('[data-table-entry-id]')\r\n .attr('data-table-entry-id')\r\n if (_id) {\r\n app.root.ensureActiveProduct(_id, function () {\r\n displayMessageButton(e.currentTarget)\r\n })\r\n }\r\n })\r\n enableToolTips(jElement)\r\n}\r\n\r\n// Page section scripts -----------------------------------------------------------------------------\r\n\r\nbasic.acceptNewPrice = function (actionSettings) {\r\n // TODO: We need a common accept price for all products here.\r\n console.log('basic.acceptNewPrice not yet implemented')\r\n}\r\n\r\nbasic.endSession = function () {\r\n app.loadHtml({\r\n url: 'shop/logout',\r\n block: true,\r\n actionOnBusy: 'queue',\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n console.log('Succesfull logout')\r\n },\r\n fail: function (data, textStatus, jqXHR) {\r\n if (data.Message && data.Message.Action == '') {\r\n console.log('Logging out failed')\r\n }\r\n }\r\n })\r\n}\r\n\r\nbasic.acceptPriceAndProceed = function () {\r\n app.resetPendingUserAction()\r\n // todo: evaluate if this function should take in product specific actionsettings and pass them on.\r\n // below, could also be altered into a switch case for each product\r\n // basic.acceptNewPrice()\r\n $('#cprNrMsg').hide()\r\n}\r\n\r\nbasic.supplerendeInfo = function (jElement, productId) {\r\n app.root.ensureActiveProduct(productId, function () {\r\n basic.notifyIfChangedAddress()\r\n if (h.getElm('UnderwritingAcceptNej')) {\r\n const _jForm = jElement\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n // validation rules\r\n const rules = {\r\n UnderwritingAccept: {\r\n required: true,\r\n ifws_isInvalid: true\r\n }\r\n }\r\n const messages = {\r\n UnderwritingAccept: {\r\n required: TextHelper.getRadioButtonUnansweredErrorMessage(),\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-UNDERWRITING_AFVIST_' + app.root.activeProduct.produktNavn,\r\n 'Vi kan desværre ikke tilbyde dig den forsikring som du har beregnet en pris på. Du bedes venligst kontakte kundeservice på telefonnummer 70 12 12 12 for at få din forsikring.'\r\n )\r\n }\r\n }\r\n\r\n h.addValidationRulesToForm(_jForm, rules, messages)\r\n\r\n $('input[name=UnderwritingAccept]').on('change', function () {\r\n const _afvist = h.getElm('UnderwritingAcceptJa')\r\n _afvist.ifws_isInvalid = _afvist.checked\r\n\r\n h.validateElement(\r\n _afvist,\r\n 'ifws_isInvalid',\r\n app.getFejlKodeText(\r\n 'CLIENT-UNDERWRITING_AFVIST_' + app.root.activeProduct.produktNavn,\r\n 'Vi kan desværre ikke tilbyde dig den forsikring som du har beregnet en pris på. Du bedes venligst kontakte kundeservice på telefonnummer 70 12 12 12 for at få din forsikring.'\r\n )\r\n )\r\n })\r\n\r\n if (h.getElm('underwritingAcceptGroup')) {\r\n ko.applyBindings(\r\n app.root.activeProduct,\r\n h.getElm('underwritingAcceptGroup')\r\n )\r\n }\r\n\r\n // expects a form with validator is already created\r\n jElement[0].validator.customShowLabel = function (element, message, rule) {\r\n if (element.id === 'UnderwritingAcceptJa' && rule === 'ifws_isInvalid') {\r\n // ignoreContact added by pedkia\r\n basic.showInlineMessage(\r\n jElement.find('#underwritingMessage'),\r\n message,\r\n true,\r\n false\r\n )\r\n return false\r\n }\r\n }\r\n jElement[0].validator.customUnhighlight = function (element, message) {\r\n if (element.id === 'UnderwritingAcceptJa') {\r\n basic.clearInlineMessage(jElement.find('#underwritingMessage'))\r\n }\r\n }\r\n }\r\n h.selectNextEntry(jElement)\r\n })\r\n}\r\n\r\nbasic.wizardSteps = function () {\r\n if (app.page === 'checkout' && window.history) {\r\n // ensure that the maxicart will be shown when using the browser Back button\r\n const cartUrl = window.ifws_shopUrl.replace('webshop', 'forsikringer/cart')\r\n window.history.pushState({ page: 'cart' }, '', cartUrl)\r\n window.history.pushState({ page: 'this' }, '', window.ifws_shopUrl)\r\n }\r\n\r\n enableToolTips($('#loginMessage'))\r\n enableToolTips($('#loggedInUserInfo'))\r\n\r\n $('.wizardStep').on('click', function () {\r\n // act when user clicks on a step\r\n const _step = parseInt($(this).attr('data-StepNumber'))\r\n // Ensure the user can only go bwd by compareing pending step with the step saved on a data attrib on the step element\r\n // also make sure the user doesn't go anywhere by clicking on the current step\r\n if (\r\n _step &&\r\n _step <= app.wizard.pendingStepNo &&\r\n _step !== app.wizard.currentStepNo\r\n ) {\r\n // go to selected step\r\n app.wizard.goTo(_step)\r\n }\r\n })\r\n}\r\n\r\nbasic.updatePricesOnTilvalgChange = function (self) {\r\n const _type = $(self).attr('data-daekning')\r\n $.each(app.root.activeProduct.Daekning().Daekninger(), function (index, item) {\r\n if (item.ModelNavn() === _type) {\r\n item.Valgt(self.checked)\r\n app.root.activeProduct.Daekning().updatePrices()\r\n return false // $.each\r\n }\r\n })\r\n $.each(app.root.activeProduct.Praemier(), function (index, item) {\r\n $.each(item.Daekninger(), function (addOnIndex, addOnItem) {\r\n if (addOnItem.ModelNavn() === _type) {\r\n if (addOnItem.Tilbydes()) {\r\n addOnItem.Valgt(self.checked)\r\n item.updatePrices()\r\n }\r\n return false // $.each\r\n }\r\n })\r\n })\r\n\r\n app.root.activeProduct.PublishGTMPriceChangingEvent()\r\n\r\n app.root.activeProduct.sync(\r\n {\r\n always: function (message = {}) {\r\n app.bottomDataUpdate(message.Data)\r\n }\r\n },\r\n true\r\n )\r\n}\r\n\r\nbasic.setSourceForCoveragePriceSpinner = function () {\r\n const largeLoaderImages = $(\"img[id='largeLoaderImage']\")\r\n for (let i = 0; i < largeLoaderImages.length; i++) {\r\n const image = largeLoaderImages[i]\r\n image.src = app.shopHostUrl + 'Styling/img/webshop/shopflow/large-loader.gif'\r\n }\r\n}\r\n\r\nbasic.dakningstyper = function (jElement) {\r\n enableToolTips($('#tilvalgGroup'))\r\n updateUnboundRadioAndCheckboxes($('#tilvalgGroup'))\r\n\r\n basic.setSourceForCoveragePriceSpinner()\r\n\r\n // help specify what product is currently being clicked (doesn't have to be the one actuelly selected for purchase)\r\n $('.produktDataSection .displayMessageButton').on('click', function () {\r\n const _name = $(this)\r\n .parentsUntil(app.getTopJElm(), '.produktTopSection')\r\n .attr('data-policetype')\r\n\r\n $.each(app.root.activeProduct.Praemier(), function (index, item) {\r\n if (item.ModelNavn() === _name) {\r\n // used by basic.prisOpsummering\r\n basic.displayInfoAboutDaekning = item\r\n return false\r\n }\r\n })\r\n })\r\n}\r\n\r\nbasic.personligStep = function (jElement) {\r\n h.bindNodesToKunde()\r\n\r\n const blockMessageElement = $('#validateCartError')[0]\r\n if (app.root.Kunde().ShowPurchaseBlockedMessage() && blockMessageElement) {\r\n blockMessageElement.scrollIntoView({\r\n block: 'center',\r\n behavior: 'smooth'\r\n })\r\n }\r\n}\r\n\r\nbasic.productSpecificValidationFunction = function (payerOfInsurance) {\r\n return true\r\n}\r\n\r\nbasic.ClearMedforsikretAdress = function () {\r\n h.enable($('#selectMedforsikretAddress'))\r\n\r\n // reset multicontrol behaviour\r\n const _jAddress = $('#selectMedforsikretAddress')\r\n if (_jAddress.length > 0) {\r\n _jAddress[0].ifws_control.setAddressId('')\r\n _jAddress[0].ifws_control.isDisabled = false\r\n _jAddress[0].ifws_control.enable()\r\n _jAddress[0].ifws_control.reset()\r\n }\r\n\r\n // reset medforsikret address properties\r\n app.root.Medforsikret().Postnr('')\r\n app.root.Medforsikret().By('')\r\n app.root.Medforsikret().Gade('')\r\n app.root.Medforsikret().Husnr('')\r\n app.root.Medforsikret().Etage('')\r\n app.root.Medforsikret().SideDoerNr('')\r\n app.root.Medforsikret().Longitude('')\r\n app.root.Medforsikret().Latitude('')\r\n\r\n // remove from select list ui\r\n $('#selectMedforsikretAddress').val('')\r\n $('#selectMedforsikretAddress')[0].ifws_control.setText('')\r\n $('#selectMedforsikretAddress').enable()\r\n $('#selectMedforsikretAddress').change()\r\n}\r\n\r\nbasic.CopyKundeAdressToMedforsikret = function () {\r\n // reset kunde address properties to medforsikret\r\n app.root.Medforsikret().Postnr(app.root.Kunde().Postnr())\r\n app.root.Medforsikret().By(app.root.Kunde().By())\r\n app.root.Medforsikret().Gade(app.root.Kunde().Gade())\r\n app.root.Medforsikret().Husnr(app.root.Kunde().Husnr())\r\n app.root.Medforsikret().Etage(app.root.Kunde().Etage())\r\n app.root.Medforsikret().SideDoerNr(app.root.Kunde().SideDoerNr())\r\n app.root.Medforsikret().Longitude(app.root.Kunde().Longitude())\r\n app.root.Medforsikret().Latitude(app.root.Kunde().Latitude())\r\n}\r\n\r\nbasic.FillMedforsikretAdress = function (address) {\r\n const elm = h.getElm('selectMedforsikretAddress')\r\n if (elm) {\r\n $('#selectMedforsikretAddress').val(address)\r\n $('#selectMedforsikretAddress')[0].ifws_control.setText(address)\r\n basic.CopyKundeAdressToMedforsikret()\r\n\r\n // reset multicontrol\r\n const _jAddress = $('#selectMedforsikretAddress')\r\n if (_jAddress[0].ifws_isInvalid) {\r\n _jAddress[0].ifws_isInvalid = false\r\n h.updateElementValidation(\r\n _jAddress[0],\r\n 'ifws_isInvalid',\r\n '',\r\n true\r\n )\r\n }\r\n _jAddress[0].ifws_control.isDisabled = false\r\n _jAddress[0].ifws_control.enable()\r\n\r\n // trigger change behavioue in adresscontroll\r\n _jAddress[0].ifws_control.evaluate()\r\n h.disable($('#selectMedforsikretAddress'))\r\n }\r\n}\r\n\r\nbasic.personligInfo = function (jElement) {\r\n if (h.getElm('kontaktInfoNameGroup')) {\r\n const kElm = $('#kontaktInfoNameGroup')\r\n if (ko.dataFor(kElm[0]) && kElm.length) {\r\n ko.cleanNode(kElm[0])\r\n }\r\n ko.applyBindings(app.root.Kunde, h.getElm('kontaktInfoNameGroup'))\r\n enableToolTips(kElm)\r\n }\r\n\r\n const person = app.root.Kunde()\r\n basic.personligInfo1(PersonEntities.Kunde, person, jElement)\r\n\r\n const isMedforsikretGrpElm = h.getElm('IsMedforsikretGroup')\r\n if (isMedforsikretGrpElm) {\r\n if (ko.dataFor(isMedforsikretGrpElm)) {\r\n ko.cleanNode(isMedforsikretGrpElm)\r\n }\r\n ko.applyBindings(app.root.Kunde, isMedforsikretGrpElm)\r\n }\r\n\r\n const elm = document.getElementById('MedforsikretNavnOgCPRGroup')\r\n\r\n if (elm) {\r\n if (ko.dataFor(elm)) {\r\n ko.cleanNode(elm)\r\n }\r\n\r\n // remove any previous binding from address element\r\n const detailElement = document.getElementById('medforsikretFamilieDetaljer')\r\n if (detailElement && ko.dataFor(detailElement)) {\r\n ko.cleanNode(detailElement)\r\n }\r\n\r\n ko.applyBindings(\r\n app.root.Medforsikret,\r\n elm\r\n )\r\n basic.medforsikretGroup()\r\n\r\n app.root.Medforsikret().UseCustomerAdressForCoInsured.subscribe(\r\n function (val) {\r\n basic.ClearMedforsikretAdress()\r\n if (val) {\r\n // copy address from kunde\r\n basic.FillMedforsikretAdress(app.root.Kunde().Address())\r\n }\r\n }\r\n )\r\n // validation rules (using dynamic settings and not static settings {fornavn: ...} because we need to use the prefix)\r\n $('#MedforsikretFornavn').rules('add', {\r\n required: true\r\n })\r\n $('#MedforsikretEfternavn').rules('add', {\r\n required: true\r\n })\r\n\r\n const mfCpr1 = h.getElm('MedforsikretCpr1')\r\n const mfCpr2 = h.getElm('MedforsikretCpr2')\r\n\r\n if (!(mfCpr1.disabled || mfCpr2.disabled)) {\r\n enableCPRValidationMedforsikret(jElement, app.root.Medforsikret().role)\r\n }\r\n }\r\n\r\n basic.clearInlineMessage(jElement.find('#personligInfoMessage'))\r\n\r\n for (let i = 0; i < app.root.ProduktOverblikV2.ProductsInCart.length; i++) {\r\n const prod = app.root.ProduktOverblikV2.ProductsInCart[i]\r\n if (prod.localName === 'bil' && !app.root.Disv()) {\r\n $('#familieDetaljer .dws-smallButton').remove()\r\n break\r\n }\r\n }\r\n\r\n if (!app.root.ShowCustomerElements()) {\r\n // hide additional customer elements not bound with ko\r\n $('.hide-customer-element').hide()\r\n }\r\n\r\n if (!app.root.Kunde().ShowPurchaseBlockedMessage()) {\r\n h.selectNextEntry(jElement)\r\n }\r\n\r\n $('[data-id=editEmail]').click(function () {\r\n app.root.UserClickedChangeEmail(true)\r\n })\r\n $('[data-id=editPhone]').click(function () {\r\n app.root.UserClickedChangePhone(true)\r\n })\r\n}\r\n\r\n// Medforsikret start --------------------------------------\r\nbasic.medforsikretGroup = function (jElement) {\r\n if (app.root && app.root.Kunde) {\r\n app.root.Kunde().IsMedforsikret.subscribe(function (newValue) {\r\n basic.displayMedforsikretGroup()\r\n })\r\n }\r\n basic.displayMedforsikretGroup()\r\n}\r\n\r\nbasic.displayMedforsikretGroup = function () {\r\n const isMedforsikretNej = h.getElm('IsMedforsikretNej')\r\n if (!isMedforsikretNej) {\r\n return\r\n }\r\n if (isMedforsikretNej.checked) {\r\n $('#MedforsikretNavnOgCPRGroup').hide()\r\n } else {\r\n $('#MedforsikretNavnOgCPRGroup').show()\r\n }\r\n}\r\n// Medforsikret Slut --------------------------------------\r\n\r\nbasic.shopHeader = function (jElement) {\r\n // the header might not display the group, if it isn't available - e.g. om the last page\r\n\r\n const _elm = h.getElm('headerCartCount')\r\n if (_elm) {\r\n ko.applyBindingsToNode(_elm, null, app.root)\r\n }\r\n\r\n if (h.getElm('gotoCart')) {\r\n $('#gotoCart').on('click', function () {\r\n // use singleActionButton to ensure this action is finished without any other actions interrupting\r\n basic.validateAll(jElement, function () {\r\n app.loadPage('cart')\r\n })\r\n })\r\n }\r\n\r\n // WDK-1933\r\n $(window).bind('beforeunload', function (e) {\r\n const message = 'Du er ved at forlade webshoppen.'\r\n e.returnValue = message\r\n return message\r\n })\r\n}\r\n\r\nbasic.medarbejderkodePanel = function (jElement) {\r\n ko.applyBindings(app.root.Kunde, h.getElm('HarFaaetHjaelpAf'))\r\n\r\n // look for medarbejderkode as soon as enough characters are entered:\r\n $('#HarFaaetHjaelpAf').on('keydown', function (e) {\r\n this.validateEntry = e.which !== 0 && e.charCode !== 0\r\n })\r\n\r\n // validation rules\r\n const _jForm = jElement\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const _validator = _jForm.validate({\r\n rules: {\r\n HarFaaetHjaelpAf: {\r\n required: true,\r\n maxlength: 4\r\n }\r\n }\r\n })\r\n _jForm[0].validator = _validator\r\n}\r\n\r\nbasic.kundePanel = function (jElement) {\r\n app.root.activeProduct.disposeDaekningsSubscriptions()\r\n\r\n enableToolTips(jElement)\r\n\r\n // obs: extremely important do not remove\r\n h.getForm(jElement)\r\n\r\n // setup controls. the setup of validation rules is done dynamic (directly on the elements), so it won't overwrite any existing rules.\r\n basic.setupKundeInfoGroup(jElement)\r\n\r\n if (app.root.DisableCustomerElements()) {\r\n basic.hideCprGroupSection()\r\n }\r\n}\r\nbasic.hideForsikredeCprGroupSection = function () {\r\n const elm = h.getElm('forsikredeCPRGroup')\r\n if (elm) {\r\n elm.style.display = 'none'\r\n }\r\n\r\n const insuredHeadline = document.querySelector('[data-id=\"header_DenUlykkeForsikrede-ulykke\"]')\r\n if (insuredHeadline) {\r\n insuredHeadline.style.display = 'none'\r\n }\r\n}\r\n\r\nbasic.hideCprGroupSection = function () {\r\n const elm = h.getElm('CPRGroup')\r\n if (elm) {\r\n elm.style.display = 'none'\r\n }\r\n}\r\n\r\nbasic.cartOverviewRefresh = function (id, removeFromWizzardStep1) {\r\n if (removeFromWizzardStep1 === true) {\r\n app.loadMaxiCart()\r\n } else {\r\n if (app.page === 'produkt') {\r\n if (app.root.activeProduct && app.root.activeProduct.ProduktID() === id) {\r\n // user removed the active product. reload the next product page\r\n app.loadMaxiCart()\r\n } else {\r\n // user removed another product. refresh the page\r\n app.loadPage('produkt') // REFAC: only update totals and the cart overview\r\n }\r\n } else {\r\n app.loadMaxiCart()\r\n }\r\n }\r\n}\r\n\r\nbasic.cartOverview = function (jElement) {\r\n // used by both cart page and the cart as a right side panel\r\n\r\n jElement.find('.tableRemove').on('click', function (e) {\r\n const _id = $(this)\r\n .parentsUntil(app.getTopJElm(), '.prisPanel')\r\n .attr('data-table-entry-id')\r\n if (_id) {\r\n // Ask the user to confirm the action\r\n const _txt = app.getHjaelpeKodeText(\r\n 'CLIENT-BEKRAEFT_SLET_PRODUKT',\r\n 'Er du sikker på at du vil slette den valgte forsikring?'\r\n )\r\n // short, long, actionSettings, className\r\n app.showQuestion('', _txt, {\r\n okText: app.getHjaelpeKodeText('CLIENT-BUTTON-JA', 'Ja'),\r\n cancelText: app.getHjaelpeKodeText('CLIENT-BUTTON-NEJ', 'Nej'),\r\n ok: function () {\r\n if (app.page === 'produkt') {\r\n // if on the product page, yóu may be working on the active product when deleting it from the cart in the right panel\r\n // test if this is the last one.\r\n if (app.root.CartCount() === 1) {\r\n // only one product. just remove it and exit (validation happens again on the server and then the server issues the exit response)\r\n basic.removeProduct(_id)\r\n } else {\r\n if (app.root.activeProduct.ProduktID() === _id) {\r\n // inform the user that the current product is now removed and he/she will continue to the next\r\n const _txt = app.getHjaelpeKodeText(\r\n 'CLIENT-AKTUELT_PRODUKT_SLETTET',\r\n 'Forsikringen blev fjernet fra kurven?'\r\n )\r\n const _buttonTxt = app.getHjaelpeKodeText(\r\n 'CLIENT-AKTUELT_PRODUKT_SLETTET_BUTTON',\r\n 'Fortsæt'\r\n )\r\n\r\n app.showMessage('', _txt, {\r\n okText: _buttonTxt,\r\n ok: function () {\r\n basic.removeProduct(_id)\r\n },\r\n escape: function () {\r\n basic.removeProduct(_id)\r\n }\r\n })\r\n } else {\r\n basic.removeProduct(_id)\r\n }\r\n }\r\n } else {\r\n // on the cart page (at least not on the product page), dont ask any further\r\n basic.removeProduct(_id)\r\n }\r\n },\r\n cancel: function () {\r\n // do nothing further. the user will correct problems\r\n singleActionButton.setIsChanging(false)\r\n }\r\n })\r\n } else {\r\n app.reportFail('id not found when deleting product from client')\r\n }\r\n e.stopPropagation() // ensure jElement.find('.tableEdit').on('click', is not hit too\r\n })\r\n\r\n jElement.find('.tableEdit').on('click', function () {\r\n const element = this\r\n\r\n basic.validateAll(jElement, function () {\r\n // practically a loadPage call, but we need to call the page with the right id\r\n const _id = $(element)\r\n .parentsUntil(app.getTopJElm(), '.prisPanel,.prisPanelDescription')\r\n .attr('data-table-entry-id')\r\n if (_id) {\r\n app.loadHtml({\r\n element: this,\r\n url: 'shop/produkt/' + _id,\r\n block: true,\r\n actionOnBusy: 'queue',\r\n done: function (data, textStatus, jqXHR) {\r\n app.loadPage(null, null, data)\r\n },\r\n always: function () {\r\n singleActionButton.setIsChanging(false)\r\n }\r\n })\r\n } else {\r\n singleActionButton.setIsChanging(false)\r\n app.reportFail('id not found when editing product from client')\r\n }\r\n })\r\n })\r\n\r\n $('#checkout').on('click', function () {\r\n // if there is a page specific navigation button -use it instead\r\n const _jPageButton = $('#wizardNavigation .ecmt-button')\r\n if (h.isSingleResult(_jPageButton)) {\r\n _jPageButton.click()\r\n } else {\r\n singleActionButton.execute({\r\n onSuccess: function () {\r\n app.loadPage('checkout', undefined, undefined, {\r\n always: function () {\r\n singleActionButton.setIsChanging(false)\r\n }\r\n })\r\n }\r\n })\r\n }\r\n })\r\n\r\n $('#finishCalculations').on('click', function () {\r\n const _jPageButton = $('#wizardNavigation .ecmt-button')\r\n if (h.isSingleResult(_jPageButton)) {\r\n _jPageButton.click()\r\n } else {\r\n singleActionButton.execute({\r\n onSuccess: function () {\r\n const _id = $('#cartOverview')\r\n .find('.notDone')\r\n .first()\r\n .attr('data-table-entry-id')\r\n if (_id) {\r\n basic.gotoProduct(_id, {\r\n always: function () {\r\n singleActionButton.setIsChanging(false)\r\n }\r\n })\r\n } else {\r\n app.reportFail('id not found when editing product from client')\r\n singleActionButton.setIsChanging(false)\r\n }\r\n }\r\n })\r\n }\r\n })\r\n\r\n enableSelect($('#selectProduktType'), null, null, {\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n if (app.root.ProduktTyper) {\r\n for (let i = 0; i < app.root.ProduktTyper.length; i++) {\r\n if (\r\n app.root.ProduktTyper[i].Aktiv &&\r\n app.root.ProduktTyper[i].InMenu\r\n ) {\r\n let txt = app.root.ProduktTyper[i].LangTitel\r\n let val = app.root.ProduktTyper[i].Navn\r\n\r\n // WDK-2130\r\n if (val.toLowerCase() === 'borneforsikring') {\r\n txt = app.root.ProduktTyper[i].LangTitel\r\n val = 'ulykkebarn'\r\n }\r\n\r\n // add to array\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(val)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n })\r\n\r\n $('#selectProduktType').on('change', function () {\r\n app.root.addProdukt($('#selectProduktType')[0].value, {\r\n // immediately after the products are saved, call the server to direct the user to the most relevant product\r\n done: basic.gotoNextProduct,\r\n always: function () {\r\n // reset the content of the list\r\n const _select = h.getElm('selectProduktType')\r\n _select.ifws_control.setText(undefined)\r\n _select.ifws_control.update()\r\n }\r\n })\r\n })\r\n\r\n // update the text on the navigation button\r\n basic.updateCartPanelButton()\r\n // display it (it is hidden if displayed in right panel)\r\n $('#dws-kurvNavigering').show('fade', 200)\r\n\r\n // help specify what product is currently being clicked (doesn't have to be the one actuelly selected for purchase)\r\n jElement.find('.dws-js-daekningBeregnet').on('click', function (e) {\r\n // used by basic.prisOpsummering\r\n basic.displayInfoAboutDaekning = undefined\r\n\r\n const _id = $(this)\r\n .parents('.prisPanel')\r\n .attr('data-table-entry-id')\r\n if (_id) {\r\n app.root.ensureActiveProduct(_id, function () {\r\n displayMessageButton(e.currentTarget)\r\n })\r\n }\r\n })\r\n}\r\n\r\nbasic.bottomSummaryClick = function (cartStatus, NumProductsInCart) {\r\n if (app.GetNissanContext()) {\r\n return\r\n }\r\n const showPrice =\r\n cartStatus.toLowerCase() === 'producthasprice' ||\r\n (NumProductsInCart === '1' && cartStatus.toLowerCase() === 'checkout')\r\n if (showPrice) {\r\n basic.displayInfoAboutDaekning = undefined\r\n displayMessageButton(h.getElm('floating-summary-text'))\r\n } else {\r\n if ($('#webshop-floating-cart').hasClass('hidden')) {\r\n $('#webshop-floating-cart').removeClass('hidden')\r\n $('#webshop-floating-cart').addClass('visible')\r\n return false\r\n }\r\n }\r\n}\r\n\r\nbasic.prisOpsummering = function (jElement) {\r\n let daekning\r\n // basic.displayInfoAboutDaekning is set on the display buttons click event. The model is retreived based on attribute values in the element containing the display button\r\n if (basic.displayInfoAboutDaekning) {\r\n daekning = basic.displayInfoAboutDaekning\r\n } else {\r\n daekning = app.root.activeProduct.Daekning()\r\n }\r\n\r\n if (daekning) {\r\n // bind price\r\n ko.applyBindings(daekning, h.getElm('produktOpsummeringDetaljerPriser'))\r\n }\r\n}\r\n\r\n// Other scripts ------------------------------------------------------------------------------------\r\n\r\nbasic.displaySimpleMessage = function (jElement, productId, kort, lang) {\r\n if (kort || lang) {\r\n app.showMessage(\r\n kort,\r\n lang,\r\n { okText: app.getHjaelpeKodeText('CLIENT-BUTTON-LUK', 'Luk') },\r\n undefined,\r\n false\r\n )\r\n }\r\n}\r\n\r\nbasic.vaelgAndenAdresse = function () {\r\n app.root.Kunde().Postnr('')\r\n app.root.Kunde().By('')\r\n app.root.Kunde().Gade('')\r\n app.root.Kunde().Husnr('')\r\n // app.root.Kunde.Kvhx('');\r\n app.root.Kunde().Etage('')\r\n app.root.Kunde().SideDoerNr('')\r\n app.root.Kunde().Longitude('')\r\n app.root.Kunde().Latitude('')\r\n\r\n const _jPostnr = $('#Postnr')\r\n _jPostnr[0].ifws_control.isDisabled = false\r\n _jPostnr[0].ifws_control.enable()\r\n _jPostnr[0].ifws_control.reset()\r\n\r\n const _jGade = $('#selectGade')\r\n _jGade[0].ifws_control.isDisabled = false\r\n _jGade[0].ifws_control.enable()\r\n _jGade[0].ifws_control.reset()\r\n\r\n const _jAddress = $('#selectAddress')\r\n _jAddress[0].ifws_control.isDisabled = false\r\n _jAddress[0].ifws_control.enable()\r\n _jAddress[0].ifws_control.reset()\r\n\r\n const _jHusnr = $('#selectHusnr')\r\n _jHusnr[0].ifws_control.isDisabled = false\r\n _jHusnr[0].ifws_control.enable()\r\n _jHusnr[0].ifws_control.reset()\r\n\r\n const _jEtage = $('#selectEtage')\r\n _jEtage[0].ifws_control.isDisabled = false\r\n _jEtage[0].ifws_control.enable()\r\n _jEtage[0].ifws_control.reset()\r\n\r\n const _jSideDoer = $('#selectSideDoerNr')\r\n _jSideDoer[0].ifws_control.isDisabled = false\r\n _jSideDoer[0].ifws_control.enable()\r\n _jSideDoer[0].ifws_control.reset()\r\n}\r\n\r\nbasic.validateAll = function (jElement, action) {\r\n singleActionButton.execute({\r\n validateForms: true,\r\n actionName: 'validateAll',\r\n waiting: 0,\r\n onSuccess: function (s) {\r\n // no validation problems. Save and move on\r\n app.root.activeProduct.save(\r\n {\r\n done: function () {\r\n action()\r\n },\r\n entryFail: function () {\r\n // validation error. ignore\r\n action()\r\n return false\r\n },\r\n always: function () {\r\n singleActionButton.setIsChanging(false)\r\n }\r\n },\r\n true\r\n )\r\n },\r\n onFail: function (s) {\r\n // validation problems\r\n const _txt = app.getHjaelpeKodeText(\r\n 'CLIENT-BEKRAEFT_GEM_GRUNDET_FEJL',\r\n 'Du er ikke færdig med at udfyld denne side. Tryk ja hvis du vil fortsætte uden at gemme. Tryk nej hvis du vil færdiggøre siden først.'\r\n )\r\n // short, long, actionSettings, className\r\n app.showQuestion('', _txt, {\r\n okText: app.getHjaelpeKodeText('CLIENT-BUTTON-JA', 'Ja'),\r\n cancelText: app.getHjaelpeKodeText('CLIENT-BUTTON-NEJ', 'Nej'),\r\n ok: function () {\r\n // ignore problems, reset product and move on\r\n app.root.activeProduct.load({ done: action }) // reads saved data from server overwriting any changes not accepted\r\n s.setIsChanging(false)\r\n },\r\n cancel: function () {\r\n // do nothing further. the user will correct problems\r\n s.setIsChanging(false)\r\n }\r\n })\r\n singleActionButton.setIsChanging(false)\r\n }\r\n })\r\n}\r\n\r\nbasic.updateTotalFields = function () {\r\n // update price panels\r\n if (h.getElm('forsikringerIKurv')) {\r\n // the sum form is propably displayed in a panel on the right. rerender it\r\n app.loadHtml({\r\n url: 'bilprodukt/getsubview/forsikringerikurv',\r\n block: false,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n $('#forsikringerIKurv')\r\n .parent()\r\n .html(data)\r\n }\r\n })\r\n }\r\n app.root.sync()\r\n}\r\n\r\nbasic.gotoNextProduct = function () {\r\n return basic.gotoProduct('next')\r\n}\r\n\r\nbasic.gotoProduct = function (id, actionSettings) {\r\n // find the topmost table entry in the list containing products that aren't done\r\n app.loadHtml({\r\n element: this,\r\n url: 'shop/produkt/' + id,\r\n actionOnBusy: 'queue',\r\n block: true,\r\n actionSettings,\r\n done: function (data, textStatus, jqXHR) {\r\n // the product is found, open it\r\n app.loadPage(null, null, data)\r\n }\r\n })\r\n}\r\n\r\nbasic.disableCpr = function () {\r\n document.getElementById('Cpr1').disabled = true\r\n document.getElementById('Cpr2').disabled = true\r\n}\r\n\r\nbasic.validateMopedRegnr = function (regNr) {\r\n const regnr = { regNr }\r\n const defer = $.Deferred()\r\n app.loadJson({\r\n url: 'knallertprodukt/ValidateRegNr',\r\n data: JSON.stringify(regnr),\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n defer.resolve(data)\r\n }\r\n })\r\n return defer.promise()\r\n}\r\n\r\nbasic.getPersonToUpdateInfoFor = function (prefix) {\r\n let personToUpdateDataFor\r\n if (prefix == PersonEntities.Medforsikret) {\r\n personToUpdateDataFor = app.root.Medforsikret()\r\n } else if (prefix == PersonEntities.ForsikredePerson) {\r\n if (app.root.activeProduct.ForsikredePerson && app.root.activeProduct.ForsikredePerson()) {\r\n personToUpdateDataFor = app.root.activeProduct.ForsikredePerson()\r\n }\r\n } else if (prefix == PersonEntities.Kunde) {\r\n personToUpdateDataFor = app.root.Kunde()\r\n } else if (prefix == PersonEntities.AndenForsikrede) {\r\n if (app.root.activeProduct.ForsikredePerson && app.root.activeProduct.ForsikredePerson()) {\r\n personToUpdateDataFor = app.root.activeProduct.ForsikredePerson()\r\n }\r\n }\r\n return personToUpdateDataFor\r\n}\r\n\r\nbasic.personligInfo1 = function (prefix, person, jElement) {\r\n // prefix: used for \"andens\" (Car - other user)\r\n enableToolTips(jElement)\r\n\r\n if (h.getElm('EmailAdr')) {\r\n h.getElm('EmailAdr').ifws_customValidation = function (value) {\r\n if (value) {\r\n const txt = value.substring(0, value.indexOf('@'))\r\n const rule = /[^\\x20-\\x7F]+/\r\n this.ifws_isInvalid = rule.exec(txt) != null\r\n }\r\n return !this.ifws_isInvalid\r\n }\r\n }\r\n\r\n const _jForm = $('#bekraeft')\r\n\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n if (!_jForm[0].validator) {\r\n const _validator = _jForm.validate()\r\n _jForm[0].validator = _validator\r\n }\r\n\r\n if (prefix == PersonEntities.Kunde) {\r\n // dont display mobil etc. for \"AndenBruger\"\r\n\r\n $('#MobilNr').rules('add', {\r\n required: true,\r\n number: true,\r\n minlength: 8,\r\n messages: {\r\n number: app.getFejlKodeText(\r\n 'CLIENT-MOBIL_NUMBERS_ONLY',\r\n 'Indtast venligst et dansk telefonnummer (8 cifre - uden landekode).'\r\n ),\r\n minlength: app.getFejlKodeText(\r\n 'CLIENT-MOBIL_NUMBERS_ONLY',\r\n 'Indtast venligst et dansk telefonnummer (8 cifre - uden landekode).'\r\n )\r\n }\r\n })\r\n\r\n if (h.getElm('EmailAdr')) {\r\n $('#EmailAdr').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true,\r\n email: true\r\n })\r\n\r\n // TODO: Add db fejlcodes for the two messages below.\r\n // E-mailadresse er obligatorisk\r\n // Ugyldig emailadresse\r\n\r\n h.addValidatorMessage(\r\n h.getElm('EmailAdr'),\r\n 'required'\r\n )\r\n\r\n h.addValidatorMessage(\r\n h.getElm('EmailAdr'),\r\n 'email',\r\n app.getFejlKodeText(\r\n 'CLIENT-EMAIL_IS_INVALID',\r\n 'Indtast venligst en gyldig e-mail.'\r\n )\r\n )\r\n\r\n h.addValidatorMessage(\r\n h.getElm('EmailAdr'),\r\n 'ifws_isInvalid',\r\n app.getFejlKodeText(\r\n 'CLIENT-EMAIL_MED_NATIONALE_TEGN',\r\n 'Du kan ikke benytte en email konto med nationale bogstaver.'\r\n )\r\n )\r\n\r\n emailUnexpectedData.attach(document.getElementById('EmailAdr'), document.getElementById('email-content-info'))\r\n }\r\n }\r\n\r\n if (prefix == PersonEntities.Kunde) {\r\n app.root.FrysKundeInfo()\r\n\r\n $('#MobilNr').blur(function () {\r\n if (!$('#MobilNr').is(':disabled')) {\r\n if (h.validateElement($('#MobilNr')[0], 'MobilNr', '')) {\r\n app.root.Kunde().CallPushUpdate()\r\n }\r\n }\r\n })\r\n\r\n $('#EmailAdr').blur(function () {\r\n if (!$('#EmailAdr').is(':disabled')) {\r\n if (h.validateElement($('#EmailAdr')[0], 'EmailAdr', '') && !emailUnexpectedData.containsUnexpectedData($('#EmailAdr').val())) {\r\n app.root.Kunde().CallPushUpdate()\r\n }\r\n }\r\n })\r\n\r\n if ($('#Fornavn').length) {\r\n if (!$('#Fornavn').is(':disabled')) {\r\n $('#Fornavn').change(function () {\r\n if (h.validateElement($('#Fornavn')[0], 'Fornavn', '')) {\r\n app.root.Kunde().CallPushUpdate()\r\n }\r\n })\r\n }\r\n }\r\n if ($('#Efternavn').length) {\r\n if (!$('#Efternavn').is(':disabled')) {\r\n $('#Efternavn').change(function () {\r\n if (h.validateElement($('#Efternavn')[0], 'Efternavn', '')) {\r\n app.root.Kunde().CallPushUpdate()\r\n }\r\n })\r\n }\r\n }\r\n }\r\n\r\n basic.setupAddressAutocomplete(prefix, app.root.activeProduct, jElement)\r\n}\r\n\r\nbasic.FindTilvalgObject = function (modelNavn) {\r\n let _model\r\n $.each(app.root.activeProduct.Daekning().Daekninger(), function (index, item) {\r\n if (item.ModelNavn() === modelNavn) {\r\n _model = item\r\n return false // $.each\r\n }\r\n })\r\n return _model\r\n}\r\n\r\nbasic.FindTilvalgObject2 = function (praemieModelNavn, modelNavn) {\r\n let _praemieModel\r\n let _model\r\n\r\n $.each(app.root.activeProduct.Praemier(), function (index, item) {\r\n if (item.ModelNavn() === praemieModelNavn) {\r\n _praemieModel = item\r\n return false // $.each\r\n }\r\n })\r\n if (_praemieModel) {\r\n $.each(_praemieModel.Daekninger(), function (index, item) {\r\n if (item.ModelNavn() === modelNavn) {\r\n _model = item\r\n return false // $.each\r\n }\r\n })\r\n }\r\n return _model\r\n}\r\n\r\nbasic.updateTilvalg = function (\r\n dependencyElm,\r\n dependentElm,\r\n disableOnChecked,\r\n uncheckOnDisable,\r\n checkOnDisable,\r\n disableOnUnchecked\r\n) {\r\n // used by custom code when en/disable tilvalg dependent on other tilvalg\r\n if (disableOnChecked === undefined) {\r\n disableOnChecked = false\r\n }\r\n\r\n const _jElm = $(dependentElm)\r\n if (_jElm.length) {\r\n const _elm = _jElm[0]\r\n if (dependencyElm.checked && disableOnChecked === true) {\r\n if (uncheckOnDisable === true) {\r\n _elm.checked = false\r\n } else if (checkOnDisable === true) {\r\n _elm.checked = true\r\n }\r\n h.enable(_jElm)\r\n updateCheckbox(_elm)\r\n _jElm\r\n .parents('.dws-js-tilvalg')\r\n .find('label,span')\r\n .removeClass('dws-grayed')\r\n } else if (dependencyElm.checked || disableOnChecked === true) {\r\n const _model = basic.FindTilvalgObject($(_elm).attr('data-daekning'))\r\n if (!_model || _model.Tilbydes()) {\r\n // if the model isn't found it is propably a custom setting and not found in the normal model. such is always offered\r\n h.enable(_jElm)\r\n updateCheckbox(_elm)\r\n _jElm\r\n .parents('.dws-js-tilvalg')\r\n .find('label,span')\r\n .removeClass('dws-grayed')\r\n }\r\n } else if (disableOnUnchecked === true) {\r\n if (uncheckOnDisable === true) {\r\n _elm.checked = false\r\n } else if (checkOnDisable === true) {\r\n _elm.checked = true\r\n }\r\n h.disable(_jElm)\r\n updateCheckbox(_elm)\r\n _jElm\r\n .parents('.dws-js-tilvalg')\r\n .find('label,span')\r\n .addClass('dws-grayed')\r\n }\r\n }\r\n}\r\n\r\nbasic.setupKundeInfoGroup = function (jElement) {\r\n basic.CPRGroupEnabled = false\r\n const elmGroup = h.getElm('CPRGroup')\r\n const interactableGroup = elmGroup && elmGroup.style.display != 'none'\r\n\r\n function enableCPRGroup () {\r\n if (!basic.CPRGroupEnabled && interactableGroup) {\r\n ko.applyBindings(app.root.Kunde(), h.getElm('CPRGroup'))\r\n basic.CPRGroupEnabled = true\r\n }\r\n if (interactableGroup) {\r\n enableCPRValidationKunde(jElement, app.root.Kunde().role, true)\r\n }\r\n }\r\n enableCPRGroup()\r\n}\r\n\r\n// called by ALL products (except Moped) when reaching the coverage/price page\r\nbasic.daekningsTilpasningsPanelBasics = function (jElement) {\r\n function addOptions (element, items, selected) {\r\n const $element = $(element)\r\n\r\n items.forEach(function (value) {\r\n const isSelected = selected.toString() === value.toString()\r\n $element.append(\r\n $('')\r\n .attr('selected', isSelected)\r\n .text(h.getPrice(value) + ' kr.')\r\n .val(value)\r\n )\r\n })\r\n }\r\n const $SelvrisikoSelect = $('#SelvrisikoSelect')\r\n const activeProduct = app.root.activeProduct\r\n enableToolTips(jElement)\r\n\r\n // enable controls\r\n if ($SelvrisikoSelect.length) {\r\n let latestDaekningDefaultSelvrisiko\r\n enableSelect($SelvrisikoSelect, activeProduct, activeProduct.Daekning, {\r\n disableAutoBind: true,\r\n usesKeyValuePairs: true,\r\n selectorDefaultText: 'NON_DEFAULT_SELECTION_TEXT',\r\n onLoad: function (element) {\r\n const items = activeProduct.Daekning().SelvRisici()\r\n const defaultSelvRisiko = activeProduct.Daekning().DefaultSelvrisiko()\r\n\r\n if (\r\n latestDaekningDefaultSelvrisiko !== undefined &&\r\n defaultSelvRisiko !== latestDaekningDefaultSelvrisiko\r\n ) {\r\n activeProduct.Selvrisiko(defaultSelvRisiko)\r\n } else {\r\n // If defaultSelvrisiko is same, make sure selected value is in the range\r\n // check that selected is in items\r\n const selvrisikoInt = parseInt(activeProduct.Selvrisiko())\r\n const selvrisikoIsInSelvRisici = items.indexOf(selvrisikoInt) !== -1\r\n if (!selvrisikoIsInSelvRisici) {\r\n activeProduct.Selvrisiko(defaultSelvRisiko)\r\n }\r\n }\r\n latestDaekningDefaultSelvrisiko = defaultSelvRisiko\r\n const selected = activeProduct.Selvrisiko()\r\n addOptions(element, items, selected)\r\n }\r\n })\r\n\r\n let lastSelvrisikoString = String(activeProduct.Selvrisiko())\r\n activeProduct.daekningsSubscriptions.push(activeProduct.Selvrisiko.subscribe(function (newSelvrisiko) {\r\n const newSelvrisikoString = String(newSelvrisiko)\r\n const hasChanged = newSelvrisikoString !== lastSelvrisikoString\r\n\r\n if (hasChanged) {\r\n lastSelvrisikoString = newSelvrisikoString\r\n activeProduct.beregn()\r\n }\r\n }))\r\n }\r\n\r\n if ($('#Selvrisiko').length) {\r\n enableSlider($('#Selvrisiko'), {\r\n defaultStep: 0,\r\n format: function (value) {\r\n return h.getPrice(value) + ' kr.'\r\n },\r\n convert: function (slider, value) {\r\n // converts from slider step to property value\r\n if (slider.steps) {\r\n return slider.steps[value]\r\n }\r\n return 0\r\n },\r\n revert: function (slider, value) {\r\n // converts from property value to slider step text\r\n if (slider.steps) {\r\n return $.inArray(value, slider.steps)\r\n }\r\n return 0\r\n }\r\n })\r\n $('#Selvrisiko').slider('option', 'disabled', true)\r\n\r\n // call Beregn on any change to the criterias\r\n activeProduct.daekningsSubscriptions.push(activeProduct.Selvrisiko.subscribeChanged(activeProduct.beregnOnChange))\r\n }\r\n\r\n ko.applyBindings(activeProduct, h.getElm('daekningsTilpasningsPanel'))\r\n\r\n if ($('#addedWizardNavigation').length > 0) {\r\n ko.applyBindings(activeProduct, h.getElm('addedWizardNavigation'))\r\n }\r\n\r\n // When ever a tilvalg is un/selected, it must be reflected in the dækning object on the product and its total is updated too\r\n $('[id$=_tilvalg]').on('evaluate', function () {\r\n const checked = this.checked\r\n const elm = this\r\n const modelName = $(this).attr('data-daekning')\r\n const addOnModelProperty =\r\n 'addOnModelMap' in activeProduct && activeProduct.addOnModelMap[modelName]\r\n\r\n if (addOnModelProperty) {\r\n // this ensures that the property in the root product is kept in sync with the addon value\r\n addOnModelProperty(checked)\r\n basic.updatePricesOnTilvalgChange(elm)\r\n activeProduct.updateTilvalg()\r\n\r\n activeProduct.beregn()\r\n } else {\r\n // no need to beregn, just update prices with the selection\r\n basic.updatePricesOnTilvalgChange(this)\r\n activeProduct.updateTilvalg()\r\n }\r\n })\r\n}\r\n\r\nbasic.setupTidligereSelskab = function (jElement) {\r\n enableToolTips(jElement)\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n // validation rules\r\n const _jForm = jElement\r\n _jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const rules = {\r\n HarTidligereSelskab: {\r\n required: true\r\n },\r\n TidligereSelskab: {\r\n ifws_selected: true\r\n },\r\n OpsigelseType: {\r\n required: true,\r\n ifws_isInvalid: true\r\n },\r\n StartDateType: {\r\n required: true\r\n },\r\n selectOpsigelsesMaaned: {\r\n ifws_selected: true\r\n }\r\n }\r\n\r\n const messages = {\r\n OpsigelseType: {\r\n required: TextHelper.getRadioButtonUnansweredErrorMessage(),\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-PURCHASE_NOT_ALLOWED_CONTACT_IF',\r\n 'Vi kan desværre ikke tilbyde dig den forsikring som du har beregnet en pris på. Du bedes venligst kontakte Kundeservice på tlf. nr. 70 12 12 53.'\r\n )\r\n }\r\n }\r\n h.addValidationRulesToForm(_jForm, rules, messages)\r\n\r\n if (h.getElm('HarTidligereSelskabJa')) {\r\n ko.applyBindingsToNode(\r\n h.getElm('HarTidligereSelskabJa'),\r\n null,\r\n app.root.activeProduct\r\n )\r\n ko.applyBindingsToNode(\r\n h.getElm('HarTidligereSelskabNej'),\r\n null,\r\n app.root.activeProduct\r\n )\r\n }\r\n const harTidligereSelskabGroup = h.getElm('HarTidligereSelskabGroup')\r\n if (harTidligereSelskabGroup) {\r\n ko.applyBindingsToNode(\r\n harTidligereSelskabGroup,\r\n null,\r\n app.root.activeProduct\r\n )\r\n }\r\n\r\n const harIkkeTidligereSelskabGroup = h.getElm('HarIkkeTidligereSelskabGroup')\r\n if (harIkkeTidligereSelskabGroup) {\r\n ko.applyBindingsToNode(\r\n harIkkeTidligereSelskabGroup,\r\n null,\r\n app.root.activeProduct\r\n )\r\n }\r\n\r\n // bindings\r\n const tidligareSelskabSelect = h.getElm('TidligereSelskab')\r\n if (tidligareSelskabSelect) {\r\n enableSelect($('#TidligereSelskab'), app.root.activeProduct, null, {\r\n usesKeyValuePairs: true,\r\n onLoadDone: function (element, data) {\r\n // add list\r\n $.each(data, function (index, item) {\r\n $(element).append(\r\n $('')\r\n .text(item.Navn)\r\n .val(item.KortNavn)\r\n )\r\n })\r\n }\r\n })\r\n\r\n if (h.bindToActiveProduct('TidligerePoliceNrContainer')) {\r\n h.bindToActiveProduct('TidligerePoliceNr')\r\n }\r\n basic.setupOpsigelse(jElement)\r\n basic.setupOpsigelseTypeDataChangeHandler()\r\n }\r\n}\r\n\r\nbasic.setupOpsigelse = function (jElement) {\r\n h.bindNodesToActiveProduct('supplerendeInfo')\r\n\r\n h.bindByDataIdToActiveProduct('OpsigelseType1')\r\n h.bindByDataIdToActiveProduct('OpsigelseType2')\r\n h.bindByDataIdToActiveProduct('StartDateType1')\r\n h.bindByDataIdToActiveProduct('StartDateType2')\r\n h.bindToActiveProduct('IkraftDato')\r\n\r\n if ($('#TidligerePoliceNr').length) {\r\n $('#TidligerePoliceNr').rules('add', {\r\n maxlength: 20,\r\n required: true\r\n })\r\n }\r\n\r\n if ($('#IkraftDato').length) {\r\n $('#IkraftDato').rules('add', {\r\n required: true,\r\n ifws_date: true,\r\n ifws_isInvalid: true\r\n })\r\n h.addValidatorMessage(\r\n h.getElm('IkraftDato'),\r\n 'ifws_date',\r\n app.getFejlKodeText(\r\n 'CLIENT-DATO_FORMAT',\r\n 'Du skal benytte formatet dd/mm/yyyy. f.eks. 30/09/1990'\r\n )\r\n )\r\n\r\n $('#IkraftDato').on('blur', function () {\r\n // force date to be validated as soon as the person moves on\r\n // the date is validated on every keystroke, but that doesn't leave an error message if the date is incorrect. This event will\r\n if (this.value) {\r\n h.validateElement(this, 'ifws_date')\r\n }\r\n })\r\n\r\n enableTextInput(\r\n $('#IkraftDato'),\r\n app.root.activeProduct.ForsikredePerson,\r\n null,\r\n {\r\n validateOnBlur: true,\r\n validateImmediately: true,\r\n validation: function (s, actionSettings) {\r\n const value = s.getVal()\r\n if (isDateReadyforValidation(value)) {\r\n const _now = app.getBestDate()\r\n const _date = $.parseDate(value, null, app.culture)\r\n if (_date && _now && _date < _now) {\r\n const _msg = app.getFejlKodeText(\r\n 'CLIENT-HUS_IKRAFTDATO_FOR_TIDLIG',\r\n 'Den angivne dato ligger tilbage i tiden.'\r\n )\r\n s.topElement.ifws_isInvalid = true\r\n h.updateElementValidation(\r\n s.topElement,\r\n 'ifws_isInvalid',\r\n _msg,\r\n false\r\n )\r\n return false\r\n } else if (\r\n app.root.activeProduct.produktNavn === 'hus' ||\r\n app.root.activeProduct.produktNavn === 'cottage'\r\n ) {\r\n // added by pedkia\r\n const _husNow = _now\r\n _husNow.setMonth(_husNow.getMonth() + 17)\r\n if (_date && _husNow && _date > _husNow) {\r\n const mesg = app.getFejlKodeText(\r\n 'CLIENT-HUS_IKRAFTDATO_FOR_SEN',\r\n 'CLIENT-HUS_IKRAFTDATO_FOR_SEN'\r\n )\r\n s.topElement.ifws_isInvalid = true\r\n h.updateElementValidation(\r\n s.topElement,\r\n 'ifws_isInvalid',\r\n mesg,\r\n false\r\n )\r\n return false\r\n }\r\n }\r\n }\r\n s.topElement.ifws_isInvalid = false\r\n s.topElement.form.validator.clearElement(s.topElement) // reset validation info\r\n return true\r\n }\r\n }\r\n )\r\n }\r\n\r\n h.bindToActiveProduct('IkraftDatoSpm')\r\n h.bindToActiveProduct('IkraftDatoForelobig')\r\n h.bindToActiveProduct('opsigelseMaanedVedEj')\r\n\r\n if (app.root.activeProduct) {\r\n app.root.activeProduct.opsigelseMaanedVedEj.subscribe(function (newValue) {\r\n if (newValue) {\r\n $('#selectOpsigelsesMaaned option:first').attr('selected', 'selected')\r\n $('#selectOpsigelsesMaaned').change()\r\n app.root.activeProduct.OpsigelsesMaaned(0)\r\n app.root.activeProduct.IkraftDato(undefined)\r\n }\r\n\r\n // set the date on initial page load\r\n basic.setupOpsigelse.updateIkraftDato()\r\n })\r\n }\r\n\r\n enableSelect($('#selectOpsigelsesMaaned'), app.root.activeProduct, null, {\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n for (let i = 0; i < 12; i++) {\r\n // get month\r\n let _month = $.cultures.da.calendar.months.names[i]\r\n // capitalize first letter\r\n _month = _month.charAt(0).toUpperCase() + _month.slice(1)\r\n // add to array\r\n $(element).append(\r\n $('')\r\n .text(_month)\r\n .val(i + 1)\r\n )\r\n }\r\n }\r\n })\r\n\r\n // check initial state\r\n if (app.root.activeProduct.opsigelseMaanedVedEj() !== false) {\r\n $('#selectOpsigelsesMaaned option:first').attr('selected', 'selected')\r\n $('#selectOpsigelsesMaaned').change()\r\n app.root.activeProduct.OpsigelsesMaaned(0)\r\n app.root.activeProduct.IkraftDato(undefined)\r\n }\r\n\r\n enableSelect($('#selectStartMaaned'), app.root.activeProduct, null, {\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n for (let i = 0; i < 12; i++) {\r\n // get month\r\n let _month = $.cultures.da.calendar.months.names[i]\r\n // capitalize first letter\r\n _month = _month.charAt(0).toUpperCase() + _month.slice(1)\r\n // add to array\r\n $(element).append(\r\n $('')\r\n .text(_month)\r\n .val(i + 1)\r\n )\r\n }\r\n }\r\n })\r\n\r\n basic.setupOpsigelse.clearTidligareSelskabModel = function () {\r\n app.root.activeProduct.TidligereSelskab('')\r\n app.root.activeProduct.OpsigelseType('')\r\n app.root.activeProduct.StartDateType('')\r\n app.root.activeProduct.OpsigelsesMaaned(0)\r\n app.root.activeProduct.IkraftDato('')\r\n }\r\n\r\n basic.setupOpsigelse.updateIkraftDato = function () {\r\n try {\r\n const activeProduct = app.root.activeProduct\r\n if (\r\n activeProduct.isInit ||\r\n (!activeProduct.OpsigelseType() && !activeProduct.StartDateType())\r\n ) {\r\n return\r\n }\r\n const opsigelseTypeString = String(activeProduct.OpsigelseType())\r\n if (opsigelseTypeString === '3' /* EjerskifteHUS */) {\r\n // EjerskifteHUS\r\n activeProduct.IkraftDato('')\r\n const _elm = h.getElm('IkraftDato')\r\n _elm.ifws_isInvalid = false\r\n\r\n jElement.closest('form')[0].validator.clearElement(_elm) // remove errormessage if any\r\n } else {\r\n if (\r\n !activeProduct.OpsigelsesMaaned() &&\r\n !activeProduct.opsigelseMaanedVedEj() &&\r\n (opsigelseTypeString === '1' ||\r\n String(activeProduct.StartDateType()) === '2')\r\n ) {\r\n activeProduct.IkraftDato('')\r\n } else {\r\n const data = {\r\n OpsigelseType: activeProduct.OpsigelseType(),\r\n StartDateType: activeProduct.StartDateType(),\r\n OpsigelsesMaaned: activeProduct.OpsigelsesMaaned(),\r\n OpsigelseMaanedVedEj: activeProduct.opsigelseMaanedVedEj()\r\n }\r\n app.loadJson({\r\n url: 'tilbud/GetIkraftDato',\r\n data: JSON.stringify(data),\r\n cache: false,\r\n block: false,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n const product = app.root.activeProduct\r\n product.IkraftDato(h.getJSONDate(data))\r\n // kun hvis ulykke\r\n if (product.produktNavn === 'ulykke') {\r\n validateIkraftDato(\r\n product.ForsikredePerson().Foedselsdato(),\r\n h.getJSONStringDate(product.IkraftDato())\r\n )\r\n }\r\n }\r\n })\r\n }\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n}\r\n\r\nbasic.setupOpsigelseTypeDataChangeHandler = function () {\r\n $('#HarTidligereSelskabJa, #HarTidligereSelskabNej').on(\r\n 'change',\r\n basic.setupOpsigelse.clearTidligareSelskabModel\r\n )\r\n $(\r\n '#selectOpsigelsesMaaned, #selectStartMaaned, input[name=StartDateType]'\r\n ).on('evaluate', function () {\r\n basic.setupOpsigelse.updateIkraftDato()\r\n })\r\n $('input[data-id=\"OpsigelseType1\"]').on('change', function () { basic.setupOpsigelse.updateIkraftDato() })\r\n $('input[data-id=\"OpsigelseType2\"]').on('change', function () { basic.setupOpsigelse.updateIkraftDato() })\r\n}\r\n\r\nbasic.UpdateValidationUIIfNotValid = function (s, errorMessage, valid) {\r\n if (s && s.topElement) {\r\n s.isEntryValid = valid\r\n s.topElement.ifws_isInvalid = !valid\r\n h.updateElementValidation(\r\n s.topElement,\r\n 'ifws_isInvalid',\r\n errorMessage,\r\n valid\r\n )\r\n } else {\r\n console.log('Entered basic.UpdateValidationUIIfNotValid and s = ', s)\r\n }\r\n}\r\n\r\nbasic.GetCorrectAddressControlName = (prefix) => {\r\n if (!prefix) throw Error('Invalid role')\r\n return h.getSelectSelector('Address', prefix)\r\n}\r\n\r\nbasic.setupAddressAutocomplete = function (\r\n prefix,\r\n model,\r\n jElement,\r\n hide,\r\n disabled) {\r\n const _disabled = disabled\r\n if (h.getSelectElm('Address', prefix)) {\r\n ApplyAddresValidationRule(prefix)\r\n enableAddressAutocomplete(\r\n h.getSelectElmAsJqueryObject('Address', prefix),\r\n model,\r\n jElement,\r\n null,\r\n {\r\n user: prefix,\r\n cache: false,\r\n hide,\r\n disabled: _disabled,\r\n validateImmediately: false,\r\n validation: function (addressControl, actionSettings, actionName) {\r\n if (!addressControl.topElement) return true // meaning if we do not have a proper adress control reference here, its better to bail out early.\r\n if (addressControl.topElement.id != basic.GetCorrectAddressControlName(prefix)) return true // meaning we have a a timing issue, and the adresscontrol has defaulted to top form, we need to exit early if thats the case.\r\n\r\n if (ExitEarlyConditionsMet(addressControl, prefix)) return true // return an ok state\r\n if (FailureToSelect(addressControl, prefix)) return false // return an invalid state\r\n\r\n const urlToUse = `${window.ifws_shopHostUrl}api/dawa/adresser?adgangsadresseid=` + encodeURI(addressControl.getAddressId()) + '&q=' + addressControl.actionSettings.q + '&caretpos=' + addressControl.actionSettings.caretpos + '&type=' + addressControl.actionSettings.type + '&d=' + addressControl.actionSettings.d\r\n\r\n if (SelectedAddressCanBeUsedToTriggerDawaQuery(addressControl)) {\r\n app.loadJson({\r\n url: urlToUse,\r\n cache: false,\r\n async: false,\r\n contentType: '',\r\n externalUrl: true,\r\n type: 'get',\r\n allowCredentials: false,\r\n done: function (data, textStatus, jqXHR) {\r\n data = JSON.parse(data)\r\n ProcessDataReturnedByDawa(\r\n data,\r\n addressControl,\r\n prefix,\r\n app.root.Disv(),\r\n model).then((valid) => {\r\n valid = true\r\n actionSettings.onValid()\r\n if (window.app.wizard && window.app.root.activeProduct && window.app.root.activeProduct.PriceExists()) {\r\n window.app.root.activeProduct.beregn({\r\n done: function () {\r\n app.root.sync()\r\n }\r\n }\r\n )\r\n }\r\n // eslint-disable-next-line handle-callback-err\r\n }).catch(() => {\r\n const errorMessage = app.getFejlKodeText(\r\n 'CLIENT-Invalid_Address',\r\n 'Du kan desværre ikke beregne forsikring på den valgte adresse. Du er velkommen til at kontakte Webshop Service på tlf. nr. 70 12 12 53 for at høre nærmere.'\r\n )\r\n return ProcessErrorReturnedByDawa(addressControl, errorMessage)\r\n })\r\n },\r\n fail: function (response) {\r\n const errorMessage = app.getFejlKodeText(\r\n 'CLIENT-Invalid_Address',\r\n 'Du kan desværre ikke beregne forsikring på den valgte adresse. Du er velkommen til at kontakte Webshop Service på tlf. nr. 70 12 12 53 for at høre nærmere.'\r\n )\r\n return ProcessErrorReturnedByDawa(addressControl, errorMessage)\r\n }\r\n })\r\n }\r\n }\r\n })\r\n }\r\n}\r\n\r\nbasic.displayGenberegnPanel = function () {\r\n app.loadHtml({\r\n url: 'baseprodukt/GetSubView/GenberegnPanel',\r\n actionId: 'loadviewmessage',\r\n block: true,\r\n prio: 'first',\r\n targetElement: app.wizard.getCurrentWizardBodyJElement(),\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n // view loaded - display it as message\r\n app.showMessage('', 'Der er genberegnet.', {\r\n okText: app.getHjaelpeKodeText('CLIENT-BUTTON-VIDERE', 'Videre'),\r\n ok: function () { }\r\n })\r\n $(app).trigger('sectionLoaded', [\r\n 'displayGenberegnPanel',\r\n h.getSections(app.getTopJElm())\r\n ]) // event triggering pending view scripts\r\n }\r\n })\r\n}\r\n\r\nbasic.removeProduct = function (\r\n id,\r\n ignoreValidateAftale,\r\n actionSettings,\r\n removeFromWizzardStep1\r\n) {\r\n const _force = ignoreValidateAftale ? 'true' : 'false'\r\n // todo: due to survey page redirect on server side we can not use the done branch for propagating events,\r\n // if user presses remove, then event is triggered regardless of how the process went.\r\n h.publish(h.REMOVE_PRODUCT_BY_ID, { pageInfo: app.getGTMPageInfo(), productId: id })\r\n app.loadJson({\r\n element: this,\r\n actionSettings,\r\n url: 'tilbud/removeprodukt/' + id + '/' + _force,\r\n customInfo: id, // used to hold other inf to be used by any listener on request/response events like e.g. the trend tracker code\r\n block: true,\r\n allowCredentials: true,\r\n // targetElement: _targetElement,\r\n done: function (data, textStatus, jqXHR) {\r\n const loader = this\r\n if (this.response.Message) {\r\n // A message is send and it must be displayed as a question\r\n if (\r\n this.response.Message.TekstKode === 'TILBUD-MISTER_IFAFTALE_RABAT'\r\n ) {\r\n // only relevant if loosing the if-aftale discount\r\n app.showQuestion(this.response.Message.LangTekst, '', {\r\n okText: app.getHjaelpeKodeText('CLIENT-BUTTON-FORTSAET', 'Fortsæt'),\r\n ok: function () {\r\n loader.args.url = loader.args.url.replace('/false', '/true') // set validated = true, so the validation is not reapeated, and the action is forced\r\n loader.redo() // repeat the action\r\n },\r\n cancelText: app.getHjaelpeKodeText(\r\n 'CLIENT-BUTTON-VIL_BEHOLDE_IFAFTALE',\r\n 'Nej tak, jeg vil gerne beholde If-aftale'\r\n ),\r\n cancel: function () {\r\n // do nothing\r\n }\r\n })\r\n return true // block displaying default tmessage\r\n } else {\r\n // force\r\n app.loadJson({\r\n element: this,\r\n actionSettings,\r\n url: 'tilbud/removeprodukt/' + id + '/true',\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n basic.cartOverviewRefresh(id)\r\n }\r\n })\r\n }\r\n } else {\r\n // no additional actions required, just perform the change\r\n basic.cartOverviewRefresh(id, removeFromWizzardStep1)\r\n }\r\n if (this.actionSettings && this.actionSettings.done) {\r\n this.actionSettings.done()\r\n }\r\n }\r\n })\r\n}\r\n\r\nbasic.updateCartPanelButton = function () {\r\n const _jButton = $('#wizardNavigation .ecmt-button span')\r\n if (h.isSingleResult(_jButton)) {\r\n $('#dws-kurvNavigering .ecmt-button span').text(_jButton.text())\r\n }\r\n}\r\n\r\n// advanced messages -------------------------------------------------------------------------------\r\nbasic.gotoFront = function () {\r\n basic.removeProduct(app.root.activeProduct.ProduktID(), true) // if this is the last product, the user will be send to the front automatically.\r\n}\r\n\r\nbasic.removefromCartAndContinue = function () {\r\n const pageX = app.page\r\n let removeFromWizzardStep1 = false\r\n\r\n if (pageX === 'produkt') {\r\n removeFromWizzardStep1 = true\r\n }\r\n\r\n const _actionSettings = {\r\n done: function () {\r\n return basic.gotoProduct('next')\r\n }\r\n }\r\n\r\n basic.removeProduct(\r\n app.root.activeProduct.ProduktID(),\r\n true,\r\n _actionSettings,\r\n removeFromWizzardStep1\r\n )\r\n}\r\n\r\nbasic.showContactPanel = function () {\r\n const _content = app.getHjaelpeKode('client-contact_panel')\r\n if (_content) {\r\n app.showMessage(\r\n _content.kort,\r\n _content.lang,\r\n { okText: app.getHjaelpeKodeText('CLIENT-BUTTON-LUK', 'Luk') },\r\n undefined,\r\n false\r\n )\r\n }\r\n}\r\n\r\nbasic.clearInlineMessage = function (jElement) {\r\n jElement.html('')\r\n}\r\n\r\nbasic.showInlineMessage = function (\r\n jElement,\r\n long,\r\n ignoreContact,\r\n includeCartAction,\r\n customButtonText,\r\n customButtonAction,\r\n customButton2Text,\r\n customButton2Action\r\n) {\r\n // first make sure it is empty\r\n basic.clearInlineMessage(jElement)\r\n\r\n // build elements\r\n const _jHtml = $(\r\n ''\r\n )\r\n const _jBody = $('')\r\n const _jFooter = $('')\r\n _jHtml.append(_jBody)\r\n _jHtml.append(_jFooter)\r\n\r\n // add text\r\n _jBody.html(long)\r\n\r\n // add buttons\r\n if (!ignoreContact) {\r\n const _contactLabel = app.getHjaelpeKodeText(\r\n 'CLIENT-BUTTON-KONTAKT_KUNDE_SERVICE',\r\n 'Kontakt kundeservice'\r\n )\r\n _jFooter.append(\r\n ''\r\n )\r\n }\r\n if (includeCartAction) {\r\n let text = ''\r\n\r\n text = app.getHjaelpeKodeText(\r\n 'CLIENT-BUTTON-FJERN-FRA_INDKOEBSKURV',\r\n 'Fjern fra indkøbskurv'\r\n )\r\n _jFooter.append(\r\n ''\r\n )\r\n }\r\n if (customButtonText) {\r\n _jFooter.append(\r\n ''\r\n )\r\n }\r\n if (customButton2Text) {\r\n _jFooter.append(\r\n ''\r\n )\r\n }\r\n\r\n // display (Add to DOM)\r\n jElement.append(_jHtml)\r\n\r\n // apply click events after DOM is updated\r\n if (includeCartAction) {\r\n _jHtml.on(\r\n 'click',\r\n '.dws-msg-removefromCartAndContinue',\r\n basic.removeFromCartAndContinueEvaluate\r\n )\r\n }\r\n\r\n if (!ignoreContact) {\r\n _jHtml.on('click', '.dws-msg-showContactPanel', basic.showContactPanel)\r\n }\r\n if (customButtonText) {\r\n _jHtml.on('click', '.dws-msg-customButton', customButtonAction)\r\n }\r\n if (customButton2Text) {\r\n _jHtml.on('click', '.dws-msg-customButton2', customButton2Action)\r\n }\r\n jElement.show('fade', 800)\r\n}\r\n\r\nbasic.clearMessage = function (jElement) {\r\n jElement.html('')\r\n}\r\n\r\nbasic.showMessage = function (\r\n jElement,\r\n long\r\n) {\r\n // first make sure it is empty\r\n basic.clearMessage(jElement)\r\n\r\n // build elements\r\n const _jHtml = $(\r\n ''\r\n )\r\n const _jBody = $('')\r\n const _jFooter = $('')\r\n _jHtml.append(_jBody)\r\n _jHtml.append(_jFooter)\r\n\r\n // add text\r\n _jBody.html(long)\r\n\r\n // display (Add to DOM)\r\n jElement.append(_jHtml)\r\n\r\n jElement.show('fade', 800)\r\n}\r\n\r\nbasic.removeFromCartAndContinueEvaluate = function () {\r\n basic.removefromCartAndContinue()\r\n}\r\n\r\nbasic.extractDynamicTextForPanel = function (txt) {\r\n if (txt.lang.substring(0, 1) === '@') {\r\n // this is a ref. to another dyn. text or view\r\n if (txt.lang.indexOf('/') === -1) {\r\n // this is not a view, byt dynamic text. load it immediately\r\n // use the content of the text as code (except the @)\r\n txt = app.getHjaelpeKode(txt.lang.substring(1))\r\n if (txt) txt = txt.lang\r\n } else {\r\n // the view will be loaded once the panels are rendered. This is to ensure that all the panels don't wait until the views are loaded too.\r\n if (txt) txt = txt.lang\r\n }\r\n } else {\r\n // this is not a ref\r\n txt = txt.lang\r\n }\r\n return txt\r\n}\r\n\r\nlet eglvchathandle = null\r\nfunction openHelpWS1 () {\r\n // setup chqact support (code basically copied from existing shop)\r\n try {\r\n if (eglvchathandle != null && !eglvchathandle.closed) {\r\n eglvchathandle.focus()\r\n return\r\n }\r\n } catch (err) { }\r\n let refererName = ''\r\n refererName = encodeURIComponent(refererName)\r\n let refererurl = encodeURIComponent(document.location.href)\r\n const hashIndex = refererurl.lastIndexOf('#')\r\n if (hashIndex !== -1) {\r\n refererurl = refererurl.substring(0, hashIndex)\r\n }\r\n const eglvcaseid = /eglvcaseid=[0-9]*/gi.exec(window.location.search)\r\n let vhtIds = ''\r\n if (typeof EGAINCLOUD !== 'undefined' && EGAINCLOUD.Account.getAllIds) {\r\n const ids = EGAINCLOUD.Account.getAllIds()\r\n vhtIds = '&aId=' + ids.a + '&sId=' + ids.s + '&uId=' + ids.u\r\n }\r\n let eGainChatUrl =\r\n 'https://ucce.if.dk/system/templates/chat/IF/chat.html?subActivity=Chat&entryPointId=1023&templateName=IF&languageCode=da&countryCode=DA&ver=v11&eglvrefname=' +\r\n refererName +\r\n '&' +\r\n eglvcaseid +\r\n vhtIds\r\n if ((eGainChatUrl + refererurl).length <= 2000) {\r\n eGainChatUrl += '&referer=' + refererurl\r\n }\r\n const params = 'height=623,width=419,resizable=yes,scrollbars=yes,toolbar=no'\r\n eglvchathandle = window.open(eGainChatUrl, '', params)\r\n}\r\n\r\nbasic.checkoutValidate = function (actionSettings) {\r\n // call validation of the current product, if you are in the initial steps which are product specific\r\n app.root.activeProduct.sync({\r\n done: function (data) {\r\n actionSettings.done()\r\n }\r\n })\r\n}\r\n\r\nbasic.beregnPris = {}\r\n\r\n// currently applies only to indbo\r\nbasic.showAddressInformationMessage = (message) => {\r\n const elm = h.getJElmByDataId('addressChangedMessage')\r\n if (elm) {\r\n elm.text(message)\r\n const elmGroup = $('#addressChangedMessageGroup')\r\n if (elmGroup) {\r\n elmGroup.show('fade', 400)\r\n }\r\n }\r\n}\r\n\r\n// currently applies only to indbo\r\nbasic.hideAddressInformationMessage = () => {\r\n const elm = h.getJElmByDataId('addressChangedMessage')\r\n if (elm) {\r\n h.getJElmByDataId('addressChangedMessage').text('')\r\n const elmGroup = $('#addressChangedMessageGroup')\r\n if (elmGroup) {\r\n elmGroup.hide('fade', 400)\r\n }\r\n }\r\n}\r\n\r\nbasic.showAgeMessage = (message, isValidationError) => {\r\n const elm = h.getJElmByDataId('text_alderMeddelelse')\r\n if (elm) {\r\n elm.text(message)\r\n const elmGroup = $('#alderMeddelelseGroup')\r\n if (elmGroup) {\r\n const elmToStyle = document.querySelector('#alderMeddelelseGroup > div > .dws-rowNote')\r\n if (elmToStyle && isValidationError) {\r\n $(elmToStyle).removeClass('ecmt-notification-error').addClass('ecmt-notification-error')\r\n }\r\n elmGroup.show()\r\n }\r\n }\r\n}\r\n\r\nbasic.hideAgeMessage = () => {\r\n const elm = h.getJElmByDataId('text_alderMeddelelse')\r\n if (elm) {\r\n elm.text('')\r\n }\r\n if ($('#alderMeddelelseGroup').length) {\r\n $('#alderMeddelelseGroup').hide()\r\n }\r\n}\r\n\r\nbasic.handleShowMessage = function (jElement, visible, message) {\r\n if (visible) {\r\n // show age validation and set button to invalid\r\n basic.showAgeMessage(message, true)\r\n if (jElement.find('.submitButton')) {\r\n h.disable(jElement.find('.submitButton'))\r\n }\r\n if ($('#wizardNavigation button', app.getTopJElm())) {\r\n h.disable($('#wizardNavigation button', app.getTopJElm()))\r\n }\r\n } else {\r\n // hide age validation and set button to valid\r\n basic.hideAgeMessage()\r\n if (jElement.find('.submitButton')) {\r\n h.enable(jElement.find('.submitButton'))\r\n }\r\n if ($('#wizardNavigation button', app.getTopJElm())) {\r\n h.enable($('#wizardNavigation button', app.getTopJElm()))\r\n }\r\n }\r\n}\r\n\r\n// todo: connect the texts to the appropriate textkeys instead.\r\nbasic.checkMinimumAgeValidationWhenCprFieldsDoNotExist = function (jElement) {\r\n const {\r\n Kunde,\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.root.Kunde().Alder() === '') return\r\n if (!app.root.DisableCustomerElements()) return\r\n\r\n // Cpr block is hidden add age checking\r\n if (Kunde().Alder() < 18 || Kunde().Alder() > 99) {\r\n const message = 'Du skal være mellem 18 år og 99 år for at købe en forsikring.'\r\n basic.handleShowMessage(jElement, true, message)\r\n } else {\r\n basic.handleShowMessage(jElement, false, '')\r\n }\r\n\r\n if (!$('#alderMeddelelseGroup').is(':hidden')) return\r\n if (Kunde().Alder() < 18) {\r\n basic.handleShowMessage(jElement, true, 'Du skal være mindst 18 år, da du også prøver at købe produkter der kræver du er 18 år.')\r\n } else {\r\n basic.handleShowMessage(jElement, false, '')\r\n }\r\n}\r\n\r\nbasic.notifyIfChangedAddress = function () {\r\n const {\r\n activeProduct,\r\n Kunde\r\n } = app.root\r\n\r\n let defaultMessage = ''\r\n defaultMessage = 'Vigtig information '\r\n defaultMessage += 'Den adresse, du har valgt, er ikke den samme, som den adresse hvor du er tilmeldt folkeregisteret.
'\r\n defaultMessage += 'Du kan godt købe indboforsikring til en fremtidig adresse, men du skal være opmærksom på, at indboforsikringen altid vil starte på den adresse, hvor du er tilmeldt folkeregisteret på starttidspunktet.'\r\n\r\n const message = app.getFejlKodeText(\r\n 'CLIENT-addressChangedMessage',\r\n defaultMessage)\r\n\r\n // for now only supports indbo insurance\r\n if (activeProduct && activeProduct.produktNavn === 'familie' && Kunde && Kunde().Address() && activeProduct.Address()) {\r\n if (activeProduct.Address() !== Kunde().Address()) {\r\n basic.showAddressInformationMessage(message)\r\n } else {\r\n basic.hideAddressInformationMessage()\r\n }\r\n }\r\n}\r\n\r\nbasic.setProductSpecificEntryPageSubmitFunction = function (submitFunction) {\r\n basic.entryPageSubmit = submitFunction\r\n}\r\n\r\nbasic.beregnPris.submit = function () {\r\n if (basic.entryPageSubmit) {\r\n basic.entryPageSubmit()\r\n } else {\r\n console.log('could not find submit function')\r\n }\r\n}\r\n\r\nexport { basic, eglvchathandle, openHelpWS1 }\r\n","/* global $ */\r\n\r\nimport { app } from './dk-ifshop-application'\r\n\r\nexport function enableTabs (jElement, actionSettings) {\r\n jElement.find('.ecmt-tab-container').each(function () {\r\n // creates functionality for \"each\" group of tabs\r\n const self = this /* .ecmt-tab-container */\r\n self.actionSettings = actionSettings\r\n\r\n $(this)\r\n .find('li a')\r\n .click(function () {\r\n try {\r\n self.targetElement = $($(this).attr('href'))\r\n let data = ''\r\n if ($(this).attr('data-content-data')) {\r\n // read content data from data attrivute\r\n data = $(this).attr('data-content-data')\r\n }\r\n // request content using the url with data\r\n app.loadHtml({\r\n url: $(this).attr('data-content-url'),\r\n data,\r\n targetElement: self.targetElement,\r\n actionSettings,\r\n done: function (data, textStatus, jqXHR) {\r\n // write content\r\n\r\n // fix height and hide content\r\n // self.targetElement[0].style.height = self.targetElement[0].offsetHeight + 'px';\r\n\r\n // apply new content\r\n self.targetElement.html(data)\r\n\r\n // response received\r\n if (self.actionSettings.beforeRender) {\r\n // call custom actionSettings (if any)\r\n self.actionSettings.beforeRender(data)\r\n } else {\r\n $(app).trigger('sectionLoaded') // if custom method exists. this should be called in that\r\n }\r\n }\r\n })\r\n return true\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n })\r\n })\r\n}\r\n","/* global $ */\r\nimport { app } from '../dk-ifshop-application'\r\nimport {\r\n validateAtServer,\r\n ValidateBirthDateRelatedRulesForLiv,\r\n ValidateBirthDateRelatedRulesForUlykke,\r\n isPayerOfInsurance,\r\n setupCprValidationBasics,\r\n initialCprValidation,\r\n getCprFromInput,\r\n UpdateAge,\r\n getBirthDate,\r\n getCpr1FromInput,\r\n getCpr2FromInput\r\n} from './dk-ifshop-cpr-validation'\r\nimport { getAgeFromBirthDate } from './dk-ifshop-cpr'\r\n\r\nimport { validateAge, validateCpr1 } from './dk-ifshop-cpr-validation-functions'\r\nimport { enableTextInput } from '../dk-ifshop-controls-multi'\r\nimport { h } from '../dk-ifshop-helper'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\nimport { validateKnallert, setupKnallertAnvendelseValidation } from './../knallert/dk-ifshop-knallert-validation'\r\n\r\nexport const enableCPRValidationMedforsikret = function (jElement, role) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n const keyPressStartedInCpr1 = false\r\n\r\n const inputCpr1 = h.getElm('MedforsikretCpr1')\r\n const inputCpr2 = h.getElm('MedforsikretCpr2')\r\n const $inputCpr1 = $(inputCpr1)\r\n const $inputCpr2 = $(inputCpr2)\r\n\r\n setupCprValidationBasics(jElement,\r\n app.root.Medforsikret(),\r\n $inputCpr1,\r\n $inputCpr2,\r\n inputCpr1,\r\n inputCpr2,\r\n keyPressStartedInCpr1,\r\n PersonEntities.Medforsikret)\r\n\r\n const rule18 = (activeProduct.Alderstrin && activeProduct.Alderstrin() == 2) ||\r\n !activeProduct.Alderstrin\r\n\r\n initialCprValidation(inputCpr1, inputCpr2, app.root.Medforsikret(), rule18, PersonEntities.Medforsikret, role)\r\n\r\n const settings = getCprValidationSettingsForMedforsikret(jElement, role)\r\n\r\n enableTextInput($inputCpr1, app.root.Medforsikret(), null, settings)\r\n enableTextInput($inputCpr2, app.root.Medforsikret(), null, settings)\r\n\r\n setupKnallertAnvendelseValidation(app.root.Medforsikret(), 'medforsikret')\r\n}\r\n\r\nexport const getCprValidationSettingsForMedforsikret = (jElement, role) => {\r\n return {\r\n lastValidatedCpr: null,\r\n disableAutoBind: true,\r\n validateOnBlur: true,\r\n ignoreValidationOnKeyUp: false,\r\n validateImmediately: true,\r\n runValidationOnPageLoad: true,\r\n validation: (control, actionSettings, actionName) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const inputCpr1 = h.getElm('MedforsikretCpr1')\r\n const inputCpr2 = h.getElm('MedforsikretCpr2')\r\n const $inputCpr1 = $(inputCpr1)\r\n\r\n const cprToValidate = getCprFromInput(inputCpr1, inputCpr2)\r\n const cpr1ToValidate = getCpr1FromInput(inputCpr1)\r\n const cpr2ToValidate = getCpr2FromInput(inputCpr2)\r\n\r\n if (cpr1ToValidate.length === 6) {\r\n if (!validateCpr1(cpr1ToValidate, PersonEntities.Medforsikret)) {\r\n return false\r\n }\r\n }\r\n\r\n if (cpr1ToValidate.length !== 6 || cpr2ToValidate.length !== 4) {\r\n return true\r\n }\r\n\r\n const rule18 = (activeProduct.Alderstrin && activeProduct.Alderstrin() == 2) || !activeProduct.Alderstrin\r\n\r\n const birthDate = getBirthDate(PersonEntities.Medforsikret, null, true)\r\n\r\n if (!birthDate) {\r\n return false\r\n }\r\n\r\n const age = getAgeFromBirthDate(birthDate)\r\n\r\n UpdateAge(PersonEntities.Medforsikret, null, birthDate, age)\r\n\r\n if (!validateAge(app.root.Medforsikret(), rule18, PersonEntities.Medforsikret, role)) {\r\n return false\r\n }\r\n\r\n if (!validateKnallert(app.root.Medforsikret(), 'medforsikret')) {\r\n return false\r\n }\r\n\r\n // if validating cpr without a prefix the rule of thumb is its the customer we are validating\r\n const payerOfInsurance = isPayerOfInsurance(inputCpr1, cprToValidate)\r\n\r\n // not to be used for andenBegunstigede\r\n if (activeProduct.produktNavn.startsWith('liv')) {\r\n if (!ValidateBirthDateRelatedRulesForLiv(PersonEntities.Medforsikret, payerOfInsurance, true, birthDate, age)) {\r\n return false\r\n }\r\n }\r\n // not to be used for andenBegunstigede\r\n if (activeProduct.produktNavn.startsWith('ulykke')) {\r\n if (!ValidateBirthDateRelatedRulesForUlykke(PersonEntities.Medforsikret, payerOfInsurance, true, birthDate, age)) {\r\n return false\r\n }\r\n }\r\n\r\n validateAtServer(cprToValidate, role, $inputCpr1, inputCpr1, inputCpr2, actionSettings)\r\n\r\n if (jElement.find('#personligInfoMessage')) {\r\n jElement.find('#personligInfoMessage').html('')\r\n }\r\n }\r\n }\r\n}\r\n","/* global $ */\r\nimport { app } from '../dk-ifshop-application'\r\nimport {\r\n validateAtServer,\r\n ValidateBirthDateRelatedRulesForLiv,\r\n ValidateBirthDateRelatedRulesForUlykke,\r\n isPayerOfInsurance,\r\n setupCprValidationBasics,\r\n initialCprValidation,\r\n getCprFromInput,\r\n getCpr1FromInput,\r\n getCpr2FromInput,\r\n UpdateAge,\r\n getBirthDate\r\n} from './dk-ifshop-cpr-validation'\r\nimport { getAgeFromBirthDate } from './dk-ifshop-cpr'\r\nimport { validateAge, validateCpr1 } from './dk-ifshop-cpr-validation-functions'\r\nimport { enableTextInput } from '../dk-ifshop-controls-multi'\r\nimport { h } from '../dk-ifshop-helper'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nimport { validateKnallert, setupKnallertAnvendelseValidation } from './../knallert/dk-ifshop-knallert-validation'\r\n\r\nexport const enableCPRValidationKunde = function (jElement, role, pageLoadValidate) {\r\n const keyPressStartedInCpr1 = false\r\n\r\n const inputCpr1 = h.getElm('Cpr1')\r\n const inputCpr2 = h.getElm('Cpr2')\r\n const $inputCpr1 = $(inputCpr1)\r\n const $inputCpr2 = $(inputCpr2)\r\n\r\n setupCprValidationBasics(jElement,\r\n app.root.Kunde(),\r\n $inputCpr1,\r\n $inputCpr2,\r\n inputCpr1,\r\n inputCpr2,\r\n keyPressStartedInCpr1,\r\n '')\r\n\r\n const rule18 = true\r\n\r\n if (pageLoadValidate) {\r\n initialCprValidation(inputCpr1, inputCpr2, app.root.Kunde(), rule18, '', role)\r\n }\r\n\r\n const settings = getCprValidationSettingsForKunde(jElement, role, pageLoadValidate)\r\n\r\n enableTextInput($inputCpr1, app.root.Kunde(), null, settings)\r\n enableTextInput($inputCpr2, app.root.Kunde(), null, settings)\r\n\r\n setupKnallertAnvendelseValidation(app.root.Kunde(), '')\r\n}\r\n\r\nexport const getCprValidationSettingsForKunde = (jElement, role, pageLoadValidate) => {\r\n return {\r\n lastValidatedCpr: null,\r\n disableAutoBind: true, // TODO: change this and use h.bind or h.bindAll to make it easier to setup binding (see example from liv scripts)\r\n validateOnBlur: true,\r\n ignoreValidationOnKeyUp: false,\r\n validateImmediately: true,\r\n runValidationOnPageLoad: pageLoadValidate,\r\n validation: (control, actionSettings, actionName) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const inputCpr1 = h.getElm('Cpr1')\r\n const inputCpr2 = h.getElm('Cpr2')\r\n const $inputCpr1 = $(inputCpr1)\r\n\r\n const cprToValidate = getCprFromInput(inputCpr1, inputCpr2)\r\n const cpr1ToValidate = getCpr1FromInput(inputCpr1)\r\n const cpr2ToValidate = getCpr2FromInput(inputCpr2)\r\n\r\n if (cpr1ToValidate.length === 6) {\r\n if (!validateCpr1(cpr1ToValidate, PersonEntities.Kunde)) {\r\n return false\r\n }\r\n }\r\n\r\n if (cpr1ToValidate.length !== 6 || cpr2ToValidate.length !== 4) {\r\n return true\r\n }\r\n\r\n const rule18 = true\r\n const birthDate = getBirthDate(PersonEntities.Kunde, null, true)\r\n\r\n if (!birthDate) {\r\n return false\r\n }\r\n\r\n const age = getAgeFromBirthDate(birthDate)\r\n\r\n UpdateAge(PersonEntities.Kunde, null, birthDate, age)\r\n\r\n if (!validateAge(app.root.Kunde(), rule18, PersonEntities.Kunde, role)) {\r\n return false\r\n }\r\n\r\n if (!validateKnallert(app.root.Kunde(), '')) {\r\n return false\r\n }\r\n\r\n // if validating cpr without a prefix the rule of thumb is its the customer we are validating\r\n const payerOfInsurance = isPayerOfInsurance(inputCpr1, cprToValidate)\r\n\r\n if (activeProduct.produktNavn.startsWith('liv')) {\r\n if (!ValidateBirthDateRelatedRulesForLiv(PersonEntities.Kunde, payerOfInsurance, true, birthDate, age)) {\r\n return false\r\n }\r\n }\r\n\r\n if (activeProduct.produktNavn.startsWith('ulykke')) {\r\n if (!ValidateBirthDateRelatedRulesForUlykke(PersonEntities.Kunde, payerOfInsurance, true, birthDate, age)) {\r\n return false\r\n }\r\n }\r\n\r\n validateAtServer(cprToValidate, role, $inputCpr1, inputCpr1, inputCpr2, actionSettings)\r\n\r\n if (jElement.find('#personligInfoMessage')) {\r\n jElement.find('#personligInfoMessage').html('')\r\n }\r\n }\r\n }\r\n}\r\n","/* global */\r\n\r\nimport { ProcessDawaAddress } from './dk-ifshop-address-api-scripts'\r\nimport { ProcessDawaAddressForCustomer } from './dk-ifshop-customer-address-scripts'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\nimport { ProcessDawaAddressForCoinsured } from './dk-ifshop-coinsured-address-scripts.js'\r\n\r\nexport function ProcessDataReturnedByDawa (data, addressControl, prefix, pElm, model) {\r\n return new Promise((resolve, reject) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (!activeProduct) {\r\n reject(new Error('Error processing dawa data since there is no activeProduct.'))\r\n }\r\n\r\n if (data.adressebetegnelse.toLowerCase() != addressControl.getVal().toLowerCase()) {\r\n reject(new Error('Error processing dawa data since there is no entered address.'))\r\n }\r\n\r\n switch (prefix) {\r\n case PersonEntities.Kunde : {\r\n // means, we are strictly updating the customers adress\r\n if (model == null) {\r\n ProcessDawaAddressForCustomer(resolve, reject, data, pElm)\r\n } else {\r\n // update for and indbo\r\n if (model.produktNavn == 'familie' && activeProduct.produktNavn == 'familie') {\r\n ProcessDawaAddress(resolve, reject, data, prefix, addressControl, pElm, 'familie')\r\n } else {\r\n reject(new Error('Error processing dawa data for customer and indbo.'))\r\n }\r\n }\r\n break\r\n }\r\n case PersonEntities.ForsikredePerson : {\r\n const navn = model.produktNavn.toLowerCase()\r\n if (navn == 'ulykkeboern' ||\r\n navn == 'ulykke' ||\r\n navn == 'liv' ||\r\n navn == 'hus') {\r\n ProcessDawaAddress(resolve, reject, data, prefix, addressControl, pElm, navn)\r\n } else {\r\n reject(new Error('Error processing dawa data for insured person.'))\r\n }\r\n break\r\n }\r\n case PersonEntities.AndenForsikrede : {\r\n if (model && model.role == PersonEntities.ForsikredePerson) {\r\n ProcessDawaAddress(resolve, reject, data, prefix, addressControl, pElm, activeProduct.produktNavn)\r\n } else {\r\n reject(new Error('Error processing dawa data for the other insured person.'))\r\n }\r\n break\r\n }\r\n case PersonEntities.Medforsikret : {\r\n if (app.root.Medforsikret() && model.role == PersonEntities.Medforsikret) {\r\n ProcessDawaAddressForCoinsured(resolve, reject, data, pElm)\r\n } else {\r\n reject(new Error('Error processing dawa data for the coinsured person.'))\r\n }\r\n break\r\n }\r\n default: {\r\n reject(Error('Invalid role'))\r\n }\r\n }\r\n })\r\n}\r\n","/* global $ */\r\nimport { app } from './../dk-ifshop-application'\r\nimport { CopyDawaDataToCoinsured } from './dk-ifshop-address-utility-scripts'\r\n\r\nexport const UpdateCoinsuredAddress = (data, recalculatePrice) => {\r\n return new Promise((resolve, reject) => {\r\n // make server side client customer object model is updated\r\n if (window.ifws_expectRecaptcha === 'true') {\r\n // eslint-disable-next-line no-prototype-builtins\r\n if (window.hasOwnProperty('grecaptcha')) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'pushupdatecoinsured' }).then(function (token) {\r\n // make sure client customer object model is updated\r\n CopyDawaDataToCoinsured(data)\r\n app.root.Medforsikret().PushUpdate(token, recalculatePrice).then(backendCustomerAddress => {\r\n resolve(backendCustomerAddress)\r\n }).catch(err => {\r\n reject(err)\r\n })\r\n })\r\n })\r\n } else {\r\n setTimeout(() => { app.root.Kunde().callPushUpdateAwaitGrecaptcha(recalculatePrice) }, 250)\r\n }\r\n } else {\r\n app.root.Medforsikret().PushUpdate('').then(d => {\r\n resolve(d)\r\n }).catch(error => {\r\n reject(error)\r\n })\r\n }\r\n })\r\n}\r\n\r\nexport const ProcessDawaAddressForCoinsured = (resolve, reject, data, recalculatePrice) => {\r\n CopyDawaDataToCoinsured(data)\r\n UpdateCoinsuredAddress(data, recalculatePrice).then(backendAddress => {\r\n resolve(backendAddress.Data)\r\n }).catch(error => {\r\n reject(error)\r\n })\r\n}\r\n","/* global */\r\nimport { app } from './dk-ifshop-application'\r\n\r\n// collection of helper functions (1 instance)\r\nfunction WebShopTextHelperFunctions () {\r\n this.getRadioButtonUnansweredErrorMessage = function () {\r\n return app.getFejlKodeText(\r\n 'CLIENT-RADIOBUTTON-NOT-SELECTED',\r\n 'Du skal vælge en af de viste svarmuligheder.'\r\n )\r\n }\r\n}\r\n\r\nconst TextHelper = new WebShopTextHelperFunctions()\r\n\r\nexport { TextHelper }\r\n","/* global $ ko */\r\nimport { Model } from './../dk-ifshop-model'\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { knallert } from './dk-ifshop-knallert-scripts'\r\n\r\nfunction KnallertProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n self.DMRModel = h.koMap(new DMRModel())\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'SearchRegNr' && value) {\r\n let regNr = value.toUpperCase()\r\n regNr = regNr.replace(' ', '')\r\n self.SearchRegNr(regNr)\r\n } else if (name === 'Maerke' && value) {\r\n self.DMRModel.Maerke(h.capitaliseFirstLetter(value))\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n Daekning,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept, /* add more props here */\r\n DMRModel,\r\n UkendtRegNr,\r\n SearchRegNr,\r\n AllowManualRegistrationNumber,\r\n RegNrNotUsed,\r\n ManuallyEnteredVehicleData,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n Selvrisiko,\r\n CPState\r\n ) {\r\n self.isInit = true\r\n\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n\r\n self.DMRModel = self.koMap(DMRModel, self.DMRModel)\r\n self.SearchRegNr = self.koMap(SearchRegNr, self.SearchRegNr, '', 'SearchRegNr')\r\n self.UkendtRegNr = self.koMap(UkendtRegNr, self.UkendtRegNr, '', 'UkendtRegNr')\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n\r\n self.AllowManualRegistrationNumber = self.koMap(AllowManualRegistrationNumber, self.AllowManualRegistrationNumber, false, 'AllowManualRegistrationNumber')\r\n self.RegNrNotUsed = self.koMap(RegNrNotUsed, self.RegNrNotUsed, false, 'RegNrNotUsed')\r\n self.ManuallyEnteredVehicleData = self.koMap(ManuallyEnteredVehicleData, self.ManuallyEnteredVehicleData, false, 'ManuallyEnteredVehicleData')\r\n self.shouldShowAddedWizardNavigation = ko.computed(function () {\r\n return self.Daekning() && self.Daekning().Navn() === 'Kasko'\r\n })\r\n\r\n self.hasSearchRegNr = ko.computed(function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (activeProduct.SearchRegNr === undefined) {\r\n return false\r\n }\r\n if (activeProduct.SearchRegNr === null) {\r\n return false\r\n }\r\n if (activeProduct.SearchRegNr() === undefined) {\r\n return false\r\n }\r\n if (activeProduct.SearchRegNr() === null) {\r\n return false\r\n }\r\n if (activeProduct.SearchRegNr().length == 0) {\r\n return false\r\n }\r\n return true\r\n })\r\n\r\n self.allowManualRegistrationNumberComputed = ko.computed(function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n return activeProduct.AllowManualRegistrationNumber !== undefined && activeProduct.AllowManualRegistrationNumber()\r\n })\r\n\r\n self.regNrNotUsedComputed = ko.computed(function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n return activeProduct.RegNrNotUsed !== undefined && activeProduct.RegNrNotUsed()\r\n })\r\n\r\n self.shouldShowEditableRegNrInAdditionalInformation = ko.computed(function () {\r\n return self.DMRModel().AnvendelseInt() !== 1 && (self.regNrNotUsedComputed() || self.allowManualRegistrationNumberComputed())\r\n })\r\n\r\n self.shouldShowStelNrAndMaerkeInAdditionalInformation = ko.computed(function () {\r\n return self.allowManualRegistrationNumberComputed() || self.DMRModel().AnvendelseInt() === 1\r\n })\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '0', 'Selvrisiko')\r\n\r\n self.isInit = false\r\n }\r\n\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.Daekning,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.UnderwritingAccept,\r\n val.DMRModel,\r\n val.UkendtRegNr,\r\n val.SearchRegNr,\r\n val.AllowManualRegistrationNumber,\r\n val.RegNrNotUsed,\r\n val.ManuallyEnteredVehicleData,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.Selvrisiko,\r\n val.CPState\r\n /* add more props here */\r\n )\r\n }\r\n }\r\n\r\n // todo: investigate if its correct to use searchRegNr\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n const _key =\r\n 'KNALLERT-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n self.DMRModel().Anvendelse() +\r\n '-' +\r\n self.SearchRegNr() +\r\n '-' +\r\n self.DMRModel().StelNr() +\r\n '-' +\r\n self.DMRModel().Maerke() +\r\n '-' +\r\n self.DMRModel().Model() +\r\n '-' +\r\n self.DMRModel().Aargang()\r\n return _key\r\n }\r\n\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode = (data) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (data !== undefined && data !== null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.DMRModel().RegNr(data.SearchRegNr)\r\n activeProduct.DMRModel().Anvendelse(data.DMRModel.Anvendelse)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n activeProduct.ManuallyEnteredVehicleData(data.ManuallyEnteredVehicleData)\r\n }\r\n }\r\n\r\n // update this product with a new model based on regnr (if found)\r\n self.setModel = function (code, jElement, actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n try {\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-KNALLERT_REGNR_0'))\r\n return\r\n }\r\n\r\n const setModelInData = {\r\n code: (code || '0'),\r\n produktId: (activeProduct.ProduktID() || '0'),\r\n allowInvalidRegNr: (activeProduct.AllowManualRegistrationNumber()),\r\n anvendelse: activeProduct.DMRModel().AnvendelseInt()\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'setModelKnallert' }).then(function (token) {\r\n app.loadJson({\r\n allowCredentials: true,\r\n code,\r\n url: 'knallertprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n token,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n code,\r\n url: 'knallertprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.innerDone = function (data, jqXHR) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (data !== undefined && data != null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n }\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (!data.DMRModel || !data.DMRModel.Anvendelse || !data.DMRModel.Stelnr || !data.DMRModel.Maerke || !data.DMRModel.Model || data.DMRModel.RegNr !== this.args.code) {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n self.update(data)\r\n\r\n // we can not fade to details view if we have a manually entered registrationnumber\r\n if (!data.AllowManualRegistrationNumber) {\r\n h.fadeToForm($('#knallertHolder'), 'knallertprodukt/getsubview/detaljer')\r\n h.extendForm($('#knallertHolder'), 'knallertprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n return false\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n\r\n self.resetDmrModel = function (code, jElement, actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n try {\r\n const setModelInData = {\r\n produktId: (activeProduct.ProduktID() || '0')\r\n }\r\n\r\n app.loadJson({\r\n allowCredentials: true,\r\n code,\r\n url: 'knallertprodukt/resetdmrmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy',\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n },\r\n operationFail: function (data) {\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n function handleSetModelError (data) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n if (data && data.Data && data.Data.ProduktID) {\r\n // set id. might have been newly created, although an error has occured\r\n activeProduct.ProduktID(data.Data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n if (data.Message.TekstKode === 'CLIENT-KNALLERT-KAN_IKKE_FINDE_MODEL') {\r\n // todo: replace this with showing an error message that we can not lookup from dmr\r\n knallert.displayUkendtRegNrPanel()\r\n // return false // cancel default action\r\n return false\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n }\r\n\r\n // save setting how the user wants to enter car info\r\n self.brugerIkkeRegNr = function (viewModel, argsForHandler) {\r\n try {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n activeProduct.RegNrNotUsed(true)\r\n activeProduct.sync({\r\n done: function () {\r\n app.gotoShopPage()\r\n }\r\n })\r\n } else {\r\n activeProduct.SearchRegNr(undefined)\r\n activeProduct.DMRModel().RegNr(undefined)\r\n activeProduct.RegNrNotUsed(true)\r\n\r\n // display info panel\r\n h.fadeToForm($('#knallertHolder'), 'knallertprodukt/getsubview/knallertinfo')\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n}\r\n\r\nfunction DMRModel () {\r\n const self = this\r\n self.base = new Model()\r\n self.base.inherit(self)\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'Model') {\r\n self.Model($.trim(value))\r\n } else if (name === 'RegNr' && value) {\r\n self.RegNr(value.toUpperCase())\r\n knallert.updateStepOneHeader(knallert.validateRegNr(value))\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (data) {\r\n const val = data || {}\r\n self.Anvendelse = self.koMap(val.Anvendelse, self.Anvendelse, 0, 'Anvendelse')\r\n self.RegNr = self.koMap(val.RegNr, self.RegNr, null, 'RegNr')\r\n self.StelNr = self.koMap(val.StelNr, self.StelNr, null, 'StelNr')\r\n self.Maerke = self.koMap(val.Maerke, self.Maerke, null, 'Maerke')\r\n self.Model = self.koMap(val.Model, self.Model, null, 'Model')\r\n self.Aargang = self.koMap(val.Aargang, self.Aargang, null, 'Aargang')\r\n }\r\n self.init()\r\n\r\n // computed observables\r\n self.Details = ko.computed(function () {\r\n return self.Maerke() + ' ' + self.Model() + ' - ' + self.RegNr()\r\n })\r\n\r\n // computed observables\r\n self.AnvendelseInt = ko.computed(function () {\r\n return parseInt(self.Anvendelse())\r\n })\r\n\r\n // SAVE\r\n self.save = function (actionSettings) {\r\n app.loadJson({\r\n url: 'knallertprodukt/savemodel',\r\n data:\r\n '{\"data\" : ' +\r\n ko.toJSON(self, function (key, value) {\r\n if (key === 'LogoImagePath') {\r\n return undefined\r\n } else {\r\n return value\r\n }\r\n }) +\r\n '}',\r\n block: true,\r\n actionSettings\r\n })\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n self.init(val)\r\n }\r\n}\r\n\r\nexport { DMRModel, KnallertProdukt }\r\n","/* global $ ko */\r\nimport { app } from './../dk-ifshop-application'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { enableTextInput, enableSelect } from './../dk-ifshop-controls-multi'\r\nimport {\r\n enableToolTips,\r\n enableInputEvaluation,\r\n initPlaceholders,\r\n PendingInputs\r\n} from './../dk-ifshop-controls'\r\nimport { KnallertProdukt } from './dk-ifshop-knallert-produkt-model'\r\nimport { dkRecaptcha } from '../security/recaptcha'\r\nimport { quickformSubmitSetup } from '../quickform-submit-setup'\r\n\r\nconst knallert = {} // namespace\r\n\r\nknallert.beregnPris = function (jElement) {\r\n h.selectNextEntry(jElement)\r\n\r\n basic.setProductSpecificEntryPageSubmitFunction(knallert.beregnPris.submit)\r\n}\r\n\r\nknallert.beregnPris.submit = function () {\r\n if (h.getElm('quickForm')) {\r\n knallert.quickForm.submit()\r\n } else {\r\n app.wizard.goFwd()\r\n }\r\n}\r\n\r\nknallert.beregnPrisWithValidate = function (jElement) {\r\n basic.setProductSpecificEntryPageSubmitFunction(knallert.beregnPris.submit)\r\n\r\n const {\r\n activeProduct\r\n } = app.root\r\n if ($('#RegNr').valid()) {\r\n knallert.beregnPris(jElement)\r\n activeProduct.validateOnServer({\r\n entryFail: function (data) {\r\n if (\r\n data &&\r\n data.Message &&\r\n data.Message.TekstKode === 'CLIENT-KNALLERT-KAN_IKKE_FINDE_MODEL'\r\n ) {\r\n // todo : replace this with a message that the regnumber does not exist in dmr.\r\n knallert.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n return true\r\n }\r\n })\r\n }\r\n}\r\n\r\nknallert.ukendtRegNrPanelAction = false\r\n\r\nknallert.handleCheckoutManual = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n activeProduct.sync({\r\n allowCredentials: true,\r\n done: function () {\r\n // move on\r\n h.fadeToForm(\r\n $('#supplerendeInfoHolder'),\r\n 'knallertprodukt/getsubview/supplerende'\r\n )\r\n\r\n $('#regNrMsg').html('')\r\n $('#regNrMsgInfo').html('')\r\n }\r\n })\r\n}\r\n\r\nknallert.handleProductManual = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.RegNrNotUsed(false)\r\n knallert.updateModel()\r\n h.fadeToForm($('#knallertHolder'), 'knallertprodukt/getsubview/knallertinfo')\r\n $('#regNrMsg').html('')\r\n $('#regNrMsgInfo').html('')\r\n activeProduct.sync()\r\n}\r\n\r\nknallert.InvalidButManuallyAcceptedNumberPlateValidation = function (value) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n activeProduct.AllowManualRegistrationNumber(true)\r\n // add the searched regnr as the selected regnr\r\n activeProduct.DMRModel().RegNr(activeProduct.SearchRegNr())\r\n activeProduct.UkendtRegNr(true)\r\n\r\n if (activeProduct.DMRModel().RegNr()) {\r\n const anvendelse = knallert.validateRegNr(activeProduct.DMRModel().RegNr())\r\n knallert.updateSelectedKnallertType(anvendelse)\r\n }\r\n\r\n if (app.page === 'checkout') {\r\n knallert.handleCheckoutManual()\r\n } else {\r\n knallert.handleProductManual()\r\n }\r\n return true\r\n}\r\n\r\nknallert.InvalidNumberPlateValidation = function (value) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n $('#regNrMsg').html('')\r\n $('#regNrMsgInfo').html('')\r\n h.getElm('RegNr').form.validator.clearElement(h.getElm('RegNr')) // reset validation info\r\n basic.clearInlineMessage($('#regNrMsg'))\r\n basic.clearMessage($('#regNrMsgInfo'))\r\n // set the option to undefined as we dont want to save this answer anywhere.\r\n activeProduct.UkendtRegNr(undefined)\r\n activeProduct.SearchRegNr(undefined)\r\n\r\n return true\r\n}\r\n\r\nknallert.validateRegistrationNumber = function () {\r\n app.setPendingUserAction('ukendtRegNr')\r\n if ($('input[name=UkendtRegNr]')[0].checked) {\r\n knallert.InvalidNumberPlateValidation()\r\n } else if ($('input[name=UkendtRegNr]')[1].checked) {\r\n knallert.InvalidButManuallyAcceptedNumberPlateValidation()\r\n }\r\n knallert.ukendtRegNrPanelAction = false\r\n app.resetPendingUserAction('ukendtRegNr')\r\n}\r\n\r\nknallert.ukendtRegNrPanelInfo = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n activeProduct.AllowManualRegistrationNumber(false)\r\n if ($('#RegNr').valid()) {\r\n knallert.ukendtRegNrPanelAction = true\r\n\r\n activeProduct.DMRModel().RegNr(undefined)\r\n // we have to reset active dmr objects properties here to show relevant data, user will enter this in next stage\r\n activeProduct.DMRModel().Maerke('')\r\n activeProduct.DMRModel().Model('')\r\n activeProduct.DMRModel().StelNr('')\r\n\r\n knallert.updateWizardSubtextFromDMRModel()\r\n\r\n activeProduct.UkendtRegNr(undefined)\r\n\r\n activeProduct.resetDmrModel()\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('ukendtRegNrPanel'))\r\n\r\n $('input[name=UkendtRegNr]').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true\r\n })\r\n $('input[name=UkendtRegNr]')[0].ifws_customValidation = knallert.validateRegistrationNumber\r\n // make sure the choices are validated immediately, so they work as buttons\r\n $('input[name=UkendtRegNr]').on('change', function () {\r\n h.validateElement(this, 'ifws_isInvalid')\r\n return false // we remove the entire panel incl. this radio button, therefore the default action should be stopped, otherwise we would receive an error\r\n })\r\n // update the text on the last radiobutton to include the regnr at the end\r\n const jUkendtTrue = $('label[for=UkendtRegNrtrue]')\r\n jUkendtTrue.text(jUkendtTrue.text() + ' ' + app.root.activeProduct.SearchRegNr())\r\n } else {\r\n // if ukendtregnrpanel, hide\r\n $('#regNrMsg').html('')\r\n $('#regNrMsgInfo').html('')\r\n }\r\n}\r\n\r\nknallert.regNrSetupBtx = function (jForm) {\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNr: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n }\r\n })\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n enableTextInput($('#RegNr'), app.root.activeProduct, null, {\r\n validateOnBlur: true,\r\n ignoreValidationOnKeyUp: true,\r\n validation: function (s, actionSettings) {\r\n if ($('#RegNr').valid()) {\r\n $('#RegNrDetails').show()\r\n if (knallert.ukendtRegNrPanelAction) {\r\n $('#regNrMsg').html('')\r\n $('#regNrMsgInfo').html('')\r\n }\r\n } else {\r\n // CLEAR possible non relevant messages\r\n $('#regNrMsg').html('')\r\n $('#regNrMsgInfo').html('')\r\n // we have entered a nonvalid regnr, we can not persist dmr model properties\r\n }\r\n\r\n if (app.page !== 'front') {\r\n knallert.updateModel(actionSettings)\r\n }\r\n }\r\n })\r\n\r\n // avoids autosubmit in IE, when there is only a single input control in the form\r\n jForm.on('keydown', '#RegNr', function (e) {\r\n if (e.keyCode === '32' || e.keyCode === 32) {\r\n e.preventDefault()\r\n }\r\n\r\n if (e.keyCode === '13' || e.keyCode === 13) {\r\n e.preventDefault()\r\n $('#RegNr').valid()\r\n }\r\n })\r\n}\r\n\r\nknallert.GetYearList = function () {\r\n const listDate = []\r\n let year = 2006\r\n const endyear = 1950\r\n\r\n while (year >= endyear) {\r\n listDate.push(year)\r\n year--\r\n }\r\n return listDate\r\n}\r\n\r\nknallert.daekningsTilpasningsPanel = function (jElement) {\r\n const activeProduct = app.root.activeProduct\r\n const $Aargang = $('#Aargang')\r\n if ($Aargang.length) {\r\n const jForm = $('#daekningsTilpasningsPanel')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const validator = jForm.validate()\r\n\r\n $Aargang.rules('add', {\r\n ifws_isInvalid: true,\r\n ifws_selected: true,\r\n messages: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-INVALID-AGE-FOR-KASKO_KNALLERT',\r\n 'Du kan desværre ikke vælge kasko til en knallert som er 35 år eller ældre.'\r\n )\r\n }\r\n })\r\n jForm[0].validator = validator\r\n $Aargang.empty()\r\n const items = knallert.GetYearList()\r\n enableSelect($Aargang, activeProduct, undefined, {\r\n disableAutoBind: true,\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n $.each(items, function (index, item) {\r\n // get values\r\n const val = item\r\n const txt = item\r\n\r\n // add as option\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(val)\r\n )\r\n })\r\n },\r\n onSelect: function (element, e) {\r\n let index = e.currentTarget.selectedIndex\r\n if (index > 0) index--\r\n const selectedYear = items[index]\r\n activeProduct.DMRModel().Aargang(selectedYear)\r\n }\r\n })\r\n $Aargang.on('change', function () {\r\n const selectedYear = activeProduct.DMRModel().Aargang()\r\n const currentYear = parseInt(new Date().getFullYear())\r\n this.ifws_isInvalid = (currentYear - selectedYear) >= 35\r\n h.validateElement(this, 'ifws_isInvalid')\r\n })\r\n }\r\n basic.daekningsTilpasningsPanelBasics(jElement)\r\n}\r\n\r\nknallert.quickForm = function (jElement) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n jElement.on('click', '.imageButton', function () {\r\n $('.imageButton').removeClass('selected')\r\n $(this).addClass('selected')\r\n jElement.find('.submitButton')[0].disabled = false\r\n })\r\n\r\n enableToolTips(jElement)\r\n enableInputEvaluation(jElement)\r\n\r\n // set up binding for brugerIkkeRegNr, TODO, move binding handling\r\n ko.applyBindings(app.root.activeProduct, h.getElm('brugerIkkeRegNrKnallert'))\r\n\r\n if (h.getElm('RegNr')) {\r\n // bind to model\r\n knallert.regNrSetupBtx(jElement)\r\n if (app.page !== 'front') {\r\n initializeKnallertRegNrInfoElementValidation(true, true)\r\n }\r\n }\r\n // start over with new regnr, so we don't know if it is unknown or not\r\n app.root.activeProduct.UkendtRegNr(undefined)\r\n\r\n if (app.page === 'front') {\r\n dkRecaptcha.attach(jElement)\r\n }\r\n\r\n h.selectNextEntry()\r\n initPlaceholders(jElement)\r\n\r\n knallert.knallertRegNrSubscription = activeProduct.DMRModel().RegNr.subscribe(function (newValue) {\r\n if (newValue) {\r\n const intAnvendelse = knallert.validateRegNr(newValue)\r\n knallert.updateStepOneHeader(intAnvendelse)\r\n }\r\n })\r\n\r\n const jForm = $('#quickForm')\r\n quickformSubmitSetup.setup(jForm, knallert.quickForm.submit)\r\n}\r\n\r\nknallert.updateStepOneHeader = function (intAnvendelse) {\r\n if (app.page === 'produkt') {\r\n // setting default option\r\n let arg = '{ \"id\" : \"STEP-Knallert-1\" }'\r\n if (intAnvendelse) {\r\n if (intAnvendelse === 1) {\r\n arg = '{ \"id\" : \"STEP-Knallert-1-uden\" }'\r\n } else if (intAnvendelse === 2) {\r\n arg = '{ \"id\" : \"STEP-Knallert-1-med\" }'\r\n } else if (intAnvendelse === 3) {\r\n arg = '{ \"id\" : \"STEP-Knallert-1-EU\" }'\r\n }\r\n }\r\n // reset header, but get text form server, cause it isn't a \"CLIENT-...\" code\r\n app.loadJson({\r\n url: 'shop/HjaelpeTekst',\r\n data: arg,\r\n block: false,\r\n allowCredentials: true,\r\n done: function (data) {\r\n if (data && data.LangTekst) {\r\n document.getElementById('STEP-knallert-1').textContent = data.LangTekst\r\n }\r\n }\r\n })\r\n }\r\n}\r\n\r\nknallert.updateSelectedKnallertType = function (intAnvendelse) {\r\n if (intAnvendelse) {\r\n if (intAnvendelse === 2 || intAnvendelse === 3) {\r\n app.root.activeProduct.DMRModel().Anvendelse(intAnvendelse)\r\n app.root.activeProduct.sync()\r\n }\r\n }\r\n}\r\n\r\nknallert.quickForm.submit = function (jElement) {\r\n if ($('#RegNr').valid()) {\r\n knallert.updateModel()\r\n }\r\n}\r\n\r\nknallert.updateModel = function (actionSettings) {\r\n knallert.setModelData(actionSettings)\r\n}\r\n\r\nknallert.setModelData = function (actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const regNrValue = h.getElm('RegNr').value\r\n const regNrElement = $(h.getElm('RegNr'))\r\n if (regNrElement.valid()) {\r\n // called from all three places where a regnr can be edited (quickform, step1 and step3)\r\n if (!app.wizard || app.page === 'produkt') {\r\n activeProduct.setModel(regNrValue, regNrElement, actionSettings)\r\n } else if (app.page === 'checkout') {\r\n knallert.updateRegNr(regNrValue, regNrElement, actionSettings)\r\n }\r\n } else {\r\n if (actionSettings) {\r\n actionSettings.onInvalid()\r\n }\r\n }\r\n}\r\n\r\nknallert.quickForm.syncProduct = function () {\r\n app.root.activeProduct.sync({\r\n allowCredentials: true,\r\n done: function () {\r\n if (app.page === 'front') {\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else if (app.wizard && app.wizard.currentStepNo == 1) {\r\n // shop\r\n app.loadPage('produkt')\r\n }\r\n },\r\n entryFail: function () {\r\n if (app.page === 'front') {\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const initializeKnallertMaerkeInfoElementValidation = () => {\r\n const element = h.getElm('Maerke')\r\n $(element).rules('add', {\r\n required: true,\r\n ifws_isInvalid: true\r\n })\r\n}\r\n\r\nexport const initializeKnallertRegNrInfoElementValidation = () => {\r\n const element = h.getElm('RegNr')\r\n const invalidRegNrMessage = {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-KNALLERT_REGNR_IKKE_VALID',\r\n 'Nummerplade ikke valid'\r\n )\r\n }\r\n\r\n $(element).rules('add', {\r\n required: true,\r\n ifws_isInvalid: true,\r\n messages: invalidRegNrMessage\r\n })\r\n // setup validation function\r\n if (element) {\r\n $(element).on('evaluate', function () {\r\n h.validateElement(element, 'ifws_isInvalid')\r\n })\r\n element.ifws_customValidation = function (value) {\r\n return knallert.validateRegNr($(this).val())\r\n }\r\n }\r\n}\r\n\r\nexport const initializeKnallertStelNrInfoElementValidation = () => {\r\n const element = h.getElm('StelNr')\r\n const message = {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-KNALLERT_STELNR_IKKE_VALID',\r\n 'Stelnummer ikke valid'\r\n )\r\n }\r\n $(element).rules('add', {\r\n required: true,\r\n ifws_isInvalid: true,\r\n messages: message\r\n })\r\n // setup validation function\r\n if (element) {\r\n $(element).on('evaluate', function () {\r\n h.validateElement(element, 'ifws_isInvalid')\r\n })\r\n element.ifws_customValidation = function (value) {\r\n return knallert.erStelNrValid($(this).val())\r\n }\r\n }\r\n}\r\n\r\nknallert.knallertInfo = function (jElement) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n ko.applyBindings(app.root.activeProduct, jElement[0])\r\n enableToolTips(jElement)\r\n\r\n // validation rules\r\n const jForm = $('#knallertInfo')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const validator = jForm.validate({\r\n rules: {\r\n Anvendelse: {\r\n required: true\r\n }\r\n }\r\n })\r\n jForm[0].validator = validator\r\n\r\n if (knallert.knallertAnvendelseSubscription) {\r\n knallert.knallertAnvendelseSubscription.dispose()\r\n }\r\n\r\n knallert.knallertAnvendelseSubscription = activeProduct.DMRModel().Anvendelse.subscribe(function (newValue) {\r\n knallert.updateStepOneHeader(parseInt(newValue))\r\n // we will wait with the product sync until customer presses goForward\r\n activeProduct.sync()\r\n })\r\n}\r\n\r\nknallert.updateWizardSubtextFromDMRModel = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n const wizardStepCurrent = app.getTopJElm().find('.wizardStepCurrent')\r\n wizardStepCurrent.find('.stepSubTitle').text(activeProduct.DMRModel().Details())\r\n}\r\n\r\nknallert.SupplerendeManual = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (activeProduct.shouldShowStelNrAndMaerkeInAdditionalInformation) {\r\n ko.applyBindings(app.root.activeProduct.DMRModel(), document.getElementById('Maerke'))\r\n initializeKnallertMaerkeInfoElementValidation()\r\n\r\n ko.applyBindings(app.root.activeProduct.DMRModel(), document.getElementById('StelNr'))\r\n initializeKnallertStelNrInfoElementValidation(true, true)\r\n }\r\n}\r\n\r\nknallert.initializeRegNr = function (jElement) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (activeProduct.shouldShowEditableRegNrInAdditionalInformation()) {\r\n knallert.regNrSetupBtx(jElement)\r\n initializeKnallertRegNrInfoElementValidation(true, true)\r\n }\r\n}\r\n\r\nknallert.supplerendeInfoKnallert = function (jElement, productId) {\r\n app.root.ensureActiveProduct(productId, function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n h.bindNodesToActiveProduct('KnallertModelInformation')\r\n if (activeProduct.UkendtRegNr() === '' && activeProduct.RegNrNotUsed() === true && activeProduct.ManuallyEnteredVehicleData()) {\r\n activeProduct.SearchRegNr(undefined)\r\n activeProduct.sync()\r\n }\r\n\r\n knallert.initializeRegNr(jElement)\r\n\r\n knallert.SupplerendeManual()\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n h.selectNextEntry(jElement)\r\n\r\n knallert.updateWizardSubtextFromDMRModel()\r\n\r\n if (knallert.knallertMaerkeSubscription) {\r\n knallert.knallertMaerkeSubscription.dispose()\r\n }\r\n if (knallert.knallertRegNrSubscription) {\r\n knallert.knallertRegNrSubscription.dispose()\r\n }\r\n // todo: where are we actually unsubscribing\r\n knallert.knallertMaerkeSubscription = activeProduct.DMRModel().Maerke.subscribe(function (newValue) {\r\n knallert.updateWizardSubtextFromDMRModel()\r\n })\r\n\r\n knallert.knallertRegNrSubscription = activeProduct.DMRModel().RegNr.subscribe(function (newValue) {\r\n knallert.updateWizardSubtextFromDMRModel()\r\n })\r\n enableToolTips(jElement)\r\n })\r\n}\r\n\r\nknallert.detaljer = function (jElement) {\r\n h.bindNodesToActiveProduct('KnallertDetailsInformation')\r\n $('#vaelgAndenKnallert').on('click', function () {\r\n h.fadeToForm($('#knallertHolder'), 'knallertprodukt/getsubview/knallertinfo')\r\n })\r\n\r\n knallert.setupVaelgAndenKnallertButton()\r\n // display button after it was hidden earlier\r\n $('.dws-navigationSection .theme-bg-blue').show('fade', 300)\r\n}\r\n\r\nknallert.setupVaelgAndenKnallertButton = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n h\r\n .getJElmByDataId('vaelgAndenKnallert')\r\n .parent()\r\n .on('click', function () {\r\n activeProduct.DMRModel().RegNr('')\r\n activeProduct.DMRModel().Model('')\r\n activeProduct.DMRModel().Maerke('')\r\n activeProduct.DMRModel().StelNr('')\r\n\r\n if (activeProduct.RegNrNotUsed()) {\r\n h.fadeToForm($('#knallertHolder'), 'knallertprodukt/getsubview/knallertinfo')\r\n } else {\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n h.fadeToForm($('#knallertHolder'), 'baseprodukt/quickform/knallert')\r\n }\r\n app.root.activeProduct.Daekning().Navn('') // Force a reselection of default daekning\r\n })\r\n}\r\n\r\n// RegNr -----------------------------------------------------------------------\r\nknallert.validateRegNr = function (regNr) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n const patternKnallert = /[ABCDEFGHJKLMNOPRSTUVWXYZ]{2}[0-9]{4}$/i\r\n const patternEuKnallert = /[ABCDEFGHJKLMNOPRSTUVWXYZ]{2}[0-9]{3}$/i\r\n // ikke I, Q, Æ, Ø, Å\r\n\r\n if (activeProduct.DMRModel().AnvendelseInt() === 1) {\r\n return 1\r\n } else if (knallert.MatchRegExForKnallert(regNr, patternKnallert, 2)) {\r\n return 2\r\n } else if (knallert.MatchRegExForKnallert(regNr, patternEuKnallert, 3)) {\r\n return 3\r\n }\r\n return false\r\n}\r\n\r\nknallert.MatchRegExForKnallert = function (regNr, regexPattern, patternUsage) {\r\n if (app.page === 'produkt') {\r\n return Boolean(regNr.match(regexPattern))\r\n } else {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const currentUsage = activeProduct.DMRModel().AnvendelseInt()\r\n const isUnknownOrPatternUsage = currentUsage === 0 || currentUsage === patternUsage\r\n\r\n if (isUnknownOrPatternUsage && regNr.match(regexPattern)) {\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n\r\n// // StelNr -------------------------------------------------------------------------------------\r\nknallert.erStelNrValid = function (stelNr) {\r\n /// /Stelnummer kun indeholde danske bokstager og tal, dog ikke i, o, æ, ø, å\r\n const pattern = /^[abcdefghjklmnpqrstuvwxyz0-9]+$/i\r\n\r\n if (stelNr.match(pattern)) {\r\n return stelNr\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nknallert.acceptNewPrice = function (actionSettings) {\r\n app.root.activeProduct.AllowManualRegistrationNumber(false)\r\n app.root.activeProduct.setModel(\r\n newModelRegNr,\r\n app.wizard.getCurrentWizardBodyJElement(),\r\n actionSettings\r\n )\r\n}\r\n\r\nconst KnallertHasChanged = (UpdatedKnallertModel) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (UpdatedKnallertModel.Daekning().NettoPraemieTotal() !== activeProduct.Daekning().NettoPraemieTotal()) {\r\n return true\r\n }\r\n\r\n return false\r\n}\r\n\r\nknallert.displayUkendtRegNrPanel = function () {\r\n // display message\r\n app.loadHtml({\r\n allowCredentials: true,\r\n url: 'knallertprodukt/getsubview/ukendtregnrpanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n app.loadHtml({\r\n allowCredentials: true,\r\n url: 'knallertprodukt/getsubview/ukendtregnrpanelinfo',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data2, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage($('#regNrMsg'), data, true)\r\n\r\n basic.showMessage($('#regNrMsgInfo'), data2, true)\r\n\r\n // bind pricepanel to the model\r\n $(app).trigger('sectionLoaded', ['displayUkendtRegNrPanel', h.getSections(this.targetElement)])\r\n }\r\n })\r\n }\r\n })\r\n}\r\n\r\nconst handleNewPricePanelBinding = (panelName, updatedKnallertModel) => {\r\n if (h.getElm(panelName) !== null) {\r\n // bind pricepanel to the model\r\n ko.applyBindings(\r\n updatedKnallertModel,\r\n h.getElm(panelName)\r\n )\r\n }\r\n}\r\n\r\nconst ShowNewKnallertMessage = (UpdatedKnallertModel) => {\r\n // display message\r\n app.loadHtml({\r\n url: 'knallertprodukt/getsubview/nyprispanel',\r\n allowCredentials: true,\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n basic.showInlineMessage(\r\n $('#regNrMsg', '', true),\r\n data,\r\n true,\r\n true,\r\n app.getHjaelpeKodeText(\r\n 'CLIENT-BUTTON-FORTSAET_MED_NY_PRIS',\r\n 'Fortsæt med ny pris'\r\n ),\r\n function () {\r\n app.resetPendingUserAction()\r\n app.root.activeProduct.SearchRegNr(knallert.updateRegNr.alt.DMRModel().RegNr())\r\n\r\n knallert.acceptNewPrice(knallert.updateRegNr.actionSettings)\r\n\r\n basic.clearInlineMessage($('#regNrMsg', '', true))\r\n basic.clearMessage($('#regNrMsgInfo', '', true))\r\n\r\n $('#regNrMsg', '', true).hide('fade', 800)\r\n $('#regNrMsgInfo', '', true).hide('fade', 800)\r\n\r\n $('#RegNrDetails').show()\r\n\r\n return false\r\n }\r\n )\r\n\r\n handleNewPricePanelBinding('nyPrisPanelegNrGroup', UpdatedKnallertModel)\r\n handleNewPricePanelBinding('nyPrisPanelNyPrisGroup', UpdatedKnallertModel)\r\n handleNewPricePanelBinding('nyPrisPanelGammelPrisGroup', app.root.activeProduct)\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n}\r\n\r\nconst createActionSettings = (activeProduct) => {\r\n return {\r\n allowCredentials: true,\r\n done: function () {\r\n // reset flag\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n // move on\r\n h.fadeToForm(\r\n $('#supplerendeInfoHolder'),\r\n 'knallertprodukt/getsubview/supplerende'\r\n )\r\n\r\n // execute validation from control (if any)\r\n if (\r\n knallert.updateRegNr.actionSettings2 &&\r\n knallert.updateRegNr.actionSettings2.onValid\r\n ) {\r\n knallert.updateRegNr.actionSettings2.onValid()\r\n }\r\n activeProduct.sync(\r\n {\r\n allowCredentials: true,\r\n done: function () {\r\n // update total fields to reflect the new totals\r\n basic.updateTotalFields()\r\n knallert.updateWizardSubtextFromDMRModel()\r\n }\r\n },\r\n true\r\n )\r\n }\r\n }\r\n}\r\n\r\nconst GetModelFailure = (incomingActionSettings, data, targetElement) => {\r\n // execute validation from control (if any), data\r\n if (incomingActionSettings && incomingActionSettings.onInvalid) {\r\n incomingActionSettings.onInvalid()\r\n }\r\n\r\n // error, maybe the regnr wasnt found\r\n if (data && data.Message && data.Message.TekstKode === 'CLIENT-KNALLERT-KAN_IKKE_FINDE_MODEL') {\r\n if ($('#RegNr').valid()) {\r\n // todo : replace this with a message that the regnumber does not exist in dmr.\r\n knallert.displayUkendtRegNrPanel()\r\n }\r\n return false // cancel default action\r\n }\r\n targetElement[0].ifws_isInvalid = true\r\n app.onEntryFail(data)\r\n}\r\n\r\nlet newModelRegNr = ''\r\nknallert.updateRegNr = function (code, jElement, actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n try {\r\n newModelRegNr = h.getElm('RegNr').value\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-KNALLERT_REGNR_0'))\r\n return\r\n }\r\n\r\n // create a new actionsettings object\r\n knallert.updateRegNr.actionSettings = createActionSettings(activeProduct)\r\n\r\n // set actionSettings2 to the incoming actionSettings object, the incoming\r\n // the incoming actionSettings object will be used in the newly created actionSettings object\r\n knallert.updateRegNr.actionSettings2 = actionSettings\r\n\r\n app.setPendingUserAction('newPriceAwaitingApproval')\r\n const getModelInData = {\r\n code: (code || '0'),\r\n allowInvalidRegNr: activeProduct.AllowManualRegistrationNumber(),\r\n anvendelse: activeProduct.DMRModel().AnvendelseInt()\r\n }\r\n\r\n // try to find the model\r\n app.loadJson({\r\n url: 'knallertprodukt/getmodel',\r\n allowCredentials: true,\r\n data: JSON.stringify(getModelInData),\r\n targetElement: jElement,\r\n block: true,\r\n done: function (data, textStatus, jqXHR) {\r\n if (knallert.updateRegNr.actionSettings2 && knallert.updateRegNr.actionSettings2.onValid) {\r\n knallert.updateRegNr.actionSettings2.onValid()\r\n }\r\n\r\n // a new product is received\r\n if (data && data.DMRModel && data.DMRModel.StelNr) {\r\n // create a model of the new product so it can be bound to the view\r\n knallert.updateRegNr.alt = new KnallertProdukt()\r\n knallert.updateRegNr.alt.update(data)\r\n\r\n if (!KnallertHasChanged(knallert.updateRegNr.alt)) {\r\n app.resetPendingUserAction()\r\n\r\n // display vehicle engine label\r\n $('#RegNrDetails').show()\r\n\r\n // remove potential nyprispanel\r\n basic.clearInlineMessage($('#regNrMsg', '', true))\r\n basic.clearMessage($('#regNrMsgInfo', '', true))\r\n\r\n $('#regNrMsg', '', true).hide('fade', 800)\r\n $('#regNrMsgInfo', '', true).hide('fade', 800)\r\n\r\n // accept price\r\n knallert.acceptNewPrice(knallert.updateRegNr.actionSettings)\r\n } else {\r\n // hide RegNrDetails, when we show the newPricePanel, since it does not match the\r\n // newly entered regnr, it is a match to the previous regnr, and we have not yet changed the activeProduct model.\r\n $('#RegNrDetails').hide()\r\n\r\n // show the nyprispanel\r\n ShowNewKnallertMessage(knallert.updateRegNr.alt)\r\n }\r\n } else {\r\n if ($('#RegNr').valid()) {\r\n // Copy basic data\r\n app.root.activeProduct.UpdateModelWithBasicInformationForManualLicensePlateMode(data)\r\n // todo : replace this with a message that the regnumber does not exist in dmr.\r\n // show the ukendt regnr panel\r\n knallert.displayUkendtRegNrPanel()\r\n }\r\n }\r\n },\r\n entryFail: function (data) {\r\n // handle the getmodel failure\r\n GetModelFailure(knallert.updateRegNr.actionSettings2, data, this.targetElement)\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\nexport { knallert, newModelRegNr }\r\n","/* global $ */\r\nimport { app } from './../dk-ifshop-application'\r\nimport { displayError, hideErrors } from './../cpr/dk-ifshop-cpr-multicontrol-config'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { validateAge } from './../cpr/dk-ifshop-cpr-validation-functions'\r\n\r\nexport const validateKnallert = (person, prefix) => {\r\n // todo: consider passing references from outside\r\n const inputCpr1 = h.getElm(prefix + 'Cpr1')\r\n const inputCpr2 = h.getElm(prefix + 'Cpr2')\r\n\r\n if (app.root.onlyMopedInShoppingCart()) {\r\n const mopedErrorMessage = getErrorMessageForMopedAgeValidation(person, prefix)\r\n if (mopedErrorMessage) {\r\n return displayError(inputCpr1, inputCpr2, mopedErrorMessage, 'Du skal være mindst 15 år', prefix)\r\n }\r\n }\r\n return true\r\n}\r\n\r\nexport const getErrorMessageForMopedAgeValidation = (person, prefix) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n const {\r\n DMRModel\r\n } = activeProduct\r\n\r\n const knallertAnvendelseEnum = {\r\n UNKNOWN: 0,\r\n KNALLERT: 1,\r\n KNALLERT_REGNR: 2,\r\n KNALLERT_EU: 3\r\n }\r\n\r\n const alder = person.Alder()\r\n\r\n // be an exact match due to anvendelse has type int. Thats the reason for the code below.\r\n const anvendelseInt = DMRModel().AnvendelseInt()\r\n if (anvendelseInt === knallertAnvendelseEnum.UNKNOWN || anvendelseInt === knallertAnvendelseEnum.KNALLERT || anvendelseInt === knallertAnvendelseEnum.KNALLERT_REGNR) {\r\n if (alder < 15) {\r\n return 'CLIENT-' + prefix + 'UNDER_15'\r\n }\r\n return undefined\r\n }\r\n\r\n if (anvendelseInt === knallertAnvendelseEnum.KNALLERT_EU) {\r\n if (alder < 18) {\r\n return 'CLIENT-' + prefix + 'UNDER_18'\r\n }\r\n\r\n return undefined\r\n }\r\n\r\n return 'CLIENT-' + prefix + 'UNDER_15'\r\n}\r\n\r\nexport const setupKnallertAnvendelseValidation = (person, prefix) => {\r\n $(document).on('change', '[name=\"Anvendelse\"]', function () {\r\n if (person.Alder() && validateAge(person) && validateKnallert(person, prefix)) {\r\n hideErrors([$('#Cpr1')[0], $('#Cpr2')[0]])\r\n }\r\n })\r\n}\r\n","import { app } from '../dk-ifshop-application'\r\nconst typeOfInsuredPerson = {\r\n INSUREDPERSON: {\r\n NONE: 0,\r\n YOURSELF: 1,\r\n COHABITANT: 2,\r\n BUSINESSPARTNER: 3,\r\n OTHER: 4\r\n }\r\n} // namespace\r\n\r\nexport const birthDateIsInTheFutureErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_FOEDSELSDATO_FOR_TIDLIG',\r\n 'Den angivne fødselsdato ligger fremme i tiden.'\r\n )\r\n}\r\nexport const cprForSamleverIsTheSameAsCustomerErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_CPR_IS_THE_SAME_FOR_CUSTOMER_AND_SPOUSE',\r\n 'Cpr-nummeret på den forsikrede, må ikke være det samme som på den person, der køber forsikringen.'\r\n )\r\n}\r\nexport const customerIsYoungerThanEighteenAndOlderThan49ErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_SELV_UNDER_18_ELLER_OVER_50',\r\n 'Du skal være mellem 18 år og 49 år for at købe en Livsforsikring.')\r\n}\r\n\r\nexport const forsikredeIsYoungerThanEighteenErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_ANDEN_UNDER_18',\r\n 'Du kan ikke forsikre en anden under 18 år'\r\n )\r\n}\r\nexport const forsikredeIsOlderThan50ErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_ANDEN_OVER_50',\r\n 'Du kan ikke forsikre en anden over 50 år'\r\n )\r\n}\r\n\r\nexport const customerIsOlderThan50ErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_SELV_OVER_50',\r\n 'Du kan ikke købe en Livsforsikring hvis du er over 50 år gammel'\r\n )\r\n}\r\n\r\nexport const customerAgeIsEqualToFortyNineErrorMessage = (_birthDate, age) => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-LIV_SELV_KRAV_OM_HELBREDSOPLYSNINGER_49',\r\n 'Køb af den tilbudte forsikring er betinget af at vi har modtaget helbredsoplysninger inden du fylder 50.'\r\n )\r\n}\r\n\r\nexport const forsikredeAgeIsEqualToFortyNineErrorMessage = (_birthDate, age) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n // if (insuringEqualToFortyNineAndInsuringOther(_birthDate, age)) {\r\n const insuredPerson = activeProduct.InsuredPerson()\r\n let textCode = ''\r\n switch (insuredPerson) {\r\n case typeOfInsuredPerson.INSUREDPERSON.COHABITANT:\r\n textCode = 'CLIENT-LIV_COHABITANT_KRAV_OM_HELBREDSOPLYSNINGER_49'\r\n break\r\n case typeOfInsuredPerson.INSUREDPERSON.BUSINESSPARTNER:\r\n textCode = 'CLIENT-LIV_BUSINESSPARTNER_KRAV_OM_HELBREDSOPLYSNINGER_49'\r\n break\r\n case typeOfInsuredPerson.INSUREDPERSON.OTHER:\r\n textCode = 'CLIENT-LIV_OTHER_KRAV_OM_HELBREDSOPLYSNINGER_49'\r\n break\r\n }\r\n return app.getFejlKodeText(\r\n textCode,\r\n 'Køb af den tilbudte forsikring er betinget af at vi har modtaget helbredsoplysninger inden personen fylder 50.'\r\n )\r\n}\r\n","import { app } from '../dk-ifshop-application'\r\n\r\nimport {\r\n birthDateIsInTheFutureErrorMessage,\r\n customerIsYoungerThanEighteenAndOlderThan49ErrorMessage,\r\n forsikredeIsYoungerThanEighteenErrorMessage,\r\n forsikredeIsOlderThan50ErrorMessage,\r\n customerIsOlderThan50ErrorMessage,\r\n customerAgeIsEqualToFortyNineErrorMessage,\r\n forsikredeAgeIsEqualToFortyNineErrorMessage,\r\n cprForSamleverIsTheSameAsCustomerErrorMessage\r\n} from './dk-ifshop-liv-validation-messages'\r\n\r\nexport const getInfoMessage = (payerOfInsurance) => {\r\n if (!payerOfInsurance) {\r\n return forsikredeAgeIsEqualToFortyNineErrorMessage()\r\n } else {\r\n return customerAgeIsEqualToFortyNineErrorMessage()\r\n }\r\n}\r\n\r\nexport const InfoState = (birthDate, age, activeProductAndenForsikrede, payerOfInsurance) => {\r\n if (!payerOfInsurance) {\r\n return insuringEqualToFortyNineAndInsuringOther(birthDate, age, activeProductAndenForsikrede)\r\n } else {\r\n return insuringEqualToFortyNineAndIsCustomer(birthDate, age, activeProductAndenForsikrede)\r\n }\r\n}\r\n\r\nexport const ValidStateCustomer = (birthDate, age, now, activeProductAndenForsikrede) => {\r\n return !insuringYourselfUnderAgeOfEighteen(birthDate, age, activeProductAndenForsikrede) &&\r\n !insuringCustomerOverOrEqualAgeFifty(birthDate, age, now, activeProductAndenForsikrede)\r\n}\r\n\r\nexport const ValidStateBeneficiary = (birthDate, age, now, activeProductAndenForsikrede) => {\r\n return !insuringAnotherPersonUnderAgeEighteen(birthDate, age, now, activeProductAndenForsikrede) &&\r\n !insuringAnotherPersonOverOrEqualAgeFifty(birthDate, age, now, activeProductAndenForsikrede)\r\n}\r\n\r\n// todo: investigate what happens if AndenForsikrede has a default value\r\nexport const ValidState = (prefix, payerOfInsurance, birthDate, age, now, activeProductAndenForsikrede) => {\r\n // general validation\r\n if (birtDateIsInTheFuture(birthDate, now)) {\r\n return false\r\n }\r\n if (payerOfInsurance) {\r\n return ValidStateCustomer(birthDate, age, now, activeProductAndenForsikrede)\r\n } else {\r\n return ValidStateBeneficiary(birthDate, age, now, activeProductAndenForsikrede)\r\n }\r\n}\r\n\r\nexport const GetErrorMessageForCustomer = (birthDate, age, activeProductAndenForsikrede) => {\r\n const now = app.getBestDate()\r\n\r\n if (birtDateIsInTheFuture(birthDate, now)) {\r\n return birthDateIsInTheFutureErrorMessage()\r\n }\r\n\r\n if (insuringYourselfUnderAgeOfEighteen(birthDate, age, now, activeProductAndenForsikrede)) {\r\n return customerIsYoungerThanEighteenAndOlderThan49ErrorMessage()\r\n }\r\n\r\n if (insuringCustomerOverOrEqualAgeFifty(birthDate, age, now, activeProductAndenForsikrede)) {\r\n return customerIsOlderThan50ErrorMessage()\r\n }\r\n return ''\r\n}\r\n\r\nexport const GetErrorMessageForForsikrede = (birthDate, age, activeProductSamlever, activeProductAldersTrin, page) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const now = app.getBestDate()\r\n\r\n if (activeProductSamlever) {\r\n if (app.root.Kunde().CprNr() === activeProduct.ForsikredePerson().CprNr()) {\r\n return cprForSamleverIsTheSameAsCustomerErrorMessage()\r\n }\r\n }\r\n\r\n if (birtDateIsInTheFuture(birthDate, now)) {\r\n return birthDateIsInTheFutureErrorMessage()\r\n }\r\n if (insuringAnotherPersonUnderAgeEighteen(birthDate, age, now, activeProduct.AndenForsikrede())) {\r\n return forsikredeIsYoungerThanEighteenErrorMessage()\r\n }\r\n if (insuringAnotherPersonOverOrEqualAgeFifty(birthDate, age, now, activeProduct.AndenForsikrede())) {\r\n return forsikredeIsOlderThan50ErrorMessage()\r\n }\r\n return ''\r\n}\r\n\r\nconst birtDateIsInTheFuture = (_birthDate, _now) => {\r\n return _birthDate && _now && _birthDate > _now\r\n}\r\n\r\nconst insuringUnderAgeEighteen = (_birthDate, age) => {\r\n return _birthDate && age < 18\r\n}\r\n\r\nconst insuringYourselfUnderAgeOfEighteen = (_birthDate, age, activeProductAndenForsikrede) => {\r\n return !activeProductAndenForsikrede && insuringUnderAgeEighteen(_birthDate, age)\r\n}\r\n\r\nconst insuringAnotherPersonUnderAgeEighteen = (_birthDate, age, _now, activeProductAndenForsikrede) => {\r\n return activeProductAndenForsikrede === true && insuringUnderAgeEighteen(_birthDate, age)\r\n}\r\n\r\nconst insuringOverOrEqualAgeFifty = (_birthDate, age) => {\r\n return _birthDate && age >= 50\r\n}\r\n\r\nconst insuringCustomerOverOrEqualAgeFifty = (_birthDate, age, _now, activeProductAndenForsikrede) => {\r\n return insuringOverOrEqualAgeFifty(_birthDate, age) && !activeProductAndenForsikrede\r\n}\r\n\r\nconst insuringAnotherPersonOverOrEqualAgeFifty = (_birthDate, age, _now, activeProductAndenForsikrede) => {\r\n return insuringOverOrEqualAgeFifty(_birthDate, age) && activeProductAndenForsikrede == true\r\n}\r\n\r\nconst insuringEqualToFortyNine = (_birthDate, age) => {\r\n return _birthDate && age == 49\r\n}\r\n\r\nconst insuringEqualToFortyNineAndInsuringOther = (_birthDate, age, activeProductAndenForsikrede) => {\r\n return insuringEqualToFortyNine(_birthDate, age) && activeProductAndenForsikrede == true\r\n}\r\nconst insuringEqualToFortyNineAndIsCustomer = (_birthDate, age, activeProductAndenForsikrede) => {\r\n return insuringEqualToFortyNine(_birthDate, age) && !activeProductAndenForsikrede\r\n}\r\n","/* global $ ko */\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { Model } from './../dk-ifshop-model'\r\nimport { ifwsMotorcykel } from './dk-ifshop-motorcykel-scripts'\r\n\r\nfunction MotorcykelProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.Model = h.koMap(new MotorcykelModel())\r\n\r\n // VED TEST\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'SearchRegNr' && value) {\r\n let regNr = value.toUpperCase()\r\n regNr = regNr.replace(' ', '')\r\n self.SearchRegNr(regNr)\r\n } else if (name === 'MotorCykelHandelsVaerdi') {\r\n if ($.isNumeric(value)) {\r\n property($.parseInt(value, 'N', app.culture))\r\n }\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n Model,\r\n Selvrisiko,\r\n Daekning,\r\n MusikSum,\r\n BagageboxSum,\r\n AndetSum,\r\n MotorCykelHandelsVaerdi,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n ErMotorcyklenLeaset,\r\n StelNrMotorcykel,\r\n UkendtRegNr,\r\n SearchRegNr,\r\n AllowManualRegistrationNumber,\r\n RegNrNotUsed,\r\n ManuallyEnteredVehicleData,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n ) {\r\n self.isInit = true\r\n\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n undefined,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '', 'Selvrisiko')\r\n\r\n self.Model = self.koMap(Model, self.Model)\r\n\r\n self.MusikSum = self.koMap(MusikSum, self.MusikSum)\r\n self.BagageboxSum = self.koMap(BagageboxSum, self.BagageboxSum)\r\n self.AndetSum = self.koMap(AndetSum, self.AndetSum)\r\n\r\n self.MotorCykelHandelsVaerdi = self.koMap(MotorCykelHandelsVaerdi, self.MotorCykelHandelsVaerdi, '', 'MotorCykelHandelsVaerdi', true)\r\n self.ErMotorcyklenLeaset = self.koMap(ErMotorcyklenLeaset, self.ErMotorcyklenLeaset)\r\n self.StelNrMotorcykel = self.koMap(StelNrMotorcykel, self.StelNrMotorcykel)\r\n\r\n self.SearchRegNr = self.koMap(SearchRegNr, self.SearchRegNr)\r\n self.UkendtRegNr = self.koMap(UkendtRegNr, self.UkendtRegNr, '', 'UkendtRegNr')\r\n\r\n self.AllowManualRegistrationNumber = self.koMap(AllowManualRegistrationNumber, self.AllowManualRegistrationNumber, false, 'AllowManualRegistrationNumber')\r\n self.RegNrNotUsed = self.koMap(RegNrNotUsed, self.RegNrNotUsed, false, 'RegNrNotUsed')\r\n self.ManuallyEnteredVehicleData = self.koMap(ManuallyEnteredVehicleData, self.ManuallyEnteredVehicleData, false, 'ManuallyEnteredVehicleData')\r\n\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(app.root.activeProduct),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo(),\r\n PaymentPeriod: app.root.PaymentInterval(),\r\n PaymentProvider: app.root.PaymentProvider()\r\n }\r\n })\r\n\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.Model,\r\n val.Selvrisiko,\r\n val.Daekning,\r\n val.MusikSum,\r\n val.BagageboxSum,\r\n val.AndetSum,\r\n val.MotorCykelHandelsVaerdi,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.ErMotorcyklenLeaset,\r\n val.StelNrMotorcykel,\r\n val.UkendtRegNr,\r\n val.SearchRegNr,\r\n val.AllowManualRegistrationNumber,\r\n val.RegNrNotUsed,\r\n val.ManuallyEnteredVehicleData,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.SelectedDaekningId,\r\n val.CPState\r\n )\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n let _key =\r\n 'MOTORCYKEL-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n self.Model().MakeNumber() +\r\n '-' +\r\n app.root.Kunde().Alder() +\r\n '-' +\r\n self.Selvrisiko() +\r\n '-' +\r\n app.root.NumberOfClaimsCarAndMc()\r\n\r\n _key = _key + '-0-0-0-0'\r\n\r\n if (app.root.Kunde().CprNr()) {\r\n _key = _key + '-' + app.root.Kunde().CprNr()\r\n } else {\r\n // defined used kvhx code if we know the address and not the cpr no. (only found on server)\r\n _key = _key + '-' +\r\n app.root.Kunde().Postnr() +\r\n '-' +\r\n app.root.Kunde().Gade() +\r\n '-' +\r\n app.root.Kunde().Husnr() +\r\n '-' +\r\n app.root.Kunde().Etage() +\r\n '-' +\r\n app.root.Kunde().SideDoerNr()\r\n }\r\n return _key\r\n }\r\n\r\n self.unknownRegistrationNumber = function () {\r\n // when the user clicks the 'Kender ikke regnr'\r\n try {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n activeProduct.RegNrNotUsed(true)\r\n activeProduct.sync({\r\n done: function () {\r\n app.gotoShopPage()\r\n }\r\n })\r\n } else {\r\n activeProduct.SearchRegNr(undefined)\r\n activeProduct.RegNrNotUsed(true)\r\n\r\n activeProduct.sync({\r\n done: function () {\r\n }\r\n })\r\n\r\n h.fadeToForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/motorcykelInfo')\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.setModel = function (code, jElement, actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n try {\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-KNALLERT_REGNR_0'))\r\n return\r\n }\r\n\r\n const setModelInData = {\r\n code: (code || '0'),\r\n produktId: (activeProduct.ProduktID() || '0'),\r\n allowInvalidRegNr: (activeProduct.AllowManualRegistrationNumber())\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'setModelMC' }).then(function (token) {\r\n app.loadJson({\r\n code,\r\n url: 'motorcykelprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n token,\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy',\r\n prio: 'first',\r\n block: true,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n code,\r\n url: 'motorcykelprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy',\r\n prio: 'first',\r\n block: true,\r\n allowCredentials: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.innerDone = function (data, jqXHR) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (data !== undefined && data != null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n }\r\n\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage()\r\n } else {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n self.update(data)\r\n\r\n // we can not fade to details view if we have a manually entered registrationnumber\r\n if (!data.AllowManualRegistrationNumber) {\r\n h.fadeToForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/detaljer')\r\n h.extendForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n return false\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n\r\n function handleSetModelError (data) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n if (data && data.Data && data.Data.ProduktID) {\r\n // set id. might have been newly created, although an error has occured\r\n activeProduct.ProduktID(data.Data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n if (data.Message.TekstKode === 'CLIENT-MOTORCYKEL-KAN_IKKE_FINDE_MODEL') {\r\n ifwsMotorcykel.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n } else if (data.Message.TekstKode === 'MOTORCYKEL_FYMC') {\r\n const message = app.getFejlKode('CLIENT-MOTORCYKEL_FYMC').lang\r\n app.showErrorMessage(message)\r\n return false\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n }\r\n\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode = (data) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (data !== undefined && data !== null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n activeProduct.ManuallyEnteredVehicleData(data.ManuallyEnteredVehicleData)\r\n }\r\n }\r\n}\r\n\r\nfunction MotorcykelModel () {\r\n const self = this\r\n self.base = new Model()\r\n self.base.inherit(self)\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n if (actionSettings) {\r\n if (actionSettings.done) {\r\n actionSettings.done()\r\n }\r\n }\r\n $(self).trigger('validated')\r\n }\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'Model') {\r\n self.Model($.trim(value))\r\n } else if (name === 'RegNrMotorcykel' && value) {\r\n self.RegNrMotorcykel(value.toUpperCase())\r\n }\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n regNrMotorcykel,\r\n make,\r\n model,\r\n variant,\r\n year,\r\n price,\r\n makeNumber,\r\n isMaerkeForsikring,\r\n hasMaerkeFordele,\r\n vehicleGroup,\r\n ccm\r\n ) {\r\n self.MakeNumber = self.koMap(makeNumber, self.MakeNumber, null, 'MakeNumber')\r\n self.Make = self.koMap(make, self.Make, null, 'Make')\r\n self.Model = self.koMap(model, self.Model, null, 'Model')\r\n self.Variant = self.koMap(variant, self.Variant, null, 'Variant')\r\n self.RegNrMotorcykel = self.koMap(regNrMotorcykel, self.RegNrMotorcykel, null, 'RegNrMotorcykel')\r\n self.Year = self.koMap((year === 0) ? '' : year, self.Year, null, 'Year')\r\n self.Price = self.koMap(price, self.Price, 0, 'Price')\r\n self.IsMaerkeForsikring = self.koMap(isMaerkeForsikring, self.IsMaerkeForsikring, false, 'IsMaerkeForsikring')\r\n self.HasMaerkeFordele = self.koMap(hasMaerkeFordele, self.HasMaerkeFordele, 0, 'PriceHasMaerkeFordele')\r\n self.VehicleGroup = self.koMap(vehicleGroup, self.VehicleGroup, 0, 'VehicleGroup')\r\n self.Ccm = self.koMap(ccm, self.Ccm, 0, 'Ccm')\r\n }\r\n\r\n self.init()\r\n\r\n // computed observables\r\n self.LogoImagePath = ko.computed(function () {\r\n let root = ''\r\n if (app.mode && app.mode.indexOf('ext') > -1) {\r\n root = app.shopHostUrl\r\n } else {\r\n root = '/'\r\n }\r\n\r\n const make = self.Make() || ''\r\n if (make === '0' || make === '') {\r\n return root + 'styling/img/webshop/shopflow/icon_motorcykel.png'\r\n } else {\r\n let fileName = make.trim()\r\n if (fileName) {\r\n if (fileName.indexOf(' ') > -1) {\r\n fileName = fileName.replace(' ', '_')\r\n }\r\n if (fileName.indexOf('-') > -1) {\r\n fileName = fileName.replace('-', '_')\r\n }\r\n return (\r\n root +\r\n 'styling/img/webshop/shopflow/motorcykellogo/' +\r\n fileName +\r\n '.png'\r\n )\r\n }\r\n return ''\r\n }\r\n }, self)\r\n\r\n // SAVE\r\n self.save = function (actionSettings) {\r\n app.loadJson({\r\n url: 'motorcykelprodukt/savemodel',\r\n data:\r\n '{\"data\" : ' +\r\n ko.toJSON(self, function (key, value) {\r\n if (key === 'LogoImagePath') {\r\n return undefined\r\n } else {\r\n return value\r\n }\r\n }) +\r\n '}',\r\n block: true,\r\n actionSettings,\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n // SYNC\r\n self.sync = function (actionSettings) {\r\n app.loadJson({\r\n url: 'motorcykelprodukt/syncmodel',\r\n done: function (data, textStatus, jqXHR) {\r\n self.update(data)\r\n },\r\n actionSettings,\r\n allowCredentials: true\r\n })\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.RegNrMotorcykel,\r\n val.Make,\r\n val.Model,\r\n val.Variant,\r\n val.Year,\r\n val.Price,\r\n val.MakeNumber,\r\n val.IsMaerkeForsikring,\r\n val.HasMaerkeFordele,\r\n val.VehicleGroup,\r\n val.Ccm\r\n )\r\n }\r\n }\r\n}\r\n\r\nexport { MotorcykelModel, MotorcykelProdukt }\r\n","/* global $ ko */\r\n\r\nimport { app } from './../dk-ifshop-application'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { PendingInputs, enableToolTips } from './../dk-ifshop-controls'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { enableSelect } from './../dk-ifshop-controls-multi'\r\nconst bindMotorCykelHandelsVaerdi = () => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (document.getElementById('MotorCykelHandelsVaerdi') !== undefined && ko.dataFor(document.getElementById('MotorCykelHandelsVaerdi')) === undefined) {\r\n ko.applyBindingsToNode(document.getElementById('MotorCykelHandelsVaerdi'), null, activeProduct)\r\n }\r\n}\r\nexport const bindMotorCykelPostalNr = () => {\r\n if (app.root.Kunde) {\r\n if (document.getElementById('Postnr') !== undefined && ko.dataFor(document.getElementById('Postnr')) === undefined) {\r\n ko.applyBindingsToNode(document.getElementById('Postnr'), null, app.root.Kunde())\r\n }\r\n }\r\n}\r\n\r\nconst buildAntalSkaderMotorCykelOptionList = (element) => {\r\n for (let i = 0; i <= 3; i++) {\r\n let txt = String(i)\r\n const val = String(i)\r\n\r\n if (i === 3) {\r\n txt = app.getHjaelpeKodeText(\r\n 'CLIENT-3_ELLER_FLERE',\r\n '3 eller flere'\r\n )\r\n }\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(val)\r\n )\r\n }\r\n}\r\n\r\nconst setupAntalSkaderMotorCykelSelectList = (prefix) => {\r\n enableSelect(\r\n $('#select' + prefix + 'AntalSkaderMotorCykel'),\r\n app.root,\r\n null,\r\n {\r\n usesKeyValuePairs: true,\r\n onLoad: function (element) {\r\n buildAntalSkaderMotorCykelOptionList(element)\r\n }\r\n }\r\n )\r\n}\r\n\r\nconst setupAntalSkaderMotorCykelSelectListChangeEvent = (prefix) => {\r\n // make sure to validate on max. nof. damages\r\n $('#select' + prefix + 'AntalSkaderMotorCykel').on('change', function () {\r\n let max = 2\r\n const numberOfClaims =\r\n app.root.AntalSkaderFamilie() + app.root.AntalSkaderHus()\r\n\r\n if (3 - numberOfClaims < max) max = 3 - numberOfClaims\r\n\r\n if (parseInt($(this).val()) > max) {\r\n this.ifws_isInvalid = true\r\n h.validateElement(this)\r\n } else {\r\n this.ifws_isInvalid = false\r\n h.validateElement(this)\r\n }\r\n })\r\n}\r\nexport const brugsInfo = (prefix, person, jElement) => {\r\n enableToolTips(jElement)\r\n\r\n let jForm = $('#' + prefix + 'brugsInfo')\r\n\r\n if (!jForm[0].validator) {\r\n jForm = jElement\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = jForm.validate()\r\n }\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const antalSkaderMC = h.getElm('select' + prefix + 'AntalSkaderMotorCykel')\r\n $(antalSkaderMC).rules('add', {\r\n ifws_selected: true,\r\n max: 2,\r\n ifws_isInvalid: true,\r\n messages: {\r\n max: app.getFejlKodeText(\r\n 'CLIENT-ANTAL_SKADER_MOTORCYKEL',\r\n 'Du kan ikke have mere end 2 skader'\r\n ),\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-ANTAL_TOTAL_SKADER',\r\n 'Du har samlet oplyst et antal skader, som betyder, at vi desværre ikke kan tilbyde dig den beregnede forsikring'\r\n )\r\n }\r\n })\r\n\r\n const postnr = h.getElm('Postnr')\r\n $(postnr).rules('add', {\r\n required: true,\r\n regexp: /^(?:[1-24-9]\\d{3}|3[0-8]\\d{2})$/,\r\n messages: {\r\n regexp: app.getFejlKodeText(\r\n 'CLIENT-MOTORCYKEL_POSTNR_FOR_HOEJ-Eier',\r\n 'Det indtastede postnummer er ikke korrekt.'\r\n )\r\n }\r\n })\r\n\r\n const pnr = h.getElm('MotorCykelHandelsVaerdi')\r\n $(pnr).rules('add', {\r\n min: 1,\r\n required: true,\r\n number: true,\r\n messages: {\r\n min: app.getFejlKodeText(\r\n 'CLIENT-MOTORCYKEL_HANDELVAERDI_TO_LOW',\r\n 'Udfyld venligst motorcyklens handelsværdi.'\r\n )\r\n }\r\n })\r\n\r\n const validator = jForm.validate()\r\n jForm[0].validator = validator\r\n\r\n setupAntalSkaderMotorCykelSelectList(prefix)\r\n\r\n setupAntalSkaderMotorCykelSelectListChangeEvent(prefix)\r\n\r\n basic.setupKundeInfoGroup(jElement)\r\n\r\n bindMotorCykelHandelsVaerdi()\r\n bindMotorCykelPostalNr()\r\n}\r\n","/* global ko $ */\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { MotorcykelProdukt, MotorcykelModel } from './dk-ifshop-motorcykel-produkt-model'\r\nimport {\r\n enableToolTips,\r\n PendingInputs,\r\n enableInputEvaluation,\r\n initPlaceholders\r\n} from './../dk-ifshop-controls'\r\nimport { enableSelect } from './../dk-ifshop-controls-multi'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { brugsInfo } from './dk-ifshop-mc-multicontrolconfig'\r\nimport { dkRecaptcha } from '../security/recaptcha'\r\nimport { quickformSubmitSetup } from '../quickform-submit-setup'\r\n\r\nconst ifwsMotorcykel = {} // namespace\r\n\r\nifwsMotorcykel.settings = {\r\n maxAge: 45\r\n}\r\n\r\nifwsMotorcykel.detaljer = function (jElement) {\r\n ko.applyBindings(app.root.activeProduct.Model, jElement[0])\r\n\r\n function updateMaerkeForsikring () {\r\n h.doOrWait(\r\n app.hjaelpeKoderLoadedFlag,\r\n app,\r\n 'hjaelpeKoderLoaded',\r\n function () {\r\n if (app.root.activeProduct.Model().IsMaerkeForsikring() &&\r\n app.root.activeProduct.Model().HasMaerkeFordele()) {\r\n const code = app.getHjaelpeKode('CLIENT-MOTORCYKEL-BONUS_MEDDELELSE')\r\n if (code) {\r\n const txt = h.format(code.lang, app.root.activeProduct.Model().Make().trim())\r\n $('#maerkeForsikringHolder').html(txt)\r\n }\r\n }\r\n }\r\n )\r\n }\r\n\r\n updateMaerkeForsikring()\r\n\r\n h.getJElmByDataId('vaelgAndenMotorCykel')\r\n .parent()\r\n .on('click', function () {\r\n app.root.activeProduct.Model = h.koMap(new MotorcykelModel())\r\n app.root.activeProduct.MotorCykelHandelsVaerdi(undefined)\r\n\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(undefined)\r\n app.root.activeProduct.ManuallyEnteredVehicleData(undefined)\r\n\r\n h.fadeToForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/quickform')\r\n\r\n $('#brugerInfoHolder').html('')\r\n\r\n app.root.activeProduct.Daekning().Navn('')\r\n })\r\n}\r\n\r\nifwsMotorcykel.beregnPris = function (jElement) {\r\n app.root.activeProduct.disposeDaekningsSubscriptions()\r\n\r\n h.selectNextEntry(jElement)\r\n\r\n basic.setProductSpecificEntryPageSubmitFunction(ifwsMotorcykel.beregnPris.submit)\r\n}\r\n\r\nifwsMotorcykel.ukendtRegNrPanelAction = false\r\n\r\nifwsMotorcykel.beregnPrisWithValidate = function (jElement) {\r\n const { activeProduct } = app.root\r\n\r\n ifwsMotorcykel.beregnPris(jElement)\r\n\r\n activeProduct.validateOnServer({\r\n entryFail: function (data) {\r\n if (data && data.Message && data.Message.TekstKode === 'CLIENT-MOTORCYKEL-KAN_IKKE_FINDE_MODEL') {\r\n ifwsMotorcykel.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n return true\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.regNrSetupBtx = function (jForm) {\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNr: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n }\r\n })\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n // avoids autosubmit in IE, when there is only a single input control in the form\r\n jForm.on('keydown', '#RegNr', function (e) {\r\n if ($('#RegNr').attr('allowenter') === undefined) {\r\n if (e.keyCode === '32' || e.keyCode === 32) {\r\n e.preventDefault()\r\n }\r\n\r\n if (e.keyCode === '13' || e.keyCode === 13) {\r\n e.preventDefault()\r\n $('#RegNr').valid()\r\n }\r\n }\r\n })\r\n\r\n $('#RegNr').change(function () {\r\n if ($('#RegNr').valid()) {\r\n if (ifwsMotorcykel.ukendtRegNrPanelAction) {\r\n $('#regNrMsg').html('')\r\n }\r\n } else {\r\n $('#regNrMsg').html('')\r\n }\r\n\r\n if (app.page !== 'front') {\r\n const actionSettings = {\r\n onInvalid: function () {\r\n }\r\n }\r\n ifwsMotorcykel.updateModel(actionSettings)\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.displayUkendtRegNrPanel = function () {\r\n // display message\r\n app.loadHtml({\r\n url: 'motorcykelprodukt/getsubview/UkendtRegNrPanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage($('#regNrMsg'), data, true)\r\n // bind pricepanel to the model\r\n $(app).trigger('sectionLoaded', ['displayUkendtRegNrPanel', h.getSections(this.targetElement)])\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.ukendtRegNrPanel = function () {\r\n // triggered by displayUkendtRegNrPanel\r\n const { activeProduct } = app.root\r\n\r\n activeProduct.AllowManualRegistrationNumber(false)\r\n\r\n if ($('#RegNr').valid()) {\r\n ifwsMotorcykel.ukendtRegNrPanelAction = true\r\n\r\n activeProduct.UkendtRegNr(undefined)\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('ukendtRegNrPanel'))\r\n\r\n $('input[name=UkendtRegNr]').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true\r\n })\r\n\r\n $('input[name=UkendtRegNr]').on('change', function () {\r\n ifwsMotorcykel.validateRegistrationNumber() // ?\r\n return false // we remove the entire panel incl. this radio button, therefore the default action should be stopped, otherwise we would receive an error\r\n })\r\n\r\n // update the text on the last radiobutton to include the regnr at the end\r\n const jUkendtTrue = $('label[for=UkendtRegNrtrue]')\r\n jUkendtTrue.text(jUkendtTrue.text() + ' ' + app.root.activeProduct.SearchRegNr())\r\n } else {\r\n // if ukendtregnrpanel, hide\r\n $('#regNrMsg').html('')\r\n }\r\n}\r\n\r\nifwsMotorcykel.findMotorcykel = function (jElement, productId) {\r\n h.setDisabled($('#wizardNavigation button', app.getTopJElm()), true)\r\n\r\n app.root.ensureActiveProduct(productId, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n ifwsMotorcykel.regNrSetupBtx(jElement)\r\n })\r\n}\r\n\r\nifwsMotorcykel.validateRegistrationNumber = function () {\r\n app.setPendingUserAction('ukendtRegNr')\r\n\r\n if ($('input[name=UkendtRegNr]')[0].checked) {\r\n ifwsMotorcykel.InvalidNumberPlateValidation()\r\n } else if ($('input[name=UkendtRegNr]')[1].checked) {\r\n ifwsMotorcykel.InvalidButManuallyAcceptedNumberPlateValidation()\r\n }\r\n\r\n ifwsMotorcykel.ukendtRegNrPanelAction = false\r\n app.resetPendingUserAction('ukendtRegNr')\r\n}\r\n\r\nifwsMotorcykel.InvalidButManuallyAcceptedNumberPlateValidation = function (value) {\r\n const { activeProduct } = app.root\r\n\r\n activeProduct.AllowManualRegistrationNumber(true)\r\n // add the searched regnr as the selected regnr\r\n\r\n activeProduct.Model().RegNrMotorcykel(activeProduct.SearchRegNr())\r\n if (!activeProduct.Model().RegNrMotorcykel() && activeProduct.Model().RegNrMotorcykel().length == 0) {\r\n activeProduct.Model().RegNrMotorcykel($('#RegNr').val())\r\n }\r\n activeProduct.UkendtRegNr(true)\r\n\r\n if (app.page === 'checkout') {\r\n ifwsMotorcykel.handleCheckoutManual()\r\n } else {\r\n ifwsMotorcykel.handleProductManual()\r\n }\r\n return true\r\n}\r\n\r\nifwsMotorcykel.handleCheckoutManual = function () {\r\n // when proceeding with an invalid regnr at checkout\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.sync({\r\n done: function () {\r\n // move on\r\n h.fadeToForm($('#supplerendeInfoHolder'), 'motorcykelprodukt/getsubview/tidligereselskab')\r\n\r\n $('#regNrMsg').html('')\r\n\r\n activeProduct.Model().RegNrMotorcykel($('#RegNr').val())\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n $('#wizardNavigation').find('button').removeClass('disabled')\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.handleProductManual = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.RegNrNotUsed(false)\r\n activeProduct.Model().RegNrMotorcykel(activeProduct.SearchRegNr())\r\n ifwsMotorcykel.updateModel()\r\n\r\n $('#regNrMsg').html('')\r\n\r\n activeProduct.sync({\r\n done: function (message = {}) {\r\n h.fadeToForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/motorcykelinfo')\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.InvalidNumberPlateValidation = function (value) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n $('#regNrMsg').html('')\r\n\r\n // set the option to undefined as we dont want to save this answer anywhere.\r\n activeProduct.UkendtRegNr(undefined)\r\n activeProduct.SearchRegNr(undefined)\r\n\r\n return true\r\n}\r\n\r\nifwsMotorcykel.motorCykelInfo = function (jElement) {\r\n if (app.root.activeProduct.Model().Year() === 0) {\r\n app.root.activeProduct.Model().Year('')\r\n }\r\n\r\n enableToolTips(jElement)\r\n\r\n if (h.getElm('MotorCykelHandelsVaerdi')) {\r\n ko.applyBindingsToNode(h.getElm('MotorCykelHandelsVaerdi'), null, app.root.activeProduct)\r\n }\r\n\r\n ifwsMotorcykel.enableYearMakeModelSelects()\r\n\r\n const jForm = $('#motorCykelInfo')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const validator = jForm.validate({\r\n rules: {\r\n selectMake: { ifws_selected: true },\r\n selectModel: { ifws_selected: true },\r\n selectVariant: { ifws_selected: true },\r\n selectYear: { ifws_selected: true }\r\n }\r\n })\r\n jForm[0].validator = validator\r\n\r\n jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n jForm[0].pendingInputs.setOnDone(function () {\r\n if (validator.form(true)) {\r\n ifwsMotorcykel.backupSelections()\r\n\r\n // sync\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n // accepted. display the details with logo\r\n h.fadeToForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/detaljer')\r\n // display new questions\r\n h.extendForm($('#motorcykelHolder'), 'motorcykelprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n },\r\n entryFail: ifwsMotorcykel.submitEntryFail\r\n })\r\n }\r\n })\r\n })\r\n\r\n ifwsMotorcykel.validateRegNr = function (regNr) {\r\n return true\r\n }\r\n\r\n jForm.submit(function (e) {\r\n e.preventDefault()\r\n })\r\n\r\n enableInputEvaluation($('#handelsVaerdiGroup'))\r\n}\r\n\r\nifwsMotorcykel.beregnPris.submit = function () {\r\n if (h.getElm('quickForm')) {\r\n // if the quickform is displayed, clicking any button to go forward, will require the quickform to be validated first. Only once this is done, it should be possible to move on to the next step\r\n ifwsMotorcykel.quickForm.submit()\r\n } else {\r\n // move on to next step\r\n app.wizard.goFwd()\r\n }\r\n}\r\n\r\nifwsMotorcykel.quickForm = function (jElement) {\r\n const jForm = $('#quickForm')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n jForm[0].pendingInputs.setOnDone(function () {\r\n })\r\n })\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('brugerIkkeRegNr'))\r\n\r\n quickformSubmitSetup.setup(jForm, ifwsMotorcykel.quickFormSubmitFunction)\r\n\r\n ko.applyBindingsToNode(h.getElm('RegNr'), null, app.root.activeProduct)\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n if (h.getElm('RegNr')) {\r\n // bind to model\r\n ifwsMotorcykel.regNrSetupBtx(jElement)\r\n }\r\n // start over with new regnr, so we don't know if it is unknown or not\r\n app.root.activeProduct.UkendtRegNr(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(false)\r\n\r\n if (app.page === 'front') {\r\n dkRecaptcha.attach(jElement)\r\n }\r\n\r\n h.selectNextEntry()\r\n initPlaceholders(jElement)\r\n}\r\n\r\nifwsMotorcykel.quickForm.submit = function (jElement) {\r\n if ($('#RegNr').valid()) {\r\n ifwsMotorcykel.backupSelections()\r\n ifwsMotorcykel.updateModel()\r\n }\r\n}\r\n\r\nifwsMotorcykel.quickFormSubmitFunction = function () {\r\n if ($('#RegNr').valid()) {\r\n ifwsMotorcykel.backupSelections()\r\n ifwsMotorcykel.updateModel()\r\n }\r\n}\r\n\r\nifwsMotorcykel.submitEntryFail = function (data, textStatus, jqXHR) {\r\n // MC was not accepted. Reuse saved search criterias, so the user can change them\r\n app.root.activeProduct.Model().Year(ifwsMotorcykel.motorCykelInfo.selectionsYear)\r\n app.root.activeProduct.Model().Make(ifwsMotorcykel.motorCykelInfo.selectionsMake)\r\n app.root.activeProduct.Model().Model(ifwsMotorcykel.motorCykelInfo.selectionsModel)\r\n app.root.activeProduct.Model().Variant(ifwsMotorcykel.motorCykelInfo.selectionsVariant)\r\n app.root.activeProduct.MotorCykelHandelsVaerdi(ifwsMotorcykel.motorCykelInfo.MotorCykelHandelsVaerdi)\r\n // Return true to make sure default action is perforformed too (Message)\r\n return true\r\n}\r\n\r\nifwsMotorcykel.backupSelections = function () {\r\n // save selections because they are overwritten with info that might differ (different case, spacet etc.), but we will need them again if the MC isn't accepted\r\n ifwsMotorcykel.motorCykelInfo.selectionsYear = app.root.activeProduct.Model().Year()\r\n ifwsMotorcykel.motorCykelInfo.selectionsMake = app.root.activeProduct.Model().Make()\r\n ifwsMotorcykel.motorCykelInfo.selectionsModel = app.root.activeProduct.Model().Model()\r\n ifwsMotorcykel.motorCykelInfo.selectionsVariant = app.root.activeProduct.Model().Variant()\r\n ifwsMotorcykel.motorCykelInfo.MotorCykelHandelsVaerdi = app.root.activeProduct.MotorCykelHandelsVaerdi()\r\n}\r\n\r\nifwsMotorcykel.enableYearMakeModelSelects = function (prefix) {\r\n if (typeof prefix === 'undefined') {\r\n prefix = 'select'\r\n }\r\n\r\n ifwsMotorcykel.enableSelectVariant(prefix)\r\n ifwsMotorcykel.enableSelectModel(prefix)\r\n ifwsMotorcykel.enableSelectMake(prefix)\r\n ifwsMotorcykel.enableSelectYear(prefix)\r\n}\r\n\r\nifwsMotorcykel.enableSelectYear = function (prefix) {\r\n enableSelect($('#' + prefix + 'Year'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: true,\r\n onLoad: function (element) {\r\n const thisYear = app.getBestYear()\r\n for (let i = 0; i <= ifwsMotorcykel.settings.maxAge; i++) {\r\n const txt = String(thisYear - i)\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(txt)\r\n )\r\n }\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.enableSelectVariant = function (prefix) {\r\n enableSelect($('#' + prefix + 'Variant'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: true,\r\n getCriteria: function (s) {\r\n const c0 = $('#' + prefix + 'Year')[0].value\r\n const c1 = $('#' + prefix + 'Make')[0].value\r\n const c2 = $('#' + prefix + 'Model')[0].value\r\n const year = c0 ? '\"year\" : ' + c0 + ', ' : ''\r\n const make = '\"make\" : \"' + c1 + '\", '\r\n const model = '\"model\" : \"' + c2 + '\"'\r\n return '{' + year + make + model + '}'\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.enableSelectModel = function (prefix) {\r\n enableSelect($('#' + prefix + 'Model'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: true,\r\n getCriteria: function (s) {\r\n if ($('#' + prefix + 'Year').length &&\r\n $('#' + prefix + 'Make').length &&\r\n $('#' + prefix + 'Model').length) {\r\n const c0 = $('#' + prefix + 'Year')[0].value\r\n const c1 = $('#' + prefix + 'Make')[0].value\r\n const year = c0 ? '\"year\" : ' + c0 + ', ' : ''\r\n const make = '\"make\" : \"' + c1 + '\"'\r\n return '{' + year + make + '}'\r\n }\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.enableSelectMake = function (prefix) {\r\n enableSelect($('#' + prefix + 'Make'), app.root.activeProduct.Model, null, {\r\n disableAutoUpdate: true,\r\n getCriteria: function (s) {\r\n const c0 = $('#' + prefix + 'Year')[0].value\r\n const year = c0 ? '\"year\" : ' + c0 : ''\r\n return '{' + year + '}'\r\n }\r\n })\r\n}\r\n\r\nifwsMotorcykel.ejersBrugsInfo = function (jElement) {\r\n brugsInfo('', app.root.Kunde(), jElement)\r\n\r\n if (app.root.Disv() && app.root.Kunde().Address()) {\r\n $('.edit-address-button').remove()\r\n }\r\n\r\n if (app.root.DisableCustomerElements() === true && !app.root.Disv()) {\r\n if (!app.root.Disv()) {\r\n $('input#Postnr').prop('disabled', true)\r\n $('.edit-address-button').remove()\r\n }\r\n }\r\n if (app.root.DisableCustomerElements() === true) {\r\n $('input#Postnr').prop('disabled', true)\r\n basic.hideCprGroupSection()\r\n }\r\n\r\n h.selectNextEntry(jElement)\r\n}\r\n\r\nifwsMotorcykel.supplerendeInfoMotorcykel = function (jElement, productId) {\r\n app.root.ensureActiveProduct(productId, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n const searchRegNr = app.root.activeProduct.SearchRegNr()\r\n const modelRegNr = app.root.activeProduct.Model().RegNrMotorcykel()\r\n\r\n if (searchRegNr && !modelRegNr) {\r\n app.root.activeProduct.Model().RegNrMotorcykel(searchRegNr)\r\n }\r\n\r\n if (\r\n app.wizard.currentStepNo === 3 &&\r\n app.wizard.currentStepNo === app.wizard.pendingStepNo &&\r\n app.wizard.currentStep.Progress === 0\r\n ) {\r\n app.root.activeProduct.HarTidligereSelskab(undefined)\r\n }\r\n\r\n enableToolTips(jElement)\r\n\r\n ko.applyBindingsToNode(h.getElm('RegNrMotorcykel'), null, app.root.activeProduct.Model)\r\n ko.applyBindingsToNode(h.getElm('StelNrMotorcykel'), null, app.root.activeProduct)\r\n ko.applyBindings(app.root.activeProduct, h.getElm('erMotorcyklenLeasetGroup'))\r\n\r\n $('#RegNrMotorcykel').attr('disabled', 'disabled')\r\n\r\n if (app.root.activeProduct.StelNrMotorcykel()) {\r\n $('#stelnummerGroup').hide()\r\n }\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n // validation rules\r\n const jForm = $('#supplerendeInfoMotorcykel')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNrMotorcykel: { required: true },\r\n StelNrMotorcykel: { required: true, ifws_isInvalid: true },\r\n harAndetSelskab: { required: true },\r\n selectSelskab: { ifws_selected: true },\r\n selectAndensSelskab: { ifws_selected: true },\r\n OpsigelseType: { required: true },\r\n selectOpsigelsesMaaned: { ifws_selected: true }\r\n },\r\n messages: {\r\n StelNrMotorcykel: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-MOTORCYKEL_STELNR_IKKE_VALID',\r\n 'Stelnummer ikke valid'\r\n )\r\n }\r\n }\r\n })\r\n jForm[0].validator = validator\r\n\r\n $('#ErMotorcyklenLeasetJa').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true,\r\n messages: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n 'CLIENT-UNDERWRITING_AFVIST_' + app.root.activeProduct.produktNavn,\r\n 'Vi kan desværre ikke tilbyde dig den forsikring som du har beregnet en pris på. Du bedes venligst kontakte kundeservice på telefonnummer 70 12 12 53 for at få din forsikring.'\r\n )\r\n }\r\n })\r\n // bindings\r\n enableSelect($('#selectSelskab'), app.root.activeProduct, null, {\r\n usesKeyValuePairs: true,\r\n onLoadDone: function (element, data) {\r\n // add list\r\n $.each(data, function (index, item) {\r\n $(element).append(\r\n $('')\r\n .text(item.Navn)\r\n .val(item.KortNavn)\r\n )\r\n })\r\n }\r\n })\r\n\r\n basic.setupOpsigelse(jElement)\r\n basic.setupOpsigelseTypeDataChangeHandler()\r\n\r\n // ErMotorcyklenLeaset --------------------------------------------------------------------\r\n if (h.getElm('ErMotorcyklenLeasetNej')) {\r\n $('input[name=ErMotorcyklenLeaset]').on('evaluate', function () {\r\n h.validateElement(this, 'ifws_isInvalid')\r\n })\r\n\r\n $('input[name=ErMotorcyklenLeaset]')[0].ifws_customValidation = function (\r\n value\r\n ) {\r\n const res = ifwsMotorcykel.erMotorcyklenLeaset(this)\r\n return res\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------\r\n\r\n // StelNrMotorcykel -----------------------------------------------------------------------\r\n if (h.getElm('StelNrMotorcykel')) {\r\n $('#StelNrMotorcykel').on('evaluate', function () {\r\n const stelNr = h.getElm('StelNrMotorcykel')\r\n h.validateElement(stelNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('StelNrMotorcykel').ifws_customValidation = function (value) {\r\n const res = ifwsMotorcykel.erStelNrMotorcykelValid(this)\r\n return res\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------\r\n\r\n if (h.getElm('nyKontaktKundeService')) {\r\n ko.applyBindings(\r\n app.root.activeProduct,\r\n h.getElm('nyKontaktKundeService')\r\n )\r\n }\r\n\r\n jElement[0].validator.customShowLabel = function (element, message, rule) {\r\n if (element.id === 'ErMotorcyklenLeasetJa' &&\r\n rule === 'ifws_isInvalid'\r\n ) {\r\n basic.showInlineMessage(\r\n jElement.find('#nyKontaktKundeService'),\r\n message,\r\n true,\r\n true\r\n )\r\n return false\r\n }\r\n return true\r\n }\r\n\r\n jElement[0].validator.customUnhighlight = function (element, message) {\r\n if (h.getElm('ErMotorcyklenLeasetJa').checked === false) {\r\n basic.clearInlineMessage(jElement.find('#nyKontaktKundeService'))\r\n }\r\n }\r\n\r\n // -------------------------------------------------------------------------------------\r\n function enableAndetSelskab (newValue) {\r\n // display\r\n if (newValue === true /* HarTidligereSelskab */) {\r\n h.extendForm(\r\n $('#supplerendeInfoMotorcykel'),\r\n null,\r\n $('#andetSelskabGroup'),\r\n null,\r\n null,\r\n 350\r\n )\r\n } else {\r\n h.retractForm($('#andetSelskabGroup'), 350)\r\n }\r\n }\r\n\r\n app.root.activeProduct.HarTidligereSelskab.subscribe(function (newValue) {\r\n enableAndetSelskab(newValue)\r\n })\r\n\r\n enableAndetSelskab(app.root.activeProduct.HarTidligereSelskab())\r\n\r\n h.selectNextEntry(jElement)\r\n })\r\n}\r\n\r\nifwsMotorcykel.updateModel = function (actionSettings) {\r\n ifwsMotorcykel.setModelData(actionSettings)\r\n}\r\n\r\nifwsMotorcykel.setModelData = function (actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const regNrValue = h.getElm('RegNr').value\r\n const regNrElement = $(h.getElm('RegNr'))\r\n\r\n if (regNrElement.valid()) {\r\n // called from all three places where a regnr can be edited (quickform, step1 and step3)\r\n if (!app.wizard || app.page === 'produkt') {\r\n activeProduct.setModel(regNrValue, regNrElement, actionSettings)\r\n } else if (app.page === 'checkout') {\r\n ifwsMotorcykel.updateRegNr(regNrValue, regNrElement, actionSettings)\r\n }\r\n } else {\r\n actionSettings.onInvalid()\r\n }\r\n}\r\n\r\nifwsMotorcykel.daekningsTilpasningsPanel = function (jElement) {\r\n basic.daekningsTilpasningsPanelBasics(jElement)\r\n}\r\n\r\n// StelNrMotorcykel -----------------------------------------------------------------------\r\nifwsMotorcykel.erStelNrMotorcykelValid = function (element) {\r\n const stelNr = $(element).val()\r\n\r\n const pattern = /^[abcdefghjklmnpqrstuvwxyz0-9]+$/i\r\n\r\n if (stelNr.match(pattern)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\n// ErMotorcyklenLeaset -----------------------------------------------------------------------\r\nifwsMotorcykel.erMotorcyklenLeaset = function (element) {\r\n const afvistMc = h.getElm('ErMotorcyklenLeasetJa')\r\n if (afvistMc.checked) {\r\n return false\r\n } else {\r\n return true\r\n }\r\n}\r\n\r\nifwsMotorcykel.acceptPriceAndProceed = function () {\r\n app.resetPendingUserAction()\r\n ifwsMotorcykel.acceptNewPrice(ifwsMotorcykel.updateRegNr.actionSettings)\r\n}\r\n\r\nifwsMotorcykel.acceptNewPrice = function (actionSettings) {\r\n const element = app.wizard.getCurrentWizardBodyJElement()\r\n\r\n app.root.activeProduct.setModel(newModelRegNr, element, actionSettings)\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n $('#wizardNavigation').find('button').removeClass('disabled')\r\n\r\n ifwsMotorcykel.updateWizardSubtext()\r\n}\r\n\r\nifwsMotorcykel.updateWizardSubtext = function () {\r\n if (ifwsMotorcykel.updateRegNr.alt) {\r\n const wizardStepCurrent = app.getTopJElm().find('.wizardStepCurrent')\r\n const title = ifwsMotorcykel.updateRegNr.alt.Model().Make() + ' ' + ifwsMotorcykel.updateRegNr.alt.Model().Model()\r\n wizardStepCurrent.find('.stepSubTitle').text(title)\r\n }\r\n}\r\n\r\nlet newModelRegNr = ''\r\n\r\n// Display new price based on new regnr (if any car is found) and allow the user to apply the new data\r\nifwsMotorcykel.updateRegNr = function (code, jElement, actionSettings) {\r\n try {\r\n newModelRegNr = h.getElm('RegNr').value\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-VEHICLE_REGNR_EMPTY'))\r\n return\r\n } else if (code === app.root.activeProduct.Model().RegNrMotorcykel()) {\r\n // no difference\r\n return\r\n }\r\n\r\n ifwsMotorcykel.updateRegNr.actionSettings = {\r\n done: function () {\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n h.fadeToForm($('#supplerendeInfoHolder'), 'motorcykelprodukt/getsubview/supplerende')\r\n\r\n // execute validation from control (if any)\r\n if (ifwsMotorcykel.updateRegNr.actionSettings2 && ifwsMotorcykel.updateRegNr.actionSettings2.onValid) {\r\n ifwsMotorcykel.updateRegNr.actionSettings2.onValid()\r\n }\r\n\r\n app.root.activeProduct.sync(\r\n {\r\n done: function (message = {}) {\r\n // update total fields to reflect the new totals\r\n basic.updateTotalFields()\r\n }\r\n },\r\n true\r\n )\r\n }\r\n }\r\n\r\n ifwsMotorcykel.updateRegNr.actionSettings2 = actionSettings\r\n\r\n app.setPendingUserAction('newPriceAwaitingApproval')\r\n // try to find the model\r\n app.loadJson({\r\n url: 'motorcykelprodukt/getmodel',\r\n data: '{ \"code\" : \"' + (code || '0') + '\" }',\r\n targetElement: jElement,\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n // a new product is received\r\n if (data && data.Model && data.Model.MakeNumber) {\r\n const makeNumberOrAnvendelseHasChanged =\r\n app.root.activeProduct.Model().MakeNumber() !== data.Model.MakeNumber\r\n\r\n let logMessage = 'MC-Manualflow-matching-regnr'\r\n\r\n if (makeNumberOrAnvendelseHasChanged) {\r\n // create a model of the new product so it can be bound to the view\r\n ifwsMotorcykel.updateRegNr.alt = new MotorcykelProdukt()\r\n ifwsMotorcykel.updateRegNr.alt.update(data)\r\n\r\n // comparison variables for price\r\n const priceIsEqual = data.Daekning.NettoPraemieTotal === app.root.activeProduct.Daekning().NettoPraemieTotal()\r\n const yearIsEqual = data.Model.Year === app.root.activeProduct.Model().Year()\r\n const makeIsEqual = data.Model.Make.toLowerCase() === app.root.activeProduct.Model().Make().toLowerCase()\r\n const modelIsEqual = data.Model.Model.toLowerCase() === app.root.activeProduct.Model().Model().toLowerCase()\r\n\r\n // compare info\r\n if (\r\n priceIsEqual &&\r\n (yearIsEqual &&\r\n makeIsEqual &&\r\n modelIsEqual)\r\n ) {\r\n // the prices are the same. accept\r\n logMessage += '-same-price-and-model'\r\n ifwsMotorcykel.acceptPriceAndProceed()\r\n } else {\r\n logMessage += '-failed'\r\n // display message\r\n app.loadHtml({\r\n url: 'motorcykelprodukt/getsubview/nyprispanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage(\r\n $('#regNrMsg', '', true),\r\n data,\r\n true,\r\n true,\r\n app.getHjaelpeKodeText('CLIENT-BUTTON-FORTSAET_MED_NY_PRIS', 'Fortsæt med ny pris'),\r\n function () {\r\n ifwsMotorcykel.acceptPriceAndProceed()\r\n return false\r\n }\r\n )\r\n // bind pricepanel to the model\r\n ko.applyBindings(ifwsMotorcykel.updateRegNr.alt, h.getElm('nyPrisPanelegNrGroup'))\r\n ko.applyBindings(ifwsMotorcykel.updateRegNr.alt, h.getElm('nyPrisPanelNyPrisGroup'))\r\n ko.applyBindings(app.root.activeProduct, h.getElm('nyPrisPanelGammelPrisGroup'))\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n }\r\n } else {\r\n logMessage = 'MC-Manualflow-matching-same-makenumber'\r\n // Vognkode not different. move on\r\n ifwsMotorcykel.acceptPriceAndProceed()\r\n }\r\n\r\n const logData = {\r\n regnr: code,\r\n lookedupMakeNumber: data.Model.MakeNumber,\r\n manualCarYear: app.root.activeProduct.Model().Year(),\r\n manualCarmakeNumber: app.root.activeProduct.Model().MakeNumber(),\r\n manualCarBrand: app.root.activeProduct.Model().Make(),\r\n manualCarModel: app.root.activeProduct.Model().Model(),\r\n manualCarVariant: app.root.activeProduct.Model().Variant()\r\n }\r\n\r\n app.logInformationToAppInsight(logMessage, logData)\r\n } else {\r\n app.displayEntryExceptionInfo(app.getFejlKode('CLIENT-MOTORCYKEL-KAN_IKKE_FINDE_MODEL'))\r\n $('#RegNr').val(app.root.activeProduct.Model().RegNr())\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n },\r\n entryFail: function (data) {\r\n // execute validation from control (if any)\r\n if (ifwsMotorcykel.updateRegNr.actionSettings2 && ifwsMotorcykel.updateRegNr.actionSettings2.onInvalid) {\r\n ifwsMotorcykel.updateRegNr.actionSettings2.onInvalid()\r\n }\r\n\r\n if (data && data.Message && data.Message.TekstKode === 'CLIENT-MOTORCYKEL-KAN_IKKE_FINDE_MODEL') {\r\n ifwsMotorcykel.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n\r\n this.targetElement[0].ifws_isInvalid = true\r\n app.onEntryFail(data)\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\n\r\nexport { ifwsMotorcykel }\r\n","/* global */\r\n\r\nexport class quickformSubmitSetup {\r\n static setup (jForm, callback, control) {\r\n const submitForm = this._createSubmitFunction(jForm, callback, true, control)\r\n const submitButton = this._createSubmitFunction(jForm, callback, false, control)\r\n\r\n jForm.on('submit', submitForm)\r\n jForm.find('.submitButton').on('click', submitButton)\r\n }\r\n\r\n static _createSubmitFunction (jForm, callback, preventDefault, control) {\r\n return function (e) {\r\n if (preventDefault) {\r\n e.preventDefault()\r\n }\r\n\r\n const validator = jForm.validate()\r\n if (validator.form(false)) {\r\n if (!control) {\r\n callback()\r\n } else {\r\n callback(control)\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/* global $ */\r\n\r\nexport class dkRecaptcha {\r\n static attach (jElement) {\r\n if (!this._shouldAttach()) {\r\n return\r\n }\r\n\r\n const inputElements = jElement.find(':input')\r\n\r\n inputElements.each((index, element) => {\r\n if (element.type === 'tel' || element.type === 'text') {\r\n $(element).one('keydown', () => { this._attachIfNeeded() })\r\n }\r\n\r\n $(element).one('change', () => { this._attachIfNeeded() })\r\n })\r\n }\r\n\r\n static _shouldAttach () {\r\n const configElement = $('#recaptcha-client-config')\r\n\r\n if (configElement.length === 0) {\r\n return false\r\n }\r\n\r\n this.config = JSON.parse(configElement.html())\r\n\r\n return this.config.enabled\r\n }\r\n\r\n static _attachIfNeeded () {\r\n if (!this.hasAttached) {\r\n const script = document.createElement('script')\r\n script.async = false\r\n script.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + this.config.siteKey\r\n\r\n const elem = (document.head || document.documentElement)\r\n elem.appendChild(script)\r\n\r\n this._waitForGrecaptcha()\r\n\r\n this.hasAttached = true\r\n }\r\n }\r\n\r\n static _waitForGrecaptcha () {\r\n // eslint-disable-next-line no-prototype-builtins\r\n if (window.hasOwnProperty('grecaptcha')) {\r\n window.grecaptcha.enterprise.ready(() => {})\r\n } else {\r\n setTimeout(() => { this._waitForGrecaptcha() }, 250)\r\n }\r\n }\r\n}\r\n","/* global $ ko */\r\n\r\nimport { Produkt } from './../dk-ifshop-produkt-model'\r\nimport { app } from './../dk-ifshop-application'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { TrailerTextCodes } from './../dk-ifshop-constants'\r\nimport { ifwsTrailer } from './dk-ifshop-trailer-scripts'\r\nfunction TrailerProdukt () {\r\n const self = this\r\n self.base = new Produkt()\r\n self.base.inherit(self)\r\n\r\n self.validateProperty = function (property, value, name) {\r\n if (typeof value === 'undefined') {\r\n value = ''\r\n } else if (name === 'RegNrTrailer' && value) {\r\n let regNr = value.toUpperCase().trim()\r\n regNr = regNr.replace(' ', '')\r\n self.RegNrTrailer(regNr)\r\n } else if (name === 'HandelsVaerdiTrailer') {\r\n if ($.isNumeric(value)) {\r\n const pNumInt = $.parseInt(value, 'N', app.culture)\r\n property(pNumInt)\r\n } else {\r\n const pInt = $.parseInt(value, 'N', app.culture)\r\n\r\n if ($.isNumeric(pInt)) {\r\n if (pInt === 0) {\r\n property('')\r\n } else {\r\n property(pInt)\r\n }\r\n } else {\r\n property(value)\r\n }\r\n }\r\n } else {\r\n self.validateProduktProperty(property, value, name)\r\n }\r\n\r\n self.UpdateHasChangedFlag(property, value, name)\r\n }\r\n\r\n // INIT\r\n self.init = function (\r\n ProduktID,\r\n AarMedEgenTrailer,\r\n Selvrisiko,\r\n Daekning,\r\n HandelsVaerdiTrailer,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n UnderwritingAccept,\r\n StelNrTrailer,\r\n MaerkeTrailer,\r\n ModelTrailer,\r\n AargangTrailer,\r\n WeightTrailer,\r\n RegNrTrailer,\r\n UkendtRegNr,\r\n SearchRegNr,\r\n RegNrNotUsed,\r\n ManuallyEnteredVehicleData,\r\n AllowManualRegistrationNumber,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n CPState,\r\n SelectedDaekningId\r\n ) {\r\n self.isInit = true\r\n\r\n // if (OpsigelseType == 0) OpsigelseType = 2;\r\n self.produktInit(\r\n ProduktID,\r\n HarTidligereSelskab,\r\n TidligereSelskab,\r\n TidligereSelskabNavn,\r\n TidligerePoliceNr,\r\n IkraftDato,\r\n OpsigelseType,\r\n StartDateType,\r\n OpsigelsesMaaned,\r\n UnderwritingAccept,\r\n EnglishName,\r\n UniqueId,\r\n opsigelseMaanedVedEj,\r\n SelectedDaekningId,\r\n CPState\r\n )\r\n\r\n self.Daekning = self.koMap(Daekning, self.Daekning)\r\n self.Selvrisiko = self.koMap(Selvrisiko, self.Selvrisiko, '', 'Selvrisiko')\r\n self.AarMedEgenTrailer = self.koMap(\r\n AarMedEgenTrailer,\r\n self.AarMedEgenTrailer,\r\n '',\r\n 'AarMedEgenTrailer'\r\n )\r\n self.HandelsVaerdiTrailer = self.koMap(\r\n HandelsVaerdiTrailer,\r\n self.HandelsVaerdiTrailer,\r\n null,\r\n 'HandelsVaerdiTrailer',\r\n true\r\n )\r\n\r\n self.StelNrTrailer = self.koMap(\r\n StelNrTrailer,\r\n self.StelNrTrailer,\r\n null,\r\n 'StelNrTrailer',\r\n true\r\n )\r\n self.MaerkeTrailer = self.koMap(\r\n MaerkeTrailer,\r\n self.MaerkeTrailer,\r\n null,\r\n 'MaerkeTrailer',\r\n true\r\n )\r\n self.ModelTrailer = self.koMap(\r\n ModelTrailer,\r\n self.ModelTrailer,\r\n null,\r\n 'ModelTrailer',\r\n true\r\n )\r\n self.WeightTrailer = self.koMap(\r\n WeightTrailer,\r\n self.WeightTrailer,\r\n null,\r\n 'WeightTrailer',\r\n true\r\n )\r\n\r\n self.AargangTrailer = self.koMap(\r\n AargangTrailer,\r\n self.AargangTrailer,\r\n null,\r\n 'AargangTrailer',\r\n true\r\n )\r\n self.RegNrTrailer = self.koMap(\r\n RegNrTrailer,\r\n self.RegNrTrailer,\r\n null,\r\n 'RegNrTrailer',\r\n true\r\n )\r\n self.SearchRegNr = self.koMap(SearchRegNr, self.SearchRegNr)\r\n self.RegNrNotUsed = self.koMap(RegNrNotUsed, self.RegNrNotUsed)\r\n self.UkendtRegNr = self.koMap(UkendtRegNr, self.UkendtRegNr, '', 'UkendtRegNr')\r\n self.ManuallyEnteredVehicleData = self.koMap(ManuallyEnteredVehicleData, self.ManuallyEnteredVehicleData, false, 'ManuallyEnteredVehicleData')\r\n self.AllowManualRegistrationNumber = self.koMap(AllowManualRegistrationNumber, self.AllowManualRegistrationNumber, false, 'AllowManualRegistrationNumber')\r\n h.publish(h.PRODUCT_UPDATED_FROM_ACTIVEPRODUCT, {\r\n product: ko.toJS(self),\r\n complimentaryInformation:\r\n {\r\n OwnerVehicleYear: app.getActiveProductOwnerYearForVehicle(app.root.activeProduct),\r\n insuredPerson: app.getInsuredPerson(app.root.activeProduct),\r\n pageInfo: app.getGTMPageInfo()\r\n }\r\n })\r\n self.isInit = false\r\n }\r\n self.init()\r\n\r\n // VALIDATE\r\n self.validate = function (actionSettings) {\r\n self.base.validate(actionSettings)\r\n }\r\n\r\n self.stepChanged = function () {\r\n self.base.stepChanged()\r\n }\r\n\r\n // UPDATE\r\n self.update = function (val) {\r\n if (val) {\r\n self.init(\r\n val.ProduktID,\r\n val.AarMedEgenTrailer,\r\n val.Selvrisiko,\r\n val.Daekning,\r\n val.HandelsVaerdiTrailer,\r\n val.OpsigelseType,\r\n val.StartDateType,\r\n val.OpsigelsesMaaned,\r\n val.HarTidligereSelskab,\r\n val.TidligereSelskab,\r\n val.TidligereSelskabNavn,\r\n val.TidligerePoliceNr,\r\n val.IkraftDatoShortStr,\r\n val.UnderwritingAccept,\r\n val.StelNrTrailer,\r\n val.MaerkeTrailer,\r\n val.ModelTrailer,\r\n val.AargangTrailer,\r\n val.WeightTrailer,\r\n val.RegNrTrailer,\r\n val.UkendtRegNr,\r\n val.SearchRegNr,\r\n val.RegNrNotUsed,\r\n val.ManuallyEnteredVehicleData,\r\n val.AllowManualRegistrationNumber,\r\n val.EnglishName,\r\n val.UniqueId,\r\n val.opsigelseMaanedVedEj,\r\n val.CPState,\r\n val.SelectedDaekningId\r\n )\r\n }\r\n }\r\n\r\n // get key to identify cached price\r\n self.getBeregningsKey = function () {\r\n let key =\r\n 'TRAILER-' +\r\n app.root.CustomerBenefitLevel() +\r\n '-' +\r\n app.root.Kunde().Alder() +\r\n '-' +\r\n self.AargangTrailer() +\r\n '-' +\r\n self.HandelsVaerdiTrailer()\r\n\r\n if (app.root.Kunde().CprNr()) {\r\n // defined used kvhx code if we know cprnr (kvhx only found on server as it is linked to cpr info and we dont give such info away on the client)\r\n key = key + '-' + app.root.Kunde().CprNr()\r\n } else {\r\n // defined used kvhx code if we know the address and not the cpr no. (only found on server)\r\n key =\r\n key +\r\n '-' +\r\n app.root.Kunde().Postnr() +\r\n '-' +\r\n app.root.Kunde().Gade() +\r\n '-' +\r\n app.root.Kunde().Husnr() +\r\n '-' +\r\n app.root.Kunde().Etage() +\r\n '-' +\r\n app.root.Kunde().SideDoerNr()\r\n }\r\n return key\r\n }\r\n self.innerDone = function (data, jqXHR) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (data !== undefined && data != null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n }\r\n\r\n if (app.page === 'front') {\r\n if (data && data.ProduktID) {\r\n // set id. might have been newly created\r\n app.root.activeProduct.ProduktID(data.ProduktID)\r\n }\r\n app.gotoShopPage()\r\n } else {\r\n if (app.wizard && app.wizard.currentStepNo === 1) {\r\n // shop\r\n self.update(data)\r\n\r\n // we can not fade to details view if we have a manually entered registrationnumber\r\n if (!data.AllowManualRegistrationNumber) {\r\n h.fadeToForm($('#trailerHolder'), 'trailerprodukt/getsubview/detaljer')\r\n h.extendForm($('#trailerHolder'), 'trailerprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n return false\r\n } else {\r\n // step 3\r\n self.update(data)\r\n }\r\n }\r\n }\r\n\r\n function handleSetModelError (data) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n if (data && data.Data && data.Data.ProduktID) {\r\n // set id. might have been newly created, although an error has occured\r\n activeProduct.ProduktID(data.Data.ProduktID)\r\n }\r\n app.gotoShopPage() // SharePoint specific navigation\r\n } else {\r\n if (data.Message.TekstKode === TrailerTextCodes.TrailerNotFound) {\r\n ifwsTrailer.displayUkendtRegNrPanel()\r\n // return false // cancel default action\r\n return false\r\n } else {\r\n return true // perform default action;\r\n }\r\n }\r\n }\r\n\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode = (data) => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n if (data !== undefined && data !== null) {\r\n activeProduct.SearchRegNr(data.SearchRegNr)\r\n activeProduct.RegNrTrailer(data.SearchRegNr)\r\n activeProduct.ManuallyEnteredVehicleData(data.ManuallyEnteredVehicleData)\r\n activeProduct.AllowManualRegistrationNumber(data.AllowManualRegistrationNumber)\r\n }\r\n }\r\n // update this product with a new model based on regnr (if found)\r\n self.setModel = function (code, jElement, actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n try {\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode(TrailerTextCodes.RegNr0))\r\n return\r\n }\r\n\r\n const setModelInData = {\r\n code: (code || '0'),\r\n produktId: (activeProduct.ProduktID() || '0'),\r\n allowInvalidRegNr: (activeProduct.AllowManualRegistrationNumber())\r\n }\r\n\r\n if (window.grecaptcha) {\r\n const config = JSON.parse($('#recaptcha-client-config').html())\r\n\r\n window.grecaptcha.enterprise.ready(() => {\r\n window.grecaptcha.enterprise.execute(config.siteKey, { action: 'setModelTrailer' }).then(function (token) {\r\n app.loadJson({\r\n allowCredentials: true,\r\n code,\r\n url: 'trailerprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n token,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n })\r\n })\r\n } else {\r\n app.loadJson({\r\n code,\r\n url: 'trailerprodukt/setmodel',\r\n data: JSON.stringify(setModelInData),\r\n targetElement: jElement,\r\n actionSettings,\r\n actionOnBusy: 'ignoreBusy', // HACK\r\n prio: 'first',\r\n block: true,\r\n entryFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n operationFail: function (data) {\r\n self.UpdateModelWithBasicInformationForManualLicensePlateMode(data.Data)\r\n handleSetModelError(data)\r\n },\r\n done: function (data, textStatus, jqXHR) {\r\n self.innerDone(data, jqXHR)\r\n }\r\n })\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n\r\n self.unknownRegistrationNumber = function () {\r\n // when the user clicks the 'Kender ikke regnr'\r\n try {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (app.page === 'front') {\r\n activeProduct.RegNrNotUsed(true)\r\n activeProduct.sync({\r\n done: function () {\r\n app.gotoShopPage()\r\n }\r\n })\r\n } else {\r\n activeProduct.SearchRegNr(undefined)\r\n activeProduct.RegNrNotUsed(true)\r\n app.root.activeProduct.WeightTrailer(undefined)\r\n app.root.activeProduct.HandelsVaerdiTrailer(undefined)\r\n app.root.activeProduct.AargangTrailer(undefined)\r\n app.root.activeProduct.StelNrTrailer(undefined)\r\n app.root.activeProduct.MaerkeTrailer(undefined)\r\n app.root.activeProduct.ModelTrailer(undefined)\r\n app.root.activeProduct.RegNrTrailer(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(undefined)\r\n app.root.activeProduct.ManuallyEnteredVehicleData(undefined)\r\n\r\n activeProduct.sync({\r\n done: function () {\r\n }\r\n })\r\n\r\n h.fadeToForm($('#trailerHolder'), 'trailerprodukt/getsubview/trailerInfo')\r\n // display new questions\r\n h.extendForm($('#trailerHolder'), 'trailerprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n }\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n }\r\n}\r\n\r\nexport { TrailerProdukt }\r\n","/* global $ ko */\r\n\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { app } from './../dk-ifshop-application'\r\nimport {\r\n PendingInputs,\r\n enableInputEvaluation,\r\n enableToolTips,\r\n initPlaceholders\r\n} from './../dk-ifshop-controls'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { dkRecaptcha } from '../security/recaptcha'\r\nimport { quickformSubmitSetup } from '../quickform-submit-setup'\r\nimport { TrailerTextCodes } from './../dk-ifshop-constants'\r\nimport { TrailerProdukt } from './dk-ifshop-trailer-produkt-model'\r\nimport { brugsInfo } from './dk-ifshop-trailer-multicontrolconfig'\r\nimport { enableSelect } from './../dk-ifshop-controls-multi'\r\n\r\nconst ifwsTrailer = {} // namespace\r\n\r\nifwsTrailer.settings = {\r\n maxAge: 35,\r\n maxWeight: 3500,\r\n maxTradeValue: 150000\r\n}\r\n\r\nifwsTrailer.beregnPris = function (jElement) {\r\n app.root.activeProduct.disposeDaekningsSubscriptions()\r\n\r\n h.selectNextEntry(jElement)\r\n\r\n basic.setProductSpecificEntryPageSubmitFunction(ifwsTrailer.beregnPris.submit)\r\n}\r\n\r\nifwsTrailer.beregnPrisWithValidate = function (jElement) {\r\n const { activeProduct } = app.root\r\n\r\n ifwsTrailer.beregnPris(jElement)\r\n\r\n activeProduct.validateOnServer({\r\n entryFail: function (data) {\r\n if (data && data.Message && data.Message.TekstKode === TrailerTextCodes.TrailerNotFound) {\r\n ifwsTrailer.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n return true\r\n }\r\n })\r\n}\r\n\r\nifwsTrailer.beregnPris.submit = function () {\r\n if (h.getElm('quickForm')) {\r\n ifwsTrailer.quickForm.submit()\r\n } else {\r\n let jFormName = '#trailerInfo'\r\n if (h.getElm('trailerDetaljer')) {\r\n jFormName = '#trailerDetaljer'\r\n }\r\n const jForm = $(jFormName)\r\n const validator = jForm.validate()\r\n if (validator.form(true)) {\r\n app.wizard.goFwd()\r\n } else {\r\n // Validate again to get the error messages shown\r\n validator.form(false)\r\n }\r\n }\r\n}\r\n\r\nifwsTrailer.detaljer = function (jElement) {\r\n ko.applyBindings(app.root.activeProduct, jElement[0])\r\n\r\n h.getJElmByDataId('vaelgAndenTrailer')\r\n .parent()\r\n .on('click', function () {\r\n app.root.activeProduct.WeightTrailer(undefined)\r\n app.root.activeProduct.AargangTrailer(undefined)\r\n app.root.activeProduct.ModelTrailer(undefined)\r\n app.root.activeProduct.MaerkeTrailer(undefined)\r\n app.root.activeProduct.HandelsVaerdiTrailer(undefined)\r\n app.root.activeProduct.RegNrTrailer(undefined)\r\n app.root.activeProduct.StelNrTrailer(undefined)\r\n app.root.activeProduct.SearchRegNr(undefined)\r\n app.root.activeProduct.AllowManualRegistrationNumber(undefined)\r\n app.root.activeProduct.ManuallyEnteredVehicleData(undefined)\r\n\r\n h.fadeToForm($('#trailerHolder'), 'trailerprodukt/getsubview/quickform')\r\n\r\n $('#brugerInfoHolder').html('')\r\n\r\n app.root.activeProduct.Daekning().Navn('')\r\n })\r\n}\r\n\r\nifwsTrailer.quickForm = function (jElement) {\r\n const { activeProduct } = app.root\r\n const jForm = $('#quickForm')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n jForm[0].pendingInputs.setOnDone(function () {\r\n })\r\n })\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('brugerIkkeRegNr'))\r\n\r\n quickformSubmitSetup.setup(jForm, ifwsTrailer.quickFormSubmitFunction)\r\n\r\n ko.applyBindingsToNode(h.getElm('RegNr'), null, activeProduct)\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n if (h.getElm('RegNr')) {\r\n // bind to model\r\n ifwsTrailer.regNrSetupBtx(jElement)\r\n }\r\n // start over with new regnr, so we don't know if it is unknown or not\r\n activeProduct.UkendtRegNr(undefined)\r\n activeProduct.AllowManualRegistrationNumber(false)\r\n\r\n if (app.page === 'front') {\r\n dkRecaptcha.attach(jElement)\r\n }\r\n\r\n h.selectNextEntry()\r\n initPlaceholders(jElement)\r\n}\r\n\r\nifwsTrailer.displayUkendtRegNrPanel = function () {\r\n // display message\r\n app.loadHtml({\r\n url: 'trailerprodukt/getsubview/UkendtRegNrPanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage($('#regNrMsg'), data, true)\r\n // bind pricepanel to the model\r\n $(app).trigger('sectionLoaded', ['displayUkendtRegNrPanel', h.getSections(this.targetElement)])\r\n }\r\n })\r\n}\r\n\r\nifwsTrailer.ukendtRegNrPanel = function () {\r\n // triggered by displayUkendtRegNrPanel\r\n const { activeProduct } = app.root\r\n\r\n activeProduct.AllowManualRegistrationNumber(false)\r\n\r\n if ($('#RegNr').valid()) {\r\n ifwsTrailer.ukendtRegNrPanelAction = true\r\n\r\n activeProduct.UkendtRegNr(undefined)\r\n\r\n ko.applyBindings(app.root.activeProduct, h.getElm('ukendtRegNrPanel'))\r\n\r\n $('input[name=UkendtRegNr]').rules('add', {\r\n ifws_isInvalid: true,\r\n required: true\r\n })\r\n\r\n $('input[name=UkendtRegNr]').on('change', function () {\r\n ifwsTrailer.validateRegistrationNumber() // ?\r\n return false // we remove the entire panel incl. this radio button, therefore the default action should be stopped, otherwise we would receive an error\r\n })\r\n\r\n // update the text on the last radiobutton to include the regnr at the end\r\n const jUkendtTrue = $('label[for=UkendtRegNrtrue]')\r\n jUkendtTrue.text(jUkendtTrue.text() + ' ' + app.root.activeProduct.SearchRegNr())\r\n } else {\r\n // if ukendtregnrpanel, hide\r\n $('#regNrMsg').html('')\r\n }\r\n}\r\nifwsTrailer.regNrSetupBtx = function (jForm) {\r\n // validation rules\r\n const validator = jForm.validate({\r\n rules: {\r\n RegNr: {\r\n ifws_isInvalid: true,\r\n required: true\r\n }\r\n },\r\n messages: {\r\n RegNr: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n TrailerTextCodes.RegNrInvalid,\r\n 'Nummerplade ikke valid'\r\n )\r\n }\r\n }\r\n })\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = validator\r\n\r\n // avoids autosubmit in IE, when there is only a single input control in the form\r\n jForm.on('keydown', '#RegNr', function (e) {\r\n if ($('#RegNr').attr('allowenter') === undefined) {\r\n if (e.keyCode === '32' || e.keyCode === 32) {\r\n e.preventDefault()\r\n }\r\n\r\n if (e.keyCode === '13' || e.keyCode === 13) {\r\n e.preventDefault()\r\n $('#RegNr').valid()\r\n }\r\n }\r\n })\r\n\r\n // RegNr -----------------------------------------------------------------------\r\n if (h.getElm('RegNr')) {\r\n $('#regNr').on('evaluate', function () {\r\n const regNr = h.getElm('RegNr')\r\n h.validateElement(regNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('RegNr').ifws_customValidation = function (value) {\r\n const res = ifwsTrailer.erRegNrTrailerValid(this)\r\n return res\r\n }\r\n }\r\n\r\n $('#RegNr').change(function () {\r\n if ($('#RegNr').valid()) {\r\n if (ifwsTrailer.ukendtRegNrPanelAction) {\r\n $('#regNrMsg').html('')\r\n }\r\n } else {\r\n $('#regNrMsg').html('')\r\n }\r\n\r\n if (app.page !== 'front') {\r\n const actionSettings = {\r\n onInvalid: function () {\r\n }\r\n }\r\n ifwsTrailer.updateModel(actionSettings)\r\n }\r\n })\r\n}\r\n\r\nifwsTrailer.enableSelectYear = function (prefix) {\r\n if (typeof prefix === 'undefined') {\r\n prefix = 'select'\r\n }\r\n enableSelect($('#' + prefix + 'Year'), app.root.activeProduct, null, {\r\n disableAutoUpdate: true,\r\n onLoad: function (element) {\r\n const thisYear = app.getBestYear()\r\n for (let i = 0; i <= ifwsTrailer.settings.maxAge; i++) {\r\n const txt = String(thisYear - i)\r\n $(element).append(\r\n $('')\r\n .text(txt)\r\n .val(txt)\r\n )\r\n }\r\n }\r\n })\r\n}\r\n\r\nifwsTrailer.quickFormSubmitFunction = function () {\r\n if ($('#RegNr').valid()) {\r\n ifwsTrailer.backupSelections()\r\n ifwsTrailer.updateModel()\r\n }\r\n}\r\n\r\nifwsTrailer.submitEntryFail = function (data, textStatus, jqXHR) {\r\n // Trailer was not accepted. Reuse saved search criterias, so the user can change them\r\n app.root.activeProduct.AargangTrailer(ifwsTrailer.trailerInfo.selectionsYear)\r\n app.root.activeProduct.MaerkeTrailer(ifwsTrailer.trailerInfo.selectionsMake)\r\n // Return true to make sure default action is perforformed too (Message)\r\n return true\r\n}\r\n\r\nifwsTrailer.backupSelections = function () {\r\n // save selections because they are overwritten with info that might differ (different case, spacet etc.), but we will need them again if the Trailer isn't accepted\r\n ifwsTrailer.trailerInfo.selectionsYear = app.root.activeProduct.AargangTrailer()\r\n ifwsTrailer.trailerInfo.selectionsMake = app.root.activeProduct.MaerkeTrailer()\r\n}\r\nifwsTrailer.updateModel = function (actionSettings) {\r\n ifwsTrailer.setModelData(actionSettings)\r\n}\r\nifwsTrailer.setModelData = function (actionSettings) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n const regNrValue = h.getElm('RegNr').value\r\n const regNrElement = $(h.getElm('RegNr'))\r\n\r\n if (regNrElement.valid()) {\r\n // called from all three places where a regnr can be edited (quickform, step1 and step3)\r\n if (!app.wizard || app.page === 'produkt') {\r\n activeProduct.setModel(regNrValue, regNrElement, actionSettings)\r\n } else if (app.page === 'checkout') {\r\n ifwsTrailer.updateRegNr(regNrValue, regNrElement, actionSettings)\r\n }\r\n } else {\r\n actionSettings.onInvalid()\r\n }\r\n}\r\n\r\nifwsTrailer.InvalidNumberPlateValidation = function (value) {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n $('#regNrMsg').html('')\r\n\r\n // set the option to undefined as we dont want to save this answer anywhere.\r\n activeProduct.UkendtRegNr(undefined)\r\n activeProduct.SearchRegNr(undefined)\r\n\r\n return true\r\n}\r\n\r\nifwsTrailer.trailerInfo = function (jElement) {\r\n if (app.root.activeProduct.AargangTrailer() === 0) {\r\n app.root.activeProduct.AargangTrailer('')\r\n }\r\n\r\n enableToolTips(jElement)\r\n\r\n ifwsTrailer.enableSelectYear()\r\n ko.applyBindings(app.root.activeProduct, h.getElm('WeightTrailer'))\r\n\r\n const jForm = $('#trailerInfo')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n const validator = jForm.validate({\r\n rules: {\r\n selectYear: { ifws_selected: true },\r\n WeightTrailer: {\r\n required: true,\r\n min: 1,\r\n max: ifwsTrailer.settings.maxWeight,\r\n number: true\r\n }\r\n },\r\n messages: {\r\n WeightTrailer: {\r\n min: app.getFejlKodeText(\r\n TrailerTextCodes.WeightToLow,\r\n 'Udfyld venligst trailerns vaegt.'\r\n ),\r\n max: app.getFejlKodeText(\r\n TrailerTextCodes.WeightToHigh,\r\n 'Du kan desværre ikke beregne en pris på denne trailer i vores webshop. Du bedes venligst kontakte Webshop Service på tlf.nr. 70 12 12 53 for at høre nærmere'\r\n )\r\n }\r\n }\r\n })\r\n\r\n jForm[0].validator = validator\r\n\r\n jForm.on('evaluate', function () {\r\n // apply validation attempt when form is done pending\r\n jForm[0].pendingInputs.setOnDone(function () {\r\n if (validator.form(true)) {\r\n ifwsTrailer.backupSelections()\r\n\r\n // sync\r\n app.root.activeProduct.sync({\r\n done: function () {\r\n if (!app.root.activeProduct.AllowManualRegistrationNumber() && !app.root.activeProduct.RegNrNotUsed()) {\r\n // accepted. display the details with logo\r\n h.fadeToForm($('#trailerHolder'), 'trailerprodukt/getsubview/detaljer')\r\n // display new questions\r\n h.extendForm($('#trailerHolder'), 'trailerprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n },\r\n entryFail: ifwsTrailer.submitEntryFail\r\n })\r\n }\r\n })\r\n })\r\n\r\n jForm.submit(function (e) {\r\n e.preventDefault()\r\n })\r\n\r\n enableInputEvaluation($('#handelsVaerdiGroup'))\r\n}\r\n\r\nifwsTrailer.findTrailer = function (jElement, productId) {\r\n h.setDisabled($('#wizardNavigation button', app.getTopJElm()), true)\r\n\r\n app.root.ensureActiveProduct(productId, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n ifwsTrailer.regNrSetupBtx(jElement)\r\n })\r\n}\r\n\r\nifwsTrailer.validateRegistrationNumber = function () {\r\n app.setPendingUserAction('ukendtRegNr')\r\n\r\n if ($('input[name=UkendtRegNr]')[0].checked) {\r\n ifwsTrailer.InvalidNumberPlateValidation()\r\n } else if ($('input[name=UkendtRegNr]')[1].checked) {\r\n ifwsTrailer.InvalidButManuallyAcceptedNumberPlateValidation()\r\n }\r\n\r\n ifwsTrailer.ukendtRegNrPanelAction = false\r\n app.resetPendingUserAction('ukendtRegNr')\r\n}\r\n\r\nifwsTrailer.InvalidButManuallyAcceptedNumberPlateValidation = function (value) {\r\n const { activeProduct } = app.root\r\n\r\n activeProduct.AllowManualRegistrationNumber(true)\r\n // add the searched regnr as the selected regnr\r\n\r\n activeProduct.RegNrTrailer(activeProduct.SearchRegNr())\r\n if (activeProduct.RegNrTrailer().length == 0) {\r\n activeProduct.RegNrTrailer($('#RegNr').val())\r\n }\r\n activeProduct.UkendtRegNr(true)\r\n\r\n if (app.page === 'checkout') {\r\n ifwsTrailer.handleCheckoutManual()\r\n } else {\r\n ifwsTrailer.handleProductManual()\r\n }\r\n return true\r\n}\r\nifwsTrailer.handleCheckoutManual = function () {\r\n // when proceeding with an invalid regnr at checkout\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.sync({\r\n done: function () {\r\n // move on\r\n h.fadeToForm($('#supplerendeInfoHolder'), 'trailerprodukt/getsubview/tidligereselskab')\r\n\r\n $('#regNrMsg').html('')\r\n\r\n activeProduct.RegNrTrailer($('#RegNr').val())\r\n\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n $('#wizardNavigation').find('button').removeClass('disabled')\r\n }\r\n })\r\n}\r\n\r\nifwsTrailer.handleProductManual = function () {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n activeProduct.RegNrNotUsed(false)\r\n activeProduct.RegNrTrailer(activeProduct.SearchRegNr())\r\n ifwsTrailer.updateModel()\r\n\r\n $('#regNrMsg').html('')\r\n\r\n activeProduct.sync({\r\n done: function (message = {}) {\r\n h.fadeToForm($('#trailerHolder'), 'trailerprodukt/getsubview/trailerinfo')\r\n h.extendForm($('#trailerHolder'), 'trailerprodukt/getsubview/brugerinfo', $('#brugerInfoHolder'), 1)\r\n }\r\n })\r\n}\r\n\r\nifwsTrailer.quickForm.submit = function () {\r\n if ($('#RegNr').valid()) {\r\n ifwsTrailer.backupSelections()\r\n ifwsTrailer.updateModel()\r\n }\r\n}\r\n\r\nifwsTrailer.ejersBrugsInfo = function (jElement) {\r\n brugsInfo('', app.root.Kunde(), jElement)\r\n\r\n if (app.root.Disv() && app.root.Kunde().Address()) {\r\n $('.edit-address-button').remove()\r\n }\r\n\r\n if (app.root.DisableCustomerElements() === true) {\r\n basic.hideCprGroupSection()\r\n }\r\n\r\n h.selectNextEntry(jElement)\r\n}\r\nifwsTrailer.supplerendeInfoTrailer = function (jElement, productType) {\r\n app.root.ensureActiveProduct(productType, function () {\r\n // all code placed in here because this method is used for different products in the checkout phase. First we must ensure the right product model is used.\r\n const searchRegNr = app.root.activeProduct.SearchRegNr()\r\n const modelRegNr = app.root.activeProduct.RegNrTrailer()\r\n\r\n if (searchRegNr && !modelRegNr) {\r\n app.root.activeProduct.RegNrTrailer(searchRegNr)\r\n }\r\n\r\n if (\r\n app.wizard.currentStepNo == 3 &&\r\n app.wizard.currentStepNo == app.wizard.pendingStepNo &&\r\n app.wizard.currentStep.Progress == 0\r\n ) {\r\n app.root.activeProduct.HarTidligereSelskab(undefined)\r\n }\r\n\r\n enableToolTips(jElement)\r\n ko.applyBindings(app.root.activeProduct, document.getElementById('modelGroup'))\r\n ko.applyBindings(app.root.activeProduct, document.getElementById('RegNrGroup'))\r\n\r\n $('#RegNrTrailer').attr('disabled', 'disabled')\r\n\r\n enableInputEvaluation(jElement)\r\n\r\n // validation rules\r\n const jForm = $('#supplerendeInfoTrailer')\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n const validator = jForm.validate({\r\n rules: {\r\n MaerkeTrailer: {\r\n required: true\r\n },\r\n RegNrTrailer: {\r\n required: true,\r\n ifws_isInvalid: true\r\n },\r\n StelNrTrailer: {\r\n required: true,\r\n ifws_isInvalid: true\r\n }\r\n },\r\n messages: {\r\n MaerkeTrailer: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n TrailerTextCodes.BrandInvalid,\r\n 'Maerke ikke valid'\r\n )\r\n },\r\n RegNrTrailer: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n TrailerTextCodes.RegNrInvalid,\r\n 'Nummerplade ikke valid'\r\n )\r\n },\r\n StelNrTrailer: {\r\n ifws_isInvalid: app.getFejlKodeText(\r\n TrailerTextCodes.StelNrInvalid,\r\n 'Stelnummer ikke valid'\r\n )\r\n }\r\n }\r\n })\r\n jForm[0].validator = validator\r\n\r\n // RegNr -----------------------------------------------------------------------\r\n if (h.getElm('RegNrTrailer')) {\r\n $('#regNrTrailer').on('evaluate', function () {\r\n const regNr = h.getElm('RegNrTrailer')\r\n h.validateElement(regNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('RegNrTrailer').ifws_customValidation = function (value) {\r\n const res = ifwsTrailer.erRegNrTrailerValid(this)\r\n return res\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------\r\n\r\n // StelNr -----------------------------------------------------------------------\r\n if (h.getElm('StelNrTrailer')) {\r\n $('#StelNrTrailer').on('evaluate', function () {\r\n const stelNr = h.getElm('StelNrTrailer')\r\n h.validateElement(stelNr, 'ifws_isInvalid')\r\n })\r\n\r\n h.getElm('StelNrTrailer').ifws_customValidation = function (value) {\r\n const res = ifwsTrailer.erStelNrTrailerValid(this)\r\n return res\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------\r\n\r\n // nyKontaktKundeService ------------------------------------------------------------------\r\n if (h.getElm('nyKontaktKundeService')) {\r\n ko.applyBindings(\r\n app.root.activeProduct,\r\n h.getElm('nyKontaktKundeService')\r\n )\r\n }\r\n\r\n h.selectNextEntry(jElement)\r\n })\r\n}\r\n\r\nifwsTrailer.updateWizardSubtext = function () {\r\n if (ifwsTrailer.updateRegNr.alt) {\r\n const wizardStepCurrent = app.getTopJElm().find('.wizardStepCurrent')\r\n const title = ifwsTrailer.updateRegNr.alt.MaerkeTrailer() + ' ' + ifwsTrailer.updateRegNr.alt.ModelTrailer() + ' - ' + ifwsTrailer.updateRegNr.alt.RegNrTrailer()\r\n wizardStepCurrent.find('.stepSubTitle').text(title)\r\n }\r\n}\r\n\r\nifwsTrailer.erHandelsVaerdiTrailerValid = function (element) {\r\n const handelsVaerdi = app.root.activeProduct.HandelsVaerdiTrailer()\r\n\r\n // is numeric\r\n if (handelsVaerdi <= 999999 && handelsVaerdi > 0) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\n// RegNrTrailer -----------------------------------------------------------------------\r\nifwsTrailer.erRegNrTrailerValid = function (element) {\r\n const regNr = $(element).val()\r\n const pattern = /[A-Z]{2}[0-9]{4}/i\r\n\r\n if (regNr.match(pattern)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\n// StelNrTrailer -----------------------------------------------------------------------\r\nifwsTrailer.erStelNrTrailerValid = function (element) {\r\n const stelNr = $(element).val()\r\n\r\n /// /Stelnummer kun indeholde danske bokstager og tal, dog ikke i, o, æ, ø, å\r\n const pattern = /^[abcdefghjklmnpqrstuvwxyz0-9]+$/i // Kontakt google.com for forklaring\r\n\r\n if (stelNr.match(pattern)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nifwsTrailer.DisplayRegNrGroup = function () {\r\n if (!app.root.activeProduct.UkendtRegNr()) {\r\n h.disable($('#RegNrTrailer'))\r\n } else {\r\n h.enable($('#RegNrTrailer'))\r\n }\r\n}\r\nifwsTrailer.acceptPriceAndProceed = function () {\r\n app.resetPendingUserAction()\r\n ifwsTrailer.acceptNewPrice(ifwsTrailer.updateRegNr.actionSettings)\r\n}\r\n\r\nifwsTrailer.acceptNewPrice = function (actionSettings) {\r\n const element = app.wizard.getCurrentWizardBodyJElement()\r\n\r\n app.root.activeProduct.setModel(newModelRegNr, element, actionSettings)\r\n app.root.activeProduct.RegNrNotUsed(false)\r\n ifwsTrailer.DisplayRegNrGroup()\r\n $('#wizardNavigation').find('button').prop('disabled', false)\r\n $('#wizardNavigation').find('button').removeAttr('disabled')\r\n $('#wizardNavigation').find('button').removeClass('disabled')\r\n\r\n ifwsTrailer.updateWizardSubtext()\r\n}\r\n\r\nlet newModelRegNr = ''\r\nifwsTrailer.updateRegNr = function (code, jElement, actionSettings) {\r\n try {\r\n newModelRegNr = h.getElm('RegNr').value\r\n if (!code) {\r\n app.displayEntryExceptionInfo(app.getFejlKode(TrailerTextCodes.RegNr0))\r\n return\r\n } else if (code === app.root.activeProduct.RegNrTrailer()) {\r\n // no difference\r\n return\r\n }\r\n\r\n ifwsTrailer.updateRegNr.actionSettings = {\r\n done: function () {\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n h.fadeToForm($('#supplerendeInfoHolder'), 'trailerprodukt/getsubview/supplerende')\r\n\r\n // execute validation from control (if any)\r\n if (ifwsTrailer.updateRegNr.actionSettings2 && ifwsTrailer.updateRegNr.actionSettings2.onValid) {\r\n ifwsTrailer.updateRegNr.actionSettings2.onValid()\r\n }\r\n\r\n app.root.activeProduct.sync(\r\n {\r\n done: function (message = {}) {\r\n // update total fields to reflect the new totals\r\n basic.updateTotalFields()\r\n }\r\n },\r\n true\r\n )\r\n }\r\n }\r\n\r\n ifwsTrailer.updateRegNr.actionSettings2 = actionSettings\r\n\r\n app.setPendingUserAction('newPriceAwaitingApproval')\r\n // try to find the model\r\n app.loadJson({\r\n url: 'trailerprodukt/getmodel',\r\n data: '{ \"code\" : \"' + (code || '0') + '\" }',\r\n targetElement: jElement,\r\n block: true,\r\n allowCredentials: true,\r\n done: function (data, textStatus, jqXHR) {\r\n // a new product is received\r\n if (data && data.AargangTrailer && data.WeightTrailer && data.HandelsVaerdiTrailer) {\r\n const makeNumberOrAnvendelseHasChanged =\r\n app.root.activeProduct.AargangTrailer() !== data.AargangTrailer || app.root.activeProduct.WeightTrailer() !== data.WeightTrailer || app.root.activeProduct.HandelsVaerdiTrailer() !== data.HandelsVaerdiTrailer\r\n\r\n let logMessage = 'Trailer-Manualflow-matching-regnr'\r\n\r\n if (makeNumberOrAnvendelseHasChanged) {\r\n // create a model of the new product so it can be bound to the view\r\n ifwsTrailer.updateRegNr.alt = new TrailerProdukt()\r\n ifwsTrailer.updateRegNr.alt.update(data)\r\n\r\n // comparison variables for price\r\n const priceIsEqual = data.Daekning.NettoPraemieTotal === app.root.activeProduct.Daekning().NettoPraemieTotal()\r\n const yearIsEqual = data.AargangTrailer === app.root.activeProduct.AargangTrailer()\r\n const weightIsEqual = data.WeightTrailer === app.root.activeProduct.WeightTrailer()\r\n const marketValueIsEqual = data.HandelsVaerdiTrailer === app.root.activeProduct.HandelsVaerdiTrailer()\r\n\r\n // compare info\r\n if (\r\n priceIsEqual &&\r\n yearIsEqual &&\r\n weightIsEqual &&\r\n marketValueIsEqual\r\n ) {\r\n // the prices are the same. accept\r\n logMessage += '-same-price-and-model'\r\n ifwsTrailer.acceptPriceAndProceed()\r\n } else {\r\n logMessage += '-failed'\r\n // display message\r\n app.loadHtml({\r\n url: 'trailerprodukt/getsubview/nyprispanel',\r\n block: true,\r\n targetElement: $('#' + app.pageBodyElementId),\r\n done: function (data, textStatus, jqXHR) {\r\n // display message\r\n basic.showInlineMessage(\r\n $('#regNrMsg', '', true),\r\n data,\r\n true,\r\n true,\r\n app.getHjaelpeKodeText(TrailerTextCodes.ButtonContinueNewPrice, 'Fortsæt med ny pris'),\r\n function () {\r\n ifwsTrailer.acceptPriceAndProceed()\r\n return false\r\n }\r\n )\r\n // bind pricepanel to the model\r\n ko.applyBindings(ifwsTrailer.updateRegNr.alt, h.getElm('nyPrisPanelegNrGroup'))\r\n ko.applyBindings(ifwsTrailer.updateRegNr.alt, h.getElm('nyPrisPanelNyPrisGroup'))\r\n ko.applyBindings(app.root.activeProduct, h.getElm('nyPrisPanelGammelPrisGroup'))\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n }\r\n } else {\r\n logMessage = 'Trailer-Manualflow-matching-same-makenumber'\r\n // Vognkode not different. move on\r\n ifwsTrailer.acceptPriceAndProceed()\r\n }\r\n\r\n const logData = {\r\n regnr: code,\r\n manualTrailerYear: app.root.activeProduct.AargangTrailer(),\r\n manualTrailerBrand: app.root.activeProduct.MaerkeTrailer(),\r\n manualTrailerWeight: app.root.activeProduct.WeightTrailer()\r\n }\r\n\r\n app.logInformationToAppInsight(logMessage, logData)\r\n } else {\r\n app.displayEntryExceptionInfo(app.getFejlKode(TrailerTextCodes.TrailerNotFound))\r\n $('#RegNr').val(app.root.activeProduct.RegNrTrailer())\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n },\r\n entryFail: function (data) {\r\n // execute validation from control (if any)\r\n if (ifwsTrailer.updateRegNr.actionSettings2 && ifwsTrailer.updateRegNr.actionSettings2.onInvalid) {\r\n ifwsTrailer.updateRegNr.actionSettings2.onInvalid()\r\n }\r\n\r\n if (data && data.Message && data.Message.TekstKode === TrailerTextCodes.TrailerNotFound) {\r\n ifwsTrailer.displayUkendtRegNrPanel()\r\n return false // cancel default action\r\n }\r\n\r\n this.targetElement[0].ifws_isInvalid = true\r\n app.onEntryFail(data)\r\n },\r\n always: function () {\r\n if (!this.ignored && !this.response) {\r\n // on fail\r\n app.resetPendingUserAction('newPriceAwaitingApproval')\r\n }\r\n }\r\n })\r\n } catch (e) {\r\n app.onClientException(e)\r\n }\r\n}\r\nexport { ifwsTrailer }\r\n","/* global $ ko */\r\n\r\nimport { app } from './../dk-ifshop-application'\r\nimport { basic } from './../dk-ifshop-scripts'\r\nimport { h } from './../dk-ifshop-helper'\r\nimport { PendingInputs, enableToolTips } from './../dk-ifshop-controls'\r\nimport { TrailerTextCodes } from './../dk-ifshop-constants'\r\nimport { ifwsTrailer } from './dk-ifshop-trailer-scripts'\r\nconst bindHandelsVaerdiTrailer = () => {\r\n const {\r\n activeProduct\r\n } = app.root\r\n\r\n if (document.getElementById('HandelsVaerdiTrailer') !== undefined && ko.dataFor(document.getElementById('HandelsVaerdiTrailer')) === undefined) {\r\n ko.applyBindingsToNode(document.getElementById('HandelsVaerdiTrailer'), null, activeProduct)\r\n }\r\n}\r\n\r\nexport const brugsInfo = (prefix, person, jElement) => {\r\n enableToolTips(jElement)\r\n\r\n let jForm = $('#' + prefix + 'brugsInfo')\r\n\r\n if (!jForm[0].validator) {\r\n jForm = jElement\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n jForm[0].validator = jForm.validate()\r\n }\r\n\r\n jForm[0].pendingInputs = new PendingInputs() // make form wait on pending controls before validation\r\n\r\n const pnr = h.getElm('HandelsVaerdiTrailer')\r\n $(pnr).rules('add', {\r\n min: 1,\r\n max: ifwsTrailer.settings.maxTradeValue,\r\n required: true,\r\n number: true,\r\n messages: {\r\n min: app.getFejlKodeText(\r\n TrailerTextCodes.TradeValueToLow,\r\n 'Udfyld venligst trailer handelsværdi.'\r\n ),\r\n max: app.getFejlKodeText(\r\n TrailerTextCodes.TradeValueToHigh,\r\n 'Du kan desværre ikke beregne en pris på denne trailer i vores webshop. Du bedes venligst kontakte Webshop Service på tlf.nr. 70 12 12 53 for at høre nærmere'\r\n )\r\n }\r\n })\r\n const validator = jForm.validate()\r\n jForm[0].validator = validator\r\n\r\n basic.setupKundeInfoGroup(jElement)\r\n\r\n bindHandelsVaerdiTrailer()\r\n}\r\n","import {\r\n GetFutureBirthDateErrorMessage,\r\n CustomerIsOver99YearsOldMessage,\r\n ForsikredeIsOver99YearsOldMessage,\r\n ForsikredeIsUnder18YearsOldMessage,\r\n CustomerIsUnder18YearsOldMessage,\r\n ChildIsOver18YearsOldMessage,\r\n ChildIsYoungAdultMessage,\r\n ChildIsOver18YearsOldRemoveProductMessage,\r\n MedforsikredeIsOver99YearsOldMessage,\r\n MedforsikredeIsUnder18YearsOldMessage\r\n} from './dk-ifshop-ulykke-validation-messages'\r\n\r\nimport { PersonEntities } from '../dk-ifshop-constants'\r\n\r\nexport const InfoState = (payerOfInsurance, birthDate, age) => {\r\n if (!payerOfInsurance) {\r\n return ChildIs15YearsOld(birthDate, age)\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nexport const ValidState = (prefix, payerOfInsurance, birthDate, age, now, activeProductSamlever, activeProductAldersTrin) => {\r\n // general validation\r\n if (birthDateIsInTheFuture(birthDate, now)) {\r\n return false\r\n }\r\n\r\n if (prefix === PersonEntities.Medforsikret) {\r\n return ValidStateCoinsured(birthDate, age, now, activeProductSamlever, activeProductAldersTrin)\r\n } else {\r\n if (payerOfInsurance) {\r\n return ValidStateCustomer(birthDate, age, now, activeProductSamlever, activeProductAldersTrin)\r\n } else {\r\n return ValidStateBeneficiary(birthDate, age, now, activeProductSamlever, activeProductAldersTrin)\r\n }\r\n }\r\n}\r\n\r\nconst ValidStateCustomer = (birthDate, age, now, activeProductSamlever, activeProductAldersTrin) => {\r\n if (activeProductAldersTrin === 2) {\r\n return !AdultAgeOver99(birthDate, age, activeProductAldersTrin) &&\r\n !AdultAgeUnder18(birthDate, age, activeProductAldersTrin)\r\n }\r\n if (!activeProductSamlever) {\r\n return !AdultAgeOver99ForCustomer(birthDate, age, activeProductSamlever, activeProductAldersTrin) &&\r\n !CustomerUnder18YearsOld(birthDate, age, activeProductSamlever, activeProductAldersTrin)\r\n }\r\n return true\r\n}\r\n\r\nconst ValidStateBeneficiary = (birthDate, age, now, activeProductSamlever, activeProductAldersTrin) => {\r\n if (activeProductAldersTrin === 1) {\r\n return !ChildAgeOverOrEqualTo18(birthDate, age, activeProductAldersTrin)\r\n }\r\n\r\n if (activeProductSamlever) {\r\n return !AdultAgeOver99ForForsikrede(birthDate, age, activeProductSamlever, activeProductAldersTrin) &&\r\n !ForsikredeUnder18YearsOld(birthDate, age, activeProductSamlever, activeProductAldersTrin)\r\n }\r\n return true\r\n}\r\n\r\nconst ValidStateCoinsured = (birthDate, age, now, activeProductSamlever, activeProductAldersTrin) => {\r\n return !AgeOver99(birthDate, age) && !AgeUnder18(birthDate, age)\r\n}\r\n\r\nexport const GetErrorMessageForCustomer = (birthDate, age, now, activeProductSamlever, activeProductAldersTrin, page) => {\r\n if (birthDateIsInTheFuture(birthDate, now)) {\r\n return GetFutureBirthDateErrorMessage()\r\n }\r\n if (AdultAgeOver99ForCustomer(birthDate, age, activeProductSamlever, activeProductAldersTrin)) {\r\n return CustomerIsOver99YearsOldMessage()\r\n }\r\n if (CustomerUnder18YearsOld(birthDate, age, activeProductSamlever, activeProductAldersTrin)) {\r\n return CustomerIsUnder18YearsOldMessage()\r\n }\r\n return ''\r\n}\r\n\r\nexport const GetErrorMessageForCoinsured = (birthDate, age, now, activeProductSamlever, activeProductAldersTrin, page) => {\r\n if (birthDateIsInTheFuture(birthDate, now)) {\r\n return GetFutureBirthDateErrorMessage()\r\n }\r\n\r\n if (AgeOver99(birthDate, age)) {\r\n return MedforsikredeIsOver99YearsOldMessage()\r\n }\r\n\r\n if (AgeUnder18(birthDate, age)) {\r\n return MedforsikredeIsUnder18YearsOldMessage()\r\n }\r\n return ''\r\n}\r\n\r\nexport const GetErrorMessageForForsikrede = (birthDate, age, now, activeProductSamlever, activeProductAldersTrin, page) => {\r\n if (birthDateIsInTheFuture(birthDate, now)) {\r\n return GetFutureBirthDateErrorMessage()\r\n }\r\n if (AdultAgeOver99ForForsikrede(birthDate, age, activeProductSamlever, activeProductAldersTrin)) {\r\n return ForsikredeIsOver99YearsOldMessage()\r\n }\r\n if (ChildIsYoungAdult(birthDate, age) && activeProductAldersTrin === 1) {\r\n return ChildIsYoungAdultMessage()\r\n }\r\n if (ForsikredeUnder18YearsOld(birthDate, age, activeProductSamlever, activeProductAldersTrin)) {\r\n return ForsikredeIsUnder18YearsOldMessage()\r\n }\r\n if (ChildAgeOverOrEqualTo18(birthDate, age, activeProductAldersTrin)) {\r\n if (page != 'front') {\r\n ChildIsOver18YearsOldRemoveProductMessage()\r\n } else {\r\n return ChildIsOver18YearsOldMessage()\r\n }\r\n }\r\n return ''\r\n}\r\n\r\nexport const birthDateIsInTheFuture = (birthDate, now) => {\r\n return birthDate && now && birthDate > now\r\n}\r\n\r\nexport const AgeOver99 = (birthDate, age) => {\r\n return birthDate && age > 99\r\n}\r\nexport const AdultAgeOver99 = (birthDate, age, activeProductAlderTrin) => {\r\n return birthDate && age > 99 && activeProductAlderTrin == 2\r\n}\r\nexport const AgeUnder18 = (birthDate, age) => {\r\n return birthDate && age < 18\r\n}\r\n\r\nexport const AdultAgeUnder18 = (birthDate, age, activeProductAlderTrin) => {\r\n return birthDate && age < 18 && activeProductAlderTrin == 2\r\n}\r\n\r\nexport const ChildAgeOverOrEqualTo18 = (birthDate, age, activeProductAlderTrin) => {\r\n return birthDate && age >= 18 && activeProductAlderTrin == 1\r\n}\r\n\r\nexport const AdultAgeOver99ForCustomer = (birthDate, age, activeProductSamlever, activeProductAldersTrin) => {\r\n return AdultAgeOver99(birthDate, age, activeProductAldersTrin) && !activeProductSamlever\r\n}\r\n\r\nexport const AdultAgeOver99ForForsikrede = (birthDate, age, activeProductSamlever, activeProductAldersTrin) => {\r\n return AdultAgeOver99(birthDate, age, activeProductAldersTrin) && activeProductSamlever == true\r\n}\r\n\r\nexport const ForsikredeUnder18YearsOld = (birthDate, age, activeProductSamlever, activeProductAldersTrin) => {\r\n return AdultAgeUnder18(birthDate, age, activeProductAldersTrin) && activeProductSamlever == true\r\n}\r\n\r\nexport const CustomerUnder18YearsOld = (birthDate, age, activeProductSamlever, activeProductAldersTrin) => {\r\n return AdultAgeUnder18(birthDate, age, activeProductAldersTrin) && !activeProductSamlever\r\n}\r\n\r\nexport const ChildIs15YearsOld = (birthDate, age) => {\r\n return birthDate && age == 15\r\n}\r\n\r\nexport const ChildIsYoungAdult = (birthDate, age) => {\r\n return birthDate && age > 15 && age < 18\r\n}\r\n","import { app } from './../dk-ifshop-application'\r\n\r\nexport const cprForSamleverIsTheSameAsCustomerErrorMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_CPR_IS_THE_SAME_FOR_CUSTOMER_AND_SPOUSE',\r\n 'Cpr-nummeret på den forsikrede, må ikke være det samme som på den person, der køber forsikringen.'\r\n )\r\n}\r\nexport const GetFutureBirthDateErrorMessage = () => {\r\n return app.getFejlKodeText('CLIENT-ULYKKE_FOEDSELSDATO_FOR_TIDLIG',\r\n 'Den angivne fødselsdato ligger fremme i tiden.')\r\n}\r\n\r\nexport const CustomerIsOver99YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-forsikredeOVER_99',\r\n 'Du kan ikke blive forsikret igennem denne shop, hvis du er over 99 år'\r\n )\r\n}\r\n\r\nexport const ForsikredeIsOver99YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-samleverOVER99',\r\n 'Du kan ikke forsikre en samlever over 99 år'\r\n )\r\n}\r\n\r\nexport const MedforsikredeIsOver99YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-medforsikretOVER99',\r\n 'Du kan ikke have en medforsikret over 99 år'\r\n )\r\n}\r\n\r\nexport const ForsikredeIsUnder18YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_VOKSEN_SAMLEVER_UNDER_18',\r\n 'Du kan ikke forsikre en ægtefælle eller samlever, der er under 18 år.'\r\n )\r\n}\r\n\r\nexport const MedforsikredeIsUnder18YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_VOKSEN_MEDFORSIKRET_UNDER_18',\r\n 'Du kan ikke have en medforsikret, der er under 18 år.'\r\n )\r\n}\r\nexport const CustomerIsUnder18YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_VOKSEN_UNDER_18',\r\n 'Du kan ikke købe en Voksenforsikring, hvis du er under 18 år. Dine forældre skal i stedet købe en Børneforsikring, som senere ændrer sig til en Voksenforsikring.'\r\n )\r\n}\r\n\r\nexport const ChildIsOver18YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_BARN_OVER_18',\r\n 'Er dit barn 18 år eller derover, skal han eller hun selv købe forsikringen.'\r\n )\r\n}\r\n\r\nexport const ChildIs15YearsOldMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_KRAV_OM_HELBREDSOPLYSNINGER_BARN',\r\n 'Køb af den tilbudte forsikring er betinget af at vi har modtaget helbredsoplysninger inden barnet fylder 16.'\r\n )\r\n}\r\n\r\nexport const ChildIsYoungAdultMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-CHILD_ACCIDENT_CPR_OVER_16',\r\n 'Det indtastede CPR-nummer matcher ikke fødselsdatoen, der er indtastet. Du skal udfylde CPR-nummeret for det barn, du ønsker at forsikre.'\r\n )\r\n}\r\n\r\nexport const ChildIsOver18YearsOldRemoveProductMessage = () => {\r\n return app.getFejlKodeText(\r\n 'CLIENT-ULYKKE_BARN_OVER_18_SLET_PRODUKT',\r\n 'Ulykkesforsikring Barn og Børneforsikring kan kun købes til børn under 18 år. Dit barn er over 18 år og dermed myndig, og skal derfor selv købe en ulykkesforsikring til voksne.'\r\n )\r\n}\r\n","/* JSON */\r\n\r\n$.widget('dawa.dawaautocompletev2', {\r\n options: {\r\n jsonp: !('withCredentials' in (new XMLHttpRequest())),\r\n baseUrl: `${window.ifws_shopHostUrl}api/dawa`,\r\n minLength: 2,\r\n delay: 0,\r\n autoFocus: true,\r\n timeout: 10000,\r\n error: null,\r\n params: {},\r\n fuzzy: true,\r\n stormodtagerpostnumre: true,\r\n prefillValue: ''\r\n },\r\n\r\n _create: function () {\r\n const element = this.element\r\n const options = this.options\r\n const targetType = 'adresse'\r\n const autocompleteWidget = this\r\n let caretpos = null\r\n let adgangsadresseid = null\r\n let skipVejnavn = false\r\n let hasAddress = false\r\n let usingDawa = true\r\n const cache = {}\r\n let retries = 0\r\n\r\n function debounce (func, wait, immediate) {\r\n let timeout\r\n return function () {\r\n const context = this; const args = arguments\r\n const later = function () {\r\n timeout = null\r\n if (!immediate) func.apply(context, args)\r\n }\r\n const callNow = immediate && !timeout\r\n clearTimeout(timeout)\r\n timeout = setTimeout(later, wait)\r\n if (callNow) func.apply(context, args)\r\n }\r\n }\r\n\r\n // perform a GET request to DAWA autocomplete, caching the response\r\n function get (params, cb) {\r\n const stringifiedParams = JSON.stringify(params)\r\n if (cache[stringifiedParams]) {\r\n return cb(cache[stringifiedParams])\r\n }\r\n $.ajax({\r\n url: options.baseUrl + '/autocomplete',\r\n dataType: options.jsonp ? 'jsonp' : 'json',\r\n contentType: 'application/json',\r\n data: $.extend({}, params, options.params),\r\n timeout: options.timeout,\r\n success: function (data) {\r\n retries = 0\r\n cache[stringifiedParams] = JSON.parse(data)\r\n cb(JSON.parse(data))\r\n },\r\n error: function () {\r\n retries++\r\n\r\n if (retries < 3) {\r\n get(params, cb)\r\n } else {\r\n retries = 0\r\n }\r\n }\r\n })\r\n }\r\n\r\n function stormodtagerAdresseTekst (data) {\r\n let adresse = data.vejnavn\r\n if (data.husnr) {\r\n adresse += ' ' + data.husnr\r\n }\r\n if (data.etage || data.dør) {\r\n adresse += ','\r\n }\r\n if (data.etage) {\r\n adresse += ' ' + data.etage + '.'\r\n }\r\n if (data.dør) {\r\n adresse += ' ' + data.dør\r\n }\r\n adresse += ', '\r\n if (data.supplerendebynavn) {\r\n adresse += data.supplerendebynavn + ', '\r\n }\r\n adresse += data.stormodtagerpostnr + ' ' + data.stormodtagerpostnrnavn\r\n return adresse\r\n }\r\n\r\n function getAutocompleteResponse (type, q, currentCaretPos, d, cb) {\r\n const params = { q, type, caretpos: currentCaretPos, dataSource: d }\r\n if (options.fuzzy) {\r\n params.fuzzy = ''\r\n }\r\n if (adgangsadresseid) {\r\n params.adgangsadresseid = adgangsadresseid\r\n }\r\n if (skipVejnavn) {\r\n params.startfra = 'adgangsadresse'\r\n }\r\n skipVejnavn = false\r\n\t\t hasAddress = true\r\n const adgangsadresseRestricted = !!adgangsadresseid\r\n\r\n // Vi begrænser kun til en bestemt adgangsadresseid én gang\r\n adgangsadresseid = null\r\n\r\n get(params, function (result) {\r\n // eslint-disable-next-line no-constant-condition\r\n if (typeof result === 'string') {\r\n // an indicator that we have been deliver edi json\r\n result = JSON.parse(result)\r\n usingDawa = false\r\n } else {\r\n usingDawa = true\r\n }\r\n\r\n if (!Array.isArray(result)) {\r\n console.error('DAWA autocomplete returned invalid result', result)\r\n return\r\n }\r\n const processedResult = result.reduce(function (memo, row) {\r\n if ((row.type === 'adgangsadresse' || row.type === 'adresse') && row.data.stormodtagerpostnr) {\r\n // Vi har modtaget et stormodtagerpostnr. Her vil vi muligvis gerne vise stormodtagerpostnummeret\r\n const stormodtagerEntry = jQuery.extend({}, row)\r\n stormodtagerEntry.tekst = stormodtagerAdresseTekst(row.data)\r\n stormodtagerEntry.forslagstekst = stormodtagerEntry.tekst\r\n\r\n let rows = []\r\n // Omvendt, hvis brugeren har indtastet den almindelige adresse eksakt, så er der ingen\r\n // grund til at vise stormodtagerudgaven\r\n if (q !== stormodtagerEntry.tekst) {\r\n rows.push(row)\r\n }\r\n\r\n // Hvis brugeren har indtastet stormodtagerudgaven af adressen eksakt, så viser vi\r\n // ikke den almindelige udgave\r\n if (q !== row.tekst) {\r\n rows.push(stormodtagerEntry)\r\n }\r\n\r\n // brugeren har indtastet stormodtagerpostnummeret, såvi viser stormodtager udgaven først.\r\n if (rows.length > 1 && q.indexOf(row.data.stormodtagerpostnr) !== -1) {\r\n rows = [rows[1], rows[0]]\r\n }\r\n memo = memo.concat(rows)\r\n } else {\r\n memo.push(row)\r\n }\r\n return memo\r\n }, []).map(function (row) {\r\n return {\r\n label: row.forslagstekst,\r\n value: row\r\n }\r\n })\r\n if (adgangsadresseRestricted && processedResult.length === 1) {\r\n // der er kun en adresse på adgangsadressen\r\n element.val(processedResult[0].value.tekst)\r\n element.selectionStart = caretpos = processedResult[0].value.caretpos\r\n element.autocomplete('close')\r\n autocompleteWidget._trigger('select', null, processedResult[0].value)\r\n hasAddress = true\r\n } else {\r\n\t\t\t\t cb(processedResult)\r\n\t\t\t\t hasAddress = false\r\n }\r\n })\r\n }\r\n\r\n const autocompleteOptions = $.extend({}, options, {\r\n source: debounce(function (request, response) {\r\n const q = request.term\r\n const d = request.d\r\n caretpos = element[0].selectionStart\r\n return getAutocompleteResponse(targetType, q, caretpos, d, response)\r\n }, 250),\r\n select: function (event, ui) {\r\n if (event) {\r\n event.preventDefault()\r\n }\r\n if (ui) {\r\n const item = ui.item.value\r\n const edi = item.d\r\n element.val(item.tekst)\r\n element[0].selectionStart = element[0].selectionEnd = caretpos = item.caretPos\r\n if (item.type !== targetType) {\r\n if (item.type === 'adgangsadresse') {\r\n adgangsadresseid = item.data.id\r\n }\r\n if (item.type === 'vejnavn') {\r\n skipVejnavn = true\r\n }\r\n setTimeout(function () {\r\n if (element && element.autocomplete) {\r\n element.autocomplete('search')\r\n }\r\n })\r\n\r\n if (edi) {\r\n autocompleteWidget._trigger('select', null, item)\r\n }\r\n } else {\r\n if (element && element.autocomplete) {\r\n element.autocomplete('close')\r\n }\r\n if (autocompleteWidget && autocompleteWidget._trigger) {\r\n autocompleteWidget._trigger('select', null, item)\r\n }\r\n }\r\n }\r\n }\r\n })\r\n\r\n element.autocomplete(autocompleteOptions)\r\n element.on('autocompletefocus', function (event) {\r\n event.preventDefault()\r\n })\r\n\r\n // der er tilsyneladende ingen skudsikker måde at få en event når\r\n // caret positionen ændrer sig, så vi benytter en timer i stedet.\r\n setInterval(function () {\r\n const currentCaretpos = element[0].selectionStart\r\n if (element[0] === document.activeElement && caretpos !== currentCaretpos) {\r\n caretpos = currentCaretpos\r\n element.autocomplete('search')\r\n }\r\n }, 100)\r\n\r\n if (options.prefillValue && options.prefillValue.length > 0) {\r\n element.val(options.prefillValue)\r\n }\r\n }\r\n})\r\n","\r\n+function ($) {\r\n \"use strict\";\r\n\r\n // MODAL CLASS DEFINITION\r\n // ======================\r\n\r\n var Modal = function (element, options) {\r\n this.options = options\r\n this.$element = $(element)\r\n this.$backdrop =\r\n this.isShown = null\r\n\r\n if (this.options.remote) this.$element.load(this.options.remote)\r\n }\r\n\r\n Modal.DEFAULTS = {\r\n backdrop: true\r\n , keyboard: true\r\n , show: true\r\n }\r\n\r\n Modal.prototype.toggle = function (_relatedTarget) {\r\n return this[!this.isShown ? 'show' : 'hide'](_relatedTarget)\r\n }\r\n\r\n Modal.prototype.show = function (_relatedTarget) {\r\n var that = this\r\n var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })\r\n\r\n this.$element.trigger(e)\r\n\r\n if (this.isShown || e.isDefaultPrevented()) return\r\n\r\n this.isShown = true\r\n\r\n this.escape()\r\n\r\n this.$element.on('click.dismiss.modal', '[data-dismiss=\"modal\"]', $.proxy(this.hide, this))\r\n\r\n this.backdrop(function () {\r\n var transition = $.support.transition && that.$element.hasClass('fade')\r\n\r\n if (!that.$element.parent().length) {\r\n that.$element.appendTo(document.body) // don't move modals dom position\r\n }\r\n\r\n that.$element.show()\r\n\r\n if (transition) {\r\n that.$element[0].offsetWidth // force reflow\r\n }\r\n\r\n that.$element\r\n .addClass('in')\r\n .attr('aria-hidden', false)\r\n\r\n that.enforceFocus()\r\n\r\n var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })\r\n\r\n transition ?\r\n that.$element.find('.modal-dialog') // wait for modal to slide in\r\n .one($.support.transition.end, function () {\r\n that.$element.focus().trigger(e)\r\n })\r\n .emulateTransitionEnd(300) :\r\n that.$element.focus().trigger(e)\r\n })\r\n }\r\n\r\n Modal.prototype.hide = function (e) {\r\n if (e) e.preventDefault()\r\n\r\n e = $.Event('hide.bs.modal')\r\n\r\n this.$element.trigger(e)\r\n\r\n if (!this.isShown || e.isDefaultPrevented()) return\r\n\r\n this.isShown = false\r\n\r\n this.escape()\r\n\r\n $(document).off('focusin.bs.modal')\r\n\r\n this.$element\r\n .removeClass('in')\r\n .attr('aria-hidden', true)\r\n .off('click.dismiss.modal')\r\n\r\n $.support.transition && this.$element.hasClass('fade') ?\r\n this.$element\r\n .one($.support.transition.end, $.proxy(this.hideModal, this))\r\n .emulateTransitionEnd(300) :\r\n this.hideModal()\r\n }\r\n\r\n Modal.prototype.enforceFocus = function () {\r\n $(document)\r\n .off('focusin.bs.modal') // guard against infinite focus loop\r\n .on('focusin.bs.modal', $.proxy(function (e) {\r\n if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {\r\n this.$element.focus()\r\n }\r\n }, this))\r\n }\r\n\r\n Modal.prototype.escape = function () {\r\n if (this.isShown && this.options.keyboard) {\r\n this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) {\r\n e.which == 27 && this.hide()\r\n }, this))\r\n } else if (!this.isShown) {\r\n this.$element.off('keyup.dismiss.bs.modal')\r\n }\r\n }\r\n\r\n Modal.prototype.hideModal = function () {\r\n var that = this\r\n this.$element.hide()\r\n this.backdrop(function () {\r\n that.removeBackdrop()\r\n that.$element.trigger('hidden.bs.modal')\r\n })\r\n }\r\n\r\n Modal.prototype.removeBackdrop = function () {\r\n this.$backdrop && this.$backdrop.remove()\r\n this.$backdrop = null\r\n }\r\n\r\n Modal.prototype.backdrop = function (callback) {\r\n var that = this\r\n var animate = this.$element.hasClass('fade') ? 'fade' : ''\r\n\r\n if (this.isShown && this.options.backdrop) {\r\n var doAnimate = $.support.transition && animate\r\n\r\n this.$backdrop = $('')\r\n .appendTo(document.body)\r\n\r\n this.$element.on('click.dismiss.modal', $.proxy(function (e) {\r\n if (e.target !== e.currentTarget) return\r\n this.options.backdrop == 'static'\r\n ? this.$element[0].focus.call(this.$element[0])\r\n : this.hide.call(this)\r\n }, this))\r\n\r\n if (doAnimate) this.$backdrop[0].offsetWidth // force reflow\r\n\r\n this.$backdrop.addClass('in')\r\n\r\n if (!callback) return\r\n\r\n doAnimate ?\r\n this.$backdrop\r\n .one($.support.transition.end, callback)\r\n .emulateTransitionEnd(150) :\r\n callback()\r\n\r\n } else if (!this.isShown && this.$backdrop) {\r\n this.$backdrop.removeClass('in')\r\n\r\n $.support.transition && this.$element.hasClass('fade') ?\r\n this.$backdrop\r\n .one($.support.transition.end, callback)\r\n .emulateTransitionEnd(150) :\r\n callback()\r\n\r\n } else if (callback) {\r\n callback()\r\n }\r\n }\r\n\r\n\r\n // MODAL PLUGIN DEFINITION\r\n // =======================\r\n\r\n var old = $.fn.modal\r\n\r\n $.fn.modal = function (option, _relatedTarget) {\r\n return this.each(function () {\r\n var $this = $(this)\r\n var data = $this.data('bs.modal')\r\n var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)\r\n\r\n if (!data) $this.data('bs.modal', (data = new Modal(this, options)))\r\n if (typeof option == 'string') data[option](_relatedTarget)\r\n else if (options.show) data.show(_relatedTarget)\r\n })\r\n }\r\n\r\n $.fn.modal.Constructor = Modal\r\n\r\n\r\n // MODAL NO CONFLICT\r\n // =================\r\n\r\n $.fn.modal.noConflict = function () {\r\n $.fn.modal = old\r\n return this\r\n }\r\n\r\n\r\n // MODAL DATA-API\r\n // ==============\r\n\r\n $(document).on('click.bs.modal.data-api', '[data-toggle=\"modal\"]', function (e) {\r\n var $this = $(this)\r\n var href = $this.attr('href')\r\n var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\\s]+$)/, ''))) //strip for ie7\r\n var option = $target.data('modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())\r\n\r\n e.preventDefault()\r\n\r\n $target\r\n .modal(option, this)\r\n .one('hide', function () {\r\n $this.is(':visible') && $this.focus()\r\n })\r\n })\r\n\r\n $(document)\r\n .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') })\r\n .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })\r\n\r\n}(window.jQuery);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * bootbox.js v4.0.0\r\n *\r\n * http://bootboxjs.com/license.txt\r\n */\r\n// @see https://github.com/makeusabrew/bootbox/issues/71\r\nwindow.bootbox = window.bootbox || (function init($, undefined) {\r\n \"use strict\";\r\n\r\n // the base DOM structure needed to create a modal\r\n var templates = {\r\n dialog:\r\n \"
');\r\n (opts.closePosition == 'bottom') ? $closeLink.appendTo($cluetipInner) : (opts.closePosition == 'title') ? $closeLink.prependTo($cluetipTitle) : $closeLink.prependTo($cluetipInner)\r\n $closeLink.click(function () {\r\n cluetipClose()\r\n return false\r\n })\r\n if (opts.mouseOutClose) {\r\n if ($.fn.hoverIntent && opts.hoverIntent) {\r\n $cluetip.hoverIntent({\r\n over: doNothing,\r\n timeout: opts.hoverIntent.timeout,\r\n out: function () { $closeLink.trigger('click') }\r\n })\r\n } else {\r\n $cluetip.hover(doNothing,\r\n function () { $closeLink.trigger('click') })\r\n }\r\n } else {\r\n $cluetip.unbind('mouseout')\r\n }\r\n }\r\n // now that content is loaded, finish the positioning\r\n let direction = ''\r\n $cluetipOuter.css({ overflow: defHeight == 'auto' ? 'visible' : 'auto', height: defHeight })\r\n tipHeight = defHeight == 'auto' ? Math.max($cluetip.outerHeight(), $cluetip.height()) : parseInt(defHeight, 10)\r\n tipY = posY\r\n baseline = sTop + wHeight\r\n if (opts.positionBy == 'fixed') {\r\n tipY = posY - opts.dropShadowSteps + tOffset\r\n } else if ((posX < mouseX && Math.max(posX, 0) + tipWidth > mouseX) || opts.positionBy == 'bottomTop') {\r\n if (posY + tipHeight + tOffset > baseline && mouseY - sTop > tipHeight + tOffset) {\r\n tipY = mouseY - tipHeight - tOffset\r\n direction = 'top'\r\n } else {\r\n tipY = mouseY + tOffset\r\n direction = 'bottom'\r\n }\r\n } else if (posY + tipHeight + tOffset > baseline) {\r\n tipY = (tipHeight >= wHeight) ? sTop : baseline - tipHeight - tOffset\r\n } else if ($this.css('display') == 'block' || $this[0].tagName.toLowerCase() == 'area' || opts.positionBy == 'mouse') {\r\n tipY = bpY - tOffset\r\n } else {\r\n tipY = posY - opts.dropShadowSteps\r\n }\r\n if (direction == '') {\r\n posX < linkLeft ? direction = 'left' : direction = 'right'\r\n }\r\n $cluetip.css({ top: tipY + 'px' }).removeClass().addClass('clue-' + direction + '-' + ctClass).addClass(' cluetip-' + ctClass)\r\n if (opts.arrows) { // set up arrow positioning to align with element\r\n const bgY = (posY - tipY - opts.dropShadowSteps)\r\n $cluetipArrows.css({ top: (/(left|right)/.test(direction) && posX >= 0 && bgY > 0) ? bgY + 'px' : /(left|right)/.test(direction) ? 0 : '' }).show()\r\n } else {\r\n $cluetipArrows.hide()\r\n }\r\n\r\n // (first hide, then) ***SHOW THE CLUETIP***\r\n $dropShadow.hide()\r\n $cluetip.hide()[opts.fx.open](opts.fx.open != 'show' && opts.fx.openSpeed)\r\n if (opts.dropShadow) $dropShadow.css({ height: tipHeight, width: tipInnerWidth }).show()\r\n if ($.fn.bgiframe) { $cluetip.bgiframe() }\r\n // trigger the optional onShow function\r\n if (opts.delayedClose > 0) {\r\n closeOnDelay = setTimeout(cluetipClose, opts.delayedClose)\r\n }\r\n\r\n // CUSTOMIZED FOR IF-SHOP: $this[0] added to offer an easy accesspoint to the class to which the cluetip is added\r\n // opts.onShow($cluetip, $cluetipInner);\r\n opts.onShow($cluetip, $cluetipInner, $this[0])\r\n }\r\n\r\n /***************************************\r\n =INACTIVATION\r\n -------------------------------------- */\r\n const inactivate = function () {\r\n isActive = false\r\n $('#cluetip-waitimage').hide()\r\n if (!opts.sticky || (/click|toggle/).test(opts.activation)) {\r\n cluetipClose()\r\n clearTimeout(closeOnDelay)\r\n };\r\n if (opts.hoverClass) {\r\n $this.removeClass(opts.hoverClass)\r\n }\r\n $('.cluetip-clicked').removeClass('cluetip-clicked')\r\n }\r\n // close cluetip and reset some things\r\n var cluetipClose = function () {\r\n $cluetipOuter\r\n .parent().hide().removeClass().end()\r\n .children().empty()\r\n if (tipTitle) {\r\n $this.attr(opts.titleAttribute, tipTitle)\r\n }\r\n $this.css('cursor', '')\r\n if (opts.arrows) $cluetipArrows.css({ top: '' })\r\n }\r\n\r\n /***************************************\r\n =BIND EVENTS\r\n -------------------------------------- */\r\n // activate by click\r\n if ((/click|toggle/).test(opts.activation)) {\r\n $this.click(function (event) {\r\n if ($cluetip.is(':hidden') || !$this.is('.cluetip-clicked')) {\r\n $('.cluetip-clicked').removeClass('cluetip-clicked')\r\n activate(event)\r\n } else {\r\n inactivate(event)\r\n }\r\n this.blur()\r\n return false\r\n })\r\n // activate by focus; inactivate by blur\r\n } else if (opts.activation == 'focus') {\r\n $this.focus(function (event) {\r\n activate(event)\r\n })\r\n $this.blur(function (event) {\r\n inactivate(event)\r\n })\r\n // activate by hover\r\n // clicking is returned false if cluetip url is same as href url\r\n } else {\r\n $this.click(function () {\r\n if ($this.attr('href') && $this.attr('href') == tipAttribute && !opts.clickThrough) {\r\n return false\r\n }\r\n })\r\n // set up mouse tracking\r\n const mouseTracks = function (evt) {\r\n if (opts.tracking == true) {\r\n const trackX = posX - evt.pageX\r\n const trackY = tipY ? tipY - evt.pageY : posY - evt.pageY\r\n $this.mousemove(function (evt) {\r\n $cluetip.css({ left: evt.pageX + trackX, top: evt.pageY + trackY })\r\n })\r\n }\r\n }\r\n if ($.fn.hoverIntent && opts.hoverIntent) {\r\n $this.mouseover(function () { $this.attr('title', '') })\r\n .hoverIntent({\r\n sensitivity: opts.hoverIntent.sensitivity,\r\n interval: opts.hoverIntent.interval,\r\n over: function (event) {\r\n activate(event)\r\n mouseTracks(event)\r\n },\r\n timeout: opts.hoverIntent.timeout,\r\n out: function (event) { inactivate(event); $this.unbind('mousemove') }\r\n })\r\n } else {\r\n $this.hover(function (event) {\r\n activate(event)\r\n mouseTracks(event)\r\n }, function (event) {\r\n inactivate(event)\r\n $this.unbind('mousemove')\r\n })\r\n }\r\n }\r\n })\r\n }\r\n\r\n /*\r\n * options for clueTip\r\n *\r\n * each one can be explicitly overridden by changing its value.\r\n * for example: $.fn.cluetip.defaults.width = 200;\r\n * would change the default width for all clueTips to 200.\r\n *\r\n * each one can also be overridden by passing an options map to the cluetip method.\r\n * for example: $('a.example').cluetip({width: 200});\r\n * would change the default width to 200 for clueTips invoked by a link with class of \"example\"\r\n *\r\n */\r\n\r\n $.fn.cluetip.defaults = { // set up default options\r\n width: 275, // The width of the clueTip\r\n height: 'auto', // The height of the clueTip\r\n cluezIndex: 97, // Sets the z-index style property of the clueTip\r\n positionBy: 'auto', // Sets the type of positioning: 'auto', 'mouse','bottomTop', 'fixed'\r\n topOffset: 15, // Number of px to offset clueTip from top of invoking element\r\n leftOffset: 15, // Number of px to offset clueTip from left of invoking element\r\n local: false, // Whether to use content from the same page for the clueTip's body\r\n hideLocal: true, // If local option is set to true, this determines whether local content\r\n // to be shown in clueTip should be hidden at its original location\r\n attribute: 'rel', // the attribute to be used for fetching the clueTip's body content\r\n titleAttribute: 'title', // the attribute to be used for fetching the clueTip's title\r\n splitTitle: '', // A character used to split the title attribute into the clueTip title and divs\r\n // within the clueTip body. more info below [6]\r\n showTitle: true, // show title bar of the clueTip, even if title attribute not set\r\n cluetipClass: 'default', // class added to outermost clueTip div in the form of 'cluetip-' + clueTipClass.\r\n hoverClass: '', // class applied to the invoking element onmouseover and removed onmouseout\r\n waitImage: true, // whether to show a \"loading\" img, which is set in jquery.cluetip.css\r\n cursor: 'help',\r\n arrows: false, // if true, displays arrow on appropriate side of clueTip\r\n dropShadow: true, // set to false if you don't want the drop-shadow effect on the clueTip\r\n dropShadowSteps: 6, // adjusts the size of the drop shadow\r\n sticky: false, // keep visible until manually closed\r\n mouseOutClose: false, // close when clueTip is moused out\r\n activation: 'hover', // set to 'click' to force user to click to show clueTip\r\n // set to 'focus' to show on focus of a form element and hide on blur\r\n clickThrough: false, // if true, and activation is not 'click', then clicking on link will take user to the link's href,\r\n // even if href and tipAttribute are equal\r\n tracking: false, // if true, clueTip will track mouse movement (experimental)\r\n delayedClose: 0, // close clueTip on a timed delay (experimental)\r\n closePosition: 'top', // location of close text for sticky cluetips; can be 'top' or 'bottom' or 'title'\r\n closeText: 'Close', // text (or HTML) to to be clicked to close sticky clueTips\r\n truncate: 0, // number of characters to truncate clueTip's contents. if 0, no truncation occurs\r\n\r\n // effect and speed for opening clueTips\r\n fx: {\r\n open: 'show', // can be 'show' or 'slideDown' or 'fadeIn'\r\n openSpeed: ''\r\n },\r\n\r\n // settings for when hoverIntent plugin is used\r\n hoverIntent: {\r\n sensitivity: 3,\r\n interval: 50,\r\n timeout: 0\r\n },\r\n\r\n // function to run just before clueTip is shown.\r\n onActivate: function (e) { return true },\r\n\r\n // function to run just after clueTip is shown.\r\n onShow: function (ct, c) { },\r\n\r\n // whether to cache results of ajax request to avoid unnecessary hits to server\r\n ajaxCache: true,\r\n\r\n // process data retrieved via xhr before it's displayed\r\n ajaxProcess: function (data) {\r\n data = data.replace(//g, '').replace(/<(link|title)(.|\\s)*?\\/(link|title)>/g, '')\r\n return data\r\n },\r\n\r\n // can pass in standard $.ajax() parameters, not including error, complete, success, and url\r\n ajaxSettings: {\r\n dataType: 'html'\r\n },\r\n debug: false\r\n }\r\n\r\n /*\r\n * Global defaults for clueTips. Apply to all calls to the clueTip plugin.\r\n *\r\n * @example $.cluetip.setup({\r\n * insertionType: 'prependTo',\r\n * insertionElement: '#container'\r\n * });\r\n *\r\n * @property\r\n * @name $.cluetip.setup\r\n * @type Map\r\n * @cat Plugins/tooltip\r\n * @option String insertionType: Default is 'appendTo'. Determines the method to be used for inserting the clueTip into the DOM. Permitted values are 'appendTo', 'prependTo', 'insertBefore', and 'insertAfter'\r\n * @option String insertionElement: Default is 'body'. Determines which element in the DOM the plugin will reference when inserting the clueTip.\r\n *\r\n */\r\n\r\n var insertionType = 'appendTo'; var insertionElement = 'body'\r\n $.cluetip = {}\r\n $.cluetip.setup = function (options) {\r\n if (options && options.insertionType && (options.insertionType).match(/appendTo|prependTo|insertBefore|insertAfter/)) {\r\n insertionType = options.insertionType\r\n }\r\n if (options && options.insertionElement) {\r\n insertionElement = options.insertionElement\r\n }\r\n }\r\n// eslint-disable-next-line no-undef\r\n})(jQuery)\r\n","/**\r\n * jQuery Validation Plugin 1.9.0\r\n *\r\n * http://bassistance.de/jquery-plugins/jquery-plugin-validation/\r\n * http://docs.jquery.com/Plugins/Validation\r\n *\r\n * Copyright (c) 2006 - 2011 Jörn Zaefferer\r\n *\r\n * Licensed under MIT: http://www.opensource.org/licenses/mit-license.php\r\n */\r\n\r\n(function ($) {\r\n $.extend($.fn, {\r\n // http://docs.jquery.com/Plugins/Validation/validate\r\n validate: function (options) {\r\n\r\n // if nothing is selected, return nothing; can't chain anyway\r\n if (!this.length) {\r\n options && options.debug && window.console && console.warn(\"nothing selected, can't validate, returning nothing\");\r\n return;\r\n }\r\n\r\n // check if a validator for this form was already created\r\n var validator = $.data(this[0], 'validator');\r\n if (validator) {\r\n return validator;\r\n }\r\n\r\n // Add novalidate tag if HTML5.\r\n this.attr('novalidate', 'novalidate');\r\n\r\n validator = new $.validator(options, this[0]);\r\n $.data(this[0], 'validator', validator);\r\n\r\n if (validator.settings.onsubmit) {\r\n\r\n var inputsAndButtons = this.find(\"input, button\");\r\n\r\n // allow suppresing validation by adding a cancel class to the submit button\r\n inputsAndButtons.filter(\".cancel\").click(function () {\r\n validator.cancelSubmit = true;\r\n });\r\n\r\n // when a submitHandler is used, capture the submitting button\r\n if (validator.settings.submitHandler) {\r\n inputsAndButtons.filter(\":submit\").click(function () {\r\n validator.submitButton = this;\r\n });\r\n }\r\n\r\n // validate the form on submit\r\n this.submit(function (event) {\r\n if (validator.settings.debug)\r\n // prevent form submit to be able to see console output\r\n event.preventDefault();\r\n\r\n function handle() {\r\n if (validator.settings.submitHandler) {\r\n if (validator.submitButton) {\r\n // insert a hidden input as a replacement for the missing submit button\r\n var hidden = $(\"\").attr(\"name\", validator.submitButton.name).val(validator.submitButton.value).appendTo(validator.currentForm);\r\n }\r\n validator.settings.submitHandler.call(validator, validator.currentForm);\r\n if (validator.submitButton) {\r\n // and clean up afterwards; thanks to no-block-scope, hidden can be referenced\r\n hidden.remove();\r\n }\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n // prevent submit for invalid forms or custom submit handlers\r\n if (validator.cancelSubmit) {\r\n validator.cancelSubmit = false;\r\n return handle();\r\n }\r\n if (validator.form()) {\r\n if (validator.pendingRequest) {\r\n validator.formSubmitted = true;\r\n return false;\r\n }\r\n return handle();\r\n } else {\r\n validator.focusInvalid();\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n return validator;\r\n },\r\n // http://docs.jquery.com/Plugins/Validation/valid\r\n valid: function () {\r\n if ($(this[0]).is('form')) {\r\n return this.validate().form();\r\n } else {\r\n var valid = true;\r\n var validator = $(this[0].form).validate();\r\n this.each(function () {\r\n valid &= validator.element(this);\r\n });\r\n return valid;\r\n }\r\n },\r\n // attributes: space seperated list of attributes to retrieve and remove\r\n removeAttrs: function (attributes) {\r\n var result = {},\r\n $element = this;\r\n $.each(attributes.split(/\\s/), function (index, value) {\r\n result[value] = $element.attr(value);\r\n $element.removeAttr(value);\r\n });\r\n return result;\r\n },\r\n // http://docs.jquery.com/Plugins/Validation/rules\r\n rules: function (command, argument) {\r\n var element = this[0];\r\n\r\n if (command) {\r\n var settings = $.data(element.form, 'validator').settings;\r\n var staticRules = settings.rules;\r\n var existingRules = $.validator.staticRules(element);\r\n switch (command) {\r\n case \"add\":\r\n $.extend(existingRules, $.validator.normalizeRule(argument));\r\n staticRules[element.name] = existingRules;\r\n if (argument.messages)\r\n settings.messages[element.name] = $.extend(settings.messages[element.name], argument.messages);\r\n break;\r\n case \"remove\":\r\n if (!argument) {\r\n delete staticRules[element.name];\r\n return existingRules;\r\n }\r\n var filtered = {};\r\n $.each(argument.split(/\\s/), function (index, method) {\r\n filtered[method] = existingRules[method];\r\n delete existingRules[method];\r\n });\r\n return filtered;\r\n }\r\n }\r\n\r\n var data = $.validator.normalizeRules(\r\n $.extend(\r\n {},\r\n $.validator.metadataRules(element),\r\n $.validator.classRules(element),\r\n $.validator.attributeRules(element),\r\n $.validator.staticRules(element)\r\n ), element);\r\n\r\n // make sure required is at front\r\n if (data.required) {\r\n var param = data.required;\r\n delete data.required;\r\n data = $.extend({ required: param }, data)\r\n }\r\n\r\n return data;\r\n }\r\n })\r\n\r\n // Custom selectors\r\n $.extend($.expr[':'], {\r\n // http://docs.jquery.com/Plugins/Validation/blank\r\n blank: function (a) { return !$.trim(\"\" + a.value); },\r\n // http://docs.jquery.com/Plugins/Validation/filled\r\n filled: function (a) { return !!$.trim(\"\" + a.value); },\r\n // http://docs.jquery.com/Plugins/Validation/unchecked\r\n unchecked: function (a) { return !a.checked; }\r\n });\r\n\r\n // constructor for validator\r\n $.validator = function (options, form) {\r\n this.settings = $.extend(true, {}, $.validator.defaults, options);\r\n this.currentForm = form;\r\n this.init();\r\n };\r\n\r\n $.validator.format = function (source, params) {\r\n if (arguments.length == 1)\r\n return function () {\r\n var args = $.makeArray(arguments);\r\n args.unshift(source);\r\n return $.validator.format.apply(this, args);\r\n };\r\n if (arguments.length > 2 && params.constructor != Array) {\r\n params = $.makeArray(arguments).slice(1);\r\n }\r\n if (params.constructor != Array) {\r\n params = [params];\r\n }\r\n $.each(params, function (i, n) {\r\n source = source.replace(new RegExp(\"\\\\{\" + i + \"\\\\}\", \"g\"), n);\r\n });\r\n return source;\r\n };\r\n\r\n $.extend($.validator, {\r\n\r\n defaults: {\r\n duplicateValid: false,\r\n messages: {},\r\n groups: {},\r\n rules: {},\r\n errorClass: \"has-error\",\r\n errorTextClass: \"ecmt-notification-error\", //CUSTOMIZED FOR IF-SHOP: added to support better styling options for the label (replaced relevant places in code)\r\n validClass: \"valid\",\r\n errorElement: \"label\",\r\n focusInvalid: true,\r\n errorContainer: $([]),\r\n errorLabelContainer: $([]),\r\n onsubmit: true,\r\n ignore: \":hidden\",\r\n ignoreTitle: false,\r\n onfocusin: function (element, event) {\r\n this.lastActive = element;\r\n\r\n // hide error label and remove error class on focus if enabled\r\n if (this.settings.focusCleanup && !this.blockFocusCleanup) {\r\n this.settings.unhighlight && this.settings.unhighlight.call(this, element, this.settings.errorClass, this.settings.validClass);\r\n this.addWrapper(this.errorsFor(element)).hide();\r\n }\r\n },\r\n onfocusout: function (element, event) {\r\n if (element.ifws_control) { //CUSTOMIZED FOR IF-SHOP: added to support special dropdown control\r\n if (element.ifws_control.jParent.find(':active').length > 0) {\r\n return false;\r\n }\r\n }\r\n if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element))) {\r\n this.element(element, 'onfocusout');\r\n }\r\n },\r\n onkeyup: function (element, event) {\r\n if (element.name in this.submitted || element == this.lastElement) {\r\n this.element(element, 'onkeyup'); //CUSTOMIZED FOR IF-SHOP: xtra arg used to identify the validation action\r\n }\r\n },\r\n onclick: function (element, event) {\r\n // click on selects, radiobuttons and checkboxes\r\n if (element.name in this.submitted)\r\n this.element(element);\r\n // or option elements, check parent select in that case\r\n else if (element.parentNode.name in this.submitted)\r\n this.element(element.parentNode, 'onclick');\r\n },\r\n highlight: function (element, errorClass, validClass) {\r\n if (element.type === 'radio') {\r\n this.findByName(element.name).addClass(errorClass).removeClass(validClass);\r\n }\r\n else if (element.type === 'select-one') { //CUSTOMIZED FOR IF-SHOP: added to support special dropdown control\r\n $('select[name=' + element.name + ']').parent().addClass(errorClass).removeClass(validClass);\r\n }\r\n else if ($(element).hasClass('dropdownDisplay')) { //CUSTOMIZED FOR IF-SHOP: added to support special lazyload control\r\n $('input[name=' + element.name + ']').parent().addClass(errorClass).removeClass(validClass);\r\n }\r\n else {\r\n $(element).addClass(errorClass).removeClass(validClass);\r\n }\r\n },\r\n unhighlight: function (element, errorClass, validClass) {\r\n //CUSTOMIZED FOR IF-SHOP: \r\n if (this.customUnhighlight) {\r\n if (this.customUnhighlight(element, errorClass, validClass) === false) {\r\n return;\r\n }\r\n }\r\n if (element.type === 'radio') {\r\n this.findByName(element.name).removeClass(errorClass).addClass(validClass);\r\n }\r\n else if (element.type === 'select-one') { //CUSTOMIZED FOR IF-SHOP: added to support special dropdown control\r\n $('select[name=' + element.name + ']').parent().addClass(validClass).removeClass(errorClass);\r\n }\r\n else {\r\n $(element).removeClass(errorClass).addClass(validClass);\r\n }\r\n }\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Validator/setDefaults\r\n setDefaults: function (settings) {\r\n $.extend($.validator.defaults, settings);\r\n },\r\n\r\n messages: {\r\n required: '',//\"This field is required.\", //CUSTOMIZED FOR IF-SHOP: disabled to avoid uncustomizable messages\r\n remote: '',//\"Please fix this field.\",\r\n email: '',//\"Please enter a valid email address.\",\r\n url: '',//\"Please enter a valid URL.\",\r\n date: '',//\"Please enter a valid date.\",\r\n dateISO: '',//\"Please enter a valid date (ISO).\",\r\n number: '',//\"Please enter a valid number.\",\r\n digits: '',//\"Please enter only digits.\",\r\n creditcard: '',//\"Please enter a valid credit card number.\",\r\n equalTo: '',//\"Please enter the same value again.\",\r\n accept: '',//\"Please enter a value with a valid extension.\",\r\n maxlength: '',//$.validator.format(\"Please enter no more than {0} characters.\"),\r\n minlength: '',//$.validator.format(\"Please enter at least {0} characters.\"),\r\n rangelength: '',//$.validator.format(\"Please enter a value between {0} and {1} characters long.\"),\r\n range: '',//$.validator.format(\"Please enter a value between {0} and {1}.\"),\r\n max: '',//$.validator.format(\"Please enter a value less than or equal to {0}.\"),\r\n min: ''//$.validator.format(\"Please enter a value greater than or equal to {0}.\")\r\n },\r\n\r\n autoCreateRanges: false,\r\n\r\n prototype: {\r\n\r\n init: function () {\r\n this.labelContainer = $(this.settings.errorLabelContainer);\r\n this.errorContext = this.labelContainer.length && this.labelContainer || $(this.currentForm);\r\n this.containers = $(this.settings.errorContainer).add(this.settings.errorLabelContainer);\r\n this.submitted = {};\r\n this.valueCache = {};\r\n this.pendingRequest = 0;\r\n this.pending = {};\r\n this.invalid = {};\r\n this.reset();\r\n\r\n var groups = (this.groups = {});\r\n $.each(this.settings.groups, function (key, value) {\r\n $.each(value.split(/\\s/), function (index, name) {\r\n groups[name] = key;\r\n });\r\n });\r\n var rules = this.settings.rules;\r\n $.each(rules, function (key, value) {\r\n rules[key] = $.validator.normalizeRule(value);\r\n });\r\n\r\n function delegate(event) {\r\n var validator = $.data(this[0].form, \"validator\"),\r\n eventType = \"on\" + event.type.replace(/^validate/, \"\"); \r\n validator && validator.settings && validator.settings[eventType] && validator.settings[eventType].call(validator, this[0], event); \r\n }\r\n $(this.currentForm)\r\n .validateDelegate(\"[type='text'], [type='password'], [type='file'], select, textarea, \" +\r\n \"[type='number'], [type='search'] ,[type='tel'], [type='url'], \" +\r\n \"[type='email'], [type='datetime'], [type='date'], [type='month'], \" +\r\n \"[type='week'], [type='time'], [type='datetime-local'], \" +\r\n \"[type='range'], [type='color'] \",\r\n \"focusin focusout keyup\", delegate)\r\n .validateDelegate(\"[type='radio'], [type='checkbox'], select, option\", \"click\", delegate);\r\n\r\n if (this.settings.invalidHandler)\r\n $(this.currentForm).bind(\"invalid-form.validate\", this.settings.invalidHandler);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Validator/form\r\n form: function (dontShowErrors) {\r\n var _result = this.checkForm(dontShowErrors);\r\n $.extend(this.submitted, this.errorMap);\r\n this.invalid = $.extend({}, this.errorMap);\r\n if (!this.valid())\r\n $(this.currentForm).triggerHandler(\"invalid-form\", [this]);\r\n if (!dontShowErrors) { //CUSTOMIZED FOR IF-SHOP: added so the method can be used to validate whether all entries are done and the user can move on automatically to new sections. This avoids all being painted red as soon the first of many fields has been changed \r\n this.showErrors();\r\n return this.valid();\r\n }\r\n else {\r\n return _result;\r\n }\r\n },\r\n checkFormDuplicates: function(dontShowErrors){\r\n var _valid = true\r\n var _result = true\r\n this.prepareForm()\r\n for (var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++) {\r\n // we need to support the scenario where we will validate several fields with the\r\n // same name, for now we will only support this when dontShowErrors is set, and checks can only be \r\n // made on elements that are visible to the user.\r\n if (this.findByName(elements[i].name).length != undefined &&\r\n this.findByName(elements[i].name).length > 1 &&\r\n this.settings.duplicateValid && dontShowErrors) { \r\n // adding support for checking duplicate names\r\n for (var cnt = 0; cnt < this.findByName(elements[i].name).length; cnt++) {\r\n try {\r\n var innerElm = this.findByName(elements[i].name)[cnt] \r\n if( !!( innerElm.offsetWidth || innerElm.offsetHeight || innerElm.getClientRects().length )){\r\n _result = _result && this.check(innerElm) \r\n } \r\n } catch (e) {\r\n window.console && console.log(e)\r\n }\r\n } \r\n } else {\r\n _result = this.check(elements[i], dontShowErrors) \r\n } \r\n if (!_result) {\r\n _valid = false\r\n }\r\n }\r\n if (dontShowErrors) {\r\n return _valid\r\n } else {\r\n return this.valid()\r\n }\r\n },\r\n checkForm: function (dontShowErrors) {\r\n var _valid = true\r\n if(dontShowErrors && this.settings.duplicateValid ){\r\n return this.checkFormDuplicates(dontShowErrors)\r\n }\r\n this.prepareForm();\r\n for (var i = 0, elements = (this.currentElements = this.elements()) ; elements[i]; i++) {\r\n var _result = this.check(elements[i], dontShowErrors);\r\n if (!_result) {\r\n _valid = false;\r\n }\r\n }\r\n if (dontShowErrors) {\r\n return _valid;\r\n }\r\n else {\r\n return this.valid();\r\n }\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Validator/element\r\n element: function (element, action) {\r\n element = this.validationTargetFor(this.clean(element));\r\n this.lastElement = element;\r\n\r\n this.prepareElement(element);\r\n this.currentElements = $(element);\r\n var result = this.check(element, false, action); //CUSTOMIZED FOR IF-SHOP: xtra arg \"action\" used to identify the validation action\r\n if (result) {\r\n delete this.invalid[element.name];\r\n } else {\r\n this.invalid[element.name] = true;\r\n }\r\n if (!this.numberOfInvalids()) {\r\n // Hide error containers on last error\r\n this.toHide = this.toHide.add(this.containers);\r\n }\r\n this.showErrors();\r\n return result;\r\n },\r\n\r\n\r\n //CUSTOMIZED FOR IF-SHOP: forces a control to display a specific result - fail/not fail\r\n updateElement: function (element, rule, result) {\r\n element = this.validationTargetFor(this.clean(element));\r\n this.lastElement = element;\r\n\r\n this.prepareElement(element);\r\n this.currentElements = $(element);\r\n result = this.check(element, false, undefined, rule, result); //CUSTOMIZED FOR IF-SHOP: xtra arg \"action\" used to identify the validation action\r\n if (result) {\r\n delete this.invalid[element.name];\r\n } else {\r\n this.invalid[element.name] = true;\r\n }\r\n if (!this.numberOfInvalids()) {\r\n // Hide error containers on last error\r\n this.toHide = this.toHide.add(this.containers);\r\n }\r\n this.showErrors();\r\n return result;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Validator/showErrors\r\n showErrors: function (errors) {\r\n if (errors) {\r\n // add items to error list and map\r\n $.extend(this.errorMap, errors);\r\n this.errorList = [];\r\n for (var name in errors) {\r\n this.errorList.push({\r\n message: errors[name],\r\n element: this.findByName(name)[0]\r\n });\r\n }\r\n // remove items from success list\r\n this.successList = $.grep(this.successList, function (element) {\r\n return !(element.name in errors);\r\n });\r\n }\r\n this.settings.showErrors\r\n ? this.settings.showErrors.call(this, this.errorMap, this.errorList)\r\n : this.defaultShowErrors();\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Validator/resetForm\r\n resetForm: function () {\r\n if ($.fn.resetForm)\r\n $(this.currentForm).resetForm();\r\n this.submitted = {};\r\n this.lastElement = null;\r\n this.prepareForm();\r\n this.hideErrors();\r\n this.elements().removeClass(this.settings.errorClass);\r\n },\r\n\r\n numberOfInvalids: function () {\r\n return this.objectLength(this.invalid);\r\n },\r\n\r\n objectLength: function (obj) {\r\n var count = 0;\r\n for (var i in obj)\r\n count++;\r\n return count;\r\n },\r\n\r\n hideErrors: function () {\r\n this.addWrapper(this.toHide).hide();\r\n },\r\n\r\n valid: function () {\r\n return this.size() == 0;\r\n },\r\n\r\n size: function () {\r\n return this.errorList.length;\r\n },\r\n\r\n focusInvalid: function () {\r\n if (this.settings.focusInvalid) {\r\n try {\r\n $(this.findLastActive() || this.errorList.length && this.errorList[0].element || [])\r\n .filter(\":visible\")\r\n .focus()\r\n // manually trigger focusin event; without it, focusin handler isn't called, findLastActive won't have anything to find\r\n .trigger(\"focusin\");\r\n } catch (e) {\r\n // ignore IE throwing errors when focusing hidden elements\r\n }\r\n }\r\n },\r\n\r\n findLastActive: function () {\r\n var lastActive = this.lastActive;\r\n return lastActive && $.grep(this.errorList, function (n) {\r\n return n.element.name == lastActive.name;\r\n }).length == 1 && lastActive;\r\n },\r\n\r\n elements: function () {\r\n var validator = this,\r\n rulesCache = {};\r\n\r\n // select all valid inputs inside the form (no submit or reset buttons)\r\n var _result = $(this.currentForm)\r\n .find(\"input, select, textarea\")\r\n .not(\":submit, :reset, :image\")\r\n .not(this.settings.ignore)\r\n .filter(function () {\r\n !this.name && validator.settings.debug && window.console && console.error(\"%o has no name assigned\", this);\r\n\r\n // select only the first element for each name, and only those with rules specified\r\n if (this.name in rulesCache || !validator.objectLength($(this).rules()))\r\n return false;\r\n\r\n rulesCache[this.name] = true;\r\n return true;\r\n });\r\n\r\n var _validateDisabled = $(this.currentForm) //CUSTOMIZED FOR IF-SHOP: added to support that controls are hidden, until made ready by controls they depend on\r\n .find(\".validateDisabled\")\r\n .filter(function () {\r\n if (this.name in rulesCache || !validator.objectLength($(this).rules()))\r\n return false;\r\n\r\n rulesCache[this.name] = true;\r\n return true;\r\n });\r\n if (_validateDisabled.length) {\r\n _result = _result.add(_validateDisabled);\r\n }\r\n\r\n\r\n var _validateDisabledGroup = $(this.currentForm) //CUSTOMIZED FOR IF-SHOP: added to support that control groups are hidden, until made ready by controls they depend on\r\n .find(\".validateHiddenGroup:hidden\").find(\"input, select\")\r\n .filter(function () {\r\n if (this.name in rulesCache || !validator.objectLength($(this).rules()))\r\n return false;\r\n\r\n rulesCache[this.name] = true;\r\n return true;\r\n });\r\n if (_validateDisabledGroup.length) {\r\n _result = _result.add(_validateDisabledGroup);\r\n }\r\n\r\n return _result;\r\n },\r\n\r\n clean: function (selector) {\r\n return $(selector)[0];\r\n },\r\n\r\n errors: function () {\r\n return $(/*this.settings.errorElement +*/ \".\" + this.settings.errorTextClass, this.errorContext);\r\n },\r\n\r\n reset: function () {\r\n this.successList = [];\r\n this.errorList = [];\r\n this.errorMap = {};\r\n this.toShow = $([]);\r\n this.toHide = $([]);\r\n this.currentElements = $([]);\r\n },\r\n\r\n prepareForm: function () {\r\n this.reset();\r\n this.toHide = this.errors().add(this.containers);\r\n },\r\n\r\n prepareElement: function (element) {\r\n this.reset();\r\n this.toHide = this.errorsFor(element);\r\n },\r\n\r\n check: function (element, dontShowErrors, action, ruleName, result) {\r\n //CUSTOMIZED FOR IF-SHOP: custom handling of check action\r\n if (element.ifws_customCheck) {\r\n if (element.ifws_customCheck(element, action) === false) {\r\n //if the custom method returns false, return and ignore default functionality\r\n return;\r\n }\r\n }\r\n\r\n element = this.validationTargetFor(this.clean(element));\r\n if (!element) return true;\r\n var rules = $(element).rules();\r\n var dependencyMismatch = false;\r\n for (var method in rules) {\r\n if (ruleName == undefined || ruleName == method) { //CUSTOMIZED FOR IF-SHOP: allows to test only a specfic rule\r\n var rule = { method: method, parameters: rules[method] };\r\n try {\r\n if (result != undefined && ruleName) { //CUSTOMIZED FOR IF-SHOP: allows to force a specific result for a specific rule\r\n //do nothing\r\n }\r\n else {\r\n result = $.validator.methods[method].call(this, element.value.replace(/\\r/g, \"\"), element, rule.parameters, action); //CUSTOMIZED FOR IF-SHOP: also pases action\r\n }\r\n\r\n // if a method indicates that the field is optional and therefore valid,\r\n // don't mark it as valid when there are no other rules\r\n if (result == \"dependency-mismatch\") {\r\n dependencyMismatch = true;\r\n continue;\r\n }\r\n dependencyMismatch = false;\r\n\r\n if (result == \"pending\") {\r\n this.toHide = this.toHide.not(this.errorsFor(element));\r\n return;\r\n }\r\n\r\n if (!result) {\r\n if (!dontShowErrors) {\r\n this.formatAndAdd(element, rule, dontShowErrors);\r\n }\r\n return false;\r\n }\r\n } catch (e) {\r\n this.settings.debug && window.console && console.log(\"exception occured when checking element \" + element.id\r\n + \", check the '\" + rule.method + \"' method\", e);\r\n throw e;\r\n }\r\n }\r\n }\r\n if (dependencyMismatch)\r\n return;\r\n if (this.objectLength(rules))\r\n this.successList.push(element);\r\n return true;\r\n },\r\n\r\n //clearSubmitted: function (element) { //CUSTOMIZED FOR IF-SHOP\r\n // delete element.form.validator.submitted[element.id]; //to avoid that this element is validated for every next change\r\n // this.lastElement = undefined; //used for RegNr basically, also to avoid that the last element is validated for every next change\r\n //},\r\n\r\n clearElement: function (element) { //CUSTOMIZED FOR IF-SHOP\r\n this.clean('#' + element.id);\r\n delete this.invalid[element.name];\r\n this.settings.unhighlight.call(this, element, this.settings.errorClass, this.settings.validClass);\r\n this.addWrapper(this.errorsFor(element)).hide();\r\n delete element.form.validator.submitted[element.id]; //to avoid that this element is validated for every next change\r\n this.lastElement = undefined; //used for RegNr basically, also to avoid that the last element is validated for every next change\r\n },\r\n\r\n // return the custom message for the given element and validation method\r\n // specified in the element's \"messages\" metadata\r\n customMetaMessage: function (element, method) {\r\n if (!$.metadata)\r\n return;\r\n\r\n var meta = this.settings.meta\r\n ? $(element).metadata()[this.settings.meta]\r\n : $(element).metadata();\r\n\r\n return meta && meta.messages && meta.messages[method];\r\n },\r\n\r\n // return the custom message for the given element name and validation method\r\n customMessage: function (name, method) {\r\n var m = this.settings.messages[name];\r\n if (m) {\r\n //CUSTOMIZED FOR IF-SHOP: rewritten code to allow the use of 'all' as a single message covering all rules\r\n if (m.constructor == String) {\r\n return m;\r\n }\r\n else if (m[method]) {\r\n return m[method];\r\n }\r\n else {\r\n return m['all'];\r\n }\r\n\r\n //return m && (m.constructor == String\r\n // ? m\r\n // : m[method]);\r\n }\r\n },\r\n\r\n // return the first defined argument, allowing empty strings\r\n findDefined: function () {\r\n for (var i = 0; i < arguments.length; i++) {\r\n if (arguments[i] !== undefined)\r\n return arguments[i];\r\n }\r\n return undefined;\r\n },\r\n\r\n defaultMessage: function (element, method) {\r\n return this.findDefined(\r\n this.customMessage(element.name, method),\r\n this.customMetaMessage(element, method)//,\r\n // title is never undefined, so handle empty string as undefined\r\n\r\n //CUSTOMIZED FOR IF-SHOP: last three lines are disabled due to unnessesary warning\r\n //!this.settings.ignoreTitle && element.title || undefined,\r\n //$.validator.messages[method],\r\n //\"Warning: No message defined for \" + element.name + \"\"\r\n );\r\n },\r\n\r\n formatAndAdd: function (element, rule) {\r\n var message = this.defaultMessage(element, rule.method),\r\n theregex = /\\$?\\{(\\d+)\\}/g;\r\n if (typeof message == \"function\") {\r\n message = message.call(this, rule.parameters, element);\r\n } else if (theregex.test(message)) {\r\n message = jQuery.format(message.replace(theregex, '{$1}'), rule.parameters);\r\n }\r\n this.errorList.push({\r\n message: message,\r\n element: element,\r\n rule: rule.method //CUSTOMIZED FOR IF-SHOP: send info about the type of rule around\r\n });\r\n\r\n this.errorMap[element.name] = message;\r\n this.submitted[element.name] = message;\r\n },\r\n\r\n addWrapper: function (toToggle) {\r\n if (this.settings.wrapper)\r\n toToggle = toToggle.add(toToggle.parent(this.settings.wrapper));\r\n return toToggle;\r\n },\r\n\r\n defaultShowErrors: function () {\r\n if(this.settings.duplicateValid) return\r\n for (var i = 0; this.errorList[i]; i++) {\r\n var error = this.errorList[i];\r\n this.settings.highlight && this.settings.highlight.call(this, error.element, this.settings.errorClass, this.settings.validClass);\r\n this.showLabel(error.element, error.message, error.rule); //CUSTOMIZED FOR IF-SHOP: (, error.rule) send info about the type of rule around\r\n }\r\n if (this.errorList.length) {\r\n this.toShow = this.toShow.add(this.containers);\r\n }\r\n if (this.settings.success) {\r\n for (var i = 0; this.successList[i]; i++) {\r\n this.showLabel(this.successList[i]);\r\n }\r\n }\r\n if (this.settings.unhighlight) {\r\n for (var i = 0, elements = this.validElements() ; elements[i]; i++) {\r\n this.settings.unhighlight.call(this, elements[i], this.settings.errorClass, this.settings.validClass);\r\n }\r\n }\r\n this.toHide = this.toHide.not(this.toShow);\r\n this.hideErrors();\r\n this.addWrapper(this.toShow).show();\r\n },\r\n\r\n validElements: function () {\r\n return this.currentElements.not(this.invalidElements());\r\n },\r\n\r\n invalidElements: function () {\r\n return $(this.errorList).map(function () {\r\n return this.element;\r\n });\r\n },\r\n\r\n showLabel: function (element, message, rule) { //CUSTOMIZED FOR IF-SHOP: send info about the type of rule around\r\n if(this.settings.duplicateValid) return\r\n //CUSTOMIZED FOR IF-SHOP: custom handling of label display \r\n if (this.customShowLabel) {\r\n if (this.customShowLabel(element, message, rule) === false) {\r\n //if the custom method returns false, return and ignore default functionality\r\n return;\r\n }\r\n }\r\n var label = this.errorsFor(element);\r\n\r\n //CUSTOMIZED FOR IF-SHOP: only display element if there is a message. Added because radiobuttons turn ugly when the extra label is added below the input control\r\n if (!message) {\r\n return;\r\n }\r\n\r\n if (label.length) {\r\n // refresh error/success class\r\n\r\n // check if we have a generated label, replace the message then\r\n /*label.attr(\"generated\") && label.html(message);*/\r\n\r\n //CUSTOMIZED FOR IF-SHOP: dont update if the text is already displayed, otherwise hyperlinks insiden the text will not receive click event due to tis change caused by the input control loosing focus when we try to click the link.\r\n if (label.html() != message) {\r\n label.removeClass(this.settings.validClass).addClass(this.settings.errorTextClass);\r\n message = message.split('\\r\\n').join('\\\\\\r\\n') //CUSTOMIZED FOR IF-SHOP\r\n label.html(message);\r\n }\r\n } else {\r\n // create label\r\n label = $(\"<\" + this.settings.errorElement + \"/>\")\r\n .attr({ \"for\": this.idOrName(element), generated: true })\r\n .addClass(this.settings.errorTextClass)\r\n .html(message || \"\");\r\n if (this.settings.wrapper) {\r\n // make sure the element is visible, even in IE\r\n // actually showing the wrapped element is handled elsewhere\r\n label = label.hide().show().wrap(\"<\" + this.settings.wrapper + \"/>\").parent();\r\n }\r\n if (!this.labelContainer.append(label).length)\r\n this.settings.errorPlacement\r\n ? this.settings.errorPlacement(label, $(element))\r\n : label.insertAfter(element);\r\n }\r\n if (!message && this.settings.success) {\r\n label.text(\"\");\r\n typeof this.settings.success == \"string\"\r\n ? label.addClass(this.settings.success)\r\n : this.settings.success(label);\r\n }\r\n this.toShow = this.toShow.add(label);\r\n },\r\n\r\n errorsFor: function (element) {\r\n var name = this.idOrName(element);\r\n return this.errors().filter(function () {\r\n return $(this).attr('for') == name;\r\n });\r\n },\r\n\r\n idOrName: function (element) {\r\n return this.groups[element.name] || (this.checkable(element) ? element.name : element.id || element.name);\r\n },\r\n\r\n validationTargetFor: function (element) {\r\n // if radio/checkbox, validate first element in group instead\r\n if (this.checkable(element)) {\r\n element = this.findByName(element.name).not(this.settings.ignore)[0];\r\n }\r\n return element;\r\n },\r\n\r\n checkable: function (element) {\r\n return /radio|checkbox/i.test(element.type);\r\n },\r\n\r\n findByName: function (name) {\r\n // select by name and filter by form for performance over form.find(\"[name=...]\")\r\n var form = this.currentForm;\r\n return $(document.getElementsByName(name)).map(function (index, element) {\r\n return element.form == form && element.name == name && element || null;\r\n });\r\n },\r\n\r\n getLength: function (value, element) {\r\n switch (element.nodeName.toLowerCase()) {\r\n case 'select':\r\n return $(\"option:selected\", element).length;\r\n case 'input':\r\n if (this.checkable(element))\r\n return this.findByName(element.name).filter(':checked').length;\r\n }\r\n return value.length;\r\n },\r\n\r\n depend: function (param, element) {\r\n return this.dependTypes[typeof param]\r\n ? this.dependTypes[typeof param](param, element)\r\n : true;\r\n },\r\n\r\n dependTypes: {\r\n \"boolean\": function (param, element) {\r\n return param;\r\n },\r\n \"string\": function (param, element) {\r\n return !!$(param, element.form).length;\r\n },\r\n \"function\": function (param, element) {\r\n return param(element);\r\n }\r\n },\r\n\r\n optional: function (element) {\r\n return !$.validator.methods.required.call(this, $.trim(element.value), element) && \"dependency-mismatch\";\r\n },\r\n\r\n startRequest: function (element) {\r\n if (!this.pending[element.name]) {\r\n this.pendingRequest++;\r\n this.pending[element.name] = true;\r\n }\r\n },\r\n\r\n stopRequest: function (element, valid) {\r\n this.pendingRequest--;\r\n // sometimes synchronization fails, make sure pendingRequest is never < 0\r\n if (this.pendingRequest < 0)\r\n this.pendingRequest = 0;\r\n delete this.pending[element.name];\r\n if (valid && this.pendingRequest == 0 && this.formSubmitted && this.form()) {\r\n $(this.currentForm).submit();\r\n this.formSubmitted = false;\r\n } else if (!valid && this.pendingRequest == 0 && this.formSubmitted) {\r\n $(this.currentForm).triggerHandler(\"invalid-form\", [this]);\r\n this.formSubmitted = false;\r\n }\r\n },\r\n\r\n previousValue: function (element) {\r\n return $.data(element, \"previousValue\") || $.data(element, \"previousValue\", {\r\n old: null,\r\n valid: true,\r\n message: this.defaultMessage(element, \"remote\")\r\n });\r\n }\r\n\r\n },\r\n\r\n classRuleSettings: {\r\n required: { required: true },\r\n email: { email: true },\r\n url: { url: true },\r\n date: { date: true },\r\n dateISO: { dateISO: true },\r\n dateDE: { dateDE: true },\r\n number: { number: true },\r\n numberDE: { numberDE: true },\r\n digits: { digits: true },\r\n creditcard: { creditcard: true }\r\n },\r\n\r\n addClassRules: function (className, rules) {\r\n className.constructor == String ?\r\n this.classRuleSettings[className] = rules :\r\n $.extend(this.classRuleSettings, className);\r\n },\r\n\r\n classRules: function (element) {\r\n var rules = {};\r\n var classes = $(element).attr('class');\r\n classes && $.each(classes.split(' '), function () {\r\n if (this in $.validator.classRuleSettings) {\r\n $.extend(rules, $.validator.classRuleSettings[this]);\r\n }\r\n });\r\n return rules;\r\n },\r\n\r\n attributeRules: function (element) {\r\n var rules = {};\r\n var $element = $(element);\r\n\r\n for (var method in $.validator.methods) {\r\n var value;\r\n // If .prop exists (jQuery >= 1.6), use it to get true/false for required\r\n if (method === 'required' && typeof $.fn.prop === 'function') {\r\n value = $element.prop(method);\r\n } else {\r\n value = $element.attr(method);\r\n }\r\n if (value) {\r\n rules[method] = value;\r\n } else if ($element[0].getAttribute(\"type\") === method) {\r\n rules[method] = true;\r\n }\r\n }\r\n\r\n // maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs\r\n if (rules.maxlength && /-1|2147483647|524288/.test(rules.maxlength)) {\r\n delete rules.maxlength;\r\n }\r\n\r\n return rules;\r\n },\r\n\r\n metadataRules: function (element) {\r\n if (!$.metadata) return {};\r\n\r\n var meta = $.data(element.form, 'validator').settings.meta;\r\n return meta ?\r\n $(element).metadata()[meta] :\r\n $(element).metadata();\r\n },\r\n\r\n staticRules: function (element) {\r\n var rules = {};\r\n var validator = $.data(element.form, 'validator');\r\n if (validator.settings.rules) {\r\n rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {};\r\n }\r\n return rules;\r\n },\r\n\r\n normalizeRules: function (rules, element) {\r\n // handle dependency check\r\n $.each(rules, function (prop, val) {\r\n // ignore rule when param is explicitly false, eg. required:false\r\n if (val === false) {\r\n delete rules[prop];\r\n return;\r\n }\r\n if (val.param || val.depends) {\r\n var keepRule = true;\r\n switch (typeof val.depends) {\r\n case \"string\":\r\n keepRule = !!$(val.depends, element.form).length;\r\n break;\r\n case \"function\":\r\n keepRule = val.depends.call(element, element);\r\n break;\r\n }\r\n if (keepRule) {\r\n rules[prop] = val.param !== undefined ? val.param : true;\r\n } else {\r\n delete rules[prop];\r\n }\r\n }\r\n });\r\n\r\n // evaluate parameters\r\n $.each(rules, function (rule, parameter) {\r\n rules[rule] = $.isFunction(parameter) ? parameter(element) : parameter;\r\n });\r\n\r\n // clean number parameters\r\n $.each(['minlength', 'maxlength', 'min', 'max'], function () {\r\n if (rules[this]) {\r\n rules[this] = Number(rules[this]);\r\n }\r\n });\r\n $.each(['rangelength', 'range'], function () {\r\n if (rules[this]) {\r\n rules[this] = [Number(rules[this][0]), Number(rules[this][1])];\r\n }\r\n });\r\n\r\n if ($.validator.autoCreateRanges) {\r\n // auto-create ranges\r\n if (rules.min && rules.max) {\r\n rules.range = [rules.min, rules.max];\r\n delete rules.min;\r\n delete rules.max;\r\n }\r\n if (rules.minlength && rules.maxlength) {\r\n rules.rangelength = [rules.minlength, rules.maxlength];\r\n delete rules.minlength;\r\n delete rules.maxlength;\r\n }\r\n }\r\n\r\n // To support custom messages in metadata ignore rule methods titled \"messages\"\r\n if (rules.messages) {\r\n delete rules.messages;\r\n }\r\n\r\n return rules;\r\n },\r\n\r\n // Converts a simple string to a {string: true} rule, e.g., \"required\" to {required:true}\r\n normalizeRule: function (data) {\r\n if (typeof data == \"string\") {\r\n var transformed = {};\r\n $.each(data.split(/\\s/), function () {\r\n transformed[this] = true;\r\n });\r\n data = transformed;\r\n }\r\n return data;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Validator/addMethod\r\n addMethod: function (name, method, message) {\r\n $.validator.methods[name] = method;\r\n $.validator.messages[name] = message != undefined ? message : $.validator.messages[name];\r\n if (method.length < 3) {\r\n $.validator.addClassRules(name, $.validator.normalizeRule(name));\r\n }\r\n },\r\n\r\n methods: {\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/required\r\n required: function (value, element, param) {\r\n // check if dependency is met\r\n if (!this.depend(param, element))\r\n return \"dependency-mismatch\";\r\n switch (element.nodeName.toLowerCase()) {\r\n case 'select':\r\n // could be an array for select-multiple or a string, both are fine this way\r\n var val = $(element).val();\r\n return val && val.length > 0;\r\n case 'input':\r\n if (this.checkable(element))\r\n return this.getLength(value, element) > 0;\r\n default:\r\n return $.trim(value).length > 0;\r\n }\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/remote\r\n remote: function (value, element, param) {\r\n if (this.optional(element))\r\n return \"dependency-mismatch\";\r\n\r\n var previous = this.previousValue(element);\r\n if (!this.settings.messages[element.name])\r\n this.settings.messages[element.name] = {};\r\n previous.originalMessage = this.settings.messages[element.name].remote;\r\n this.settings.messages[element.name].remote = previous.message;\r\n\r\n param = typeof param == \"string\" && { url: param } || param;\r\n\r\n if (this.pending[element.name]) {\r\n return \"pending\";\r\n }\r\n if (previous.old === value) {\r\n return previous.valid;\r\n }\r\n\r\n previous.old = value;\r\n var validator = this;\r\n this.startRequest(element);\r\n var data = {};\r\n data[element.name] = value;\r\n $.ajax($.extend(true, {\r\n url: param,\r\n mode: \"abort\",\r\n port: \"validate\" + element.name,\r\n dataType: \"json\",\r\n data: data,\r\n success: function (response) {\r\n validator.settings.messages[element.name].remote = previous.originalMessage;\r\n var valid = response === true;\r\n if (valid) {\r\n var submitted = validator.formSubmitted;\r\n validator.prepareElement(element);\r\n validator.formSubmitted = submitted;\r\n validator.successList.push(element);\r\n validator.showErrors();\r\n } else {\r\n var errors = {};\r\n var message = response || validator.defaultMessage(element, \"remote\");\r\n errors[element.name] = previous.message = $.isFunction(message) ? message(value) : message;\r\n validator.showErrors(errors);\r\n }\r\n previous.valid = valid;\r\n validator.stopRequest(element, valid);\r\n }\r\n }, param));\r\n return \"pending\";\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/minlength\r\n minlength: function (value, element, param) {\r\n return this.optional(element) || this.getLength($.trim(value), element) >= param;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/maxlength\r\n maxlength: function (value, element, param) {\r\n return this.optional(element) || this.getLength($.trim(value), element) <= param;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/rangelength\r\n rangelength: function (value, element, param) {\r\n var length = this.getLength($.trim(value), element);\r\n return this.optional(element) || (length >= param[0] && length <= param[1]);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/min\r\n min: function (value, element, param) {\r\n return this.optional(element) || value >= param;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/max\r\n max: function (value, element, param) {\r\n return this.optional(element) || value <= param;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/range\r\n range: function (value, element, param) {\r\n return this.optional(element) || (value >= param[0] && value <= param[1]);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/email\r\n email: function (value, element) {\r\n // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/\r\n return this.optional(element) || /^((([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+(\\.([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+)*)|((\\x22)((((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f]|\\x21|[\\x23-\\x5b]|[\\x5d-\\x7e]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(\\\\([\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]))))*(((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(\\x22)))@((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))$/i.test(value);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/url\r\n url: function (value, element) {\r\n // contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/\r\n return this.optional(element) || /^(https?|ftp):\\/\\/(((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:)*@)?(((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5]))|((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.?)(:\\d*)?)(\\/((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)+(\\/(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)*)*)?)?(\\?((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)|[\\uE000-\\uF8FF]|\\/|\\?)*)?(\\#((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)|\\/|\\?)*)?$/i.test(value);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/date\r\n date: function (value, element) {\r\n return this.optional(element) || !/Invalid|NaN/.test(new Date(value));\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/dateISO\r\n dateISO: function (value, element) {\r\n return this.optional(element) || /^\\d{4}[\\/-]\\d{1,2}[\\/-]\\d{1,2}$/.test(value);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/number\r\n number: function (value, element) {\r\n return this.optional(element) || /^-?(?:\\d+|\\d{1,3}(?:,\\d{3})+)(?:\\.\\d+)?$/.test(value);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/digits\r\n digits: function (value, element) {\r\n return this.optional(element) || /^\\d+$/.test(value);\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/creditcard\r\n // based on http://en.wikipedia.org/wiki/Luhn\r\n creditcard: function (value, element) {\r\n if (this.optional(element))\r\n return \"dependency-mismatch\";\r\n // accept only spaces, digits and dashes\r\n if (/[^0-9 -]+/.test(value))\r\n return false;\r\n var nCheck = 0,\r\n nDigit = 0,\r\n bEven = false;\r\n\r\n value = value.replace(/\\D/g, \"\");\r\n\r\n for (var n = value.length - 1; n >= 0; n--) {\r\n var cDigit = value.charAt(n);\r\n var nDigit = parseInt(cDigit, 10);\r\n if (bEven) {\r\n if ((nDigit *= 2) > 9)\r\n nDigit -= 9;\r\n }\r\n nCheck += nDigit;\r\n bEven = !bEven;\r\n }\r\n\r\n return (nCheck % 10) == 0;\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/accept\r\n accept: function (value, element, param) {\r\n param = typeof param == \"string\" ? param.replace(/,/g, '|') : \"png|jpe?g|gif\";\r\n return this.optional(element) || value.match(new RegExp(\".(\" + param + \")$\", \"i\"));\r\n },\r\n\r\n // http://docs.jquery.com/Plugins/Validation/Methods/equalTo\r\n equalTo: function (value, element, param) {\r\n // bind to the blur event of the target in order to revalidate whenever the target field is updated\r\n // TODO find a way to bind the event just once, avoiding the unbind-rebind overhead\r\n var target = $(param).unbind(\".validate-equalTo\").bind(\"blur.validate-equalTo\", function () {\r\n $(element).valid();\r\n });\r\n return value == target.val();\r\n }\r\n\r\n }\r\n\r\n });\r\n\r\n // deprecated, use $.validator.format instead\r\n $.format = $.validator.format;\r\n\r\n})(jQuery);\r\n\r\n// ajax mode: abort\r\n// usage: $.ajax({ mode: \"abort\"[, port: \"uniqueport\"]});\r\n// if mode:\"abort\" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort()\r\n; (function ($) {\r\n var pendingRequests = {};\r\n // Use a prefilter if available (1.5+)\r\n if ($.ajaxPrefilter) {\r\n $.ajaxPrefilter(function (settings, _, xhr) {\r\n var port = settings.port;\r\n if (settings.mode == \"abort\") {\r\n if (pendingRequests[port]) {\r\n pendingRequests[port].abort();\r\n }\r\n pendingRequests[port] = xhr;\r\n }\r\n });\r\n } else {\r\n // Proxy ajax\r\n var ajax = $.ajax;\r\n $.ajax = function (settings) {\r\n var mode = (\"mode\" in settings ? settings : $.ajaxSettings).mode,\r\n port = (\"port\" in settings ? settings : $.ajaxSettings).port;\r\n if (mode == \"abort\") {\r\n if (pendingRequests[port]) {\r\n pendingRequests[port].abort();\r\n }\r\n return (pendingRequests[port] = ajax.apply(this, arguments));\r\n }\r\n return ajax.apply(this, arguments);\r\n };\r\n }\r\n})(jQuery);\r\n\r\n// provides cross-browser focusin and focusout events\r\n// IE has native support, in other browsers, use event caputuring (neither bubbles)\r\n\r\n// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation\r\n// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target\r\n; (function ($) {\r\n // only implement if not provided by jQuery core (since 1.4)\r\n // TODO verify if jQuery 1.4's implementation is compatible with older jQuery special-event APIs\r\n if (!jQuery.event.special.focusin && !jQuery.event.special.focusout && document.addEventListener) {\r\n $.each({\r\n focus: 'focusin',\r\n blur: 'focusout'\r\n }, function (original, fix) {\r\n $.event.special[fix] = {\r\n setup: function () {\r\n this.addEventListener(original, handler, true);\r\n },\r\n teardown: function () {\r\n this.removeEventListener(original, handler, true);\r\n },\r\n handler: function (e) {\r\n arguments[0] = $.event.fix(e);\r\n arguments[0].type = fix;\r\n return $.event.handle.apply(this, arguments);\r\n }\r\n };\r\n function handler(e) {\r\n\r\n e = $.event.fix(e);\r\n e.type = fix;\r\n if ($.event.handle) {//CUSTOMIZED FOR IF-SHOP: added to avoid exception if event.handle is undefined\r\n return $.event.handle.call(this, e);\r\n }\r\n }\r\n });\r\n };\r\n $.extend($.fn, {\r\n validateDelegate: function (delegate, type, handler) {\r\n return this.bind(type, function (event) {\r\n var target = $(event.target);\r\n if (target.is(delegate)) {\r\n return handler.apply(target, arguments);\r\n }\r\n });\r\n }\r\n });\r\n})(jQuery);\r\n","(function ($) {\r\n var cultures = $.cultures,\r\n en = cultures.en,\r\n standard = en.calendars.standard,\r\n culture = cultures[\"da\"] = $.extend(true, {}, en, {\r\n name: \"da\",\r\n englishName: \"Danish\",\r\n nativeName: \"dansk\",\r\n language: \"da\",\r\n numberFormat: {\r\n ',': \".\",\r\n '.': \",\",\r\n percent: {\r\n ',': \".\",\r\n '.': \",\"\r\n },\r\n currency: {\r\n pattern: [\"$ -n\", \"$ n\"],\r\n ',': \".\",\r\n '.': \",\",\r\n symbol: \"kr.\"\r\n }\r\n },\r\n calendars: {\r\n standard: $.extend(true, {}, standard, {\r\n '/': \"/\",\r\n firstDay: 1,\r\n days: {\r\n names: [\"søndag\", \"mandag\", \"tirsdag\", \"onsdag\", \"torsdag\", \"fredag\", \"lørdag\"],\r\n namesAbbr: [\"sø\", \"ma\", \"ti\", \"on\", \"to\", \"fr\", \"lø\"],\r\n namesShort: [\"sø\", \"ma\", \"ti\", \"on\", \"to\", \"fr\", \"lø\"]\r\n },\r\n months: {\r\n names: [\"januar\", \"februar\", \"marts\", \"april\", \"maj\", \"juni\", \"juli\", \"august\", \"september\", \"oktober\", \"november\", \"december\", \"\"],\r\n namesAbbr: [\"jan\", \"feb\", \"mar\", \"apr\", \"maj\", \"jun\", \"jul\", \"aug\", \"sep\", \"okt\", \"nov\", \"dec\", \"\"]\r\n },\r\n AM: null,\r\n PM: null,\r\n patterns: {\r\n d: \"dd-MM-yyyy\",\r\n e: \"dd/MM/yyyy\", /*IFWS*/\r\n g: \"ddMMyyyy\", /*IFWS*/\r\n h: \"ddMMyy\", /*IFWS*/\r\n D: \"d. MMMM yyyy\",\r\n t: \"HH:mm\",\r\n T: \"HH:mm:ss\",\r\n f: \"d. MMMM yyyy HH:mm\",\r\n F: \"d. MMMM yyyy HH:mm:ss\",\r\n M: \"d. MMMM\",\r\n Y: \"MMMM yyyy\"\r\n }\r\n })\r\n }\r\n }, cultures[\"da\"]);\r\n culture.calendar = culture.calendars.standard;\r\n})(jQuery);","/*!\r\n * 'addPlaceholder' Plugin for jQuery\r\n *\r\n * @author Ilia Draznin\r\n * @link http://iliadraznin.com/2011/02/jquery-placeholder-plugin/\r\n * @created 19-02-2011\r\n * @updated 06-04-2011\r\n * @version 1.0.3\r\n *\r\n * Description:\r\n * jQuery plugin that adds \"placeholder\" functionality (like in Chrome) to browsers that \r\n * don't support it natively (like Firefox 3.6 or lower, or IE naturally)\r\n * \r\n * Usage:\r\n * $(selector).addPlaceholder(options);\r\n */\r\n(function($){\r\n\r\n\t// add placeholder support check to jQuery.support\r\n\t// idea from March Gortz https://gist.github.com/373672\r\n\t$.extend($.support, { placeholder: !!('placeholder' in document.createElement('input')) });\r\n\r\n\t$.fn.addPlaceholder = function(options){\r\n\t\tvar settings = {\r\n\t\t\t'class': 'placeholder',\t\t// name of the class you want to use for placeholder styles\r\n\t\t\t'allowspaces': false,\t\t// if true doesn't trim value strings so \" \" input would NOT be replaced by placeholder (i.e. it's considered valid)\r\n\t\t\t'dopass': true,\t\t\t\t// these two allow you to ignore certain fields, it's a small speed optimization\r\n\t\t\t'dotextarea': true,\r\n\t\t\t'checkafill': false\t\t\t// if true there's a periodic check in case something auto-filled the password fields\r\n\t\t};\r\n\t\t\r\n\t\treturn this.each(function(){\r\n\t\t\t// if browser supports placeholder stop the function\r\n\t\t\tif ($.support.placeholder) return false;\r\n\t\t\t\r\n\t\t\t// get the options if there are any\r\n\t\t\t$.extend( settings, options );\r\n\t\t\t\r\n\t\t\t// tag must be either input or textarea, if 'dotextarea' is true, otherwise move to next element\r\n\t\t\t// using this.tagName instead of $(this).is() because it's faster\r\n\t\t\tif ( !( this.tagName.toLowerCase()=='input' || (settings['dotextarea'] && this.tagName.toLowerCase()=='textarea') ) ) return true;\r\n\t\t\t\r\n\t\t\t// finally let's get $(this) and do one last test for placeholder value\r\n\t\t\tvar $this = $(this),\r\n\t\t\t\tph = this.getAttribute('placeholder'),\r\n\t\t\t\tispass = $this.is('input[type=password]');\t\t// this is used twice so I'm assigning it to a variable\r\n\t\t\t\r\n\t\t\tif (!ph) return true;\r\n\t\t\t\r\n\t\t\t// so, we have a legit tag and it has a placeholder value, let's get to work\r\n\t\t\t\r\n\t\t\t// if the input is a password field and 'dopass' is true use passPlacehold()\r\n\t\t\tif (settings['dopass'] && ispass) {\r\n\t\t\t\tpassPlacehold($this, ph);\r\n\t\t\t}\r\n\t\t\t// in case 'dopass' was false double check it's not a password field and then\r\n\t\t\t// for both textarea and regular input the same function applies\r\n\t\t\telse if (!ispass) {\r\n\t\t\t\tinputPlacehold($this, ph)\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\tfunction inputPlacehold(el, ph) {\r\n\t\t\t// set as placeholder if value is empty or is equal to placeholder text\r\n\t\t\t// then use class as flag (instead of checking value)\r\n\t\t\tif ( valueEmpty(el.val()) || el.val()==ph ) {\r\n\t\t\t\tel.val(ph);\r\n\t\t\t\tel.addClass(settings['class']);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t// setup the events for the field\r\n\t\t\tel.focusin(function(){\r\n\t\t\t\tif (el.hasClass(settings['class'])) {\r\n\t\t\t\t\tel.removeClass(settings['class']);\r\n\t\t\t\t\tel.val('');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tel.focusout(function(){\r\n\t\t\t\tif ( valueEmpty(el.val()) ) {\r\n\t\t\t\t\tel.val(ph);\r\n\t\t\t\t\tel.addClass(settings['class']);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\t\r\n\t\tfunction passPlacehold(el, ph) {\r\n\t\t\tel.addClass(settings['class']);\r\n\t\t\t// setup the initial placeholder, i.e. span\r\n\t\t\tvar span = $('',{\r\n\t\t\t\t'class': el.attr('class')+' '+settings['class'],\t// 'inherit' class from the input field + the placeholder class\r\n\t\t\t\ttext: ph,\r\n\t\t\t\tcss: {\r\n\t\t\t\t\tborder:\t\t'none',\t\t\t\t\t// since inherited styles from input, \"clean\" them for the span: remove border\r\n\t\t\t\t\tcursor:\t\t'text',\t\t\t\t\t// give text cursor so it looks like part of the input field\r\n\t\t\t\t\tbackground:\t'transparent',\t\t\t// clear background to be transparent\r\n\t\t\t\t\tposition:\t'absolute',\t\t\t\t// position the span appropriately\r\n\t\t\t\t\ttop:\t\tel.position().top,\r\n\t\t\t\t\tleft:\t\tel.position().left,\r\n\t\t\t\t\tlineHeight: el.height()+3+'px',\t\t// needs adjustment due to extra \"natural\" padding of input fields\r\n\t\t\t\t\tpaddingLeft:parseFloat(el.css('paddingLeft'))+2+'px'\t// ditto as above\r\n\t\t\t\t}\r\n\t\t\t}).insertAfter(el);\r\n\t\t\t\r\n\t\t\t// setup the events for the password placeholder\r\n\t\t\tel.focusin(function(){\r\n\t\t\t\tif (el.hasClass(settings['class'])) {\r\n\t\t\t\t\tspan.hide();\r\n\t\t\t\t\tel.removeClass(settings['class']);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tel.focusout(function(){\r\n\t\t\t\tif ( valueEmpty(el.val()) ) {\r\n\t\t\t\t\tspan.show();\r\n\t\t\t\t\tel.addClass(settings['class']);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (settings['checkafill']) {\r\n\t\t\t\t// periodically check the password field for content\r\n\t\t\t\t// in case an auto form filler has kicked in and filled it\r\n\t\t\t\t// setInterval replaced by self calling function with setTimeout\r\n\t\t\t\t// thanks to Paul Irish for the tip http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/\r\n\t\t\t\t(function checkPass(){\r\n\t\t\t\t\tif (!valueEmpty(el.val()) && el.hasClass(settings['class'])) {\r\n\t\t\t\t\t\tel.focusin();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tsetTimeout(checkPass, 250);\r\n\t\t\t\t})();\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t// does a \"smart\" check to see if value is empty givem allowance for multiple spaces\r\n\t\tfunction valueEmpty( value ) {\r\n\t\t\treturn settings['allowspaces'] ? value==='' : $.trim(value)==='';\r\n\t\t}\r\n\t};\r\n})(jQuery);","/*!\r\n * jQuery Form Plugin\r\n * version: 3.43.0-2013.09.03\r\n * Requires jQuery v1.5 or later\r\n * Copyright (c) 2013 M. Alsup\r\n * Examples and documentation at: http://malsup.com/jquery/form/\r\n * Project repository: https://github.com/malsup/form\r\n * Dual licensed under the MIT and GPL licenses.\r\n * https://github.com/malsup/form#copyright-and-license\r\n */\r\n/*global ActiveXObject */\r\n; (function ($) {\r\n \"use strict\";\r\n\r\n /*\r\n Usage Note:\r\n -----------\r\n Do not use both ajaxSubmit and ajaxForm on the same form. These\r\n functions are mutually exclusive. Use ajaxSubmit if you want\r\n to bind your own submit handler to the form. For example,\r\n \r\n $(document).ready(function() {\r\n $('#myForm').on('submit', function(e) {\r\n e.preventDefault(); // <-- important\r\n $(this).ajaxSubmit({\r\n target: '#output'\r\n });\r\n });\r\n });\r\n \r\n Use ajaxForm when you want the plugin to manage all the event binding\r\n for you. For example,\r\n \r\n $(document).ready(function() {\r\n $('#myForm').ajaxForm({\r\n target: '#output'\r\n });\r\n });\r\n \r\n You can also use ajaxForm with delegation (requires jQuery v1.7+), so the\r\n form does not have to exist when you invoke ajaxForm:\r\n \r\n $('#myForm').ajaxForm({\r\n delegation: true,\r\n target: '#output'\r\n });\r\n \r\n When using ajaxForm, the ajaxSubmit function will be invoked for you\r\n at the appropriate time.\r\n */\r\n\r\n /**\r\n * Feature detection\r\n */\r\n var feature = {};\r\n feature.fileapi = $(\"\").get(0).files !== undefined;\r\n feature.formdata = window.FormData !== undefined;\r\n\r\n var hasProp = !!$.fn.prop;\r\n\r\n // attr2 uses prop when it can but checks the return type for\r\n // an expected string. this accounts for the case where a form \r\n // contains inputs with names like \"action\" or \"method\"; in those\r\n // cases \"prop\" returns the element\r\n $.fn.attr2 = function () {\r\n if (!hasProp)\r\n return this.attr.apply(this, arguments);\r\n var val = this.prop.apply(this, arguments);\r\n if ((val && val.jquery) || typeof val === 'string')\r\n return val;\r\n return this.attr.apply(this, arguments);\r\n };\r\n\r\n /**\r\n * ajaxSubmit() provides a mechanism for immediately submitting\r\n * an HTML form using AJAX.\r\n */\r\n $.fn.ajaxSubmit = function (options) {\r\n /*jshint scripturl:true */\r\n\r\n // fast fail if nothing selected (http://dev.jquery.com/ticket/2752)\r\n if (!this.length) {\r\n log('ajaxSubmit: skipping submit process - no element selected');\r\n return this;\r\n }\r\n\r\n var method, action, url, $form = this;\r\n\r\n if (typeof options == 'function') {\r\n options = { success: options };\r\n }\r\n else if (options === undefined) {\r\n options = {};\r\n }\r\n\r\n method = options.type || this.attr2('method');\r\n action = options.url || this.attr2('action');\r\n\r\n url = (typeof action === 'string') ? $.trim(action) : '';\r\n url = url || window.location.href || '';\r\n if (url) {\r\n // clean url (don't include hash vaue)\r\n url = (url.match(/^([^#]+)/) || [])[1];\r\n }\r\n\r\n options = $.extend(true, {\r\n url: url,\r\n success: $.ajaxSettings.success,\r\n type: method || $.ajaxSettings.type,\r\n iframeSrc: /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank'\r\n }, options);\r\n\r\n // hook for manipulating the form data before it is extracted;\r\n // convenient for use with rich editors like tinyMCE or FCKEditor\r\n var veto = {};\r\n this.trigger('form-pre-serialize', [this, options, veto]);\r\n if (veto.veto) {\r\n log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');\r\n return this;\r\n }\r\n\r\n // provide opportunity to alter form data before it is serialized\r\n if (options.beforeSerialize && options.beforeSerialize(this, options) === false) {\r\n log('ajaxSubmit: submit aborted via beforeSerialize callback');\r\n return this;\r\n }\r\n\r\n var traditional = options.traditional;\r\n if (traditional === undefined) {\r\n traditional = $.ajaxSettings.traditional;\r\n }\r\n\r\n var elements = [];\r\n var qx, a = this.formToArray(options.semantic, elements);\r\n if (options.data) {\r\n options.extraData = options.data;\r\n qx = $.param(options.data, traditional);\r\n }\r\n\r\n // give pre-submit callback an opportunity to abort the submit\r\n if (options.beforeSubmit && options.beforeSubmit(a, this, options) === false) {\r\n log('ajaxSubmit: submit aborted via beforeSubmit callback');\r\n return this;\r\n }\r\n\r\n // fire vetoable 'validate' event\r\n this.trigger('form-submit-validate', [a, this, options, veto]);\r\n if (veto.veto) {\r\n log('ajaxSubmit: submit vetoed via form-submit-validate trigger');\r\n return this;\r\n }\r\n\r\n var q = $.param(a, traditional);\r\n if (qx) {\r\n q = (q ? (q + '&' + qx) : qx);\r\n }\r\n if (options.type.toUpperCase() == 'GET') {\r\n options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;\r\n options.data = null; // data is null for 'get'\r\n }\r\n else {\r\n options.data = q; // data is the query string for 'post'\r\n }\r\n\r\n var callbacks = [];\r\n if (options.resetForm) {\r\n callbacks.push(function () { $form.resetForm(); });\r\n }\r\n if (options.clearForm) {\r\n callbacks.push(function () { $form.clearForm(options.includeHidden); });\r\n }\r\n\r\n // perform a load on the target only if dataType is not provided\r\n if (!options.dataType && options.target) {\r\n var oldSuccess = options.success || function () { };\r\n callbacks.push(function (data) {\r\n var fn = options.replaceTarget ? 'replaceWith' : 'html';\r\n $(options.target)[fn](data).each(oldSuccess, arguments);\r\n });\r\n }\r\n else if (options.success) {\r\n callbacks.push(options.success);\r\n }\r\n\r\n options.success = function (data, status, xhr) { // jQuery 1.4+ passes xhr as 3rd arg\r\n var context = options.context || this; // jQuery 1.4+ supports scope context\r\n for (var i = 0, max = callbacks.length; i < max; i++) {\r\n callbacks[i].apply(context, [data, status, xhr || $form, $form]);\r\n }\r\n };\r\n\r\n if (options.error) {\r\n var oldError = options.error;\r\n options.error = function (xhr, status, error) {\r\n var context = options.context || this;\r\n oldError.apply(context, [xhr, status, error, $form]);\r\n };\r\n }\r\n\r\n if (options.complete) {\r\n var oldComplete = options.complete;\r\n options.complete = function (xhr, status) {\r\n var context = options.context || this;\r\n oldComplete.apply(context, [xhr, status, $form]);\r\n };\r\n }\r\n\r\n // are there files to upload?\r\n\r\n // [value] (issue #113), also see comment:\r\n // https://github.com/malsup/form/commit/588306aedba1de01388032d5f42a60159eea9228#commitcomment-2180219\r\n var fileInputs = $('input[type=file]:enabled', this).filter(function () { return $(this).val() != ''; });\r\n\r\n var hasFileInputs = fileInputs.length > 0;\r\n var mp = 'multipart/form-data';\r\n var multipart = ($form.attr('enctype') == mp || $form.attr('encoding') == mp);\r\n\r\n var fileAPI = feature.fileapi && feature.formdata;\r\n log(\"fileAPI :\" + fileAPI);\r\n var shouldUseFrame = (hasFileInputs || multipart) && !fileAPI;\r\n\r\n var jqxhr;\r\n\r\n // options.iframe allows user to force iframe mode\r\n // 06-NOV-09: now defaulting to iframe mode if file input is detected\r\n if (options.iframe !== false && (options.iframe || shouldUseFrame)) {\r\n // hack to fix Safari hang (thanks to Tim Molendijk for this)\r\n // see: http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d\r\n if (options.closeKeepAlive) {\r\n $.get(options.closeKeepAlive, function () {\r\n jqxhr = fileUploadIframe(a);\r\n });\r\n }\r\n else {\r\n jqxhr = fileUploadIframe(a);\r\n }\r\n }\r\n else if ((hasFileInputs || multipart) && fileAPI) {\r\n jqxhr = fileUploadXhr(a);\r\n }\r\n else {\r\n jqxhr = $.ajax(options);\r\n }\r\n\r\n $form.removeData('jqxhr').data('jqxhr', jqxhr);\r\n\r\n // clear element array\r\n for (var k = 0; k < elements.length; k++)\r\n elements[k] = null;\r\n\r\n // fire 'notify' event\r\n this.trigger('form-submit-notify', [this, options]);\r\n return this;\r\n\r\n // utility fn for deep serialization\r\n function deepSerialize(extraData) {\r\n var serialized = $.param(extraData, options.traditional).split('&');\r\n var len = serialized.length;\r\n var result = [];\r\n var i, part;\r\n for (i = 0; i < len; i++) {\r\n // #252; undo param space replacement\r\n serialized[i] = serialized[i].replace(/\\+/g, ' ');\r\n part = serialized[i].split('=');\r\n // #278; use array instead of object storage, favoring array serializations\r\n result.push([decodeURIComponent(part[0]), decodeURIComponent(part[1])]);\r\n }\r\n return result;\r\n }\r\n\r\n // XMLHttpRequest Level 2 file uploads (big hat tip to francois2metz)\r\n function fileUploadXhr(a) {\r\n var formdata = new FormData();\r\n\r\n for (var i = 0; i < a.length; i++) {\r\n formdata.append(a[i].name, a[i].value);\r\n }\r\n\r\n if (options.extraData) {\r\n var serializedData = deepSerialize(options.extraData);\r\n for (i = 0; i < serializedData.length; i++)\r\n if (serializedData[i])\r\n formdata.append(serializedData[i][0], serializedData[i][1]);\r\n }\r\n\r\n options.data = null;\r\n\r\n var s = $.extend(true, {}, $.ajaxSettings, options, {\r\n contentType: false,\r\n processData: false,\r\n cache: false,\r\n type: method || 'POST'\r\n });\r\n\r\n if (options.uploadProgress) {\r\n // workaround because jqXHR does not expose upload property\r\n s.xhr = function () {\r\n var xhr = $.ajaxSettings.xhr();\r\n if (xhr.upload) {\r\n xhr.upload.addEventListener('progress', function (event) {\r\n var percent = 0;\r\n var position = event.loaded || event.position; /*event.position is deprecated*/\r\n var total = event.total;\r\n if (event.lengthComputable) {\r\n percent = Math.ceil(position / total * 100);\r\n }\r\n options.uploadProgress(event, position, total, percent);\r\n }, false);\r\n }\r\n return xhr;\r\n };\r\n }\r\n\r\n s.data = null;\r\n var beforeSend = s.beforeSend;\r\n s.beforeSend = function (xhr, o) {\r\n o.data = formdata;\r\n if (beforeSend)\r\n beforeSend.call(this, xhr, o);\r\n };\r\n return $.ajax(s);\r\n }\r\n\r\n // private function for handling file uploads (hat tip to YAHOO!)\r\n function fileUploadIframe(a) {\r\n var form = $form[0], el, i, s, g, id, $io, io, xhr, sub, n, timedOut, timeoutHandle;\r\n var deferred = $.Deferred();\r\n\r\n // #341\r\n deferred.abort = function (status) {\r\n xhr.abort(status);\r\n };\r\n\r\n if (a) {\r\n // ensure that every serialized input is still enabled\r\n for (i = 0; i < elements.length; i++) {\r\n el = $(elements[i]);\r\n if (hasProp)\r\n el.prop('disabled', false);\r\n else\r\n el.removeAttr('disabled');\r\n }\r\n }\r\n\r\n s = $.extend(true, {}, $.ajaxSettings, options);\r\n s.context = s.context || s;\r\n id = 'jqFormIO' + (new Date().getTime());\r\n if (s.iframeTarget) {\r\n $io = $(s.iframeTarget);\r\n n = $io.attr2('name');\r\n if (!n)\r\n $io.attr2('name', id);\r\n else\r\n id = n;\r\n }\r\n else {\r\n $io = $('');\r\n $io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });\r\n }\r\n io = $io[0];\r\n\r\n\r\n xhr = { // mock object\r\n aborted: 0,\r\n responseText: null,\r\n responseXML: null,\r\n status: 0,\r\n statusText: 'n/a',\r\n getAllResponseHeaders: function () { },\r\n getResponseHeader: function () { },\r\n setRequestHeader: function () { },\r\n abort: function (status) {\r\n var e = (status === 'timeout' ? 'timeout' : 'aborted');\r\n log('aborting upload... ' + e);\r\n this.aborted = 1;\r\n\r\n try { // #214, #257\r\n if (io.contentWindow.document.execCommand) {\r\n io.contentWindow.document.execCommand('Stop');\r\n }\r\n }\r\n catch (ignore) { }\r\n\r\n $io.attr('src', s.iframeSrc); // abort op in progress\r\n xhr.error = e;\r\n if (s.error)\r\n s.error.call(s.context, xhr, e, status);\r\n if (g)\r\n $.event.trigger(\"ajaxError\", [xhr, s, e]);\r\n if (s.complete)\r\n s.complete.call(s.context, xhr, e);\r\n }\r\n };\r\n\r\n g = s.global;\r\n // trigger ajax global events so that activity/block indicators work like normal\r\n if (g && 0 === $.active++) {\r\n $.event.trigger(\"ajaxStart\");\r\n }\r\n if (g) {\r\n $.event.trigger(\"ajaxSend\", [xhr, s]);\r\n }\r\n\r\n if (s.beforeSend && s.beforeSend.call(s.context, xhr, s) === false) {\r\n if (s.global) {\r\n $.active--;\r\n }\r\n deferred.reject();\r\n return deferred;\r\n }\r\n if (xhr.aborted) {\r\n deferred.reject();\r\n return deferred;\r\n }\r\n\r\n // add submitting element to data if we know it\r\n sub = form.clk;\r\n if (sub) {\r\n n = sub.name;\r\n if (n && !sub.disabled) {\r\n s.extraData = s.extraData || {};\r\n s.extraData[n] = sub.value;\r\n if (sub.type == \"image\") {\r\n s.extraData[n + '.x'] = form.clk_x;\r\n s.extraData[n + '.y'] = form.clk_y;\r\n }\r\n }\r\n }\r\n\r\n var CLIENT_TIMEOUT_ABORT = 1;\r\n var SERVER_ABORT = 2;\r\n\r\n function getDoc(frame) {\r\n /* it looks like contentWindow or contentDocument do not\r\n * carry the protocol property in ie8, when running under ssl\r\n * frame.document is the only valid response document, since\r\n * the protocol is know but not on the other two objects. strange?\r\n * \"Same origin policy\" http://en.wikipedia.org/wiki/Same_origin_policy\r\n */\r\n\r\n var doc = null;\r\n\r\n // IE8 cascading access check\r\n try {\r\n if (frame.contentWindow) {\r\n doc = frame.contentWindow.document;\r\n }\r\n } catch (err) {\r\n // IE8 access denied under ssl & missing protocol\r\n log('cannot get iframe.contentWindow document: ' + err);\r\n }\r\n\r\n if (doc) { // successful getting content\r\n return doc;\r\n }\r\n\r\n try { // simply checking may throw in ie8 under ssl or mismatched protocol\r\n doc = frame.contentDocument ? frame.contentDocument : frame.document;\r\n } catch (err) {\r\n // last attempt\r\n log('cannot get iframe.contentDocument: ' + err);\r\n doc = frame.document;\r\n }\r\n return doc;\r\n }\r\n\r\n // Rails CSRF hack (thanks to Yvan Barthelemy)\r\n var csrf_token = $('meta[name=csrf-token]').attr('content');\r\n var csrf_param = $('meta[name=csrf-param]').attr('content');\r\n if (csrf_param && csrf_token) {\r\n s.extraData = s.extraData || {};\r\n s.extraData[csrf_param] = csrf_token;\r\n }\r\n\r\n // take a breath so that pending repaints get some cpu time before the upload starts\r\n function doSubmit() {\r\n // make sure form attrs are set\r\n var t = $form.attr2('target'), a = $form.attr2('action');\r\n\r\n // update form attrs in IE friendly way\r\n form.setAttribute('target', id);\r\n if (!method || /post/i.test(method)) {\r\n form.setAttribute('method', 'POST');\r\n }\r\n if (a != s.url) {\r\n form.setAttribute('action', s.url);\r\n }\r\n\r\n // ie borks in some cases when setting encoding\r\n if (!s.skipEncodingOverride && (!method || /post/i.test(method))) {\r\n $form.attr({\r\n encoding: 'multipart/form-data',\r\n enctype: 'multipart/form-data'\r\n });\r\n }\r\n\r\n // support timout\r\n if (s.timeout) {\r\n timeoutHandle = setTimeout(function () { timedOut = true; cb(CLIENT_TIMEOUT_ABORT); }, s.timeout);\r\n }\r\n\r\n // look for server aborts\r\n function checkState() {\r\n try {\r\n var state = getDoc(io).readyState;\r\n log('state = ' + state);\r\n if (state && state.toLowerCase() == 'uninitialized')\r\n setTimeout(checkState, 50);\r\n }\r\n catch (e) {\r\n log('Server abort: ', e, ' (', e.name, ')');\r\n cb(SERVER_ABORT);\r\n if (timeoutHandle)\r\n clearTimeout(timeoutHandle);\r\n timeoutHandle = undefined;\r\n }\r\n }\r\n\r\n // add \"extra\" data to form if provided in options\r\n var extraInputs = [];\r\n try {\r\n if (s.extraData) {\r\n for (var n in s.extraData) {\r\n if (s.extraData.hasOwnProperty(n)) {\r\n // if using the $.param format that allows for multiple values with the same name\r\n if ($.isPlainObject(s.extraData[n]) && s.extraData[n].hasOwnProperty('name') && s.extraData[n].hasOwnProperty('value')) {\r\n extraInputs.push(\r\n $('').val(s.extraData[n].value)\r\n .appendTo(form)[0]);\r\n } else {\r\n extraInputs.push(\r\n $('').val(s.extraData[n])\r\n .appendTo(form)[0]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (!s.iframeTarget) {\r\n // add iframe to doc and submit the form\r\n $io.appendTo('body');\r\n }\r\n if (io.attachEvent)\r\n io.attachEvent('onload', cb);\r\n else\r\n io.addEventListener('load', cb, false);\r\n setTimeout(checkState, 15);\r\n\r\n try {\r\n form.submit();\r\n } catch (err) {\r\n // just in case form has element with name/id of 'submit'\r\n var submitFn = document.createElement('form').submit;\r\n submitFn.apply(form);\r\n }\r\n }\r\n finally {\r\n // reset attrs and remove \"extra\" input elements\r\n form.setAttribute('action', a);\r\n if (t) {\r\n form.setAttribute('target', t);\r\n } else {\r\n $form.removeAttr('target');\r\n }\r\n $(extraInputs).remove();\r\n }\r\n }\r\n\r\n if (s.forceSync) {\r\n doSubmit();\r\n }\r\n else {\r\n setTimeout(doSubmit, 10); // this lets dom updates render\r\n }\r\n\r\n var data, doc, domCheckCount = 50, callbackProcessed;\r\n\r\n function cb(e) {\r\n if (xhr.aborted || callbackProcessed) {\r\n return;\r\n }\r\n\r\n doc = getDoc(io);\r\n if (!doc) {\r\n log('cannot access response document');\r\n e = SERVER_ABORT;\r\n }\r\n if (e === CLIENT_TIMEOUT_ABORT && xhr) {\r\n xhr.abort('timeout');\r\n deferred.reject(xhr, 'timeout');\r\n return;\r\n }\r\n else if (e == SERVER_ABORT && xhr) {\r\n xhr.abort('server abort');\r\n deferred.reject(xhr, 'error', 'server abort');\r\n return;\r\n }\r\n\r\n if (!doc || doc.location.href == s.iframeSrc) {\r\n // response not received yet\r\n if (!timedOut)\r\n return;\r\n }\r\n if (io.detachEvent)\r\n io.detachEvent('onload', cb);\r\n else\r\n io.removeEventListener('load', cb, false);\r\n\r\n var status = 'success', errMsg;\r\n try {\r\n if (timedOut) {\r\n throw 'timeout';\r\n }\r\n\r\n var isXml = s.dataType == 'xml' || doc.XMLDocument || $.isXMLDoc(doc);\r\n log('isXml=' + isXml);\r\n if (!isXml && window.opera && (doc.body === null || !doc.body.innerHTML)) {\r\n if (--domCheckCount) {\r\n // in some browsers (Opera) the iframe DOM is not always traversable when\r\n // the onload callback fires, so we loop a bit to accommodate\r\n log('requeing onLoad callback, DOM not available');\r\n setTimeout(cb, 250);\r\n return;\r\n }\r\n // let this fall through because server response could be an empty document\r\n //log('Could not access iframe DOM after mutiple tries.');\r\n //throw 'DOMException: not available';\r\n }\r\n\r\n //log('response detected');\r\n var docRoot = doc.body ? doc.body : doc.documentElement;\r\n xhr.responseText = docRoot ? docRoot.innerHTML : null;\r\n xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;\r\n if (isXml)\r\n s.dataType = 'xml';\r\n xhr.getResponseHeader = function (header) {\r\n var headers = { 'content-type': s.dataType };\r\n return headers[header.toLowerCase()];\r\n };\r\n // support for XHR 'status' & 'statusText' emulation :\r\n if (docRoot) {\r\n xhr.status = Number(docRoot.getAttribute('status')) || xhr.status;\r\n xhr.statusText = docRoot.getAttribute('statusText') || xhr.statusText;\r\n }\r\n\r\n var dt = (s.dataType || '').toLowerCase();\r\n var scr = /(json|script|text)/.test(dt);\r\n if (scr || s.textarea) {\r\n // see if user embedded response in textarea\r\n var ta = doc.getElementsByTagName('textarea')[0];\r\n if (ta) {\r\n xhr.responseText = ta.value;\r\n // support for XHR 'status' & 'statusText' emulation :\r\n xhr.status = Number(ta.getAttribute('status')) || xhr.status;\r\n xhr.statusText = ta.getAttribute('statusText') || xhr.statusText;\r\n }\r\n else if (scr) {\r\n // account for browsers injecting pre around json response\r\n var pre = doc.getElementsByTagName('pre')[0];\r\n var b = doc.getElementsByTagName('body')[0];\r\n if (pre) {\r\n xhr.responseText = pre.textContent ? pre.textContent : pre.innerText;\r\n }\r\n else if (b) {\r\n xhr.responseText = b.textContent ? b.textContent : b.innerText;\r\n }\r\n }\r\n }\r\n else if (dt == 'xml' && !xhr.responseXML && xhr.responseText) {\r\n xhr.responseXML = toXml(xhr.responseText);\r\n }\r\n\r\n try {\r\n data = httpData(xhr, dt, s);\r\n }\r\n catch (err) {\r\n status = 'parsererror';\r\n xhr.error = errMsg = (err || status);\r\n }\r\n }\r\n catch (err) {\r\n log('error caught: ', err);\r\n status = 'error';\r\n xhr.error = errMsg = (err || status);\r\n }\r\n\r\n if (xhr.aborted) {\r\n log('upload aborted');\r\n status = null;\r\n }\r\n\r\n if (xhr.status) { // we've set xhr.status\r\n status = (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) ? 'success' : 'error';\r\n }\r\n\r\n // ordering of these callbacks/triggers is odd, but that's how $.ajax does it\r\n if (status === 'success') {\r\n if (s.success)\r\n s.success.call(s.context, data, 'success', xhr);\r\n deferred.resolve(xhr.responseText, 'success', xhr);\r\n if (g)\r\n $.event.trigger(\"ajaxSuccess\", [xhr, s]);\r\n }\r\n else if (status) {\r\n if (errMsg === undefined)\r\n errMsg = xhr.statusText;\r\n if (s.error)\r\n s.error.call(s.context, xhr, status, errMsg);\r\n deferred.reject(xhr, 'error', errMsg);\r\n if (g)\r\n $.event.trigger(\"ajaxError\", [xhr, s, errMsg]);\r\n }\r\n\r\n if (g)\r\n $.event.trigger(\"ajaxComplete\", [xhr, s]);\r\n\r\n if (g && ! --$.active) {\r\n $.event.trigger(\"ajaxStop\");\r\n }\r\n\r\n if (s.complete)\r\n s.complete.call(s.context, xhr, status);\r\n\r\n callbackProcessed = true;\r\n if (s.timeout)\r\n clearTimeout(timeoutHandle);\r\n\r\n // clean up\r\n setTimeout(function () {\r\n if (!s.iframeTarget)\r\n $io.remove();\r\n else //adding else to clean up existing iframe response.\r\n $io.attr('src', s.iframeSrc);\r\n xhr.responseXML = null;\r\n }, 100);\r\n }\r\n\r\n var toXml = $.parseXML || function (s, doc) { // use parseXML if available (jQuery 1.5+)\r\n if (window.ActiveXObject) {\r\n doc = new ActiveXObject('Microsoft.XMLDOM');\r\n doc.async = 'false';\r\n doc.loadXML(s);\r\n }\r\n else {\r\n doc = (new DOMParser()).parseFromString(s, 'text/xml');\r\n }\r\n return (doc && doc.documentElement && doc.documentElement.nodeName != 'parsererror') ? doc : null;\r\n };\r\n var parseJSON = $.parseJSON || function (s) {\r\n /*jslint evil:true */\r\n return window['eval']('(' + s + ')');\r\n };\r\n\r\n var httpData = function (xhr, type, s) { // mostly lifted from jq1.4.4\r\n\r\n var ct = xhr.getResponseHeader('content-type') || '',\r\n xml = type === 'xml' || !type && ct.indexOf('xml') >= 0,\r\n data = xml ? xhr.responseXML : xhr.responseText;\r\n\r\n if (xml && data.documentElement.nodeName === 'parsererror') {\r\n if ($.error)\r\n $.error('parsererror');\r\n }\r\n if (s && s.dataFilter) {\r\n data = s.dataFilter(data, type);\r\n }\r\n if (typeof data === 'string') {\r\n if (type === 'json' || !type && ct.indexOf('json') >= 0) {\r\n data = parseJSON(data);\r\n } else if (type === \"script\" || !type && ct.indexOf(\"javascript\") >= 0) {\r\n $.globalEval(data);\r\n }\r\n }\r\n return data;\r\n };\r\n\r\n return deferred;\r\n }\r\n };\r\n\r\n /**\r\n * ajaxForm() provides a mechanism for fully automating form submission.\r\n *\r\n * The advantages of using this method instead of ajaxSubmit() are:\r\n *\r\n * 1: This method will include coordinates for elements (if the element\r\n * is used to submit the form).\r\n * 2. This method will include the submit element's name/value data (for the element that was\r\n * used to submit the form).\r\n * 3. This method binds the submit() method to the form for you.\r\n *\r\n * The options argument for ajaxForm works exactly as it does for ajaxSubmit. ajaxForm merely\r\n * passes the options argument along after properly binding events for submit elements and\r\n * the form itself.\r\n */\r\n $.fn.ajaxForm = function (options) {\r\n options = options || {};\r\n options.delegation = options.delegation && $.isFunction($.fn.on);\r\n\r\n // in jQuery 1.3+ we can fix mistakes with the ready state\r\n if (!options.delegation && this.length === 0) {\r\n var o = { s: this.selector, c: this.context };\r\n if (!$.isReady && o.s) {\r\n log('DOM not ready, queuing ajaxForm');\r\n $(function () {\r\n $(o.s, o.c).ajaxForm(options);\r\n });\r\n return this;\r\n }\r\n // is your DOM ready? http://docs.jquery.com/Tutorials:Introducing_$(document).ready()\r\n log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));\r\n return this;\r\n }\r\n\r\n if (options.delegation) {\r\n $(document)\r\n .off('submit.form-plugin', this.selector, doAjaxSubmit)\r\n .off('click.form-plugin', this.selector, captureSubmittingElement)\r\n .on('submit.form-plugin', this.selector, options, doAjaxSubmit)\r\n .on('click.form-plugin', this.selector, options, captureSubmittingElement);\r\n return this;\r\n }\r\n\r\n return this.ajaxFormUnbind()\r\n .bind('submit.form-plugin', options, doAjaxSubmit)\r\n .bind('click.form-plugin', options, captureSubmittingElement);\r\n };\r\n\r\n // private event handlers\r\n function doAjaxSubmit(e) {\r\n /*jshint validthis:true */\r\n var options = e.data;\r\n if (!e.isDefaultPrevented()) { // if event has been canceled, don't proceed\r\n e.preventDefault();\r\n $(this).ajaxSubmit(options);\r\n }\r\n }\r\n\r\n function captureSubmittingElement(e) {\r\n /*jshint validthis:true */\r\n var target = e.target;\r\n var $el = $(target);\r\n if (!($el.is(\"[type=submit],[type=image]\"))) {\r\n // is this a child element of the submit el? (ex: a span within a button)\r\n var t = $el.closest('[type=submit]');\r\n if (t.length === 0) {\r\n return;\r\n }\r\n target = t[0];\r\n }\r\n var form = this;\r\n form.clk = target;\r\n if (target.type == 'image') {\r\n if (e.offsetX !== undefined) {\r\n form.clk_x = e.offsetX;\r\n form.clk_y = e.offsetY;\r\n } else if (typeof $.fn.offset == 'function') {\r\n var offset = $el.offset();\r\n form.clk_x = e.pageX - offset.left;\r\n form.clk_y = e.pageY - offset.top;\r\n } else {\r\n form.clk_x = e.pageX - target.offsetLeft;\r\n form.clk_y = e.pageY - target.offsetTop;\r\n }\r\n }\r\n // clear form vars\r\n setTimeout(function () { form.clk = form.clk_x = form.clk_y = null; }, 100);\r\n }\r\n\r\n\r\n // ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm\r\n $.fn.ajaxFormUnbind = function () {\r\n return this.unbind('submit.form-plugin click.form-plugin');\r\n };\r\n\r\n /**\r\n * formToArray() gathers form element data into an array of objects that can\r\n * be passed to any of the following ajax functions: $.get, $.post, or load.\r\n * Each object in the array has both a 'name' and 'value' property. An example of\r\n * an array for a simple login form might be:\r\n *\r\n * [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]\r\n *\r\n * It is this array that is passed to pre-submit callback functions provided to the\r\n * ajaxSubmit() and ajaxForm() methods.\r\n */\r\n $.fn.formToArray = function (semantic, elements) {\r\n var a = [];\r\n if (this.length === 0) {\r\n return a;\r\n }\r\n\r\n var form = this[0];\r\n var els = semantic ? form.getElementsByTagName('*') : form.elements;\r\n if (!els) {\r\n return a;\r\n }\r\n\r\n var i, j, n, v, el, max, jmax;\r\n for (i = 0, max = els.length; i < max; i++) {\r\n el = els[i];\r\n n = el.name;\r\n if (!n || el.disabled) {\r\n continue;\r\n }\r\n\r\n if (semantic && form.clk && el.type == \"image\") {\r\n // handle image inputs on the fly when semantic == true\r\n if (form.clk == el) {\r\n a.push({ name: n, value: $(el).val(), type: el.type });\r\n a.push({ name: n + '.x', value: form.clk_x }, { name: n + '.y', value: form.clk_y });\r\n }\r\n continue;\r\n }\r\n\r\n v = $.fieldValue(el, true);\r\n if (v && v.constructor == Array) {\r\n if (elements)\r\n elements.push(el);\r\n for (j = 0, jmax = v.length; j < jmax; j++) {\r\n a.push({ name: n, value: v[j] });\r\n }\r\n }\r\n else if (feature.fileapi && el.type == 'file') {\r\n if (elements)\r\n elements.push(el);\r\n var files = el.files;\r\n if (files.length) {\r\n for (j = 0; j < files.length; j++) {\r\n a.push({ name: n, value: files[j], type: el.type });\r\n }\r\n }\r\n else {\r\n // #180\r\n a.push({ name: n, value: '', type: el.type });\r\n }\r\n }\r\n else if (v !== null && typeof v != 'undefined') {\r\n if (elements)\r\n elements.push(el);\r\n a.push({ name: n, value: v, type: el.type, required: el.required });\r\n }\r\n }\r\n\r\n if (!semantic && form.clk) {\r\n // input type=='image' are not found in elements array! handle it here\r\n var $input = $(form.clk), input = $input[0];\r\n n = input.name;\r\n if (n && !input.disabled && input.type == 'image') {\r\n a.push({ name: n, value: $input.val() });\r\n a.push({ name: n + '.x', value: form.clk_x }, { name: n + '.y', value: form.clk_y });\r\n }\r\n }\r\n return a;\r\n };\r\n\r\n /**\r\n * Serializes form data into a 'submittable' string. This method will return a string\r\n * in the format: name1=value1&name2=value2\r\n */\r\n $.fn.formSerialize = function (semantic) {\r\n //hand off to jQuery.param for proper encoding\r\n return $.param(this.formToArray(semantic));\r\n };\r\n\r\n /**\r\n * Serializes all field elements in the jQuery object into a query string.\r\n * This method will return a string in the format: name1=value1&name2=value2\r\n */\r\n $.fn.fieldSerialize = function (successful) {\r\n var a = [];\r\n this.each(function () {\r\n var n = this.name;\r\n if (!n) {\r\n return;\r\n }\r\n var v = $.fieldValue(this, successful);\r\n if (v && v.constructor == Array) {\r\n for (var i = 0, max = v.length; i < max; i++) {\r\n a.push({ name: n, value: v[i] });\r\n }\r\n }\r\n else if (v !== null && typeof v != 'undefined') {\r\n a.push({ name: this.name, value: v });\r\n }\r\n });\r\n //hand off to jQuery.param for proper encoding\r\n return $.param(a);\r\n };\r\n\r\n /**\r\n * Returns the value(s) of the element in the matched set. For example, consider the following form:\r\n *\r\n * \r\n *\r\n * var v = $('input[type=text]').fieldValue();\r\n * // if no values are entered into the text inputs\r\n * v == ['','']\r\n * // if values entered into the text inputs are 'foo' and 'bar'\r\n * v == ['foo','bar']\r\n *\r\n * var v = $('input[type=checkbox]').fieldValue();\r\n * // if neither checkbox is checked\r\n * v === undefined\r\n * // if both checkboxes are checked\r\n * v == ['B1', 'B2']\r\n *\r\n * var v = $('input[type=radio]').fieldValue();\r\n * // if neither radio is checked\r\n * v === undefined\r\n * // if first radio is checked\r\n * v == ['C1']\r\n *\r\n * The successful argument controls whether or not the field element must be 'successful'\r\n * (per http://www.w3.org/TR/html4/interact/forms.html#successful-controls).\r\n * The default value of the successful argument is true. If this value is false the value(s)\r\n * for each element is returned.\r\n *\r\n * Note: This method *always* returns an array. If no valid value can be determined the\r\n * array will be empty, otherwise it will contain one or more values.\r\n */\r\n $.fn.fieldValue = function (successful) {\r\n for (var val = [], i = 0, max = this.length; i < max; i++) {\r\n var el = this[i];\r\n var v = $.fieldValue(el, successful);\r\n if (v === null || typeof v == 'undefined' || (v.constructor == Array && !v.length)) {\r\n continue;\r\n }\r\n if (v.constructor == Array)\r\n $.merge(val, v);\r\n else\r\n val.push(v);\r\n }\r\n return val;\r\n };\r\n\r\n /**\r\n * Returns the value of the field element.\r\n */\r\n $.fieldValue = function (el, successful) {\r\n var n = el.name, t = el.type, tag = el.tagName.toLowerCase();\r\n if (successful === undefined) {\r\n successful = true;\r\n }\r\n\r\n if (successful && (!n || el.disabled || t == 'reset' || t == 'button' ||\r\n (t == 'checkbox' || t == 'radio') && !el.checked ||\r\n (t == 'submit' || t == 'image') && el.form && el.form.clk != el ||\r\n tag == 'select' && el.selectedIndex == -1)) {\r\n return null;\r\n }\r\n\r\n if (tag == 'select') {\r\n var index = el.selectedIndex;\r\n if (index < 0) {\r\n return null;\r\n }\r\n var a = [], ops = el.options;\r\n var one = (t == 'select-one');\r\n var max = (one ? index + 1 : ops.length);\r\n for (var i = (one ? index : 0) ; i < max; i++) {\r\n var op = ops[i];\r\n if (op.selected) {\r\n var v = op.value;\r\n if (!v) { // extra pain for IE...\r\n v = (op.attributes && op.attributes['value'] && !(op.attributes['value'].specified)) ? op.text : op.value;\r\n }\r\n if (one) {\r\n return v;\r\n }\r\n a.push(v);\r\n }\r\n }\r\n return a;\r\n }\r\n return $(el).val();\r\n };\r\n\r\n /**\r\n * Clears the form data. Takes the following actions on the form's input fields:\r\n * - input text fields will have their 'value' property set to the empty string\r\n * - select elements will have their 'selectedIndex' property set to -1\r\n * - checkbox and radio inputs will have their 'checked' property set to false\r\n * - inputs of type submit, button, reset, and hidden will *not* be effected\r\n * - button elements will *not* be effected\r\n */\r\n $.fn.clearForm = function (includeHidden) {\r\n return this.each(function () {\r\n $('input,select,textarea', this).clearFields(includeHidden);\r\n });\r\n };\r\n\r\n /**\r\n * Clears the selected form elements.\r\n */\r\n $.fn.clearFields = $.fn.clearInputs = function (includeHidden) {\r\n var re = /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i; // 'hidden' is not in this list\r\n return this.each(function () {\r\n var t = this.type, tag = this.tagName.toLowerCase();\r\n if (re.test(t) || tag == 'textarea') {\r\n this.value = '';\r\n }\r\n else if (t == 'checkbox' || t == 'radio') {\r\n this.checked = false;\r\n }\r\n else if (tag == 'select') {\r\n this.selectedIndex = -1;\r\n }\r\n else if (t == \"file\") {\r\n if (/MSIE/.test(navigator.userAgent)) {\r\n $(this).replaceWith($(this).clone(true));\r\n } else {\r\n $(this).val('');\r\n }\r\n }\r\n else if (includeHidden) {\r\n // includeHidden can be the value true, or it can be a selector string\r\n // indicating a special test; for example:\r\n // $('#myForm').clearForm('.special:hidden')\r\n // the above would clean hidden inputs that have the class of 'special'\r\n if ((includeHidden === true && /hidden/.test(t)) ||\r\n (typeof includeHidden == 'string' && $(this).is(includeHidden)))\r\n this.value = '';\r\n }\r\n });\r\n };\r\n\r\n /**\r\n * Resets the form data. Causes all form elements to be reset to their original value.\r\n */\r\n $.fn.resetForm = function () {\r\n return this.each(function () {\r\n // guard against an input with the name of 'reset'\r\n // note that IE reports the reset function as an 'object'\r\n if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodeType)) {\r\n this.reset();\r\n }\r\n });\r\n };\r\n\r\n /**\r\n * Enables or disables any matching elements.\r\n */\r\n $.fn.enable = function (b) {\r\n if (b === undefined) {\r\n b = true;\r\n }\r\n return this.each(function () {\r\n this.disabled = !b;\r\n });\r\n };\r\n\r\n /**\r\n * Checks/unchecks any matching checkboxes or radio buttons and\r\n * selects/deselects and matching option elements.\r\n */\r\n $.fn.selected = function (select) {\r\n if (select === undefined) {\r\n select = true;\r\n }\r\n return this.each(function () {\r\n var t = this.type;\r\n if (t == 'checkbox' || t == 'radio') {\r\n this.checked = select;\r\n }\r\n else if (this.tagName.toLowerCase() == 'option') {\r\n var $sel = $(this).parent('select');\r\n if (select && $sel[0] && $sel[0].type == 'select-one') {\r\n // deselect all other options\r\n $sel.find('option').selected(false);\r\n }\r\n this.selected = select;\r\n }\r\n });\r\n };\r\n\r\n // expose debug var\r\n $.fn.ajaxSubmit.debug = false;\r\n\r\n // helper fn for console logging\r\n function log() {\r\n if (!$.fn.ajaxSubmit.debug)\r\n return;\r\n var msg = '[jquery.form] ' + Array.prototype.join.call(arguments, '');\r\n if (window.console && window.console.log) {\r\n window.console.log(msg);\r\n }\r\n else if (window.opera && window.opera.postError) {\r\n window.opera.postError(msg);\r\n }\r\n }\r\n\r\n})((typeof (jQuery) != 'undefined') ? jQuery : window.Zepto);\r\n\r\n","/*\r\n * resetForm taken from jQuery Form Plugin\r\n * version: 3.43.0-2013.09.03\r\n * Copyright (c) 2013 M. Alsup\r\n * Examples and documentation at: http://malsup.com/jquery/form/\r\n * Project repository: https://github.com/malsup/form\r\n * Dual licensed under the MIT and GPL licenses.\r\n * https://github.com/malsup/form#copyright-and-license\r\n */\r\n/* global jQuery */\r\n; (function ($) {\r\n 'use strict'\r\n\r\n /**\r\n * Resets the form data. Causes all form elements to be reset to their original value.\r\n */\r\n $.fn.resetForm = function () {\r\n return this.each(function () {\r\n if (typeof this.reset === 'function' || (typeof this.reset === 'object' && !this.reset.nodeType)) {\r\n this.reset()\r\n }\r\n })\r\n }\r\n})((typeof (jQuery) !== 'undefined') ? jQuery : window.Zepto)\r\n","/*\r\n * jQuery Globalization plugin\r\n * http://github.com/nje/jquery-glob\r\n */\r\n(function($) {\r\n\r\nvar localized = { en: {} };\r\nlocalized[\"default\"] = localized.en;\r\n\r\n$.extend({\r\n findClosestCulture: function(name) {\r\n var match;\r\n if ( !name ) {\r\n match = $.culture || $.cultures[\"default\"];\r\n }\r\n else if ( $.isPlainObject( name ) ) {\r\n match = name;\r\n }\r\n else {\r\n var cultures = $.cultures,\r\n list = $.isArray( name ) ? name : [ name ],\r\n i, l = list.length;\r\n for ( i = 0; i < l; i++ ) {\r\n name = list[ i ];\r\n match = cultures[ name ];\r\n if ( match ) {\r\n return match;\r\n }\r\n }\r\n for ( i = 0; i < l; i++ ) {\r\n name = list[ i ];\r\n do {\r\n var index = name.lastIndexOf( \"-\" );\r\n if ( index === -1 ) {\r\n break;\r\n }\r\n // strip off the last part. e.g. en-US => en\r\n name = name.substr( 0, index );\r\n match = cultures[ name ];\r\n if ( match ) {\r\n return match;\r\n }\r\n }\r\n while ( 1 );\r\n }\r\n }\r\n return match || null;\r\n },\r\n preferCulture: function(name) {\r\n $.culture = $.findClosestCulture( name ) || $.cultures[\"default\"];\r\n },\r\n localize: function(key, culture, value) {\r\n if (typeof culture === 'string') {\r\n culture = culture || \"default\";\r\n culture = $.cultures[ culture ] || { name: culture };\r\n }\r\n var local = localized[ culture.name ];\r\n if ( arguments.length === 3 ) {\r\n if ( !local) {\r\n local = localized[ culture.name ] = {};\r\n }\r\n local[ key ] = value;\r\n }\r\n else {\r\n if ( local ) {\r\n value = local[ key ];\r\n }\r\n if ( typeof value === 'undefined' ) {\r\n var language = localized[ culture.language ];\r\n if ( language ) {\r\n value = language[ key ];\r\n }\r\n if ( typeof value === 'undefined' ) {\r\n value = localized[\"default\"][ key ];\r\n }\r\n }\r\n }\r\n return typeof value === \"undefined\" ? null : value;\r\n },\r\n format: function(value, format, culture) {\r\n culture = $.findClosestCulture( culture );\r\n if ( typeof value === \"number\" ) {\r\n value = formatNumber( value, format, culture );\r\n }\r\n else if ( value instanceof Date ) {\r\n value = formatDate( value, format, culture );\r\n }\r\n return value;\r\n },\r\n parseInt: function(value, radix, culture) {\r\n return Math.floor( $.parseFloat( value, radix, culture ) );\r\n },\r\n parseFloat: function(value, radix, culture) {\r\n culture = $.findClosestCulture( culture );\r\n var ret = NaN,\r\n nf = culture.numberFormat;\r\n\r\n // trim leading and trailing whitespace\r\n value = trim( value );\r\n \r\n // allow infinity or hexidecimal\r\n if (regexInfinity.test(value)) {\r\n ret = parseFloat(value, radix);\r\n }\r\n else if (!radix && regexHex.test(value)) {\r\n ret = parseInt(value, 16);\r\n }\r\n else {\r\n var signInfo = parseNegativePattern( value, nf, nf.pattern[0] ),\r\n sign = signInfo[0],\r\n num = signInfo[1];\r\n // determine sign and number\r\n if ( sign === \"\" && nf.pattern[0] !== \"-n\" ) {\r\n signInfo = parseNegativePattern( value, nf, \"-n\" );\r\n sign = signInfo[0];\r\n num = signInfo[1];\r\n }\r\n sign = sign || \"+\";\r\n // determine exponent and number\r\n var exponent,\r\n intAndFraction,\r\n exponentPos = num.indexOf( 'e' );\r\n if ( exponentPos < 0 ) exponentPos = num.indexOf( 'E' );\r\n if ( exponentPos < 0 ) {\r\n intAndFraction = num;\r\n exponent = null;\r\n }\r\n else {\r\n intAndFraction = num.substr( 0, exponentPos );\r\n exponent = num.substr( exponentPos + 1 );\r\n }\r\n // determine decimal position\r\n var integer,\r\n fraction,\r\n decSep = nf['.'],\r\n decimalPos = intAndFraction.indexOf( decSep );\r\n if ( decimalPos < 0 ) {\r\n integer = intAndFraction;\r\n fraction = null;\r\n }\r\n else {\r\n integer = intAndFraction.substr( 0, decimalPos );\r\n fraction = intAndFraction.substr( decimalPos + decSep.length );\r\n }\r\n // handle groups (e.g. 1,000,000)\r\n var groupSep = nf[\",\"];\r\n integer = integer.split(groupSep).join('');\r\n var altGroupSep = groupSep.replace(/\\u00A0/g, \" \");\r\n if ( groupSep !== altGroupSep ) {\r\n integer = integer.split(altGroupSep).join('');\r\n }\r\n // build a natively parsable number string\r\n var p = sign + integer;\r\n if ( fraction !== null ) {\r\n p += '.' + fraction;\r\n }\r\n if ( exponent !== null ) {\r\n // exponent itself may have a number patternd\r\n var expSignInfo = parseNegativePattern( exponent, nf, \"-n\" );\r\n p += 'e' + (expSignInfo[0] || \"+\") + expSignInfo[1];\r\n }\r\n if ( regexParseFloat.test( p ) ) {\r\n ret = parseFloat( p );\r\n }\r\n }\r\n return ret;\r\n },\r\n parseDate: function(value, formats, culture) {\r\n culture = $.findClosestCulture( culture );\r\n\r\n var date;\r\n if ( formats ) {\r\n if ( typeof formats === \"string\" ) {\r\n formats = [ formats ];\r\n }\r\n if ( formats.length ) {\r\n for ( var i = 0, l = formats.length; i < l; i++ ) {\r\n var format = formats[ i ];\r\n if ( format ) {\r\n date = parseExact( value, format, culture );\r\n if ( date ) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n else {\r\n $.each( culture.calendar.patterns, function( name, format ) {\r\n date = parseExact( value, format, culture );\r\n if ( date ) {\r\n return false;\r\n }\r\n });\r\n }\r\n return date || null;\r\n }\r\n});\r\n\r\n// 1. When defining a culture, all fields are required except the ones stated as optional.\r\n// 2. You can use $.extend to copy an existing culture and provide only the differing values,\r\n// a good practice since most cultures do not differ too much from the 'default' culture.\r\n// DO use the 'default' culture if you do this, as it is the only one that definitely\r\n// exists.\r\n// 3. Other plugins may add to the culture information provided by extending it. However,\r\n// that plugin may extend it prior to the culture being defined, or after. Therefore,\r\n// do not overwrite values that already exist when defining the baseline for a culture,\r\n// by extending your culture object with the existing one.\r\n// 4. Each culture should have a \".calendars\" object with at least one calendar named \"standard\"\r\n// which serves as the default calendar in use by that culture.\r\n// 5. Each culture should have a \".calendar\" object which is the current calendar being used,\r\n// it may be dynamically changed at any time to one of the calendars in \".calendars\".\r\n\r\n// To define a culture, use the following pattern, which handles defining the culture based\r\n// on the 'default culture, extending it with the existing culture if it exists, and defining\r\n// it if it does not exist.\r\n// $.cultures.foo = $.extend(true, $.extend(true, {}, $.cultures['default'], fooCulture), $.cultures.foo)\r\n\r\nvar cultures = $.cultures = $.cultures || {};\r\nvar en = cultures[\"default\"] = cultures.en = $.extend(true, {\r\n // A unique name for the culture in the form -\r\n name: \"en\",\r\n // the name of the culture in the english language\r\n englishName: \"English\",\r\n // the name of the culture in its own language\r\n nativeName: \"English\",\r\n // whether the culture uses right-to-left text\r\n isRTL: false,\r\n // 'language' is used for so-called \"specific\" cultures.\r\n // For example, the culture \"es-CL\" means \"Spanish, in Chili\".\r\n // It represents the Spanish-speaking culture as it is in Chili,\r\n // which might have different formatting rules or even translations\r\n // than Spanish in Spain. A \"neutral\" culture is one that is not\r\n // specific to a region. For example, the culture \"es\" is the generic\r\n // Spanish culture, which may be a more generalized version of the language\r\n // that may or may not be what a specific culture expects.\r\n // For a specific culture like \"es-CL\", the 'language' field refers to the\r\n // neutral, generic culture information for the language it is using.\r\n // This is not always a simple matter of the string before the dash.\r\n // For example, the \"zh-Hans\" culture is netural (Simplified Chinese).\r\n // And the 'zh-SG' culture is Simplified Chinese in Singapore, whose lanugage\r\n // field is \"zh-CHS\", not \"zh\".\r\n // This field should be used to navigate from a specific culture to it's\r\n // more general, neutral culture. If a culture is already as general as it \r\n // can get, the language may refer to itself.\r\n language: \"en\",\r\n // numberFormat defines general number formatting rules, like the digits in\r\n // each grouping, the group separator, and how negative numbers are displayed.\r\n numberFormat: {\r\n // [negativePattern]\r\n // Note, numberFormat.pattern has no 'positivePattern' unlike percent and currency,\r\n // but is still defined as an array for consistency with them.\r\n // negativePattern: one of \"(n)|-n|- n|n-|n -\"\r\n pattern: [\"-n\"], \r\n // number of decimal places normally shown\r\n decimals: 2,\r\n // string that separates number groups, as in 1,000,000\r\n ',': \",\",\r\n // string that separates a number from the fractional portion, as in 1.99\r\n '.': \".\",\r\n // array of numbers indicating the size of each number group.\r\n // TODO: more detailed description and example\r\n groupSizes: [3],\r\n // symbol used for positive numbers\r\n '+': \"+\",\r\n // symbol used for negative numbers\r\n '-': \"-\",\r\n percent: {\r\n // [negativePattern, positivePattern]\r\n // negativePattern: one of \"-n %|-n%|-%n|%-n|%n-|n-%|n%-|-% n|n %-|% n-|% -n|n- %\"\r\n // positivePattern: one of \"n %|n%|%n|% n\"\r\n pattern: [\"-n %\",\"n %\"], \r\n // number of decimal places normally shown\r\n decimals: 2,\r\n // array of numbers indicating the size of each number group.\r\n // TODO: more detailed description and example\r\n groupSizes: [3],\r\n // string that separates number groups, as in 1,000,000\r\n ',': \",\",\r\n // string that separates a number from the fractional portion, as in 1.99\r\n '.': \".\",\r\n // symbol used to represent a percentage\r\n symbol: \"%\"\r\n },\r\n currency: {\r\n // [negativePattern, positivePattern]\r\n // negativePattern: one of \"($n)|-$n|$-n|$n-|(n$)|-n$|n-$|n$-|-n $|-$ n|n $-|$ n-|$ -n|n- $|($ n)|(n $)\"\r\n // positivePattern: one of \"$n|n$|$ n|n $\"\r\n pattern: [\"($n)\",\"$n\"],\r\n // number of decimal places normally shown\r\n decimals: 2,\r\n // array of numbers indicating the size of each number group.\r\n // TODO: more detailed description and example\r\n groupSizes: [3],\r\n // string that separates number groups, as in 1,000,000\r\n ',': \",\",\r\n // string that separates a number from the fractional portion, as in 1.99\r\n '.': \".\",\r\n // symbol used to represent currency\r\n symbol: \"$\"\r\n }\r\n },\r\n // calendars defines all the possible calendars used by this culture.\r\n // There should be at least one defined with name 'standard', and is the default\r\n // calendar used by the culture.\r\n // A calendar contains information about how dates are formatted, information about\r\n // the calendar's eras, a standard set of the date formats,\r\n // translations for day and month names, and if the calendar is not based on the Gregorian\r\n // calendar, conversion functions to and from the Gregorian calendar.\r\n calendars: {\r\n standard: {\r\n // name that identifies the type of calendar this is\r\n name: \"Gregorian_USEnglish\",\r\n // separator of parts of a date (e.g. '/' in 11/05/1955)\r\n '/': \"/\",\r\n // separator of parts of a time (e.g. ':' in 05:44 PM)\r\n ':': \":\",\r\n // the first day of the week (0 = Sunday, 1 = Monday, etc)\r\n firstDay: 0,\r\n days: {\r\n // full day names\r\n names: [\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"],\r\n // abbreviated day names\r\n namesAbbr: [\"Sun\",\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\"],\r\n // shortest day names\r\n namesShort: [\"Su\",\"Mo\",\"Tu\",\"We\",\"Th\",\"Fr\",\"Sa\"]\r\n },\r\n months: {\r\n // full month names (13 months for lunar calendards -- 13th month should be \"\" if not lunar)\r\n names: [\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\",\"\"],\r\n // abbreviated month names\r\n namesAbbr: [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\",\"\"]\r\n },\r\n // AM and PM designators in one of these forms:\r\n // The usual view, and the upper and lower case versions\r\n // [standard,lowercase,uppercase] \r\n // The culture does not use AM or PM (likely all standard date formats use 24 hour time)\r\n // null\r\n AM: [\"AM\", \"am\", \"AM\"],\r\n PM: [\"PM\", \"pm\", \"PM\"],\r\n eras: [\r\n // eras in reverse chronological order.\r\n // name: the name of the era in this culture (e.g. A.D., C.E.)\r\n // start: when the era starts in ticks (gregorian, gmt), null if it is the earliest supported era.\r\n // offset: offset in years from gregorian calendar\r\n { \"name\": \"A.D.\", \"start\": null, \"offset\": 0 }\r\n ],\r\n // when a two digit year is given, it will never be parsed as a four digit\r\n // year greater than this year (in the appropriate era for the culture)\r\n twoDigitYearMax: 2029,\r\n // set of predefined date and time patterns used by the culture\r\n // these represent the format someone in this culture would expect\r\n // to see given the portions of the date that are shown.\r\n patterns: {\r\n // short date pattern\r\n d: \"M/d/yyyy\",\r\n // long date pattern\r\n D: \"dddd, MMMM dd, yyyy\",\r\n // short time pattern\r\n t: \"h:mm tt\",\r\n // long time pattern\r\n T: \"h:mm:ss tt\",\r\n // long date, short time pattern\r\n f: \"dddd, MMMM dd, yyyy h:mm tt\",\r\n // long date, long time pattern\r\n F: \"dddd, MMMM dd, yyyy h:mm:ss tt\",\r\n // month/day pattern\r\n M: \"MMMM dd\",\r\n // month/year pattern\r\n Y: \"yyyy MMMM\",\r\n // S is a sortable format that does not vary by culture\r\n S: \"yyyy\\u0027-\\u0027MM\\u0027-\\u0027dd\\u0027T\\u0027HH\\u0027:\\u0027mm\\u0027:\\u0027ss\"\r\n }\r\n // optional fields for each calendar:\r\n /*\r\n monthsGenitive:\r\n Same as months but used when the day preceeds the month.\r\n Omit if the culture has no genitive distinction in month names.\r\n For an explaination of genitive months, see http://blogs.msdn.com/michkap/archive/2004/12/25/332259.aspx\r\n convert:\r\n Allows for the support of non-gregorian based calendars. This convert object is used to\r\n to convert a date to and from a gregorian calendar date to handle parsing and formatting.\r\n The two functions:\r\n fromGregorian(date)\r\n Given the date as a parameter, return an array with parts [year, month, day]\r\n corresponding to the non-gregorian based year, month, and day for the calendar.\r\n toGregorian(year, month, day)\r\n Given the non-gregorian year, month, and day, return a new Date() object \r\n set to the corresponding date in the gregorian calendar.\r\n */\r\n }\r\n }\r\n}, cultures.en);\r\nen.calendar = en.calendar || en.calendars.standard;\r\n\r\nvar regexTrim = /^\\s+|\\s+$/g,\r\n regexInfinity = /^[+-]?infinity$/i,\r\n regexHex = /^0x[a-f0-9]+$/i,\r\n regexParseFloat = /^[+-]?\\d*\\.?\\d*(e[+-]?\\d+)?$/;\r\n\r\nfunction startsWith(value, pattern) {\r\n return value.indexOf( pattern ) === 0;\r\n}\r\n\r\nfunction endsWith(value, pattern) {\r\n return value.substr( value.length - pattern.length ) === pattern;\r\n}\r\n\r\nfunction trim(value) {\r\n return (value+\"\").replace( regexTrim, \"\" );\r\n}\r\n\r\nfunction zeroPad(str, count, left) {\r\n for (var l=str.length; l < count; l++) {\r\n str = (left ? ('0' + str) : (str + '0'));\r\n }\r\n return str;\r\n}\r\n\r\n// *************************************** Numbers ***************************************\r\n\r\nfunction expandNumber(number, precision, formatInfo) {\r\n var groupSizes = formatInfo.groupSizes,\r\n curSize = groupSizes[ 0 ],\r\n curGroupIndex = 1,\r\n factor = Math.pow( 10, precision ),\r\n rounded = Math.round( number * factor ) / factor;\r\n if ( !isFinite(rounded) ) {\r\n rounded = number;\r\n }\r\n number = rounded;\r\n \r\n var numberString = number+\"\",\r\n right = \"\",\r\n split = numberString.split(/e/i),\r\n exponent = split.length > 1 ? parseInt( split[ 1 ], 10 ) : 0;\r\n numberString = split[ 0 ];\r\n split = numberString.split( \".\" );\r\n numberString = split[ 0 ];\r\n right = split.length > 1 ? split[ 1 ] : \"\";\r\n \r\n var l;\r\n if ( exponent > 0 ) {\r\n right = zeroPad( right, exponent, false );\r\n numberString += right.slice( 0, exponent );\r\n right = right.substr( exponent );\r\n }\r\n else if ( exponent < 0 ) {\r\n exponent = -exponent;\r\n numberString = zeroPad( numberString, exponent + 1 );\r\n right = numberString.slice( -exponent, numberString.length ) + right;\r\n numberString = numberString.slice( 0, -exponent );\r\n }\r\n\r\n if ( precision > 0 ) {\r\n right = formatInfo['.'] +\r\n ((right.length > precision) ? right.slice( 0, precision ) : zeroPad( right, precision ));\r\n }\r\n else {\r\n right = \"\";\r\n }\r\n\r\n var stringIndex = numberString.length - 1,\r\n sep = formatInfo[\",\"],\r\n ret = \"\";\r\n\r\n while ( stringIndex >= 0 ) {\r\n if ( curSize === 0 || curSize > stringIndex ) {\r\n return numberString.slice( 0, stringIndex + 1 ) + ( ret.length ? ( sep + ret + right ) : right );\r\n }\r\n ret = numberString.slice( stringIndex - curSize + 1, stringIndex + 1 ) + ( ret.length ? ( sep + ret ) : \"\" );\r\n\r\n stringIndex -= curSize;\r\n\r\n if ( curGroupIndex < groupSizes.length ) {\r\n curSize = groupSizes[ curGroupIndex ];\r\n curGroupIndex++;\r\n }\r\n }\r\n return numberString.slice( 0, stringIndex + 1 ) + sep + ret + right;\r\n}\r\n\r\n\r\nfunction parseNegativePattern(value, nf, negativePattern) {\r\n var neg = nf[\"-\"],\r\n pos = nf[\"+\"],\r\n ret;\r\n switch (negativePattern) {\r\n case \"n -\":\r\n neg = ' ' + neg;\r\n pos = ' ' + pos;\r\n // fall through\r\n case \"n-\":\r\n if ( endsWith( value, neg ) ) {\r\n ret = [ '-', value.substr( 0, value.length - neg.length ) ];\r\n }\r\n else if ( endsWith( value, pos ) ) {\r\n ret = [ '+', value.substr( 0, value.length - pos.length ) ];\r\n }\r\n break;\r\n case \"- n\":\r\n neg += ' ';\r\n pos += ' ';\r\n // fall through\r\n case \"-n\":\r\n if ( startsWith( value, neg ) ) {\r\n ret = [ '-', value.substr( neg.length ) ];\r\n }\r\n else if ( startsWith(value, pos) ) {\r\n ret = [ '+', value.substr( pos.length ) ];\r\n }\r\n break;\r\n case \"(n)\":\r\n if ( startsWith( value, '(' ) && endsWith( value, ')' ) ) {\r\n ret = [ '-', value.substr( 1, value.length - 2 ) ];\r\n }\r\n break;\r\n }\r\n return ret || [ '', value ];\r\n}\r\n\r\nfunction formatNumber(value, format, culture) {\r\n if ( !format || format === 'i' ) {\r\n return culture.name.length ? value.toLocaleString() : value.toString();\r\n }\r\n format = format || \"D\";\r\n\r\n var nf = culture.numberFormat,\r\n number = Math.abs(value),\r\n precision = -1,\r\n pattern;\r\n if (format.length > 1) precision = parseInt( format.slice( 1 ), 10 );\r\n\r\n var current = format.charAt( 0 ).toUpperCase(),\r\n formatInfo;\r\n\r\n switch (current) {\r\n case \"D\":\r\n pattern = 'n';\r\n if (precision !== -1) {\r\n number = zeroPad( \"\"+number, precision, true );\r\n }\r\n if (value < 0) number = -number;\r\n break;\r\n case \"N\":\r\n formatInfo = nf;\r\n // fall through\r\n case \"C\":\r\n formatInfo = formatInfo || nf.currency;\r\n // fall through\r\n case \"P\":\r\n formatInfo = formatInfo || nf.percent;\r\n pattern = value < 0 ? formatInfo.pattern[0] : (formatInfo.pattern[1] || \"n\");\r\n if (precision === -1) precision = formatInfo.decimals;\r\n number = expandNumber( number * (current === \"P\" ? 100 : 1), precision, formatInfo );\r\n break;\r\n default:\r\n $.error( \"Bad number format specifier: \" + current );\r\n }\r\n\r\n var patternParts = /n|\\$|-|%/g,\r\n ret = \"\";\r\n for (;;) {\r\n var index = patternParts.lastIndex,\r\n ar = patternParts.exec(pattern);\r\n\r\n ret += pattern.slice( index, ar ? ar.index : pattern.length );\r\n\r\n if (!ar) {\r\n break;\r\n }\r\n\r\n switch (ar[0]) {\r\n case \"n\":\r\n ret += number;\r\n break;\r\n case \"$\":\r\n ret += nf.currency.symbol;\r\n break;\r\n case \"-\":\r\n // don't make 0 negative\r\n if ( /[1-9]/.test( number ) ) {\r\n ret += nf[\"-\"];\r\n }\r\n break;\r\n case \"%\":\r\n ret += nf.percent.symbol;\r\n break;\r\n }\r\n }\r\n\r\n return ret;\r\n}\r\n\r\n// *************************************** Dates ***************************************\r\n\r\nfunction outOfRange(value, low, high) {\r\n return value < low || value > high;\r\n}\r\n\r\nfunction expandYear(cal, year) {\r\n // expands 2-digit year into 4 digits.\r\n var now = new Date(),\r\n era = getEra(now);\r\n if ( year < 100 ) {\r\n var twoDigitYearMax = cal.twoDigitYearMax;\r\n twoDigitYearMax = typeof twoDigitYearMax === 'string' ? new Date().getFullYear() % 100 + parseInt( twoDigitYearMax, 10 ) : twoDigitYearMax;\r\n var curr = getEraYear( now, cal, era );\r\n year += curr - ( curr % 100 );\r\n if ( year > twoDigitYearMax ) {\r\n year -= 100;\r\n }\r\n }\r\n return year;\r\n}\r\n\r\nfunction getEra(date, eras) {\r\n if ( !eras ) return 0;\r\n var start, ticks = date.getTime();\r\n for ( var i = 0, l = eras.length; i < l; i++ ) {\r\n start = eras[ i ].start;\r\n if ( start === null || ticks >= start ) {\r\n return i;\r\n }\r\n }\r\n return 0;\r\n}\r\n\r\nfunction toUpper(value) {\r\n // 'he-IL' has non-breaking space in weekday names.\r\n return value.split( \"\\u00A0\" ).join(' ').toUpperCase();\r\n}\r\n\r\nfunction toUpperArray(arr) {\r\n return $.map(arr, function(e) {\r\n return toUpper(e);\r\n });\r\n}\r\n\r\nfunction getEraYear(date, cal, era, sortable) {\r\n var year = date.getFullYear();\r\n if ( !sortable && cal.eras ) {\r\n // convert normal gregorian year to era-shifted gregorian\r\n // year by subtracting the era offset\r\n year -= cal.eras[ era ].offset;\r\n } \r\n return year;\r\n}\r\n\r\nfunction getDayIndex(cal, value, abbr) {\r\n var ret,\r\n days = cal.days,\r\n upperDays = cal._upperDays;\r\n if ( !upperDays ) {\r\n cal._upperDays = upperDays = [\r\n toUpperArray( days.names ),\r\n toUpperArray( days.namesAbbr ),\r\n toUpperArray( days.namesShort )\r\n ];\r\n }\r\n value = toUpper( value );\r\n if ( abbr ) {\r\n ret = $.inArray( value, upperDays[ 1 ] );\r\n if ( ret === -1 ) {\r\n ret = $.inArray( value, upperDays[ 2 ] );\r\n }\r\n }\r\n else {\r\n ret = $.inArray( value, upperDays[ 0 ] );\r\n }\r\n return ret;\r\n}\r\n\r\nfunction getMonthIndex(cal, value, abbr) {\r\n var months = cal.months,\r\n monthsGen = cal.monthsGenitive || cal.months,\r\n upperMonths = cal._upperMonths,\r\n upperMonthsGen = cal._upperMonthsGen;\r\n if ( !upperMonths ) {\r\n cal._upperMonths = upperMonths = [\r\n toUpperArray( months.names ),\r\n toUpperArray( months.namesAbbr ),\r\n ];\r\n cal._upperMonthsGen = upperMonthsGen = [\r\n toUpperArray( monthsGen.names ),\r\n toUpperArray( monthsGen.namesAbbr )\r\n ];\r\n }\r\n value = toUpper( value );\r\n var i = $.inArray( value, abbr ? upperMonths[ 1 ] : upperMonths[ 0 ] );\r\n if ( i < 0 ) {\r\n i = $.inArray( value, abbr ? upperMonthsGen[ 1 ] : upperMonthsGen[ 0 ] );\r\n }\r\n return i;\r\n}\r\n\r\nfunction appendPreOrPostMatch(preMatch, strings) {\r\n // appends pre- and post- token match strings while removing escaped characters.\r\n // Returns a single quote count which is used to determine if the token occurs\r\n // in a string literal.\r\n var quoteCount = 0,\r\n escaped = false;\r\n for ( var i = 0, il = preMatch.length; i < il; i++ ) {\r\n var c = preMatch.charAt( i );\r\n switch ( c ) {\r\n case '\\'':\r\n if ( escaped ) {\r\n strings.push( \"'\" );\r\n }\r\n else {\r\n quoteCount++;\r\n }\r\n escaped = false;\r\n break;\r\n case '\\\\':\r\n if ( escaped ) {\r\n strings.push( \"\\\\\" );\r\n }\r\n escaped = !escaped;\r\n break;\r\n default:\r\n strings.push( c );\r\n escaped = false;\r\n break;\r\n }\r\n }\r\n return quoteCount;\r\n}\r\n\r\nfunction expandFormat(cal, format) {\r\n // expands unspecified or single character date formats into the full pattern.\r\n format = format || \"F\";\r\n var pattern,\r\n patterns = cal.patterns,\r\n len = format.length;\r\n if ( len === 1 ) {\r\n pattern = patterns[ format ];\r\n if ( !pattern ) {\r\n $.error( \"Invalid date format string '\" + format + \"'.\" );\r\n }\r\n format = pattern;\r\n }\r\n else if ( len === 2 && format.charAt(0) === \"%\" ) {\r\n // %X escape format -- intended as a custom format string that is only one character, not a built-in format.\r\n format = format.charAt( 1 );\r\n }\r\n return format;\r\n}\r\n\r\nfunction getParseRegExp(cal, format) {\r\n // converts a format string into a regular expression with groups that\r\n // can be used to extract date fields from a date string.\r\n // check for a cached parse regex.\r\n var re = cal._parseRegExp;\r\n if ( !re ) {\r\n cal._parseRegExp = re = {};\r\n }\r\n else {\r\n var reFormat = re[ format ];\r\n if ( reFormat ) {\r\n return reFormat;\r\n }\r\n }\r\n\r\n // expand single digit formats, then escape regular expression characters.\r\n var expFormat = expandFormat( cal, format ).replace( /([\\^\\$\\.\\*\\+\\?\\|\\[\\]\\(\\)\\{\\}])/g, \"\\\\\\\\$1\" ),\r\n regexp = [\"^\"],\r\n groups = [],\r\n index = 0,\r\n quoteCount = 0,\r\n tokenRegExp = getTokenRegExp(),\r\n match;\r\n\r\n // iterate through each date token found.\r\n while ( (match = tokenRegExp.exec( expFormat )) !== null ) {\r\n var preMatch = expFormat.slice( index, match.index );\r\n index = tokenRegExp.lastIndex;\r\n\r\n // don't replace any matches that occur inside a string literal.\r\n quoteCount += appendPreOrPostMatch( preMatch, regexp );\r\n if ( quoteCount % 2 ) {\r\n regexp.push( match[ 0 ] );\r\n continue;\r\n }\r\n\r\n // add a regex group for the token.\r\n var m = match[ 0 ],\r\n len = m.length,\r\n add;\r\n switch ( m ) {\r\n case 'dddd': case 'ddd':\r\n case 'MMMM': case 'MMM':\r\n case 'gg': case 'g':\r\n add = \"(\\\\D+)\";\r\n break;\r\n case 'tt': case 't':\r\n add = \"(\\\\D*)\";\r\n break;\r\n case 'yyyy':\r\n case 'fff':\r\n case 'ff':\r\n case 'f':\r\n add = \"(\\\\d{\" + len + \"})\";\r\n break;\r\n case 'dd': case 'd':\r\n case 'MM': case 'M':\r\n case 'yy': case 'y':\r\n case 'HH': case 'H':\r\n case 'hh': case 'h':\r\n case 'mm': case 'm':\r\n case 'ss': case 's':\r\n add = \"(\\\\d\\\\d?)\";\r\n break;\r\n case 'zzz':\r\n add = \"([+-]?\\\\d\\\\d?:\\\\d{2})\";\r\n break;\r\n case 'zz': case 'z':\r\n add = \"([+-]?\\\\d\\\\d?)\";\r\n break;\r\n case '/':\r\n add = \"(\\\\\" + cal[\"/\"] + \")\";\r\n break;\r\n default:\r\n $.error( \"Invalid date format pattern '\" + m + \"'.\" );\r\n break;\r\n }\r\n if ( add ) {\r\n regexp.push( add );\r\n }\r\n groups.push( match[ 0 ] );\r\n }\r\n appendPreOrPostMatch( expFormat.slice( index ), regexp );\r\n regexp.push( \"$\" );\r\n\r\n // allow whitespace to differ when matching formats.\r\n var regexpStr = regexp.join( '' ).replace( /\\s+/g, \"\\\\s+\" ),\r\n parseRegExp = {'regExp': regexpStr, 'groups': groups};\r\n\r\n // cache the regex for this format.\r\n return re[ format ] = parseRegExp;\r\n}\r\n\r\nfunction getTokenRegExp() {\r\n // regular expression for matching date and time tokens in format strings.\r\n return /\\/|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yy|y|hh|h|HH|H|mm|m|ss|s|tt|t|fff|ff|f|zzz|zz|z|gg|g/g;\r\n}\r\n\r\nfunction parseExact(value, format, culture) {\r\n // try to parse the date string by matching against the format string\r\n // while using the specified culture for date field names.\r\n value = trim( value );\r\n var cal = culture.calendar,\r\n // convert date formats into regular expressions with groupings.\r\n // use the regexp to determine the input format and extract the date fields.\r\n parseInfo = getParseRegExp(cal, format),\r\n match = new RegExp(parseInfo.regExp).exec(value);\r\n if (match === null) {\r\n return null;\r\n }\r\n // found a date format that matches the input.\r\n var groups = parseInfo.groups,\r\n era = null, year = null, month = null, date = null, weekDay = null,\r\n hour = 0, hourOffset, min = 0, sec = 0, msec = 0, tzMinOffset = null,\r\n pmHour = false;\r\n // iterate the format groups to extract and set the date fields.\r\n for ( var j = 0, jl = groups.length; j < jl; j++ ) {\r\n var matchGroup = match[ j + 1 ];\r\n if ( matchGroup ) {\r\n var current = groups[ j ],\r\n clength = current.length,\r\n matchInt = parseInt( matchGroup, 10 );\r\n switch ( current ) {\r\n case 'dd': case 'd':\r\n // Day of month.\r\n date = matchInt;\r\n // check that date is generally in valid range, also checking overflow below.\r\n if ( outOfRange( date, 1, 31 ) ) return null;\r\n break;\r\n case 'MMM':\r\n case 'MMMM':\r\n month = getMonthIndex( cal, matchGroup, clength === 3 );\r\n if ( outOfRange( month, 0, 11 ) ) return null;\r\n break;\r\n case 'M': case 'MM':\r\n // Month.\r\n month = matchInt - 1;\r\n if ( outOfRange( month, 0, 11 ) ) return null;\r\n break;\r\n case 'y': case 'yy':\r\n case 'yyyy':\r\n year = clength < 4 ? expandYear( cal, matchInt ) : matchInt;\r\n if ( outOfRange( year, 0, 9999 ) ) return null;\r\n break;\r\n case 'h': case 'hh':\r\n // Hours (12-hour clock).\r\n hour = matchInt;\r\n if ( hour === 12 ) hour = 0;\r\n if ( outOfRange( hour, 0, 11 ) ) return null;\r\n break;\r\n case 'H': case 'HH':\r\n // Hours (24-hour clock).\r\n hour = matchInt;\r\n if ( outOfRange( hour, 0, 23 ) ) return null;\r\n break;\r\n case 'm': case 'mm':\r\n // Minutes.\r\n min = matchInt;\r\n if ( outOfRange( min, 0, 59 ) ) return null;\r\n break;\r\n case 's': case 'ss':\r\n // Seconds.\r\n sec = matchInt;\r\n if ( outOfRange( sec, 0, 59 ) ) return null;\r\n break;\r\n case 'tt': case 't':\r\n // AM/PM designator.\r\n // see if it is standard, upper, or lower case PM. If not, ensure it is at least one of\r\n // the AM tokens. If not, fail the parse for this format.\r\n pmHour = cal.PM && ( matchGroup === cal.PM[0] || matchGroup === cal.PM[1] || matchGroup === cal.PM[2] );\r\n if ( !pmHour && ( !cal.AM || (matchGroup !== cal.AM[0] && matchGroup !== cal.AM[1] && matchGroup !== cal.AM[2]) ) ) return null;\r\n break;\r\n case 'f':\r\n // Deciseconds.\r\n case 'ff':\r\n // Centiseconds.\r\n case 'fff':\r\n // Milliseconds.\r\n msec = matchInt * Math.pow( 10, 3-clength );\r\n if ( outOfRange( msec, 0, 999 ) ) return null;\r\n break;\r\n case 'ddd':\r\n // Day of week.\r\n case 'dddd':\r\n // Day of week.\r\n weekDay = getDayIndex( cal, matchGroup, clength === 3 );\r\n if ( outOfRange( weekDay, 0, 6 ) ) return null;\r\n break;\r\n case 'zzz':\r\n // Time zone offset in +/- hours:min.\r\n var offsets = matchGroup.split( /:/ );\r\n if ( offsets.length !== 2 ) return null;\r\n hourOffset = parseInt( offsets[ 0 ], 10 );\r\n if ( outOfRange( hourOffset, -12, 13 ) ) return null;\r\n var minOffset = parseInt( offsets[ 1 ], 10 );\r\n if ( outOfRange( minOffset, 0, 59 ) ) return null;\r\n tzMinOffset = (hourOffset * 60) + (startsWith( matchGroup, '-' ) ? -minOffset : minOffset);\r\n break;\r\n case 'z': case 'zz':\r\n // Time zone offset in +/- hours.\r\n hourOffset = matchInt;\r\n if ( outOfRange( hourOffset, -12, 13 ) ) return null;\r\n tzMinOffset = hourOffset * 60;\r\n break;\r\n case 'g': case 'gg':\r\n var eraName = matchGroup;\r\n if ( !eraName || !cal.eras ) return null;\r\n eraName = trim( eraName.toLowerCase() );\r\n for ( var i = 0, l = cal.eras.length; i < l; i++ ) {\r\n if ( eraName === cal.eras[ i ].name.toLowerCase() ) {\r\n era = i;\r\n break;\r\n }\r\n }\r\n // could not find an era with that name\r\n if ( era === null ) return null;\r\n break;\r\n }\r\n }\r\n }\r\n var result = new Date(), defaultYear, convert = cal.convert;\r\n defaultYear = convert ? convert.fromGregorian( result )[ 0 ] : result.getFullYear();\r\n if ( year === null ) {\r\n year = defaultYear;\r\n }\r\n else if ( cal.eras ) {\r\n // year must be shifted to normal gregorian year\r\n // but not if year was not specified, its already normal gregorian\r\n // per the main if clause above.\r\n year += cal.eras[ (era || 0) ].offset;\r\n }\r\n // set default day and month to 1 and January, so if unspecified, these are the defaults\r\n // instead of the current day/month.\r\n if ( month === null ) {\r\n month = 0;\r\n }\r\n if ( date === null ) {\r\n date = 1;\r\n }\r\n // now have year, month, and date, but in the culture's calendar.\r\n // convert to gregorian if necessary\r\n if ( convert ) {\r\n result = convert.toGregorian( year, month, date );\r\n // conversion failed, must be an invalid match\r\n if ( result === null ) return null;\r\n }\r\n else {\r\n // have to set year, month and date together to avoid overflow based on current date.\r\n result.setFullYear( year, month, date );\r\n // check to see if date overflowed for specified month (only checked 1-31 above).\r\n if ( result.getDate() !== date ) return null;\r\n // invalid day of week.\r\n if ( weekDay !== null && result.getDay() !== weekDay ) {\r\n return null;\r\n }\r\n }\r\n // if pm designator token was found make sure the hours fit the 24-hour clock.\r\n if ( pmHour && hour < 12 ) {\r\n hour += 12;\r\n }\r\n result.setHours( hour, min, sec, msec );\r\n if ( tzMinOffset !== null ) {\r\n // adjust timezone to utc before applying local offset.\r\n var adjustedMin = result.getMinutes() - ( tzMinOffset + result.getTimezoneOffset() );\r\n // Safari limits hours and minutes to the range of -127 to 127. We need to use setHours\r\n // to ensure both these fields will not exceed this range. adjustedMin will range\r\n // somewhere between -1440 and 1500, so we only need to split this into hours.\r\n result.setHours( result.getHours() + parseInt( adjustedMin / 60, 10 ), adjustedMin % 60 );\r\n }\r\n return result;\r\n}\r\n\r\nfunction formatDate(value, format, culture) {\r\n var cal = culture.calendar,\r\n convert = cal.convert;\r\n if ( !format || !format.length || format === 'i' ) {\r\n var ret;\r\n if ( culture && culture.name.length ) {\r\n if ( convert ) {\r\n // non-gregorian calendar, so we cannot use built-in toLocaleString()\r\n ret = formatDate( value, cal.patterns.F, culture );\r\n }\r\n else {\r\n var eraDate = new Date( value.getTime() ),\r\n era = getEra( value, cal.eras );\r\n eraDate.setFullYear( getEraYear( value, cal, era ) );\r\n ret = eraDate.toLocaleString();\r\n }\r\n }\r\n else {\r\n ret = value.toString();\r\n }\r\n return ret;\r\n }\r\n\r\n var eras = cal.eras,\r\n sortable = format === \"s\";\r\n format = expandFormat( cal, format );\r\n\r\n // Start with an empty string\r\n ret = [];\r\n var hour,\r\n zeros = ['0','00','000'],\r\n foundDay,\r\n checkedDay,\r\n dayPartRegExp = /([^d]|^)(d|dd)([^d]|$)/g,\r\n quoteCount = 0,\r\n tokenRegExp = getTokenRegExp(),\r\n converted;\r\n\r\n function padZeros(num, c) {\r\n var r, s = num+'';\r\n if ( c > 1 && s.length < c ) {\r\n r = ( zeros[ c - 2 ] + s);\r\n return r.substr( r.length - c, c );\r\n }\r\n else {\r\n r = s;\r\n }\r\n return r;\r\n }\r\n \r\n function hasDay() {\r\n if ( foundDay || checkedDay ) {\r\n return foundDay;\r\n }\r\n foundDay = dayPartRegExp.test( format );\r\n checkedDay = true;\r\n return foundDay;\r\n }\r\n \r\n function getPart( date, part ) {\r\n if ( converted ) {\r\n return converted[ part ];\r\n }\r\n switch ( part ) {\r\n case 0: return date.getFullYear();\r\n case 1: return date.getMonth();\r\n case 2: return date.getDate();\r\n }\r\n }\r\n\r\n if ( !sortable && convert ) {\r\n converted = convert.fromGregorian( value );\r\n }\r\n\r\n for (;;) {\r\n // Save the current index\r\n var index = tokenRegExp.lastIndex,\r\n // Look for the next pattern\r\n ar = tokenRegExp.exec( format );\r\n\r\n // Append the text before the pattern (or the end of the string if not found)\r\n var preMatch = format.slice( index, ar ? ar.index : format.length );\r\n quoteCount += appendPreOrPostMatch( preMatch, ret );\r\n\r\n if ( !ar ) {\r\n break;\r\n }\r\n\r\n // do not replace any matches that occur inside a string literal.\r\n if ( quoteCount % 2 ) {\r\n ret.push( ar[ 0 ] );\r\n continue;\r\n }\r\n \r\n var current = ar[ 0 ],\r\n clength = current.length;\r\n\r\n switch ( current ) {\r\n case \"ddd\":\r\n //Day of the week, as a three-letter abbreviation\r\n case \"dddd\":\r\n // Day of the week, using the full name\r\n names = (clength === 3) ? cal.days.namesAbbr : cal.days.names;\r\n ret.push( names[ value.getDay() ] );\r\n break;\r\n case \"d\":\r\n // Day of month, without leading zero for single-digit days\r\n case \"dd\":\r\n // Day of month, with leading zero for single-digit days\r\n foundDay = true;\r\n ret.push( padZeros( getPart( value, 2 ), clength ) );\r\n break;\r\n case \"MMM\":\r\n // Month, as a three-letter abbreviation\r\n case \"MMMM\":\r\n // Month, using the full name\r\n var part = getPart( value, 1 );\r\n ret.push( (cal.monthsGenitive && hasDay())\r\n ? cal.monthsGenitive[ clength === 3 ? \"namesAbbr\" : \"names\" ][ part ]\r\n : cal.months[ clength === 3 ? \"namesAbbr\" : \"names\" ][ part ] );\r\n break;\r\n case \"M\":\r\n // Month, as digits, with no leading zero for single-digit months\r\n case \"MM\":\r\n // Month, as digits, with leading zero for single-digit months\r\n ret.push( padZeros( getPart( value, 1 ) + 1, clength ) );\r\n break;\r\n case \"y\":\r\n // Year, as two digits, but with no leading zero for years less than 10\r\n case \"yy\":\r\n // Year, as two digits, with leading zero for years less than 10\r\n case \"yyyy\":\r\n // Year represented by four full digits\r\n part = converted ? converted[ 0 ] : getEraYear( value, cal, getEra( value, eras ), sortable );\r\n if ( clength < 4 ) {\r\n part = part % 100;\r\n }\r\n ret.push( padZeros( part, clength ) );\r\n break;\r\n case \"h\":\r\n // Hours with no leading zero for single-digit hours, using 12-hour clock\r\n case \"hh\":\r\n // Hours with leading zero for single-digit hours, using 12-hour clock\r\n hour = value.getHours() % 12;\r\n if ( hour === 0 ) hour = 12;\r\n ret.push( padZeros( hour, clength ) );\r\n break;\r\n case \"H\":\r\n // Hours with no leading zero for single-digit hours, using 24-hour clock\r\n case \"HH\":\r\n // Hours with leading zero for single-digit hours, using 24-hour clock\r\n ret.push( padZeros( value.getHours(), clength ) );\r\n break;\r\n case \"m\":\r\n // Minutes with no leading zero for single-digit minutes\r\n case \"mm\":\r\n // Minutes with leading zero for single-digit minutes\r\n ret.push( padZeros( value.getMinutes(), clength ) );\r\n break;\r\n case \"s\":\r\n // Seconds with no leading zero for single-digit seconds\r\n case \"ss\":\r\n // Seconds with leading zero for single-digit seconds\r\n ret.push( padZeros(value .getSeconds(), clength ) );\r\n break;\r\n case \"t\":\r\n // One character am/pm indicator (\"a\" or \"p\")\r\n case \"tt\":\r\n // Multicharacter am/pm indicator\r\n part = value.getHours() < 12 ? (cal.AM ? cal.AM[0] : \" \") : (cal.PM ? cal.PM[0] : \" \");\r\n ret.push( clength === 1 ? part.charAt( 0 ) : part );\r\n break;\r\n case \"f\":\r\n // Deciseconds\r\n case \"ff\":\r\n // Centiseconds\r\n case \"fff\":\r\n // Milliseconds\r\n ret.push( padZeros( value.getMilliseconds(), 3 ).substr( 0, clength ) );\r\n break;\r\n case \"z\": \r\n // Time zone offset, no leading zero\r\n case \"zz\":\r\n // Time zone offset with leading zero\r\n hour = value.getTimezoneOffset() / 60;\r\n ret.push( (hour <= 0 ? '+' : '-') + padZeros( Math.floor( Math.abs( hour ) ), clength ) );\r\n break;\r\n case \"zzz\":\r\n // Time zone offset with leading zero\r\n hour = value.getTimezoneOffset() / 60;\r\n ret.push( (hour <= 0 ? '+' : '-') + padZeros( Math.floor( Math.abs( hour ) ), 2 ) +\r\n // Hard coded \":\" separator, rather than using cal.TimeSeparator\r\n // Repeated here for consistency, plus \":\" was already assumed in date parsing.\r\n \":\" + padZeros( Math.abs( value.getTimezoneOffset() % 60 ), 2 ) );\r\n break;\r\n case \"g\":\r\n case \"gg\":\r\n if ( cal.eras ) {\r\n ret.push( cal.eras[ getEra(value, eras) ].name );\r\n }\r\n break;\r\n case \"/\":\r\n ret.push( cal[\"/\"] );\r\n break;\r\n default:\r\n $.error( \"Invalid date format pattern '\" + current + \"'.\" );\r\n break;\r\n }\r\n }\r\n return ret.join( '' );\r\n}\r\n\r\n})(jQuery);\r\n\r\n","\r\nmutate_event_stack = [\r\n\t\t\t{\r\n\t\t\t\tname: 'width',\r\n\t\t\t\thandler: function (elem){\r\n\t\t\t\t\tn = {el:elem}\r\n\t\t\t\t\tif(!$(n.el).data('mutate-width'))$(n.el).data('mutate-width', $(n.el).width());\r\n\t\t\t\t\tif ($(n.el).data('mutate-width')&&$(n.el).width() != $(n.el).data('mutate-width') ) {\r\n\t\t\t\t\t\t$(n.el).data('mutate-width', $(n.el).width());\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname:'height',\r\n\t\t\t\thandler: function (n){\r\n\t\t\t\t\telement = n;\r\n\t\t\t\t\tif(!$(element).data('mutate-height'))$(element).data('mutate-height', $(element).height());\r\n\t\t\t\t\tif ($(element).data('mutate-height')&&$(element).height() != $(element).data('mutate-height') ) {\r\n\t\t\t\t\t\t$(element).data('mutate-height', $(element).height());\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'top',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('mutate-top'))$(n).data('mutate-top', $(n).css('top'));\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('mutate-top')&&$(n).css('top') != $(n).data('mutate-top') ) {\r\n\t\t\t\t\t\t$(n).data('mutate-top', $(n).css('top'));\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'bottom',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('mutate-bottom'))$(n).data('mutate-bottom', $(n).css('bottom'));\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('mutate-bottom')&&$(n).css('bottom') != $(n).data('mutate-bottom') ) {\r\n\t\t\t\t\t\t$(n).data('mutate-bottom', $(n).css('bottom'));\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'right',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('mutate-right'))$(n).data('mutate-right', $(n).css('right'));\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('mutate-right')&&$(n).css('right') != $(n).data('mutate-right') ) {\r\n\t\t\t\t\t\t$(n).data('mutate-right', $(n).css('right'));\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'left',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('mutate-left'))$(n).data('mutate-left', $(n).css('left'));\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('mutate-left')&&$(n).css('left') != $(n).data('mutate-left') ) {\r\n\t\t\t\t\t\t$(n).data('mutate-left', $(n).css('left'));\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'hide',\r\n\t\t\t\thandler \t: function (n){ if ($(n).is(':hidden'))\treturn true; }\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'show',\r\n\t\t\t\thandler \t: function (n){ if ($(n).is(':visible'))\treturn true; }\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'scrollHeight',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('prev-scrollHeight'))$(n).data('prev-scrollHeight', $(n)[0].scrollHeight);\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('prev-scrollHeight')&&$(n)[0].scrollHeight != $(n).data('prev-scrollHeight') ) {\r\n\t\t\t\t\t\t$(n).data('prev-scrollHeight', $(n)[0].scrollHeight);\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'scrollWidth',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('prev-scrollWidth'))$(n).data('prev-scrollWidth', $(n)[0].scrollWidth);\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('prev-scrollWidth')&&$(n)[0].scrollWidth != $(n).data('prev-scrollWidth') ) {\r\n\t\t\t\t\t\t$(n).data('prev-scrollWidth', $(n)[0].scrollWidth);\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'scrollTop',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('prev-scrollTop'))$(n).data('prev-scrollTop', $(n)[0].scrollTop());\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('prev-scrollTop')&&$(n)[0].scrollTop() != $(n).data('prev-scrollTop') ) {\r\n\t\t\t\t\t\t$(n).data('prev-scrollTop', $(n)[0].scrollTop());\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname\t\t: 'scrollLeft',\r\n\t\t\t\thandler \t: function (n){\r\n\t\t\t\t\tif(!$(n).data('prev-scrollLeft'))$(n).data('prev-scrollLeft', $(n)[0].scrollLeft());\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($(n).data('prev-scrollLeft')&&$(n)[0].scrollLeft() != $(n).data('prev-scrollLeft') ) {\r\n\t\t\t\t\t\t$(n).data('prev-scrollLeft', $(n)[0].scrollLeft());\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t];",";(function($){mutate={speed:1,event_stack:mutate_event_stack,stack:[],events:{},add_event:function(evt){mutate.events[evt.name]=evt.handler;},add:function(event_name,selector,callback,false_callback){mutate.stack[mutate.stack.length]={event_name:event_name,selector:selector,callback:callback,false_callback:false_callback}}};function reset(){var parent=mutate;if(parent.event_stack!='undefined'&&parent.event_stack.length){$.each(parent.event_stack,function(j,k){mutate.add_event(k);});}\r\nparent.event_stack=[];$.each(parent.stack,function(i,n){$(n.selector).each(function(a,b){if(parent.events[n.event_name](b)===true){if(n['callback'])n.callback(b,n);}else{if(n['false_callback'])n.false_callback(b,n)}})})\r\nsetTimeout(reset,mutate.speed);}\r\nreset();$.fn.extend({mutate:function(){var event_name=false,callback=arguments[1],selector=this,false_callback=arguments[2]?arguments[2]:function(){};if(arguments[0].toLowerCase()=='extend'){mutate.add_event(callback);return this;}\r\n$.each($.trim(arguments[0]).split(' '),function(i,n){event_name=n;mutate.add(event_name,selector,callback,false_callback);});return this;}});})(jQuery);\r\n","/* global $ */\r\nlet ifparams = {}\r\nlet cleanQuerystring = {}\r\nif (window.location.search.length > 0) {\r\n try {\r\n ifparams =\r\n document.getElementById('ifparams') ||\r\n document.getElementById('ifparamsfallback')\r\n cleanQuerystring = window.location.search\r\n .replace(/[?&]((regnr|product)=([^&]*))/g, function (m, g, key, value) {\r\n ifparams.setAttribute('data-ifparam-' + key, value)\r\n return ''\r\n })\r\n .substring(1)\r\n cleanQuerystring =\r\n cleanQuerystring.length > 0 ? '?' + cleanQuerystring : ''\r\n if (cleanQuerystring !== window.location.search) {\r\n window.history.replaceState(\r\n {},\r\n document.title,\r\n window.location.pathname + cleanQuerystring\r\n )\r\n }\r\n } catch (e) {\r\n console.log('failed to clean')\r\n }\r\n}\r\n\r\nconst bLoader = {\r\n loadCssBundle: function (requiredBundle) {\r\n $(\r\n ''\r\n ).appendTo('head')\r\n\r\n // good examples: stackoverflow.com/questions/805384/how-to-apply-inline-and-or-external-css-loaded-dynamically-with-jquery\r\n },\r\n\r\n // FIXME: refactor all calls to this because this function is not needed anymore\r\n runAction: function (actionName, action) {\r\n action()\r\n }\r\n}\r\n\r\nexport { bLoader, cleanQuerystring, ifparams }\r\n"],"names":["subscribe","topic","callback","fn","eventObject","data","$","document","on","off","GTMData","self","this","clean","window","sessionStorage","setItem","InsuranceInfoArray","ProductsInfoArray","ObjectInfoArray","KundeInfo","customerId","SessionId","educationLevel","customerStatus","pageInfo","save","SaveGTMState","boot","Persisted","gtmStateData","getItem","storedModel","JSON","parse","Invoice","Period","page","sessionId","hasWizard","currentStepNo","GetObjectInfoArray","cloneDeep","error","app","logExceptionToAppInsight","GetProductsInfoArray","GetInsuranceInfoArray","map","insurance","omit","init","logInformationToAppInsight","getPageInfoState","resetToClientSidePaymentOptions","EducationLevel","campaignCode","length","forEach","insurancePayment","period","invoice","state","undefined","RemoveProduct","uniqueId","productId","insuranceIndex","i","UniqueId","productIndex","objectIndex","splice","addProduct","productobject","ProductsInfoInfoArray","push","getProduct","ValidToSetPriceParameters","getLeaseObjectInformationFromOverblikkItem","item","id","erBilenLeaset","gtmOperations","onWizardStep","updatePageInfo","stepNo","gtm_Data","pushVirtualPageLoad","gtmStepNo","pushPageLoadOnCheckout","pushCheckoutStepLoadOnCheckout","metaData","ifws_toggle_gtm","dataLayer","onGTMPageLoaded","onAjaxFailEvent","onPriceChangingEvent","onRemoveProductEventByProductId","onRemoveProductEvent","handleChangedTilbud","handleChangedProductFromActiveProduct","updateKundeEnigma","handleMaxiCartLoad","trigger","complimentaryInformation","updateInsuranceInfoStateBasedOnProductChange","updateObjectInfoStateBasedOnProductChange","TilbudData","getInsuranceListsAreIdentical","shortformDiffObject","completeDiffObject","getInsuranceDiffForCart","productData","productName","brand","price","ProductsInCart","onAddProductEvent","addOrRemove","InitState","age","Age","EnigmaTokenSSN","address","EnigmaTokenAdress","email","EnigmaTokenEmail","firstname","EnigmaTokenFirstName","lastname","EnigmaTokenLastName","phone","EnigmaTokenPhone","pushCustomerInformationUpdate","ajaxInfo","pushAjaxError","InsuranceInfoHasChanged","UpdateInsuranceInfoStateBasedOnPriceChange","pushPriceChangingEvent","completeData","shortFormdata","pushAddToCartInformation","bind","removalData","GetRemoveData","pushRemoveFromCartInformation","RunActionsInGTMOperations","shift","call","ClientSidePage","frontPageLoadEvent","ActiveProductData","maxicartLoadEvent","productLoadEvent","purchaseLoadEvent","PrepareProducts","tilbudsdata","activeProductData","products","getGTMProductsForPageImpression","name","ko","toJS","produktNavn","category","quantity","Daekning","NettoPraemieTotal","apply","getGTMProductForPageImpressionUsingUrl","pushProductsPageImpression","pushMaxiCartPageLoad","ErrorType","pushEntryPageLoad","entryPageLoadEvent","pushPriceQuotePageLoad","priceQuotePageLoadEvent","pushPurchasePageLoad","pushPurchaseCompletedVirtualPageLoad","pushEcommerceEvent","event","ecommerce","currencyCode","detail","tilbudData","environmentInfo","getEnvironmentInfo","getPageInfo","customerInfo","productInfo","processInfo","getProcessInfo","objectInfo","insuranceInfo","step","checkout","actionField","Date","now","toString","Math","floor","random","purchase","revenue","getTotalRevenue","add","remove","location","pageType","pageLanguage","pageUrl","canonicalPageUrl","type","processStep","mainStep","subStep","errorInformation","errorCode","errorText","pushInvalidRegistrationNumberEvent","regInfo","objectId","enigmaRegNr","GetNissanContext","country","businessArea","portfolio","partner","isVirtualPage","stepno","href","canonicalUrl","httpStatusCode","substep","mainstep","stringify","getActiveProductTravelArea","activeProduct","travelArea","RejseforsikringsOmraade","getActiveProductCoveredAmount","DodSum","InvaliditetSum","BagageboxSum","IndboSum","BagageSum","getActiveProductMileage","isCheckout","KmAArlig","getYearInformation","Alder","getFullYear","parseInt","OpfoerelsesAar","Model","Year","AargangCampingvogn","AargangTrailer","FoedselsDatoStr","getModelInformation","Make","DMRModel","Maerke","Race","getLeaseObjectInformation","ErBilenLeaset","getPaymentProvider","paymentProvider","product","l","year","postalcode","Postnr","model","leased","updateInsuranceInfoPrice","onOrAfterPricePage","priceUpdate","updateInsuranceInfoDeductable","selvrisikoUpdate","insuranceDeductable","updateInsuranceInfoMileage","mileageUpdate","mileage","index","GetMilageValue","updatePaymentFrequency","frequency","updatePaymentProvider","computedProvider","provider","InsuranceAddonsListsAreEqual","oldAddons","newAddons","oldCount","element","newElement","value","insuranceAddons","insuranceAddonsUpdate","coveredAmount","coveredAmountUpdate","insuranceTravel","updatedTravelArea","coverage","coverageUpdate","onPricePageOrAfter","selvrisiko","Selvrisiko","Navn","UddannelsesNiveau","insuredPerson","ownerYear","OwnerYear","PaymentProvider","paymentPeriod","PaymentPeriod","Daekninger","filter","addon","Valgt","NettoMdTilvalgsPris","highestEducation","Object","keys","totalRevenue","localName","info","getProductId","url","toLowerCase","endsWith","newArray","validState","j","oldItem","newItem","ProduktID","newArrayIsInInitState","oldArrayIsInInitState","newEntries","obj","some","obj2","removedEntries","pageInfoState","wizard","trustpilotWidget","_classCallCheck","key","attachBootStrapper","attach","shouldAttach","tagName","src","querySelector","createElement","setAttribute","getElementsByTagName","appendChild","widgetHtml","configElement","config","html","innerWidth","breakpoint","widgetHtmlWide","widgetHtmlThin","elementHtml","concat","first","prepend","last","hasAttached","ExitEarlyConditionsMet","addressControl","prefix","lastValidatedValue","adressId","getAddressId","getVal","PersonEntities","Medforsikret","SelectedAddressCanBeUsedToTriggerDawaQuery","FailureToSelect","errorMessage","getFejlKodeText","UpdateValidationUIIfNotValid","valid","isEntryValid","topElement","ifws_isInvalid","h","updateElementValidation","ProcessErrorReturnedByDawa","ApplyAddresValidationRule","getSelectElmAsJqueryObject","rules","required","messages","GetLongitude","d","adgangsadresse","adgangspunkt","koordinater","GetLatitude","handleUpdateLivErrorCallback","pElm","basic","processLivSuccessHandler","Promise","resolve","reject","root","ForsikredePerson","AndenForsikrede","IsBlockedDueToUnavailableHouseCode","Produkt","CprNr","Cpr1","Cpr2","handleSyncV2SuccessCallback","handleUpdateUlykkeErrorCallback","processUlykkeSuccessHandler","handleSyncAddressSuccessCallback","BilProdukt","handleSetModelError","Message","TekstKode","bil","buildInvalidRegistrationDescription","Data","RegNrEnigma","displayUkendtRegNrPanel","gotoShopPage","base","inherit","koMap","BilModel","AndenBrugerPerson","Person","validateProperty","property","SearchRegNr","toUpperCase","replace","isNumeric","culture","validateProduktProperty","UpdateHasChangedFlag","AarMedEgenBil","EkstraUdstyr","HandelsVaerdi","OpsigelseType","StartDateType","OpsigelsesMaaned","Anvendelse","UkendtRegNr","HarTidligereSelskab","TidligereSelskab","TidligereSelskabNavn","TidligerePoliceNr","IkraftDato","Foererpladsdaekning","BilSuper","IsThisTheCarThatGivesMaerkeRabatOnKasko","Nyvaerdi","Vogngruppe","UngBilist","EnglishName","opsigelseMaanedVedEj","SelectedDaekningId","CPState","OCHConsentGiven","EDIConsentGiven","isInit","produktInit","addOnModelMap","ungbilist","shouldShowAddedWizardNavigation","computed","publish","PRODUCT_UPDATED_FROM_ACTIVEPRODUCT","OwnerVehicleYear","getActiveProductOwnerYearForVehicle","getInsuredPerson","getGTMPageInfo","PaymentInterval","validate","actionSettings","stepChanged","update","val","IkraftDatoShortStr","setModel","code","jElement","displayEntryExceptionInfo","getFejlKode","setModelInData","produktId","grecaptcha","enterprise","ready","execute","siteKey","action","then","token","loadJson","targetElement","actionOnBusy","prio","block","allowCredentials","entryFail","operationFail","done","textStatus","jqXHR","make","RegNr","args","fadeToForm","extendForm","e","onClientException","brugerIkkeRegNr","viewModel","argsForHandler","sync","setFlag","saveFlags","getBeregningsKey","values","CustomerBenefitLevel","SamleKunde","MakeNumber","Kunde","Gade","Husnr","Etage","SideDoerNr","join","anvendelserOgBrug","bilProdukt","ModelStr","trim","Motor","Variant","Description","CarBranding","Details","LogoImagePath","_root","mode","indexOf","shopHostUrl","_fileName","toJSON","applyBindings","doOrWait","hjaelpeKoderLoadedFlag","text","BrandingType","getBonusTextCode","helpText","getHjaelpeKode","lang","txt","format","Disv","Address","DisableCustomerElements","hideCprGroupSection","getJElmByDataId","parent","isFlagSet","checkMinimumAgeValidationWhenCprFieldsDoNotExist","disposeDaekningsSubscriptions","selectNextEntry","setProductSpecificEntryPageSubmitFunction","beregnPris","submit","getElm","quickForm","goFwd","is","attr","beregnPrisWithValidate","validateOnServer","tryScrollToDetailsView","elementSelector","offset","scrollTop","round","top","abs","bilInfo","resetModel","enableSelect","disableAutoUpdate","getCriteria","s","_c0","onLoadDone","each","substring","append","console","log","onLoad","_thisYear","getBestYear","_txt","String","_jForm","pendingInputs","PendingInputs","_validator","selectMake","ifws_selected","selectModel","selectYear","selectMotor","selectVariant","validator","setOnDone","form","selectionsYear","selectionsMake","bilModel","resetFlag","regNrSetupBtx","jForm","enableTextInput","validateOnBlur","ignoreValidationOnKeyUp","validation","ukendtRegNrPanelAction","updateModel","keyCode","preventDefault","regNrSetupIds","input","getElementById","applyBindingsToNode","errorLabel","classList","removeAttribute","addEventListener","target","generalQuickForm","quickFormv1","dkRecaptcha","initPlaceholders","params","getIfParameters","productParam","regNrParam","regnr","quickformSubmitSetup","setup","ukendtRegNrPanel","setPendingUserAction","ifws_customValidation","checked","resetPendingUserAction","clearElement","validateElement","jUkendtTrue","ejersBrugsInfo","brugsInfo","person","enableToolTips","getElmByIdAsJqueryObject","max","usesKeyValuePairs","entry","topRange","ageCap","_val","getHjaelpeKodeText","numberOfClaims","AntalSkaderFamilie","AntalSkaderHus","setupKundeInfoGroup","findBil","setDisabled","getTopJElm","ensureActiveProduct","newModelRegNr","setModelData","updateRegNr","supplerendeInfoBil","enableInputEvaluation","selectAnciennitetsSelskab","EnableAnciennitetsSelskab","newValue","show","retractForm","hide","min","number","TextHelper","getRadioButtonUnansweredErrorMessage","daekningsTilpasningsPanel","$KmAArlig","empty","disableAutoBind","el","onSelect","currentTarget","selectedIndex","daekningsTilpasningsPanelBasics","daekningsSubscriptions","subscribeChanged","beregnOnChange","change","handleBlueBoxForSelectedCoverage","getDisplayTextForBlueBoxForCarCubeDiscount","acceptNewPrice","getCurrentWizardBodyJElement","updateWizardSubtext","find","onEntryFail","loadHtml","pageBodyElementId","showInlineMessage","getSections","updateWizardSubtextFromModel","acceptPriceAndProceed","actionSettings2","onValid","updateTotalFields","alt","nettoPraemieTotalHasChanged","yearIsEqual","makeIsEqual","modelIsEqual","motorIsEqual","always","ignored","response","onInvalid","textCode","boat","maxTradeValue","minTradeValue","maxCombinedHorsepower","boatTypeMotorboat","boatTypeSailboat","boatTypeJetski","boatTypeRIB","boatMotorType","settings","AddTrailerToCart","showMessage","gotoNextProduct","addProdukt","BoatType","MotorType","HullMaterial","NumberOfMotors","TradeValue","Motor1Year","Motor2Year","CombinedHorsepower","disable","ResetModel","cache","lazyLoad","getText","validateImmediately","syncProduct","loadPage","supplerendeInfo","afterOnLoadDone","UseMotor1ModelForMotor2","BoatTextCodes","BoatTrailerRegNrInvalid","BoatTrailerStelNrInvalid","stelNr","erRegNrBoatTrailerValid","regNr","erStelNrBoatTrailerValid","motor2Select","Motor2Model","Motor1Model","match","LovpligtigAnsvar","SailPeriodThroughTheYear","generelt","radioButtonUnansweredErrorMessage","setNumberOfMotorsSelectInput","isWorking","ifws_digits","selectNumberOfMotors","selectMotor1Year","selectMotor2Year","NumberOfClaimsBoat","CombinedHorsepowerToLow","CombinedHorsepowerToHigh","TradeValueToLow","TradeValueToHigh","loadBoatEntry","currentStep","setProgress","goTo","detaljer","syncV2","CampingvognProdukt","CaravanTextCodes","CaravanNotFound","ifwsCampingvogn","isNaN","RegNrCampingvogn","UnderwritingAccept","StelNrCampingvogn","MaerkeCampingvogn","ModelCampingvogn","WeightCampingvogn","RegNrNotUsed","ManuallyEnteredVehicleData","AllowManualRegistrationNumber","IsCampingvognStationaer","innerDone","UpdateModelWithBasicInformationForManualLicensePlateMode","RegNr0","allowInvalidRegNr","unknownRegistrationNumber","prop","removeAttr","maxAge","maxWeight","jFormName","quickFormSubmitFunction","validateRegistrationNumber","findCampingvogn","InvalidNumberPlateValidation","InvalidButManuallyAcceptedNumberPlateValidation","backupSelections","handleCheckoutManual","handleProductManual","removeClass","submitEntryFail","campingvognInfo","selectionsModel","regNrValue","regNrElement","enableSelectYear","WeightToLow","WeightToHigh","RegNrInvalid","erRegNrCampingvognValid","thisYear","supplerendeInfoCampingvogn","productType","searchRegNr","modelRegNr","BrandInvalid","StelNrInvalid","erStelNrCampingvognValid","DisplayRegNrGroup","enable","wizardStepCurrent","title","logMessage","priceIsEqual","weightIsEqual","ButtonContinueNewPrice","logData","manualCaravanYear","manualCaravanBrand","manualCaravanWeight","displayError","inputCpr1","inputCpr2","fejlKode","defaultText","hideErrors","fields","x","field","applyCprValidationRules","$inputCpr1","$inputCpr2","minlength","validateCpr1","cpr1","getElmById","textKey","getClientTextKey","canParseCprToDate","validateAge","rule18","role","FormatKey","Over99Key","under18Key","personHasAnUndefinedAge","personHasAgeOver99Years","personIsUnderTheAgeOfEighteen","setupErrorLabel","appendTo","setUpCprKeyPressOrder","keyPressStartedInCpr1","hasValidFormat","focus","getAgeFromBirthDate","birth","today","nowyear","nowmonth","getMonth","nowday","getDate","birthyear","birthmonth","birthday","ageMonth","cpr","containsNumbersOnly","day","slice","month","validDate","getFullYearDateFromCpr","canParseFullCprToDate","getFullYearDateFromCompleteCpr","RegExp","test","insertFullYearOnCpr","century","birthYear","substr","centuryDigit","yearDigit","getCentury","birthYearYy","currentYearYy","webShopMessageStatus","NoFail","SystemFail","OperationFail","EntryException","keyCodes","BACKSPACE","DELETE","DOWN","ENTER","LEFT","RIGHT","SPACE","TAB","UP","AndenBegunstigede","AndenBegunstigedePerson","TrailerTextCodes","TrailerNotFound","singleActionButton","isChanging","isPending","isInvalidated","customValidation","onSuccess","actionName","customValidator","fail","setIsChanging","killPending","awaitsUserAction","setTimeout","validateForms","onFail","tryFocusOnFirstError","waiting","MultiControl","dependencyModel","isSingleResult","isLL","isSelect","isLLorSelect","isText","isStreetNameSearch","previousValue","_prop","children","jDisplay","optionType","jList","jParent","ifws_control","dependencyId","disableOptionIfLessThan","autoSelect","pageLoadValidate","runValidationOnPageLoad","dependencyVal","result","lazyLoadCriteria","lastValue","_selectedIndex","isAutoSelected","validateEntry","lastValidEntry","isReady","ignoreOnValidation","ignoreFirstLine","isDisplayingOptions","timeoutId","isDisabled","disabled","evaluate","ODDCASE","resetDependents","hideControl","addClass","reset","reset2","loader","cancel","jQuery","defaults","errorClass","forceRetract","resetText","emptyList","updateDisplay","setText","placeholder","_index","isReset","_result","ifws_control_preValue","updateBackgroundText","toggleClass","updateDependencyValue","_checkDep","_jDependency","_form","unregisterPending","makeReady","className","registerPending","inputText","_data","requestType","latestUrl","requestUrl","addDataToUrl","streetNameSelected","side","per_side","q","fuzzy","caretpos","setWorking","actionId","externalUrl","contentType","noAutoDisable","StreetNameSelected","setNotWorking","selectorDefaultText","attributes","getNamedItem","itemText","forslagstekst","criteriaIndex","forceExtend","tryAutoSelect","onChange","_jBackgroundTextField","style","minWidth","offsetWidth","_attr","validateLazyUpdate","lastKeyCode","lazyLoadUpdate","css","isDelayingUpdate","isIE","container","scrollTo","navigator","userAgent","ifws_showSpinner","_jTarget","_div","position","my","at","of","img","ifws_hideSpinner","triggerChange","_timeout","onEntryChange","clearTimeout","_code","_jDependencyId","_jDependent","pendingWork","pendingWorkTask","_Update","onDependencyChange","which","charCode","validationActionSettings","isValidating","ifws_customCheck","enableMultiControl","addMethod","bindingHandlers","selection_value","valueAccessor","allBindingsAccessor","bindingContext","utils","registerEventHandler","date_value","allBindings","observable","_date","parseDate","isDateReadyforValidation","text_value","updateRadio","updateCheckbox","updateUnboundRadioAndCheckboxes","stopPropagation","_jElm","_temp","boolRadio","updateElement","Element","multiRadio","unwrap","valueUnwrapped","boolCheckboxSimple","boolCheckbox","enableSlider","jResult","parentElement","steps","convert","revert","defaultStep","ifslider","slider","range","slide","ui","UpdateResult","arg","_observable","_pos","delimiter","split","CollItem","WebShopCollection","itm","Error","coll","_collItem","isSorted","addOrUpdate","fullEntry","byIndex","fullEntryByIndex","getCount","removeAll","sortPair","a","b","clear","ensureSort","sort","noChildren","select","meta","br","link","extenders","validateFormat","formatRegEx","subscribable","savedValue","peek","latestValue","oldValue","isVisible","display","parentNode","WEBSHOP_WILLRENDERHTML","WEBSHOP_RENDEREDHTML","WEBSHOP_PAGELOADED","GTM_WEBSHOP_PAGELOADED","OPSIGELSE_HURTIGST","OPSIGELSE_EJERSKIFTE","CANCELLATION_MONTH_UNKNOWN","TILBUD_UPDATED","PRODUCT_UPDATED_FROM_OVERBLIKK","AJAX_FAIL","PRICE_CHANGING","PRODUCT_DAEKNING_UPDATED","REMOVE_PRODUCT","REMOVE_PRODUCT_BY_ID","ADD_PRODUCT","PRODUCT_BASEPRAEMIE_UPDATED","CUSTOMER_UPDATE_ENIGMA","pageLoadWait","condition","waitForCallCompletion","onPageLoaded","cartContainsIndboOrHouse","ProduktOverblikV2","validCubeInformationForCar","showLargeCubeDiscountInformationForCar","selectedDaekning","showSmallCubeDiscountInformationForCar","renderHtml","$el","reg","ifparams","hasAttributes","getForm","getClosestForm","closest","isScrolledIntoView","elem","docViewTop","docViewBottom","height","elemTop","errorElement","addValidationRulesToForm","jQueryForm","rulesToAdd","messagesToAdd","rulesJson","extend","doneValidating","isValid","_errorFields","isResult","_ctrl","_isValid","_pending","_elm","_otherPendings","addValidatorMessage","rule","message","validatorMessageElement","parentsUntil","submitted","lastElement","clearRule","registerPendingInput","unregisterPendingInput","selector","bindSpecificNodes","dataBindValueArray","includes","dataFor","bindAllWithExceptions","hasClass","bindAll","ignoreElementName","bindNodesToIndboProduct","scope","bindNodesToModel","IndboModel","bindNodesToRejseProduct","RejseModel","bindNodesToUlykkeProduct","UlykkeModel","bindNodesToActiveProduct","bindNodesToKunde","dataBindingModelKey","nodes","querySelectorAll","node","findNodesAndBindToModel","domElement","bindToActiveProduct","optionalBindings","bindToModel","bindByDataIdToActiveProduct","getElmByDataId","bindNodeToModel","bindings","orig","def","observer","beforeObserver","ignoreZero","defaultUndefined","existingVal","koMap2","opts","options","valueOrDefault","newObservable","newObservableExists","Array","prototype","arguments","correctStringDate","date","getNegPrice","ceil","roundPrice","getPriceInterval","currentValue","getPrice","getNumber","capitaliseFirstLetter","string","charAt","removeTimeFromDate","setHours","setMinutes","setSeconds","setMilliseconds","stringToBool","booleanToYesOrNo","bool","stringToYesNo","getElmWithParent","validPrefix","getClientTextKeyPrefix","_prefix","getSelectSelector","getIdSelector","getSelectElm","getElmByClass","getElementsByClassName","ie8Disabled","setCheck","check","uncheck","setCheckAndChange","checkAndChange","uncheckAndChange","xjElement","collapseElement","uncollapseElement","jContainer","time","jOld","progress","extend2","when","Progress","setBusy","setNotBusy","keepFocus","fade2","fadeIn","fadeOut","getJSONDate","getJSONStringDate","d0","appName","_found","jSel","setFocus","tabIndex","flag","eventName","method","one","canHaveChildren","execFunction","functionName","context","namespaces","func","pop","getObject","newObj","testObject","k","v","convertArrayToOptions","array","jSelectElement","_id","setupPropertyAsOptions","indexZeroText","$element","items","selectableOptions","isSelected","convertArrayToPriceIntervalOptions","intervalOptions","prevItem","setIntervalProperty","getParameterByName","results","exec","decodeURIComponent","debounce","wait","timeout","addTrackingProperties","addressLine1","gade","husnr","etage","sideDoerNr","line","addressLine2","postnr","by","addressSingleLine","sidedoernr","streetPart","cityPart","WebShopLoader","dataType","version","callId","canceled","isBusy","ajax","hiddenSpinner","largeSpinner","isSuccess","systemFail","onIgnored","doAlways","reportFail","validatePrio","_call","calls","unregCall","redo","resp","toISOString","support","cors","ajaxError","jqxhr","thrownError","acc","crossDomain","async","xhrFields","withCredentials","beforeSend","xhr","sessionCounter","setRequestHeader","InitialReferrer","KampagneCode","dataVersionKey","spinnerElementId","showSpinner","stateManager","initFromLastResponse","kampagneCode","getKampagne","getDataVersionKey","getSessionCounter","getPage","setPage","getResponseHeader","preValidateMessage","extractDataFromResponse","resolver","_dontContinue","postValidateMessage","onCommunicationFail","kundeInfo","hideSpinner","SimpleJsonSender","webShopMessage","kort","child","hasChanged","prev","recordPrevValue","prevValues","BlockReason","cprYear","cprMonth","cprDay","ctrl","birthDate","Foedselsdato","adresse","By","postnrnavn","vejnavn","dør","y","longitude","latitude","Latitude","Longitude","updateCprAndAlderWithFoedselsdato","parsedBirthDate","Fornavn","Efternavn","BankKontoNr","sixChrDate","CancellationConsentNeeded","CoInsuredCancellationConsentNeeded","CancellationConsent","CancellationCoInsuredPowerOfAttorneyConsent","AdressChangedDueToAuthentication","CprChangedDueToAuthentication","UseCustomerAdressForCoInsured","Id","AddressLine1","AddressLine2","AddressSingleLine","LoggedInUserMessage","MobilNr","InitialMobilNr","EmailAdr","InitialEmailAdr","PBS","cpr2","FoedselsdatoShortStr","HarFaaetHjaelpAf","MarketingMail","MarketingSMS","AccepterMarketing","BankRegNr","BetalMaanedligt","IsMedforsikret","BetalingsintervalStr","ShowPurchaseBlockedMessage","HouseAddressIsComplete","GetEnigmaFormattedObject","CallPushUpdate","ifws_expectRecaptcha","callPushUpdateAwaitGrecaptcha","PushUpdate","Updated","shouldBeregn","enigmaObject","beregn","UpdateFailure","showContactPanel","PushUpdateSuccessHandler","validStep","recalculatePrice","hasOwnProperty","personData","UpdatedTilbud","UpdatedActiveProduct","JSONFilter","ifwsPriser","makeBeregnCall","query","onlyFetch","activeBeregningsKey","HandleIncomingCorruptPrices","ReberegnCounter","ReberegnMaxValue","logInfo","addPraemier","updatePremiesWithAddOnSelection","updateDaekning","updateTilvalg","updateTilvalgCustomSettings","PublishGTMPriceChangingEvent","pendingBeregn","showAnbefaletInUI","Praemie","Praemier","observableArray","activeProductId","ShowIkraftDatoNoteForkortet","Number","ShowIkraftDatoNoteVedIkkeMaaned","ShowCancellationMonth","ShowStartDateMonth","HasSelectedExistingInsuranceFlag","IkraftDatoStr","_str","TotalPremiumMonthly","MdEfterNettoPremieTotal","toLocaleString","TotalPremiumYearly","dispose","HentPriser","hasPendingBeregn","syncInitiated","delay","HentPriserViaServer","PublishGTMPriceChange","CreateData","SamletTitel","DoedsfaldSum","addons","PriceExists","HandleLocalCorruptPrices","corruptedPrices","Tilbydes","corruptedPricesIncoming","getPraemie","_p","_done","Anbefalet","selectDaekning","ModelNavn","_prisId","MdEfterNettoPremieTotalStr","_aarsPrisId","NettoPraemieTotalStr","_anbefaletId","shouldShow","shouldShowAnbefalet","toggle","parents","_panelId","_jPanel","Tilvalg","_tilvalg","_daekning","index2","tillvalgItem","_isSelectable","_valgt","daekningItem","pIndex1","pItem","pAddOnIndex","pAddOnItem","tilvalg","daekning","harTilvalg","Titel","indexTilvalg","tilvalgItem","isSelectable","mdPris","valgt","included","mandatory","tillvalgItemName","matchingDaekning","Included","Mandatory","reduce","all","preamieItem","addonItem","updateAddonElement","selected","_tilvalgId","tilvalgsPrisId","includedLabel","daekning2","daekninger","daekningValgt","name2","indexX","itemX","item2","updatePrices","updatePriceStrings","jSR","SelvRisici","disableSelvrisikoSlider","DefaultSelvrisiko","skipUpdate","bottomDataUpdate","Tilbud","handleCustomerBenefitLevelChanged","handlePriceChangedDueToCpr","updateAddress","handleSyncV2FailureCallback","getJSON","endpoint","getSyncEndpoint","tilbud","ShowDataQlMessage","displaySimpleMessage","DataQlChangedShortMessage","DataQlChangedLongMessage","setCustomerBenefitLevelChanged","showingPriceChangedDueToCprMessage","ShowPriceChangedDueToCPRChangeMessage","closedMessage","okText","ok","escape","load","selectDaekning2","setDaekning","_daekninger","showQuestion","LangTekst","cancelText","pendingStepNo","BasePraemie","produkt","NettoMaanedsPrisOther","NettoPrisOther","BruttoPrisOther","RabatOther","Rabat1AarOther","BruttoPraemieTotalStr","NettoPraemieStr","Md1NettoPremieStr","MdEfterNettoPremieStr","Md1NettoPremieTotalStr","RabatTotalStr","Rabat1AarTotalStr","_bpa","_npm","_npa","_rabat","_rabat1Aar","Recalculates","BruttoTilvalgsPris","NettoTilvalgsPris","Rabat","Rabat1Aar","NettoPraemie","BruttoPraemieTotal","BruttoPraemie","Md1NettoPremieTotal","Md1NettoPremie","MdEfterNettoPremie","RabatTotal","Rabat1AarTotal","ShortTitle","SubTitel","IsKampagneRabat","Farvekode","IsSingle","HasRabat1Aar","HasRabat","RabatBruttoMinusNetto","RabatBruttoMinusNettoStr","HasRabatBruttoMinusNetto","RabatTotalText","KampagneRabatText","textKampagne","_d","DaekningModel","_harTilvalg","harValgtTilvalg","_harValgtTilvalg","_alleErIncluded","praemie","FamilieProdukt","FamiliePraemie","Boligtype","BoligarealKvm","Kvhx","CykelSum","NedlagtLandbrug","CykelIncluded","baseInit","Sikring","GisAB","GisCD","BoligAB","BoligCD","HusProdukt","TidligereVandskade","Kaelder","UdhuseKvm","BoligtypeLookedUp","Tagtype","Kasko","Svamp","HusSuper","OuterWallType","Roerstandard","Bindingsvaerk","Husbuk","HarSvampDaekning","MatrikelNr","Traehus","Toilets","Floors","HeatingType","BasementType","BasementUsedAsResidential","LivingInTheHouse","Rented","UsedForBusiness","BusinessType","MoreThanHalfUsedForBusiness","DataLo","HasCoverageLimits","HouseType","HouseTypeLookedUp","FloorsOriginalValue","OldFarmOrOldCommercialHouse","SoftRoofHasFireProtection","JustBoughtTheHouse","PurchasePrice","PreRegisteredPurchasePrice","BusinessTypes","HarKrybeKaelder","RoofTypeOriginalValue","tagTyper","heatingTypes","ToiletsValue","BasementTypes","TagtypeStr","ToiletsStr","HeatingTypeStr","BasementTypeStr","FloorsStr","OldProperty","_now","getBestDate","_opfoerelsesAar","showSvampDaekning","houseIsOld","hasKrybkaelder","RejseProdukt","Vintersport","UlykkeProdukt","Alderstrin","Samlever","CustomerIsTheInsuredPerson","CustomerIsNotTheInsuredPerson","DisplayUlykkeKarensInfo","DaekningHvornaar","Beskaeftigelse","BegunstigelseAfNaermeste","BoatProdukt","handleSuccessForFirstStep","Length","BoatName","HullNumber","Motor1IdNumber","Motor2IdNumber","HasAuxiliaryMotor","AuxiliaryMotorIdNumber","AuxiliaryMotorYear","HasBoatTrailer","HasBoatTrailerRegNr","BoatTrailerRegNr","BoatTrailerStelNr","IsBasisCoverage","IsExtraCoverage","BoatAge","MotorTypeString","ModelString","str","lastSpace","maxLength","lastIndexOf","ShowNumberOfMotors","boatModel","HundProdukt","KaldeNavn","GetStringAsDate","dateString","isDate","setMonth","DaysBetweenDates","date1","date2","getTime","UdvidetAnsvar","Livsforsikring","Vaerdi","BirthPlace","HasCurrentHealthInsurance","NumberOfInjuriesLast3Years","Fareklasse","RaceUndtagelser","FoedselsDato","IDNummer","OnlyLiability","GetBirthDateAsDate","GetIkraftDatoAsDate","AgeInYears","foedselsDa","ageDifMs","ageDate","getUTCFullYear","CoverageAvailableForThisDog","DaysBetweenBirthAndToday","DaysBetweenBirthAndIkraftdato","flags","PraemieStr","aggregatedCartInformation","EDIInitiated","EDIActive","DisableCustomerNameElements","ShowCustomerNameElements","ShowLoggedIn","ShowLoggedInUserInfo","ShowCustomerElements","ShowEmailPhoneOverview","PaymentServiceExists","UserClickedChangeEmail","UserClickedChangePhone","UnauthenticatedCprNr","ShowEmailEditMode","ShowPhoneEditMode","showLoggedInUserAddressChangedFor","showLoggedInUserAddressChangedNotification","showLoggedInUserAddressChangedNotificationFunc","productsInCart","IsExistingCustomer","PriceAfterAuthentication","PricePriorToAuthentication","IsPurchasingOrFinished","TilbudNr","PraemiePerMonth","Discount","CartCount","Flags","NumberOfClaimsCarAndMc","MinAntalHusSkader","FrysKundeInfo","DataQl","Order","PreferredLoginMethod","onlyMopedInShoppingCart","produktOverblik","currentOverblik","toLocaleLowerCase","produktSubType","syncWithCallback","rejecter","ServerGeneratedCheckoutMarkup","priceSummaryDataUpdate","ProduktTyper","CurrentTime","serverTime","gtmTrackingMetaData","syncActiveProdukt","fetchTilbud","syncTilbudAndActiveProdukt","fetchTilbudCheckout","UpdatedTilbudAndActiveProduct","setActiveProduct","ProductName","onClientFail","_url","produktObject","newProduct","LivProdukt","KnallertProdukt","MotorcykelProdukt","TrailerProdukt","findBy","opretNytProdukt","ShopPageUrl","customInfo","WebShopWizard","lastStep","lastStepNo","historyAdded","redirectUrl","SetCurrentStepNo","RequiredProgress","dataValidate","goToMaxiCart","goFwdActionMaxiCart","goFwdAjaxCall","loadMaxiCart","goFwdAndRedirectToProduct","ifws_shopUrl","goFwdRedirectAction","appInsightsWS","trackTrace","goFwdAction","setPreAjaxBannerCall","loadStep","goToAction","_validateForm","doneAction","redirect","getCurrentStep","loadStep2","jSv","updateStepColors","loadFullWidthFooter","getFullWidthFooterText","stepNr","isPartner","history","pushState","customAction","onpopstate","oldStep","jOSv","_stepNummer","getCurrentWizardHolder","Steps","WizardStep","StepNo","Name","PendingStepNo","onLoaded","saveProgress","emailUnexpectedData","emailAddressElement","infoBoxElement","toggleElement","emailAddress","showInfoBox","containsUnexpectedData","emailEndsWithUnexpectedValue","emailContainsUnexpectedValue","MultiControlAddress","user","setAddressId","AddressId","dawaautocompletev2","prefillValue","open","setPersonModel","tekst","ProduktNavn","textToDisplay","elm","elmBlueBox","innerHTML","innerHtml","getDefaultDaekning","createAppRoot","imagePath","onFailCustomAction","clearBusy","jEntry","displayFailInfo","clearFailInfo","getUrlVars2","initialCommand","kampagne","setKampagne","_type","beforeRender","getTopClass","bLoader","runAction","showPageMessage","click","_selected","setWizard","getActiveAreaJElement","App","setupAdvancedMessageHandling","globalSpinningElementId","updateCartPanelButton","loginElm","loginUserInfoElm","UpdateDetails","PricesEstablishedForTracking","returnPageUrl","activeProductInfoPrice","overblickItemCalculated","forsikringerIKurvPanel","isBound","checkoutValidate","localStorage","isFail","showErrorMessage","AdvancedMessageHandling","isCollapsed","personligInfo","_jFormX","setInterval","persOplElm","persOpProlElm","tilbudTotal","activeProductCustomerPrice","displayInfoAboutDaekning","displayMessageButton","Action","notifyIfChangedAddress","_afvist","customShowLabel","customUnhighlight","clearInlineMessage","cartUrl","_step","addOnIndex","addOnItem","largeLoaderImages","setSourceForCoveragePriceSpinner","_name","blockMessageElement","scrollIntoView","behavior","payerOfInsurance","_jAddress","CopyKundeAdressToMedforsikret","kElm","cleanNode","personligInfo1","isMedforsikretGrpElm","detailElement","medforsikretGroup","ClearMedforsikretAdress","FillMedforsikretAdress","mfCpr1","mfCpr2","setupCprValidationBasics","initialCprValidation","lastValidatedCpr","control","cprToValidate","getCprFromInput","cpr1ToValidate","getCpr1FromInput","cpr2ToValidate","getCpr2FromInput","getBirthDate","UpdateAge","validateKnallert","isPayerOfInsurance","startsWith","ValidateBirthDateRelatedRulesForLiv","ValidateBirthDateRelatedRulesForUlykke","validateAtServer","getCprValidationSettingsForMedforsikret","setupKnallertAnvendelseValidation","enableCPRValidationMedforsikret","displayMedforsikretGroup","isMedforsikretNej","shopHeader","validateAll","returnValue","medarbejderkodePanel","maxlength","kundePanel","hideForsikredeCprGroupSection","insuredHeadline","cartOverviewRefresh","removeFromWizzardStep1","cartOverview","removeProduct","_buttonTxt","_jPageButton","gotoProduct","Aktiv","InMenu","LangTitel","_select","bottomSummaryClick","cartStatus","NumProductsInCart","prisOpsummering","vaelgAndenAdresse","_jPostnr","_jGade","_jHusnr","_jEtage","_jSideDoer","disableCpr","validateMopedRegnr","defer","Deferred","promise","getPersonToUpdateInfoFor","personToUpdateDataFor","blur","setupAddressAutocomplete","FindTilvalgObject","modelNavn","_model","FindTilvalgObject2","praemieModelNavn","_praemieModel","dependencyElm","dependentElm","disableOnChecked","uncheckOnDisable","checkOnDisable","disableOnUnchecked","CPRGroupEnabled","elmGroup","interactableGroup","getCprValidationSettingsForKunde","enableCPRValidationKunde","$SelvrisikoSelect","latestDaekningDefaultSelvrisiko","defaultSelvRisiko","selvrisikoInt","addOptions","lastSelvrisikoString","newSelvrisiko","newSelvrisikoString","inArray","modelName","addOnModelProperty","updatePricesOnTilvalgChange","setupTidligereSelskab","selectOpsigelsesMaaned","harTidligereSelskabGroup","harIkkeTidligereSelskabGroup","KortNavn","setupOpsigelse","setupOpsigelseTypeDataChangeHandler","ifws_date","_msg","_husNow","mesg","updateIkraftDato","_month","cultures","da","calendar","months","names","clearTidligareSelskabModel","opsigelseTypeString","OpsigelseMaanedVedEj","validateIkraftDato","GetCorrectAddressControlName","_disabled","enableAddressAutocomplete","urlToUse","ifws_shopHostUrl","encodeURI","adressebetegnelse","ProcessDawaAddressForCustomer","ProcessDawaAddress","navn","CopyDawaDataToCoinsured","backendCustomerAddress","err","UpdateCoinsuredAddress","backendAddress","ProcessDawaAddressForCoinsured","ProcessDataReturnedByDawa","displayGenberegnPanel","ignoreValidateAftale","_force","_jButton","gotoFront","removefromCartAndContinue","_actionSettings","_content","long","ignoreContact","includeCartAction","customButtonText","customButtonAction","customButton2Text","customButton2Action","_jHtml","_jBody","_jFooter","_contactLabel","removeFromCartAndContinueEvaluate","clearMessage","extractDynamicTextForPanel","showAddressInformationMessage","hideAddressInformationMessage","showAgeMessage","isValidationError","elmToStyle","hideAgeMessage","handleShowMessage","visible","_app$root","_app$root2","defaultMessage","submitFunction","entryPageSubmit","knallert","hasSearchRegNr","allowManualRegistrationNumberComputed","regNrNotUsedComputed","shouldShowEditableRegNrInAdditionalInformation","AnvendelseInt","shouldShowStelNrAndMaerkeInAdditionalInformation","StelNr","Aargang","anvendelse","Stelnr","resetDmrModel","updateStepOneHeader","validateRegNr","updateSelectedKnallertType","ukendtRegNrPanelInfo","updateWizardSubtextFromDMRModel","GetYearList","listDate","$Aargang","selectedYear","currentYear","initializeKnallertRegNrInfoElementValidation","knallertRegNrSubscription","intAnvendelse","textContent","invalidRegNrMessage","knallertInfo","knallertAnvendelseSubscription","SupplerendeManual","initializeKnallertMaerkeInfoElementValidation","erStelNrValid","initializeKnallertStelNrInfoElementValidation","initializeRegNr","supplerendeInfoKnallert","knallertMaerkeSubscription","setupVaelgAndenKnallertButton","MatchRegExForKnallert","regexPattern","patternUsage","Boolean","currentUsage","data2","handleNewPricePanelBinding","panelName","updatedKnallertModel","createActionSettings","getModelInData","UpdatedKnallertModel","KnallertHasChanged","incomingActionSettings","GetModelFailure","mopedErrorMessage","getErrorMessageForMopedAgeValidation","alder","anvendelseInt","typeOfInsuredPerson","birthDateIsInTheFutureErrorMessage","getInfoMessage","InsuredPerson","forsikredeAgeIsEqualToFortyNineErrorMessage","InfoState","activeProductAndenForsikrede","insuringEqualToFortyNineAndIsCustomer","insuringEqualToFortyNineAndInsuringOther","ValidState","birtDateIsInTheFuture","insuringYourselfUnderAgeOfEighteen","insuringCustomerOverOrEqualAgeFifty","ValidStateCustomer","insuringAnotherPersonUnderAgeEighteen","insuringAnotherPersonOverOrEqualAgeFifty","ValidStateBeneficiary","GetErrorMessageForCustomer","GetErrorMessageForForsikrede","activeProductSamlever","activeProductAldersTrin","_birthDate","insuringUnderAgeEighteen","insuringOverOrEqualAgeFifty","insuringEqualToFortyNine","ifwsMotorcykel","MotorcykelModel","MusikSum","AndetSum","MotorCykelHandelsVaerdi","ErMotorcyklenLeaset","StelNrMotorcykel","_key","RegNrMotorcykel","regNrMotorcykel","variant","makeNumber","isMaerkeForsikring","hasMaerkeFordele","vehicleGroup","ccm","Price","IsMaerkeForsikring","HasMaerkeFordele","VehicleGroup","Ccm","fileName","antalSkaderMC","regexp","pnr","buildAntalSkaderMotorCykelOptionList","setupAntalSkaderMotorCykelSelectList","setupAntalSkaderMotorCykelSelectListChangeEvent","enableYearMakeModelSelects","motorCykelInfo","selectionsVariant","enableSelectVariant","enableSelectModel","enableSelectMake","c0","supplerendeInfoMotorcykel","harAndetSelskab","selectSelskab","selectAndensSelskab","enableAndetSelskab","erMotorcyklenLeaset","erStelNrMotorcykelValid","lookedupMakeNumber","manualCarYear","manualCarmakeNumber","manualCarBrand","manualCarModel","manualCarVariant","submitForm","_createSubmitFunction","submitButton","_this","_shouldAttach","_attachIfNeeded","enabled","script","head","documentElement","_waitForGrecaptcha","_this2","ifwsTrailer","RegNrTrailer","pInt","AarMedEgenTrailer","HandelsVaerdiTrailer","StelNrTrailer","MaerkeTrailer","ModelTrailer","WeightTrailer","erRegNrTrailerValid","trailerInfo","findTrailer","supplerendeInfoTrailer","erStelNrTrailerValid","erHandelsVaerdiTrailerValid","handelsVaerdi","marketValueIsEqual","manualTrailerYear","manualTrailerBrand","manualTrailerWeight","ChildIs15YearsOld","birthDateIsInTheFuture","ValidStateCoinsured","AdultAgeOver99","AdultAgeUnder18","AdultAgeOver99ForCustomer","CustomerUnder18YearsOld","ChildAgeOverOrEqualTo18","AdultAgeOver99ForForsikrede","ForsikredeUnder18YearsOld","AgeOver99","AgeUnder18","GetFutureBirthDateErrorMessage","CustomerIsOver99YearsOldMessage","CustomerIsUnder18YearsOldMessage","GetErrorMessageForCoinsured","MedforsikredeIsOver99YearsOldMessage","MedforsikredeIsUnder18YearsOldMessage","ForsikredeIsOver99YearsOldMessage","ChildIsYoungAdult","ChildIsYoungAdultMessage","ForsikredeIsUnder18YearsOldMessage","ChildIsOver18YearsOldMessage","ChildIsOver18YearsOldRemoveProductMessage","activeProductAlderTrin","cprForSamleverIsTheSameAsCustomerErrorMessage","ChildIs15YearsOldMessage","widget","jsonp","XMLHttpRequest","baseUrl","minLength","autoFocus","stormodtagerpostnumre","_create","targetType","autocompleteWidget","adgangsadresseid","skipVejnavn","retries","get","cb","stringifiedParams","success","getAutocompleteResponse","currentCaretPos","dataSource","startfra","adgangsadresseRestricted","isArray","processedResult","memo","row","stormodtagerpostnr","stormodtagerEntry","supplerendebynavn","stormodtagerpostnrnavn","rows","label","selectionStart","autocomplete","_trigger","autocompleteOptions","source","request","term","edi","selectionEnd","caretPos","currentCaretpos","activeElement","Modal","$backdrop","isShown","remote","DEFAULTS","backdrop","keyboard","_relatedTarget","that","Event","relatedTarget","isDefaultPrevented","proxy","transition","body","enforceFocus","end","emulateTransitionEnd","hideModal","has","removeBackdrop","animate","doAnimate","old","modal","option","$this","_typeof","Constructor","noConflict","$target","bootbox","templates","locale","closeButton","exports","_t","locales","en","processCallback","dialog","isFunction","collection","iterator","mergeArguments","properties","argn","mapArguments","mergeButtons","labels","validateButtons","createButtons","createLabels","buttons","argument","allowedButtons","alert","onEscape","confirm","prompt","total","t","getKeyLength","button","sanitize","buttonStr","callbacks","before","prependTo","after","callbackKey","setDefaults","hideAll","OK","CANCEL","CONFIRM","de","es","fi","fr","it","nl","pl","ru","zh_CN","zh_TW","_$","$cluetip","$cluetipInner","$cluetipOuter","$cluetipTitle","$cluetipArrows","$dropShadow","imgCount","cluetip","js","metadata","cluetipContents","cluezIndex","isActive","closeOnDelay","zIndex","insertionType","insertionElement","insertBefore","dropShadowSteps","dropShadow","opacity","left","backgroundColor","tipAttribute","attribute","ctClass","cluetipClass","splitTitle","local","hideLocal","tipHeight","wHeight","sTop","posY","tipY","mouseY","baseline","linkLeft","posX","mouseX","winWidth","tipParts","tOffset","topOffset","lOffset","leftOffset","defHeight","tipInnerWidth","width","tipWidth","linkWidth","tipTitle","titleAttribute","activate","onActivate","cursor","hoverClass","pageX","pageY","positionBy","pY","cluetipShow","tpl","$localContent","localCluetip","wrapInner","clone","ajaxCache","ajaxSettings","waitImage","ajaxProcess","complete","browser","opera","bpY","truncate","$truncloaded","doNothing","showTitle","sticky","$closeLink","closeText","closePosition","cluetipClose","mouseOutClose","hoverIntent","over","out","hover","unbind","direction","overflow","outerHeight","arrows","bgY","fx","openSpeed","bgiframe","delayedClose","onShow","inactivate","activation","clickThrough","mouseTracks","evt","tracking","trackX","trackY","mousemove","mouseover","sensitivity","interval","ct","c","debug","onsubmit","inputsAndButtons","cancelSubmit","submitHandler","handle","hidden","currentForm","pendingRequest","formSubmitted","focusInvalid","warn","removeAttrs","command","staticRules","existingRules","normalizeRule","filtered","normalizeRules","metadataRules","classRules","attributeRules","param","expr","blank","filled","unchecked","makeArray","unshift","constructor","n","duplicateValid","groups","errorTextClass","validClass","errorContainer","errorLabelContainer","ignore","ignoreTitle","onfocusin","lastActive","focusCleanup","blockFocusCleanup","unhighlight","addWrapper","errorsFor","onfocusout","checkable","optional","onkeyup","onclick","highlight","findByName","dateISO","digits","creditcard","equalTo","accept","rangelength","autoCreateRanges","labelContainer","errorContext","containers","valueCache","pending","invalid","delegate","eventType","validateDelegate","invalidHandler","dontShowErrors","checkForm","errorMap","triggerHandler","showErrors","checkFormDuplicates","_valid","prepareForm","elements","currentElements","cnt","innerElm","offsetHeight","getClientRects","validationTargetFor","prepareElement","numberOfInvalids","toHide","errors","errorList","successList","grep","defaultShowErrors","resetForm","objectLength","count","size","findLastActive","rulesCache","not","_validateDisabled","_validateDisabledGroup","toShow","ruleName","dependencyMismatch","parameters","methods","formatAndAdd","customMetaMessage","customMessage","m","findDefined","theregex","toToggle","wrapper","showLabel","validElements","invalidElements","idOrName","generated","wrap","errorPlacement","insertAfter","getElementsByName","getLength","nodeName","depend","dependTypes","startRequest","stopRequest","classRuleSettings","dateDE","numberDE","addClassRules","classes","getAttribute","depends","keepRule","parameter","transformed","previous","originalMessage","port","nCheck","nDigit","bEven","cDigit","pendingRequests","ajaxPrefilter","_","abort","special","focusin","focusout","original","fix","handler","teardown","removeEventListener","standard","calendars","englishName","nativeName","language","numberFormat","percent","currency","pattern","symbol","firstDay","days","namesAbbr","namesShort","AM","PM","patterns","g","D","T","f","F","M","Y","addPlaceholder","ph","ispass","span","border","background","lineHeight","paddingLeft","parseFloat","valueEmpty","checkPass","passPlacehold","inputPlacehold","feature","fileapi","files","formdata","FormData","hasProp","doAjaxSubmit","ajaxSubmit","captureSubmittingElement","clk","offsetX","clk_x","clk_y","offsetY","offsetLeft","offsetTop","msg","postError","attr2","jquery","$form","iframeSrc","veto","beforeSerialize","traditional","qx","formToArray","semantic","extraData","beforeSubmit","clearForm","includeHidden","oldSuccess","replaceTarget","status","oldError","oldComplete","hasFileInputs","mp","multipart","fileAPI","shouldUseFrame","iframe","closeKeepAlive","fileUploadIframe","serializedData","part","serialized","len","deepSerialize","processData","uploadProgress","upload","loaded","lengthComputable","o","fileUploadXhr","removeData","$io","io","sub","timedOut","timeoutHandle","deferred","iframeTarget","aborted","responseText","responseXML","statusText","getAllResponseHeaders","contentWindow","execCommand","global","active","getDoc","frame","doc","contentDocument","csrf_token","csrf_param","doSubmit","skipEncodingOverride","encoding","enctype","extraInputs","isPlainObject","attachEvent","checkState","readyState","forceSync","callbackProcessed","domCheckCount","detachEvent","errMsg","isXml","XMLDocument","isXMLDoc","docRoot","header","dt","scr","textarea","ta","pre","innerText","toXml","httpData","parseXML","ActiveXObject","loadXML","DOMParser","parseFromString","parseJSON","xml","dataFilter","globalEval","ajaxForm","delegation","ajaxFormUnbind","jmax","els","fieldValue","$input","formSerialize","fieldSerialize","successful","merge","tag","ops","op","specified","clearFields","clearInputs","re","replaceWith","nodeType","$sel","Zepto","localized","findClosestCulture","list","preferCulture","localize","nf","precision","formatInfo","current","zeroPad","decimals","groupSizes","curSize","curGroupIndex","factor","pow","rounded","isFinite","numberString","right","exponent","stringIndex","sep","ret","expandNumber","patternParts","lastIndex","ar","formatNumber","formatDate","radix","_parseFloat","_x","_x2","_x3","NaN","regexInfinity","regexHex","signInfo","parseNegativePattern","sign","num","intAndFraction","exponentPos","integer","fraction","decSep","decimalPos","groupSep","altGroupSep","p","expSignInfo","regexParseFloat","formats","parseExact","isRTL","eras","twoDigitYearMax","S","regexTrim","negativePattern","neg","pos","outOfRange","low","high","expandYear","cal","era","getEra","curr","getEraYear","start","ticks","toUpper","toUpperArray","arr","sortable","getDayIndex","abbr","upperDays","_upperDays","getMonthIndex","monthsGen","monthsGenitive","upperMonths","_upperMonths","upperMonthsGen","_upperMonthsGen","appendPreOrPostMatch","preMatch","strings","quoteCount","escaped","il","expandFormat","parseInfo","_parseRegExp","reFormat","expFormat","tokenRegExp","parseRegExp","getParseRegExp","regExp","hourOffset","weekDay","hour","sec","msec","tzMinOffset","pmHour","jl","matchGroup","clength","matchInt","offsets","minOffset","eraName","defaultYear","fromGregorian","toGregorian","setFullYear","getDay","adjustedMin","getMinutes","getTimezoneOffset","getHours","eraDate","foundDay","checkedDay","converted","zeros","dayPartRegExp","padZeros","r","getPart","getSeconds","getMilliseconds","mutate_event_stack","scrollHeight","scrollWidth","scrollLeft","mutate","speed","event_stack","stack","events","add_event","event_name","false_callback","_mutate","cleanQuerystring","search","replaceState","pathname","loadCssBundle","requiredBundle","versionKey"],"sourceRoot":""}
![\"close\"](\"cross.png\")
',\r\n * truncate: 60,\r\n * ajaxSettings: {\r\n * type: 'POST'\r\n * }\r\n * });\r\n * @desc Displays a clueTip on mouseover of all elements with class=\"clue\". The hovered element gets a class of \"highlight\" added to it (so that it can be styled appropriately. This is esp. useful for non-anchor elements.). The clueTip is \"sticky,\" which means that it will not be hidden until the user either clicks on its \"close\" text/graphic or displays another clueTip. The \"close\" text/graphic is set to diplay at the bottom of the clueTip (default is top) and display an image rather than the default \"Close\" text. Moreover, the body of the clueTip is truncated to the first 60 characters, which are followed by an ellipsis (...). Finally, the clueTip retrieves the content using POST rather than the $.ajax method's default \"GET.\"\r\n *\r\n * More examples can be found at http://plugins.learningjquery.com/cluetip/demo/\r\n *\r\n * Full list of options/settings can be found at the bottom of this file and at http://plugins.learningjquery.com/cluetip/\r\n */\r\n\r\n let $cluetip, $cluetipInner, $cluetipOuter, $cluetipTitle, $cluetipArrows, $dropShadow, imgCount\r\n $.fn.cluetip = function (js, options) {\r\n if (typeof js == 'object') {\r\n options = js\r\n js = null\r\n }\r\n return this.each(function (index) {\r\n const $this = $(this)\r\n\r\n // support metadata plugin (v1.0 and 2.0)\r\n const opts = $.extend(false, {}, $.fn.cluetip.defaults, options || {}, $.metadata ? $this.metadata() : $.meta ? $this.data() : {})\r\n\r\n // start out with no contents (for ajax activation)\r\n let cluetipContents = false\r\n const cluezIndex = parseInt(opts.cluezIndex, 10) - 1\r\n let isActive = false; let closeOnDelay = 0\r\n\r\n // create the cluetip divs\r\n if (!$('#cluetip').length) {\r\n $cluetipInner = $('')\r\n $cluetipTitle = $('')\r\n $cluetipOuter = $('').append($cluetipInner).prepend($cluetipTitle)\r\n $cluetip = $('').css({ zIndex: opts.cluezIndex })\r\n .append($cluetipOuter).append('')[insertionType](insertionElement).hide()\r\n $('').css({ position: 'absolute', zIndex: cluezIndex - 1 })\r\n .insertBefore('#cluetip').hide()\r\n $cluetip.css({ position: 'absolute', zIndex: cluezIndex })\r\n $cluetipOuter.css({ position: 'relative', zIndex: cluezIndex + 1 })\r\n $cluetipArrows = $('').css({ zIndex: cluezIndex + 1 }).appendTo('#cluetip')\r\n }\r\n const dropShadowSteps = (opts.dropShadow) ? +opts.dropShadowSteps : 0\r\n if (!$dropShadow) {\r\n $dropShadow = $([])\r\n for (let i = 0; i < dropShadowSteps; i++) {\r\n $dropShadow = $dropShadow.add($('').css({ zIndex: cluezIndex - i - 1, opacity: 0.1, top: 1 + i, left: 1 + i }))\r\n };\r\n $dropShadow.css({ position: 'absolute', backgroundColor: '#000' })\r\n .prependTo($cluetip)\r\n }\r\n const tipAttribute = $this.attr(opts.attribute); const ctClass = opts.cluetipClass\r\n if (!tipAttribute && !opts.splitTitle && !js) return true\r\n // if hideLocal is set to true, on DOM ready hide the local content that will be displayed in the clueTip\r\n if (opts.local && opts.hideLocal) { $(tipAttribute + ':first').hide() }\r\n const tOffset = parseInt(opts.topOffset, 10); const lOffset = parseInt(opts.leftOffset, 10)\r\n // vertical measurement variables\r\n let tipHeight, wHeight\r\n const defHeight = isNaN(parseInt(opts.height, 10)) ? 'auto' : (/\\D/g).test(opts.height) ? opts.height : opts.height + 'px'\r\n let sTop, linkTop, posY, tipY, mouseY, baseline\r\n // horizontal measurement variables\r\n const tipInnerWidth = isNaN(parseInt(opts.width, 10)) ? 275 : parseInt(opts.width, 10)\r\n const tipWidth = tipInnerWidth + (parseInt($cluetip.css('paddingLeft')) || 0) + (parseInt($cluetip.css('paddingRight')) || 0) + dropShadowSteps\r\n const linkWidth = this.offsetWidth\r\n let linkLeft, posX, tipX, mouseX, winWidth\r\n\r\n // parse the title\r\n let tipParts\r\n let tipTitle = (opts.attribute != 'title') ? $this.attr(opts.titleAttribute) : ''\r\n if (opts.splitTitle) {\r\n if (tipTitle == undefined) { tipTitle = '' }\r\n tipParts = tipTitle.split(opts.splitTitle)\r\n tipTitle = tipParts.shift()\r\n }\r\n let localContent\r\n\r\n /** *************************************\r\n * ACTIVATION\r\n ****************************************/\r\n\r\n // activate clueTip\r\n const activate = function (event) {\r\n if (!opts.onActivate($this)) {\r\n return false\r\n }\r\n isActive = true\r\n $cluetip.removeClass().css({ width: tipInnerWidth })\r\n if (tipAttribute == $this.attr('href')) {\r\n $this.css('cursor', opts.cursor)\r\n }\r\n $this.attr('title', '')\r\n if (opts.hoverClass) {\r\n $this.addClass(opts.hoverClass)\r\n }\r\n linkTop = posY = $this.offset().top\r\n linkLeft = $this.offset().left\r\n mouseX = event.pageX\r\n mouseY = event.pageY\r\n if ($this[0].tagName.toLowerCase() != 'area') {\r\n sTop = $(document).scrollTop()\r\n winWidth = $(window).width()\r\n }\r\n // position clueTip horizontally\r\n if (opts.positionBy == 'fixed') {\r\n posX = linkWidth + linkLeft + lOffset\r\n $cluetip.css({ left: posX })\r\n } else {\r\n posX = (linkWidth > linkLeft && linkLeft > tipWidth) ||\r\n linkLeft + linkWidth + tipWidth + lOffset > winWidth\r\n ? linkLeft - tipWidth - lOffset\r\n : linkWidth + linkLeft + lOffset\r\n if ($this[0].tagName.toLowerCase() == 'area' || opts.positionBy == 'mouse' || linkWidth + tipWidth > winWidth) { // position by mouse\r\n if (mouseX + 20 + tipWidth > winWidth) {\r\n $cluetip.addClass(' cluetip-' + ctClass)\r\n posX = (mouseX - tipWidth - lOffset) >= 0 ? mouseX - tipWidth - lOffset - parseInt($cluetip.css('marginLeft'), 10) + parseInt($cluetipInner.css('marginRight'), 10) : mouseX - (tipWidth / 2)\r\n } else {\r\n posX = mouseX + lOffset\r\n }\r\n }\r\n var pY = posX < 0 ? event.pageY + tOffset : event.pageY\r\n $cluetip.css({ left: (posX > 0 && opts.positionBy != 'bottomTop') ? posX : (mouseX + (tipWidth / 2) > winWidth) ? winWidth / 2 - tipWidth / 2 : Math.max(mouseX - (tipWidth / 2), 0) })\r\n }\r\n wHeight = $(window).height()\r\n\r\n /***************************************\r\n * load a string from cluetip method's first argument\r\n ***************************************/\r\n if (js) {\r\n $cluetipInner.html(js)\r\n cluetipShow(pY)\r\n // eslint-disable-next-line brace-style\r\n }\r\n\r\n /***************************************\r\n * load the title attribute only (or user-selected attribute).\r\n * clueTip title is the string before the first delimiter\r\n * subsequent delimiters place clueTip body text on separate lines\r\n ***************************************/\r\n\r\n else if (tipParts) {\r\n const tpl = tipParts.length\r\n for (let i = 0; i < tpl; i++) {\r\n if (i == 0) {\r\n $cluetipInner.html(tipParts[i])\r\n } else {\r\n $cluetipInner.append('