Technische Integration

<div
    class="leasingo-rate-indicator"
    data-object-price-netto="12500"
    data-vendor="Example GmbH"
    data-model="Example 1000">
</div>

<script
    src="https://lgwlif5e242.leasingo.cloud/integration/rateIndicator"
    async>
</script>

<script
    src="https://lgwlif5e242.leasingo.cloud/integration/v1"
    async>
</script>

<div
    class="leasingo-rate-indicator"
    data-object-price-netto="12500"
    data-vendor="Example GmbH"
    data-model="Example 1000">
</div>

<div
    class="leasingo-minicalculator"
    data-object-price-netto="12500"
    data-maturity="48"
    data-finance-product="2"
    data-vendor="Example GmbH"
    data-model="Example 1000">
</div>

<div
    class="leasingo-calculator"
    data-object-price-netto="25000"
    data-maturity="48"
    data-finance-product="1"
    data-object-condition="1"
    data-deposit-payment-percent="10">
</div>

data-object-price-netto="125000"
data-deposit-payment-percent="10.75"

<script>
    window.addEventListener('lgoMinicalculatorReady', function (event) {
        // Minikalkulator API ist verfügbar
    });
</script>

<script
    src="https://lgwlif5e242.leasingo.cloud/integration/minicalculator"
    async>
</script>

<div
    class="leasingo-rate-indicator"
    data-ref="productRate"
    data-object-price-netto="12500">
</div>

window.addEventListener('lgoRateIndicatorReady', function (event) {
    const refs = event.detail.refs();
    const rate = refs.productRate;

    rate.setPriceNetto(15000);
    rate.calculate();
});

data-ref="productRate"

// Zugriff:
event.detail.refs().productRate

<div
    class="leasingo-rate-indicator"
    data-ref="productA"
    data-object-price-netto="10000">
</div>

<div
    class="leasingo-rate-indicator"
    data-ref="productB"
    data-object-price-netto="20000">
</div>

window.addEventListener('lgoRateIndicatorReady', function (event) {
    const refs = event.detail.refs();

    refs.productA.setPriceNetto(12000);
    refs.productA.calculate();

    refs.productB.setPriceNetto(22000);
    refs.productB.calculate();
});

leasinGo.createRateIndicator(
    element: HTMLElement
): WidgetInterface

leasinGo.createMinicalculator(
    element: HTMLElement
): WidgetInterface

leasinGo.createCalculator(
    element: HTMLElement
): WidgetInterface

<div id="my-leasing-minicalculator"></div>

<script>
    window.addEventListener('lgoMinicalculatorReady', function () {
        const element = document.getElementById('my-leasing-minicalculator');
        const calculator = leasinGo.createMinicalculator(element);

        calculator.setVendor('Example GmbH');
        calculator.setModel('Example 1000');
        calculator.setPriceNetto(12500);
        calculator.setMaturity(48);
        calculator.calculate();
    });
</script>

window.addEventListener('lgoRateIndicatorReady', function () {

    const element = document.getElementById('my-leasing-rate');
    const rate = leasinGo.createRateIndicator(element);

    rate.setVendor('Example GmbH');
    rate.setModel('Example 1000');
    rate.setPriceNetto(12500);
    rate.calculate();
});

window.addEventListener('lgoCalculatorReady', function () {
    const element = document.createElement('div');
    const calculator = leasinGo.createCalculator(element);
    document.body.append(element);

    calculator.setPriceNetto(25000);
    calculator.setFinanceProduct(1);
    calculator.setMaturity(48);
    calculator.calculate();
});

let productRate;

window.addEventListener('lgoRateIndicatorReady', function (event) {
    productRate = event.detail.refs().productRate;
});

function updateProduct(product) {
    productRate.setVendor(product.vendor);
    productRate.setModel(product.name);
    productRate.setPriceNetto(product.netPrice);
    productRate.calculate();
}