partie front et recup data (newFiche)
This commit is contained in:
110
include/newFiche.js
Normal file
110
include/newFiche.js
Normal file
@@ -0,0 +1,110 @@
|
||||
$(document).ready(function () {
|
||||
|
||||
calcPrixTotalFrsF();
|
||||
/**
|
||||
* Partie enregistrement frais F
|
||||
*/
|
||||
$('.frsFrt').on('change', function (e) {
|
||||
console.log($(this).val())
|
||||
val = $(this).val();
|
||||
val = val.replace(',', '.')
|
||||
|
||||
if ($.isNumeric(val)) {
|
||||
/**
|
||||
* Calcul le prix de la ligne
|
||||
*/
|
||||
id = $(this).attr('id')
|
||||
formTotal = $('#totalFrs-' + id)
|
||||
mttFrs = $('#mttFrs-' + id).attr('data-price')
|
||||
formTotal.html((val * mttFrs).toFixed(2) + ' €');
|
||||
|
||||
calcPrixTotalFrsF();
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* Enregistrement frais HF
|
||||
*/
|
||||
$('.validFraisHF').on('click', function () {
|
||||
let date = $('#dateHf')
|
||||
let libelle = $('#libelleHf')
|
||||
let montant = $('#mttHf')
|
||||
let canAdd = true;
|
||||
|
||||
if (date.val() == "") {
|
||||
canAdd = false;
|
||||
date.css("border-color", "red")
|
||||
} else {
|
||||
date.css("border-color", "var(--bs-border-color)")
|
||||
}
|
||||
|
||||
if (libelle.val() == "") {
|
||||
canAdd = false;
|
||||
libelle.css("border-color", "red")
|
||||
} else {
|
||||
libelle.css("border-color", "var(--bs-border-color)")
|
||||
}
|
||||
|
||||
if (montant.val() == "") {
|
||||
canAdd = false;
|
||||
montant.css("border-color", "red")
|
||||
} else {
|
||||
montant.css("border-color", "var(--bs-border-color)")
|
||||
}
|
||||
|
||||
if (canAdd == true) {
|
||||
var line = $('tr.fraisHF:first').clone();
|
||||
lastId = $('tr.fraisHF').length
|
||||
/*
|
||||
line.find("#dateFrsHF").html(date.val());
|
||||
line.find("#LibelleFrsHF").html(libelle.val());
|
||||
line.find("#MttFrsHF").html(parseFloat(montant.val()).toFixed(2) + ' €');
|
||||
*/
|
||||
|
||||
line.find('.btn').attr('id', 'frsSup-' + lastId)
|
||||
|
||||
var line = $('<tr id="fraisHf-' + lastId + '" class="fraisHF"></tr>');
|
||||
var tdDate = $('<td scope="row" id="dateFrsHF"></td>');
|
||||
tdDate.html(date.val());
|
||||
var tdLibelle = $('<td id="LibelleFrsHF"></td>');
|
||||
tdLibelle.html(libelle.val());
|
||||
var tdMtt = $('<td id="MttFrsHF"></td>');
|
||||
tdMtt.html(parseFloat(montant.val().replace(',', '.')).toFixed(2) + ' €');
|
||||
var tdJust = $('<td></td>');
|
||||
var btn = $('<td><button type="button" class="btn btn-outline-primary btnSuprFraisHf" id="frsSup-' + lastId + '">Supprimer</button></td>')
|
||||
|
||||
$(line).append(tdDate)
|
||||
$(line).append(tdLibelle)
|
||||
$(line).append(tdMtt)
|
||||
$(line).append(tdJust)
|
||||
$(line).append(btn)
|
||||
|
||||
line.insertBefore('.newFraisForm')
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
/**
|
||||
* Supprimer fraisHf
|
||||
*/
|
||||
$(document).on('click', '.btnSuprFraisHf', function () {
|
||||
id = $(this).attr('id').split('-')[1]
|
||||
console.log(id)
|
||||
|
||||
$('#fraisHf-' + id).remove()
|
||||
})
|
||||
|
||||
/**
|
||||
* Calcul prix total
|
||||
*/
|
||||
function calcPrixTotalFrsF() {
|
||||
|
||||
var prixTotal = 0;
|
||||
$('td[id^="totalFrs-"]').each(function () {
|
||||
prixTotal += parseFloat($(this).html().replace('€', ''))
|
||||
})
|
||||
$('.prixTotalFrsF').html('<strong>TOTAL :</strong> ' + prixTotal.toFixed(2) + ' €')
|
||||
}
|
||||
Reference in New Issue
Block a user