Создайте слайдер на веб-сайте, который я назвал сервисом, сгенерированный слайдер является кредитным калькулятором в зависимости от запрашиваемой суммы и периода в месяцах.
Что я хочу, чтобы общая сумма кредита была вставлена напрямую к возможности в Odoo CRM.
Я понимаю, что это должно быть с моделью, которая хранит значения, которые находятся в переменных HTML, поскольку я знаю, как хранить их напрямую или как наследовать от CRM.
var slider = document.getElementById("myRange");
var output = document.getElementById("value");
output.innerHTML = slider.value;
slider.oninput = function(){
output.innerHTML = this.value;
}
slider.addEventListener("mousemove", function(){
var x = slider.value;
var color = 'linear-gradient(90deg, rgb(117,252,117)' + x + '%, rgb(214,314,214)' + x + '%)';
slider.style.background = color;
})
var sliderz = document.getElementById("myRange2");
var outputz = document.getElementById("value2");
outputz.innerHTML = sliderz.value;
sliderz.oninput = function(){
outputz.innerHTML = this.value;
}
sliderz.addEventListener("mousemove", function(){
var x = sliderz.value;
var color = 'linear-gradient(90deg, rgb(117,252,117)' + x + '%, rgb(214,314,214)' + x + '%)';
sliderz.style.background = color;
})
function computeLoan(){
var amount = document.getElementById('myRange').value;
var interest_rate = document.getElementById('interest_rate').value;
var months = document.getElementById('myRange2').value;
var interest = (amount * (interest_rate * .01)) / months;
var payment = ((amount / months) + interest).toFixed(2);
payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
document.getElementById('payment').innerHTML = "Pago Mensual = $" + payment;
return payment;
}
<div class="container-rs">
<div class="slideContainer">
<div class="titles">Monto Solicitado</div>
<input type="range" min="5000" max="10000000" value="1" id="myRange" class="slider" step="5000" onchange="computeLoan()"/><br/><br/>
<div class="total">Total: $<span id="value"></span>.00</div>
</div>
<div class="slideContainer">
<div class="titles">Periodo en Meses</div>
<input type="range" min="3" max="36" value="1" id="myRange2" class="slider2" step="3" onchange="computeLoan()"/><br/><br/>
<div class="total">Meses: <span id="value2"></span></div>
</div><br/>
<div class="slideContainer">
<div class="result">Tasa de Interés</div>
<input id="interest_rate" type="hidden" value="15" class="interest" readonly="true"/>
<div class="result">15%</div>
<div class="result">Tu crédito</div>
<div class="total"><p id="payment"></p></div>
</div>
</div>