FRM implementatie

Voertuig gegevens meesturen naar Financial Request Management

Om alle benodigde gegevens mee te sturen naar FRM zijn onderstaande html en javascript benodigd.

Uw website bouwer of programmeur kan dit voor u inrichten. Ook kunt dit laten inbouwen door ons tegen uurtarief. Vul hiervoor het contact formulier in.

				
					<div style="display: none;">
    <span id="purchase_price">{PURCHASE_PRICE_VALUE_HERE}</span>
    <span id="make">{MAKE_VALUE_HERE}</span>
    <span id="model">{MODEL_VALUE_HERE}</span>
    <span id="license_plate">{LICENSE_PLATE_VALUE_HERE}</span>
    <span id="vat_exempt">{VAT_EXEMPT_VALUE_HERE}</span>
    <span id="construction_year">{CONSTRUCTION_YEAR_VALUE_HERE}</span>
    <span id="fuel_type">{FUEL_TYPE_VALUE_HERE}</span>
    <span id="odometer_reading">{ODOMETER_READING_VALUE_HERE}</span>
</div>
<iframe src="{URL_HERE}" width="WIDTH_HERE" height="HEIGHT_HERE" frameborder="0" ></iframe>
<script src="{SCRIPT_URL_HERE}"></script>
<script>
 {OR_SCRIPT_CONTENT_HERE}
</script>

				
					const timeout = setTimeout(() => {
    load_and_render_iframe()
}, 500);

const load_and_render_iframe = () => {
    console.warn('load_and_render_iframe');

    let values = get_values();

    set_rendered_iframe_url(values);
}

const get_values = () => {
    return {
        "purchase_price": get_purchase_price(),
        "make": get_make(),
        "model": get_model(),
        "license_plate": get_license_plate(),
        "vat_exempt": get_vat_exempt(),
        "construction_year": get_construction_year(),
        "fuel_type": get_fuel_type(),
        "odometer_reading": get_odometer_reading(),
    };
}
const get_purchase_price = () => {
    return document.getElementById('purchase_price')?.innerHTML ?? '';
}
const get_make = () => {
    return document.getElementById('make')?.innerHTML ?? '';
}
const get_model = () => {
    return document.getElementById('model')?.innerHTML ?? '';
}
const get_license_plate = () => {
    return document.getElementById('license_plate')?.innerHTML ?? '';
}
const get_vat_exempt = () => {
    return document.getElementById('vat_exempt')?.innerHTML ?? '' === 'M' ? '1' : '0';
}
const get_construction_year = () => {
    return document.getElementById('construction_year')?.innerHTML ?? '';
}
const get_fuel_type = () => {
    return document.getElementById('fuel_type')?.innerHTML ?? '';
}
const get_odometer_reading = () => {
    return document.getElementById('odometer_reading')?.innerHTML ?? '';
}
const set_rendered_iframe_url = (values) => {
    console.warn('set_rendered_iframe_url');
    let rendered_iframe = document.getElementById('lease-iframe');
    rendered_iframe.src += "?url=" + window.location.href
        + "&purchase_price=" + values.purchase_price
        + "&lp=" + values.license_plate
        + "&ma=" + values.make
        + "&mo=" + values.model
        + "&cy" + values.construction_year
        + "&ft=" + values.fuel_type
        + "&or=" + values.odometer_reading
        + "&ve=" + values.vat_exempt;
}