VW Golf 1,4 TSI Plugin-hybrid Style DSG 204HK 5d 6g Aut. 5d (2023)

' + '' }); Vue.component('custom-slider', { delimiters: ['{', '}'], props: ['locked', 'step', 'list', 'value', 'initialMin', 'initialMax', 'suffix', 'valueMin', 'valueMax', 'valueReal', 'hideLabels'], data: function() { return { //value: this.initialValue !== undefined ? this.initialValue : 0, active: false } }, computed: { sliderPercentage: function() { var percentage; if (this.list !== undefined) { var index = this.list.indexOf(this.value); percentage = index / (this.list.length - 1) * 100; } else { percentage = (this.value - this.min) / (this.max - this.min) * 100; } return { width: percentage + '%' }; }, min: function() { if (this.list !== undefined && this.list.length && this.initialMin === undefined) return this.list[0]; return this.initialMin !== undefined ? this.initialMin : 0; }, max: function() { if (this.list !== undefined && this.list.length && this.initialMax === undefined) return this.list[this.list.length - 1]; return this.initialMax !== undefined ? this.initialMax : 0; } }, methods: { onClick: function(evt) { var el = this.$refs.overlay; var width = el.offsetWidth - 20; /* width is offset on both sides */ var offsetLeft = el.getBoundingClientRect().left + 10; var offsetX = evt.pageX - offsetLeft; var perc = (offsetX < 0 ? 0 : (offsetX > width ? 1.0 : (offsetX / width))); var span = this.max - this.min; var value = this.min + Math.round(span * perc); if (this.list !== undefined) { var index = Math.round((this.list.length - 1) * perc); value = this.list[index]; } else if (this.step !== undefined) { value = Math.round(value / this.step) * this.step; } /*if (this.props.list !== undefined && !this.state.isDragging) { var index = this.props.list.indexOf(value); var percentage = (index / (this.props.list.length - 1)); var diff = Math.abs(percentage - perc); if (diff > 0.05) { if (percentage > perc) { value = this.props.list[index - 1]; } else { value = this.props.list[index + 1]; } } }*/ if (value > this.max) { value = this.max; } else if (value < this.min) { value = this.min; } if (!this.locked) { this.$emit('update', value); } }, onMouseMove: function(evt) { if (!this.active) return; this.onClick(evt); }, onMouseDown: function(evt) { this.active = true; if (document.body.classList) { document.body.classList.add('is-sliding'); } }, onMouseUp: function(evt) { this.active = false; if (document.body.classList) { document.body.classList.remove('is-sliding'); } }, onTouchStart: function(evt) { this.onMouseDown({pageX: evt.touches[0].pageX}); }, onTouchMove: function(evt) { if (!this.active) return; this.onClick({pageX: evt.touches[0].pageX}); } }, mounted: function() { document.body.addEventListener('mousemove', this.onMouseMove); document.body.addEventListener('mouseup', this.onMouseUp); document.body.addEventListener('mouseleave', this.onMouseUp); document.body.addEventListener('touchend', this.onMouseUp); document.body.addEventListener('touchmove', this.onTouchMove); }, beforeDestroy: function() { document.body.removeEventListener('mousemove', this.onMouseMove); document.body.removeEventListener('mouseup', this.onMouseUp); document.body.removeEventListener('mouseleave', this.onMouseUp); document.body.removeEventListener('touchend', this.onMouseUp); document.body.removeEventListener('touchmove', this.onTouchMove); }, template: '' + '

' }); Vue.component('period-button', { delimiters: ['{', '}'], props: ['label', 'value'], data: function() { return { } }, methods: { onClick: function(evt) { evt.preventDefault(); this.$emit('update', this.value); } }, template: '' }); Vue.filter('thousandsep', function(n) { var locales = ['da-DK', 'id']; return typeof(n) == "number" ? n.toLocaleString(locales) : 0; }); var include_tax = true; window.vm = new Vue({ delimiters: ['{', '}'], el: '#leasing-app', data: { disable_km_slider: false, tax: include_tax, ownership: 0, splitEnabled: false, showModal: false, showSuccess: false, showDeposit: false, showServiceDescription: false, showGuaranteeDescription: false, showInsuranceDescription: false, noRemainingValueDiff: true, remaining_value_min: -0, remaining_value_max: 0, modalLoading: false, socket: null, socket_endpoint: 'wss://socket.findleasing.nu/ws/calc/offer/j8ggz/', use_period_slider: false, offer: {"unique_id": "j8ggz", "list_type": 1, "price_tax": false, "period": 36, "price_monthly": 3836, "price_monthly_tax": 4795, "first_pay": 8000.0, "first_pay_visual": 8000, "first_pay_visual_tax": 10000, "remaining_value": 86509, "deposit": null, "funding": 0, "ownership": 0, "leasing_type": 0, "vouch_remaining_value": false, "cargarantie_matrix_id": null, "url": "", "title": " 1,4 TSI Plugin-hybrid Style DSG 204HK 5d 6g Aut. 5d", "full_title": "VW Golf 1,4 TSI Plugin-hybrid Style DSG 204HK 5d 6g Aut. 5d", "year": 2021, "first_registration": "2020-12-04", "delivery_date": "2023-06-01", "kilometers": 10000, "mileage": 22000, "tax_paid": false, "taxation": null, "efficiency": 111.0, "category": 0, "detail_price": 309900, "detail_price_with_tax": false, "price_wo_tax": null, "price_wo_tax_with_tax": false, "plates": 1, "doors": 5, "power_in_hp": 204, "max_speed_in_km_h": 220, "acceleration_0_100_in_sec": 7.4, "fuel_capacity_in_l": null, "seats": null, "torque_in_nm": 350.0, "number_of_gears": 6, "total_weight_in_kg": 2020, "length_in_mm": 42870, "width_in_mm": 17890, "height_in_mm": 14910, "cylinders": 4, "wheel_drive": "forhjulstrukket", "gear_type": "automatisk", "description": "Privatleasing af VW Golf GTE \n\n36 mdr. og 10.000 km \u00e5rligt. inkl. service og reprationsaftale samt gr\u00f8n ejerafgift \n\nF\u00f8rstegangsydelse: 10.000 kr.\nDin leasingydelse: 4.895 kr./md.\nSamlet omkostninger: 186.220 kr.\n\nMerpris ved hel\u00e5rsd\u00e6k, 89 kr./md\nMerpris for kaskoforsikring, 495 kr./md (Selvrisiko: 5.000 kr.)\n\nMerpris ved 15.000 km/\u00e5r, 250 kr./md\nMerpris ved 20.000 km/\u00e5r, 500 kr./md\nMerpris ved 25.000 km/\u00e5r, 900 kr./md\n\nForsikring foruds\u00e6tter alder over 26 \u00e5r, for f\u00f8rer under 26 er selvrisiko dobbelt.\n\nL\u00c6KKER GOLF MED R\u00d8DE BREMSEKALIBRE OG FEDT UDSTYR!\nLANGT DE FLESTE KAN K\u00d8RE DET DAGLIGE K\u00d8RSEL P\u00c5 REN STR\u00d8M I DENNE GOLF!\n\nHIGHLIGHTS!\n- 17\" ALUF\u00c6LGE\n- ADAPTIV FARTPILOT\n- PARKERINGSSENSORE FOR/BAG\n- APPLE CARPLAY / ANDROID AUTO\n- AUTOMATGEAR\n- FULD LEDLYS\n\nVI TAGER ALLE BILER I BYTTE!\n\n17\" Aluf\u00e6lge, Aircondition, Android Auto, Apple CarPlay, Automatgear, Aut. nedbl\u00e6ndeligt bakspejl, Bluetooth, Centrall\u00e5s, DAB radio, Digital instrumentering, El-foldbare spejle, El-foldbare spejle m. varme, El-h\u00e5ndbremse, Elruder for, Elruder for/bag, El-spejle med varme, Fartbegr\u00e6nser, Fartpilot, Fartpilot adaptiv, Fjernbetjent centrall\u00e5s, H\u00e5ndfri telefon, Klimaanl\u00e6g, Klimaanl\u00e6g 2-zoner, K\u00f8recomputer, Multifunktionsrat, Musikstreaming via bluetooth, N\u00f8glefri d\u00f8re, N\u00f8glefri start, Parkeringssensor bag, Parkeringssensor for, S\u00e6devarme for, Touchsk\u00e6rm, Udvendig temperaturm\u00e5ler, Fuld LED forlygter, LED baglygter, LED k\u00f8relys, H\u00f8jdejusterbart f\u00f8rers\u00e6de, L\u00e6derrat, Splitbags\u00e6de, Rat m. varme, Automatisk n\u00f8dbremsesystem, Automatisk n\u00f8dopkald, Isofix, Ikke ryger\n\nBILEN KAN FINANSIERES BILLIGT HOS AUTOHUSET VESTERGAARD I \u00c5RHUS!\n\nForretningen i \u00c5rhus har \u00e5bent:\nMandag - Fredag kl. 09.00 - 17.30\nL\u00f8rdag og S\u00f8ndag kl 11.00 - 16.00\nVesterl\u00f8kken 2, 8230 \u00c5byh\u00f8j", "in_stock": false, "make": "VW", "model": "Golf", "fuel_type": "Hybrid/Benzin", "equipment_list": null, "images": ["/media/offer_listings/j8ggz/53r1di86cz037qfssr", "/media/offer_listings/j8ggz/o63hnah0c8b95kg66c", "/media/offer_listings/j8ggz/0dbasx19u4cxidf2kz", "/media/offer_listings/j8ggz/8mbac0nsm0uygiphin", "/media/offer_listings/j8ggz/vp6oxoftqlaszmwyrn", "/media/offer_listings/j8ggz/ickvkfd2nn26z0nq8y", "/media/offer_listings/j8ggz/x5vexaskf9rm4curar", "/media/offer_listings/j8ggz/lm72rmfut27o0h299c", "/media/offer_listings/j8ggz/5vn617stq4f302w769", "/media/offer_listings/j8ggz/n7ng3y14bpolhfk6do", "/media/offer_listings/j8ggz/cfg80ogmtqk8mkbpgu", "/media/offer_listings/j8ggz/w1n0kko5f8rmer7b2e", "/media/offer_listings/j8ggz/2cybwa4ailr0hbj23n", "/media/offer_listings/j8ggz/9dbu2scn7jkg7m1ru8", "/media/offer_listings/j8ggz/htp6drtflfhgwnf87q", "/media/offer_listings/j8ggz/ua5plf74b96s9hz2fy", "/media/offer_listings/j8ggz/8a5mg11slh0jhvpzy3", "/media/offer_listings/j8ggz/4vb2jlac99m4qadf5h", "/media/offer_listings/j8ggz/2roj8c4uj700oebdpb", "/media/offer_listings/j8ggz/5wfuoml2ijxky0ttuy"], "address": {"street": "Vesterl\u00f8kken 2", "postal_code": "8230", "city": "\u00c5byh\u00f8j"}, "thumbnail": "/media/offer_listings/j8ggz/thumbnail/th_bfg0rjvcftkmyoc717.jpg", "first_pay_min": null, "first_pay_max": null, "matrix_ranges": {"months": [36], "kilometers": [10000, 15000, 20000, 25000], "private_months": [], "business_months": []}, "tax_excluded": false, "ownership_lock": null, "has_free_mileage": false, "has_service_matrix": true, "has_guarantee_matrix": false, "has_insurance_matrix": false, "has_cargarantie_matrix": false, "service_matrix_included": true, "guarantee_matrix_included": false, "insurance_matrix_included": false, "cargarantie_matrix_included": false, "seller": {"id": 644, "name": "First Lease A/S", "email": "info@firstlease.dk", "phone": "82302324", "website": "https://firstlease.dk/", "profile_photo": "/media/logos/644.jpg", "normalized_phone": "82 30 23 24", "analytics_name": "First Lease", "address": {"street": "Smedeland 22", "postal_code": "2600", "city": "Glostrup"}}, "terms": "Der foretages en positiv kreditv\u00e6rdighedsvurdering forud for endelig leasingaftale.", "user": {"name": "Mads Kyhse", "profile_photo": "/media/employees/ufpqurtsglokaujujr.jpg", "email": "kyhse@firstlease.dk", "phone": "40781728", "phone_formatted": "40 78 17 28"}, "services": [{"id": 32958, "parent": null, "organization_offer": null, "price_type": 1, "price": 495, "is_checked": false, "is_locked": false, "tax_free": true, "description": "Forsikring (over 26 \u00e5r)", "price_type_desc": "Pris pr. mnd"}], "matrixes": [], "service_matrix_description": "Service- og reparationsaftale betyder, at alle serviceeftersyn jf. producentens forskrifter, samt alle reparationer i leasingperioden er inkluderet. Det betyder at du har fuld garanti i hele leasingperioden, n\u00e5r du leaser hos First Lease", "service_matrix_name": "Service & Rep. Aftale", "service_matrix_unlockable": false}, interacted: false, values: { splitleasing: false, split_amount: 20, remaining_value_diff: 0, include_service: true, include_guarantee: false, include_insurance: false, limitfp: true, total_monthly_pay: 3836, total_monthly_pay_tax: 4795, period: 36, kilometers: 10000, first_pay_no_tax: 0, first_pay_tax: 0, first_pay_min: 0, first_pay_max: 8000, first_pay: 8000, remaining_value: 86509, deposit: null, total_during_period: 0, total_during_period_tax: 0, services: [] }, contact: { name: '', email: '', phone: '', comment: '' }, errors: { name: '', email: '', phone: '' } }, mounted: function() { this.socket = new ReconnectingWebSocket(this.socket_endpoint, null, { reconnectInterval: 3000, maxReconnectAttempts: 10 }); var _this = this; this.values.first_pay_tax = this.first_pay; this.values.first_pay_no_tax = this.values.first_pay; this.values.services = this.offer.services.filter(function(s) { return s.is_checked || s.is_locked }).map(function(s) { return s.id }); if (this.periods.indexOf(this.values.period) === -1) { this.values.period = this.periods[0]; } this.socket.onmessage = function(evt) { _this.onMessage(JSON.parse(evt.data)); } this.socket.onopen = function() { _this.updateResponse(); } }, computed: { tax_info_text: function() { if (this.offer.price_tax) { return this.offer.tax_paid ? 'inkl. moms og afgift' : 'inkl. moms ex. afgift'; } else { return this.offer.tax_paid ? 'ex. moms inkl. afgift' : 'ex. moms og afgift'; } }, private_periods: function() { var months = this.offer.matrix_ranges.months; var business_months = this.offer.matrix_ranges.business_months; if (this.offer.matrix_ranges.private_months && business_months && business_months.length) { return months.filter(function(m) { return business_months.indexOf(m) === -1; }); } else if (this.offer.matrix_ranges.private_months) { return this.offer.matrix_ranges.private_months.filter(function(pm) { return months.indexOf(pm) !== -1; }); } }, business_periods: function() { var months = this.offer.matrix_ranges.months; var private_months = this.offer.matrix_ranges.private_months; if (this.offer.matrix_ranges.business_months && private_months && private_months.length) { return months.filter(function(m) { return private_months.indexOf(m) === -1; }) } else if (this.offer.matrix_ranges.business_months) { return this.offer.matrix_ranges.business_months.filter(function(pm) { return months.indexOf(pm) !== -1; }); } }, periods: function() { var periods = undefined; var months = this.offer.matrix_ranges.months; if (this.tax && this.offer.matrix_ranges.private_months && this.offer.matrix_ranges.private_months.length) { periods = this.private_periods; } else if (!this.tax && this.offer.matrix_ranges.business_months && this.offer.matrix_ranges.business_months.length) { periods = this.business_periods; } else { periods = months; } return periods; }, has_services: function() { return this.offer.services.length > 0 || this.offer.has_service_matrix || this.offer.has_guarantee_matrix || this.offer.has_insurance_matrix; }, contactButtonClasses: function() { return { 'col-md-4 text-right xs-text-center': this.has_services, 'col-md-6 col-md-push-3 text-center': !this.has_services, 'contact-container': true }; }, monthlyPayClasses: function() { return { 'col-12 xs-text-center': true, 'col-md-5 col-md-push-7 text-right': (this.periods.length < 6), 'text-center': (this.periods.length >= 6) } }, first_pay_min_tax: function() { return this.tax ? parseInt(this.values.first_pay_min * 1.25) : this.values.first_pay_min; }, first_pay_max_tax: function() { return this.tax ? parseInt(this.values.first_pay_max * 1.25) : this.values.first_pay_max; }, selected_services: function() { if (!this.has_services) return []; var _this = this; return this.offer.services.filter(function(s) { return _this.values.services.indexOf(s.id) !== -1; }); }, deposit_tax: function() { return this.tax ? parseInt(this.values.deposit * 1.25) : this.values.deposit; }, total_during_period: function() { return this.tax ? this.values.total_during_period_tax : this.values.total_during_period; }, first_pay_step: function() { return this.tax ? 800 : 1000; } }, methods: { onMessage: function(response) { var result = response.result; this.values.total_monthly_pay = result.total_monthly_pay; this.values.total_monthly_pay_tax = result.total_monthly_pay_tax; this.values.remaining_value = result.remaining_value; this.values.first_pay_min = result.first_pay_min; if (result.first_pay_max < this.values.first_pay_max) { this.values.first_pay_max = result.first_pay_max; } this.values.total_during_period = result.total_during_period; this.values.total_during_period_tax = result.total_during_period_tax || parseInt(result.total_during_period * 1.25); this.values.deposit = result.deposit || this.offer.deposit; this.values.first_pay_tax = result.first_pay_tax; this.values.first_pay_no_tax = result.first_pay; var out_of_bounds = this.values.first_pay > this.values.first_pay_max || this.values.first_pay < this.values.first_pay_min; if (this.values.first_pay_min > this.values.first_pay_max) { this.values.first_pay_min = this.values.first_pay_max; } if (this.values.first_pay > this.values.first_pay_max) { this.values.first_pay = this.values.first_pay_max; } if (this.values.first_pay < this.values.first_pay_min) { this.values.first_pay = this.values.first_pay_min; } /* trigger another update if first_pay is outside parameters */ if (out_of_bounds) { this.updateResponse(); } }, ownershipChanged: function(value) { this.ownership = value; this.tax = this.ownership == 0; this.values.splitleasing = this.ownership == 2; var period = this.values.period; if (this.ownership == 0 && this.offer.matrix_ranges.private_months && this.offer.matrix_ranges.private_months.length) { if (this.offer.matrix_ranges.private_months.indexOf(this.values.period) === -1) { var closest_period = this.private_periods.reduce(function(prev, curr) { return (Math.abs(curr - period) < Math.abs(prev - period) ? curr : prev); }); this.values.period = closest_period; } } else if (this.ownership == 1 && this.offer.matrix_ranges.business_months && this.offer.matrix_ranges.business_months.length) { if (this.offer.matrix_ranges.business_months.indexOf(this.values.period === -1)) { var closest_period = this.business_periods.reduce(function(prev, curr) { return (Math.abs(curr - period) < Math.abs(prev - period) ? curr : prev); }); this.values.period = closest_period; } } this.updateResponse(); }, onInteraction: function() { if (!this.interacted) { this.interacted = true; gtag('event', 'slider_interaction', {"seller": "First Lease", "make": "VW", "model": "Golf", "event_source": "portal"}); } }, updateResponse: function() { this.socket.send(JSON.stringify(this.values)); }, splitAmountUpdated: function(value) { this.values.split_amount = parseInt(value); }, periodUpdated: function(value) { this.values.period = parseInt(value); this.updateResponse(); }, kilometersUpdated: function(value) { this.values.kilometers = value; this.updateResponse(); }, firstPayUpdated: function(value) { this.values.first_pay = value; this.updateResponse(); }, remainingValueDiffUpdated: function(value) { this.values.remaining_value_diff = value; this.updateResponse(); }, toggleService: function(evt) { this.updateResponse(); }, roundValue: function(value) { return Math.round(value / 500 * (this.tax ? 1.25 : 1)) * 500 * (this.tax ? 0.8 : 1.0); }, togglePopup: function() { this.showModal = true; }, toggleShowServiceDescription: function() { this.showServiceDescription = !this.showServiceDescription; }, toggleShowGuaranteeDescription: function() { this.showGuaranteeDescription = !this.showGuaranteeDescription; }, toggleShowInsuranceDescription: function() { this.showInsuranceDescription = !this.showInsuranceDescription; }, split_private_value: function(value) { return parseInt(value * (this.values.split_amount / 100)) }, split_business_value: function(value) { return parseInt(value * ((100 - this.values.split_amount) / 100)) }, validateName: function() { if (!this.contact.name.length) { this.errors.name = 'Indtast venligst navn.'; } else { this.errors.name = ''; } }, validateEmail: function() { this.contact.email = this.contact.email.replace(/\s+/g, ''); if (!this.contact.email.length) { this.errors.email = 'Indtast venligst email'; } else if (!this.contact.email.match(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/)) { this.errors.email = 'Indtast venligst en gyldig email'; } else { this.errors.email = ''; } }, checkErrors: function() { this.validateName(); this.validateEmail(); return this.errors.name.length || this.errors.email.length; }, sendReply: function() { if (this.modalLoading) return; if (this.checkErrors()) { return; } this.modalLoading = true; var _this = this; var data = $.extend({}, this.values, this.contact, { with_tax: this.tax, include_services: this.values.include_service }); $.post('/json/offer/message/172931/', data, function(response) { if (response.success) { _this.showModal = false; _this.showSuccess = true; gtag('event', 'contact_form_submit', {"seller": "First Lease", "make": "VW", "model": "Golf", "event_source": "portal"}); ga('send', 'event', "First Lease", 'Kontakt email sendt', "VW Golf 1,4 TSI Plugin-hybrid Style DSG 204HK 5d 6g Aut. 5d"); fbq('track', 'Lead', {content_name: "First Lease", content_category: 'Sendt email til sælger'}); } }).always(function() { _this.modalLoading = false; }); } } });