bulder-mortgage-calc v1.3.1
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>
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago