bulder-mortgage-calc

Bulder Bank mortgage calculator for open pages

Usage no npm install needed!

<script type="module">
  import bulderMortgageCalc from 'https://cdn.skypack.dev/bulder-mortgage-calc';
</script>

README

Bulder Bank mortgage calculator

For potential customers to calculate how much a mortgage will cost them each Month if they move their loan to Bulder Bank.

If user put in the interest they have on current mortgage we also calculate how much they can save to move the loan to Bulder Bank.

You find the calculator live here

Install

npm install bulder-mortgage-calc

include these files in your HTML page with your calculator config (I use uglify to concat them and copy to my /public folder)

 node_modules/bulder-mortgage-calc/dist/runtime~main.js 
 node_modules/bulder-mortgage-calc/dist/vendor.js 
 node_modules/bulder-mortgage-calc/dist/main.js 

Se config object below how to config and place calculator in DOM.

Language support

All labels can be changed to whatever u want to using the config object. Example in Norwegian since that is my native language 😎 🇳🇴

Config object

Put the config object inside HTML file where calculator is implemeted.

Example :

<script>

    window.mySuperduperCalcConfig = {


          initLoanAmount: 2000000,

          minLoanPercent: 0,
          maxLoanPercent: 75,

          maxPropertyValue: 100000000,
          initPropertyValue: 4000000,
          minPropertyValue: 100000,

          initYearValue : 25,
          initYearSelectIndex: 4,
          yearSelect : [
            { value: '5', label: '5 år' },
            { value: '10', label: '10 år' },
            { value: '15', label: '15 år' },
            { value: '20', label: '20 år' },
            { value: '25', label: '25 år' },
            { value: '30', label: '30 år' },
          ],
          minYearValue: 3,

          loanPercent: [
            {
                from: 0,
                to: 51,
                interest: 2.20,
            },
            {
                from: 51,
                to: 56,
                interest: 2.25,
            },
            {
                from: 56,
                to: 61,
                interest: 2.3,
            },
            {
                from: 61,
                to: 66,
                interest: 2.35,
            },
            {
                from: 66,
                to: 71,
                interest: 2.4,
            },
            {
                from: 71,
                to: 76,
                interest: 2.45,
            }
        ],
        calcLabels : {
         graphXlabel: 'Belåningsgrad',
         pmtZero: 'I Bulder Bank må du ha en belåningsgrad under 75 % for å få lån',
         yearsLabel: 'NEDBETALINGSTID',
         amountLabel: 'LÅNESUM',
         amountPlaceholder: 'Lånesum',
         propertyLabel: 'BOLIGVERDI',
         propertyPlaceholder: 'Boligverdi',
         thousandSeparator: ' ',
         suffix: ' kr/mnd',
        },

        existingLoanConfig : {
         initExistingInterest : 3,
         labels : {
          openLink: 'Hvor mye du vil spare på å flytte til Bulder Bank',
          saveLabel: 'du vil spare',
          interestLabel: 'effektiv rente i nåværende bank',
          thousandSeparator: ' ',
          suffix: ' kr årlig',
         }
        },        
        yearlyProfit :{
         show: true,
         label : 'I tillegg ville dette lånet gitt deg i utbytte:',
         thousandSeparator: ' ',
         suffix : 'kr',
         readmore :{
            text : 'Les mer om',
            linkTitle : 'Gå til siden om utbytte',
            linkTxt : 'utbytte',
            link: '/utbytte'
         }
      }
        };

</script>


<div configName="mySuperduperCalcConfig" id="app"></div>