add format number in datatables

This commit is contained in:
amazuecos
2025-02-09 00:25:52 +01:00
parent 21a4e5b8bd
commit f532c79b27
17 changed files with 361 additions and 132 deletions

View File

@ -107,12 +107,12 @@
} }
}, },
{ 'data': 'maquina' }, { 'data': 'maquina' },
{ 'data': 'ancho_min' }, { 'data': 'ancho_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'ancho_max' }, { 'data': 'ancho_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'alto_min' }, { 'data': 'alto_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'alto_max' }, { 'data': 'alto_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada_min' }, { 'data': 'tirada_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada_max' }, { 'data': 'tirada_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': actionBtns } { 'data': actionBtns }
] ]
}); });

View File

@ -113,7 +113,7 @@
columns : [ columns : [
{ 'data': 'defecto' }, { 'data': 'defecto' },
{ 'data': 'nombre' }, { 'data': 'nombre' },
{ 'data': 'gramaje' }, { 'data': 'gramaje',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': actionBtns } { 'data': actionBtns }
] ]
}); });

View File

@ -290,7 +290,9 @@
},{ },{
name: "margen", name: "margen",
attr: { attr: {
type: "number" type: "text",
name : "margen",
class :"autonumeric"
} }
}, { }, {
"name": "papel_impresion_id", "name": "papel_impresion_id",
@ -352,7 +354,7 @@
columns : [ columns : [
{ 'data': 'paginas_min' , render : (d) => `<span class="autonumeric">${d}</span>` }, { 'data': 'paginas_min' , render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'paginas_max' , render : (d) => `<span class="autonumeric">${d}</span>`}, { 'data': 'paginas_max' , render : (d) => `<span class="autonumeric">${d}</span>`},
{ 'data': 'margen' }, { 'data': 'margen', render : (d) => `<span class="autonumeric">${d}</span>`},
{ data: actionBtns3, { data: actionBtns3,
className: 'row-edit dt-center'} className: 'row-edit dt-center'}
], ],
@ -375,13 +377,7 @@
} ] } ]
}); });
theTable3.on('draw',() => {
AutoNumeric.multiple("span.autonumeric", {
digitGroupSeparator: ".",
decimalCharacter: ",",
unformatOnSubmit: true
});
})
// Activate an inline edit on click of a table cell // Activate an inline edit on click of a table cell
$(document).on('click', '.btn-edit3', function(e) { $(document).on('click', '.btn-edit3', function(e) {
editor3.inline( editor3.inline(
@ -739,10 +735,10 @@
className: 'dt-body-center' className: 'dt-body-center'
}, },
{ 'data': 'maquina'}, { 'data': 'maquina'},
{ 'data': 'ancho'}, { 'data': 'ancho',render : (d) => `<span class="autonumeric">${d}</span>`},
{ 'data': 'alto'}, { 'data': 'alto',render : (d) => `<span class="autonumeric">${d}</span>`},
{ 'data': 'anchoimpresion'}, { 'data': 'anchoimpresion',render : (d) => `<span class="autonumeric">${d}</span>`},
{ 'data': 'altoimpresion'}, { 'data': 'altoimpresion',render : (d) => `<span class="autonumeric">${d}</span>`},
{ data: actionBtns2, { data: actionBtns2,
className: 'row-edit dt-center'} className: 'row-edit dt-center'}
], ],

View File

@ -100,7 +100,7 @@
columns : [ columns : [
{ 'data': 'nombre' }, { 'data': 'nombre' },
{ 'data': 'papel_generico_id' }, { 'data': 'papel_generico_id' },
{ 'data': 'gramaje' }, { 'data': 'gramaje', render : (d) => `<span class="autonumeric">${d}</span>`},
{ 'data': 'interior' }, { 'data': 'interior' },
{ 'data': 'bn' }, { 'data': 'bn' },
{ 'data': 'color' }, { 'data': 'color' },

View File

@ -72,10 +72,10 @@ $('#tableOfPedidos thead tr:eq(1) th').each(function (i) {
var title = $(this).text(); var title = $(this).text();
if($(this).hasClass("totalizador")){ if($(this).hasClass("totalizador")){
if(i==9){ if(i==9){
$(this).html('<label id="total_tirada" />'); $(this).html('<span id="total_tirada" class="autonumeric"></span>');
} }
else if(i==10){ else if(i==10){
$(this).html('<label id="total_aceptado" />'); $(this).html('<span id="total_aceptado" class="autonumeric"></span>');
} }
} }
else{ else{
@ -220,9 +220,9 @@ $('#tableOfPedidos thead tr:eq(1) th').each(function (i) {
{ 'data': 'titulo' }, { 'data': 'titulo' },
{ 'data': 'ubicacion' }, { 'data': 'ubicacion' },
{ 'data': 'inc_rei' }, { 'data': 'inc_rei' },
{ 'data': 'paginas' }, { 'data': 'paginas',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada' }, { 'data': 'tirada',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'total_presupuesto' }, { 'data': 'total_presupuesto',render : (d) => `<span class="autonumeric">${d}</span>`},
{ 'data': 'estado', { 'data': 'estado',
render: function(data, type, row, meta) { render: function(data, type, row, meta) {
switch(data){ switch(data){
@ -278,12 +278,6 @@ $('#tableOfPedidos thead tr:eq(1) th').each(function (i) {
}); });
} }
for (let coln of priceCols) {
theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
cell.innerHTML = parseFloat(cell.innerHTML).toFixed(2);
});
}
if(<?= $cliente_id ?> != -1){ if(<?= $cliente_id ?> != -1){
// Se oculta la columna de cliente (3) // Se oculta la columna de cliente (3)

View File

@ -187,9 +187,9 @@ theTable = $('#tableOfPresupuestos').DataTable({
{ 'data': 'titulo' }, { 'data': 'titulo' },
{ 'data': 'pais' }, { 'data': 'pais' },
{ 'data': 'inc_rei' }, { 'data': 'inc_rei' },
{ 'data': 'paginas' }, { 'data': 'paginas',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada' }, { 'data': 'tirada',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'total_presupuesto' }, { 'data': 'total_presupuesto',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'estado' , { 'data': 'estado' ,
'render': function ( data, type, row, meta ) { 'render': function ( data, type, row, meta ) {
if(data=='borrador') if(data=='borrador')

View File

@ -245,9 +245,9 @@ theTable = $('#tableOfPresupuestos').DataTable({
{ 'data': 'titulo' }, { 'data': 'titulo' },
{ 'data': 'pais' }, { 'data': 'pais' },
{ 'data': 'inc_rei' }, { 'data': 'inc_rei' },
{ 'data': 'paginas' }, { 'data': 'paginas',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada' }, { 'data': 'tirada' ,render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'total_presupuesto' }, { 'data': 'total_presupuesto',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'estado' , { 'data': 'estado' ,
'render': function ( data, type, row, meta ) { 'render': function ( data, type, row, meta ) {
if(data=='borrador') if(data=='borrador')
@ -279,12 +279,7 @@ theTable.on( 'draw.dt', function () {
}); });
} }
for (let coln of priceCols) {
theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
cell.innerHTML = parseFloat(cell.innerHTML).toFixed(2);
});
}
}); });

View File

@ -277,9 +277,9 @@ theTable = $('#tableOfPresupuestos').DataTable({
<?php endif; ?> <?php endif; ?>
{ 'data': 'titulo' }, { 'data': 'titulo' },
{ 'data': 'paginas' }, { 'data': 'paginas',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada' }, { 'data': 'tirada',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'total_presupuesto' }, { 'data': 'total_presupuesto',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'estado' , { 'data': 'estado' ,
'render': function ( data, type, row, meta ) { 'render': function ( data, type, row, meta ) {
if(data=='borrador') if(data=='borrador')

View File

@ -312,7 +312,8 @@ id = -1;
{name: "id", {name: "id",
"type": "readonly"}, "type": "readonly"},
{ {
name: "tiempo_min" name: "tiempo_min",
}, { }, {
name: "tiempo_max" name: "tiempo_max"
}, { }, {
@ -512,7 +513,12 @@ id = -1;
class :"autonumeric" class :"autonumeric"
} }
}, { }, {
name: "precio_min" name: "precio_min",
attr: {
type: "text",
name : "precio_min",
class :"autonumeric"
}
}, { }, {
name: "paginas_libro_max", name: "paginas_libro_max",
attr: { attr: {
@ -521,11 +527,26 @@ id = -1;
class :"autonumeric" class :"autonumeric"
} }
}, { }, {
name: "precio_max" name: "precio_max",
attr: {
type: "text",
name : "precio_min",
class :"autonumeric"
}
}, { }, {
name: "total_min" name: "total_min",
attr: {
type: "text",
name : "total_min",
class :"autonumeric"
}
}, { }, {
name: "margen" name: "margen",
attr: {
type: "text",
name : "margen",
class :"autonumeric"
}
}, { }, {
"name": "tirada_encuadernacion_id", "name": "tirada_encuadernacion_id",
"type": "hidden" "type": "hidden"
@ -552,7 +573,8 @@ id = -1;
new AutoNumeric(this, { new AutoNumeric(this, {
alwaysAllowDecimalCharacter: true, alwaysAllowDecimalCharacter: true,
decimalCharacter: ",", decimalCharacter: ",",
decimalPlaces : 0, decimalPlaces : 2,
allowDecimalPadding : 'floats',
digitGroupSeparator: ".", digitGroupSeparator: ".",
unformatOnSubmit : true, unformatOnSubmit : true,
}); });
@ -628,11 +650,11 @@ decimalPlaces : 0,
}, },
}, },
{ 'data': 'paginas_libro_min',render : (d) => `<span class="autonumeric">${d}</span>` }, { 'data': 'paginas_libro_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_max' }, { 'data': 'precio_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'paginas_libro_max',render : (d) => `<span class="autonumeric">${d}</span>` }, { 'data': 'paginas_libro_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_min' }, { 'data': 'precio_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'total_min' }, { 'data': 'total_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'margen' }, { 'data': 'margen' ,render : (d) => `<span class="autonumeric">${d}</span>`},
{ {
data: actionBtns, data: actionBtns,
className: 'row-edit dt-center' className: 'row-edit dt-center'
@ -702,14 +724,7 @@ decimalPlaces : 0,
} }
); );
} ); } );
theTable.on('draw',() => {
AutoNumeric.multiple("span.autonumeric", {
digitGroupSeparator: ".",
decimalCharacter: ",",
decimalPlaces : 0,
unformatOnSubmit: true
});
})
// Delete row // Delete row
function remove_lineas(dataId, row){ function remove_lineas(dataId, row){
@ -754,11 +769,26 @@ decimalPlaces : 0,
name: "proveedor_id", name: "proveedor_id",
"type": "select" "type": "select"
}, { }, {
name: "tirada_min" name: "tirada_min",
attr: {
type: "text",
name : "tirada_min",
class :"autonumeric"
}
}, { }, {
name: "tirada_max" name: "tirada_max",
attr: {
type: "text",
name : "tirada_max",
class :"autonumeric"
}
}, { }, {
name: "importe_fijo" name: "importe_fijo",
attr: {
type: "text",
name : "importe_fijo",
class :"autonumeric"
}
}, { }, {
"name": "tarifa_encuadernacion_id", "name": "tarifa_encuadernacion_id",
"type": "hidden" "type": "hidden"
@ -780,7 +810,37 @@ decimalPlaces : 0,
const suppliersList = <?php echo json_encode($proveedores); ?>; const suppliersList = <?php echo json_encode($proveedores); ?>;
editor2.field( 'proveedor_id' ).update( suppliersList ); editor2.field( 'proveedor_id' ).update( suppliersList );
editor2.on('open', (event) => {
$("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) {
autoNumericInstance.remove()
}
new AutoNumeric(this, {
decimalCharacter: ",",
digitGroupSeparator: ".",
allowDecimalPadding : 'floats',
decimalPlaces: 2,
unformatOnSubmit: true,
});
})
})
editor2.on('preSubmit', (e, d, type) => {
if (d.data) {
Object.keys(d.data).forEach(function (key) {
// Find all elements with class .autonumeric
$("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) {
// Get raw value and update the corresponding field
let rawValue = autoNumericInstance.getNumericString();
d.data[key][this.name] = rawValue; // Ensure the correct name attribute is used
}
});
});
}
})
editor2.on( 'preSubmit', function ( e, d, type ) { editor2.on( 'preSubmit', function ( e, d, type ) {
if ( type === 'create'){ if ( type === 'create'){
d.data[0]['tarifa_encuadernacion_id'] = id; d.data[0]['tarifa_encuadernacion_id'] = id;
@ -838,9 +898,9 @@ decimalPlaces : 0,
return value['label']; return value['label'];
}, },
}, },
{ 'data': 'tirada_min' }, { 'data': 'tirada_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada_max' }, { 'data': 'tirada_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'importe_fijo' }, { 'data': 'importe_fijo',render : (d) => `<span class="autonumeric">${d}</span>` },
{ {
data: actionBtns, data: actionBtns,
className: 'row-edit dt-center' className: 'row-edit dt-center'

View File

@ -182,7 +182,12 @@
}, { }, {
name: "cp_final" name: "cp_final"
}, { }, {
name: "importe_fijo" name: "importe_fijo",
attr: {
type: "text",
name : "importe_fijo",
class :"autonumeric"
}
}, { }, {
"name": "tarifa_envio_id", "name": "tarifa_envio_id",
"type": "hidden" "type": "hidden"
@ -195,7 +200,37 @@
}, },
] ]
} ); } );
editor.on('open', (event) => {
$("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) {
autoNumericInstance.remove()
}
new AutoNumeric(this, {
decimalCharacter: ",",
digitGroupSeparator: ".",
allowDecimalPadding : 'floats',
decimalPlaces: 2,
unformatOnSubmit: true,
});
})
})
editor.on('preSubmit', (e, d, type) => {
if (d.data) {
Object.keys(d.data).forEach(function (key) {
// Find all elements with class .autonumeric
$("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) {
// Get raw value and update the corresponding field
let rawValue = autoNumericInstance.getNumericString();
d.data[key][this.name] = rawValue; // Ensure the correct name attribute is used
}
});
});
}
})
editor.on( 'preSubmit', function ( e, d, type ) { editor.on( 'preSubmit', function ( e, d, type ) {
if ( type === 'create'){ if ( type === 'create'){
@ -255,7 +290,7 @@
{ 'data': 'nombre' }, { 'data': 'nombre' },
{ 'data': 'cp_inicial' }, { 'data': 'cp_inicial' },
{ 'data': 'cp_final' }, { 'data': 'cp_final' },
{ 'data': 'importe_fijo' }, { 'data': 'importe_fijo',render : (d) => `<span class="autonumeric">${d}</span>` },
{ {
data: actionBtns, data: actionBtns,
className: 'row-edit dt-center' className: 'row-edit dt-center'
@ -346,18 +381,48 @@ const lastColNr2 = $('#tableOfPrecios').find("tr:first th").length - 1;
name: "tipo_envio", name: "tipo_envio",
"type": "select" "type": "select"
}, { }, {
name: "peso_min" name: "peso_min",
attr: {
type: "text",
name : "peso_min",
class :"autonumeric"
}
}, { }, {
name: "peso_max" name: "peso_max",
attr: {
type: "text",
name : "peso_max",
class :"autonumeric"
}
}, { }, {
name: "precio_min" name: "precio_min",
attr: {
type: "text",
name : "precio_min",
class :"autonumeric"
}
}, { }, {
name: "precio_max" name: "precio_max",
attr: {
type: "text",
name : "precio_max",
class :"autonumeric"
}
}, { }, {
name: "precio_adicional", name: "precio_adicional",
def: 0 def: 0,
attr: {
type: "text",
name : "precio_adicional",
class :"autonumeric"
}
}, { }, {
name: "margen" name: "margen",
attr: {
type: "text",
name : "margen",
class :"autonumeric"
}
}, { }, {
"name": "tarifa_envio_id", "name": "tarifa_envio_id",
"type": "hidden" "type": "hidden"
@ -370,7 +435,37 @@ const lastColNr2 = $('#tableOfPrecios').find("tr:first th").length - 1;
}, },
] ]
} ); } );
editor2.on('open', (event) => {
$("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) {
autoNumericInstance.remove()
}
new AutoNumeric(this, {
decimalCharacter: ",",
digitGroupSeparator: ".",
allowDecimalPadding : 'floats',
decimalPlaces: 2,
unformatOnSubmit: true,
});
})
})
editor2.on('preSubmit', (e, d, type) => {
if (d.data) {
Object.keys(d.data).forEach(function (key) {
// Find all elements with class .autonumeric
$("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) {
// Get raw value and update the corresponding field
let rawValue = autoNumericInstance.getNumericString();
d.data[key][this.name] = rawValue; // Ensure the correct name attribute is used
}
});
});
}
})
// Generación de la lista de proveedores (id, nombre) // Generación de la lista de proveedores (id, nombre)
const suppliersList = <?php echo json_encode($proveedores); ?>; const suppliersList = <?php echo json_encode($proveedores); ?>;
editor2.field( 'proveedor_id' ).update( suppliersList ); editor2.field( 'proveedor_id' ).update( suppliersList );
@ -455,12 +550,12 @@ const lastColNr2 = $('#tableOfPrecios').find("tr:first th").length - 1;
return '<?= lang('TarifasEnviosPrecios.palets') ?>'; return '<?= lang('TarifasEnviosPrecios.palets') ?>';
} }
}, },
{ 'data': 'peso_min' }, { 'data': 'peso_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'peso_max' }, { 'data': 'peso_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_min' }, { 'data': 'precio_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_max' }, { 'data': 'precio_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_adicional' }, { 'data': 'precio_adicional',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'margen' }, { 'data': 'margen',render : (d) => `<span class="autonumeric">${d}</span>` },
{ {
data: actionBtns, data: actionBtns,
className: 'row-edit dt-center' className: 'row-edit dt-center'

View File

@ -33,10 +33,15 @@
<?= esc($item->code) ?> <?= esc($item->code) ?>
</td> </td>
<td class="align-middle"> <td class="align-middle">
<?= esc($item->precio) ?> <span class="autonumeric">
<?= esc($item->precio) ?>
</span>
</td> </td>
<td class="align-middle"> <td class="align-middle">
<?= esc($item->margen) ?> <span class="autonumeric">
<?= esc($item->margen) ?>
</span>
</td> </td>
<td class="align-middle"> <td class="align-middle">
<?= esc($item->mostrar_en_presupuesto)==1?'<i class="ti ti-check"></i>':"" ?> <?= esc($item->mostrar_en_presupuesto)==1?'<i class="ti ti-check"></i>':"" ?>

View File

@ -122,18 +122,33 @@
class :"autonumeric" class :"autonumeric"
} }
}, { }, {
name: "precio_max" name: "precio_max",
attr: {
type: "text",
name : "tirada_min",
class :"autonumeric"
}
}, { }, {
name: "tirada_max", name: "tirada_max",
attr: { attr: {
type: "text", type: "text",
name : "tirada_max", name : "tirada_max",
class :"autonumeric" class :"autonumeric"
} }
}, { }, {
name: "precio_min" name: "precio_min",
attr: {
type: "text",
name : "tirada_min",
class :"autonumeric"
}
}, { }, {
name: "margen" name: "margen",
attr: {
type: "text",
name : "tirada_min",
class :"autonumeric"
}
}, { }, {
"name": "tarifa_manipulado_id", "name": "tarifa_manipulado_id",
"type": "hidden" "type": "hidden"
@ -147,35 +162,38 @@
] ]
} ); } );
editor.on('open',(event)=>{ editor.on('open', (event) => {
$("input.autonumeric").each(function () { $("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this) let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if(autoNumericInstance){ if (autoNumericInstance) {
autoNumericInstance.remove() autoNumericInstance.remove()
} }
new AutoNumeric(this, { new AutoNumeric(this, {
decimalCharacter: ",", decimalCharacter: ",",
decimalPlaces : 0, digitGroupSeparator: ".",
digitGroupSeparator: ".", allowDecimalPadding : 'floats',
unformatOnSubmit : true, decimalPlaces: 2,
}); unformatOnSubmit: true,
}) });
}) })
editor.on( 'preSubmit', function ( e, d, type ) { })
editor.on('preSubmit', (e, d, type) => {
if (d.data) { if (d.data) {
Object.keys(d.data).forEach(function (key) { Object.keys(d.data).forEach(function (key) {
// Find all elements with class .autonumeric // Find all elements with class .autonumeric
$("input.autonumeric").each(function () { $("input.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this) let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (autoNumericInstance) { if (autoNumericInstance) {
// Get raw value and update the corresponding field // Get raw value and update the corresponding field
let rawValue = autoNumericInstance.getNumericString(); let rawValue = autoNumericInstance.getNumericString();
d.data[key][this.name] = rawValue; // Ensure the correct name attribute is used d.data[key][this.name] = rawValue; // Ensure the correct name attribute is used
} }
});
}); });
}); }
} })
editor.on( 'preSubmit', function ( e, d, type ) {
if ( type === 'create'){ if ( type === 'create'){
d.data[0]['tarifa_manipulado_id'] = id; d.data[0]['tarifa_manipulado_id'] = id;
@ -224,10 +242,10 @@
}), }),
columns: [ columns: [
{ 'data': 'tirada_min',render : (d) => `<span class="autonumeric">${d}</span>` }, { 'data': 'tirada_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_max', }, { 'data': 'precio_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'tirada_max',render : (d) => `<span class="autonumeric">${d}</span>` }, { 'data': 'tirada_max',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'precio_min' }, { 'data': 'precio_min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'margen' }, { 'data': 'margen',render : (d) => `<span class="autonumeric">${d}</span>` },
{ {
data: actionBtns, data: actionBtns,
className: 'row-edit dt-center' className: 'row-edit dt-center'
@ -284,14 +302,7 @@
); );
} ); } );
theTable.on('draw',() => {
AutoNumeric.multiple("span.autonumeric", {
digitGroupSeparator: ".",
decimalCharacter: ",",
decimalPlaces : 0,
unformatOnSubmit: true
});
})
// Delete row // Delete row
$('#tableOfTarifamanipuladolineas').on( 'click', 'tbody span.remove', function (e) { $('#tableOfTarifamanipuladolineas').on( 'click', 'tbody span.remove', function (e) {

View File

@ -33,10 +33,14 @@
<?= esc($item->code) ?> <?= esc($item->code) ?>
</td> </td>
<td class="align-middle"> <td class="align-middle">
<?= esc($item->precio) ?> <span class="autonumeric">
<?= esc($item->precio) ?>
</span>
</td> </td>
<td class="align-middle"> <td class="align-middle">
<?= esc($item->margen) ?> <span class="autonumeric">
<?= esc($item->margen) ?>
</span>
</td> </td>
<td class="align-middle"> <td class="align-middle">
<?= esc($item->mostrar_en_presupuesto)==1?'<i class="ti ti-check"></i>':"" ?> <?= esc($item->mostrar_en_presupuesto)==1?'<i class="ti ti-check"></i>':"" ?>

View File

@ -69,7 +69,7 @@ $picture = "/assets/img/default-user.png";
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/rtl/theme-semi-dark.css') ?>" /> <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/rtl/theme-semi-dark.css') ?>" />
<link rel="stylesheet" href="<?= site_url('themes/vuexy/css/safekat.css') ?>" /> <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/safekat.css') ?>" />
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>"> <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>">
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/flatpickr/flatpickr.css') ?>"/> <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/flatpickr/flatpickr.css') ?>" />
@ -353,6 +353,8 @@ $picture = "/assets/img/default-user.png";
<script src="<?= site_url('themes/vuexy/vendor/js/menu.js') ?>"></script> <script src="<?= site_url('themes/vuexy/vendor/js/menu.js') ?>"></script>
<script type="module" src="<?= site_url('assets/js/safekat/pages/chatNotification.js') ?>"></script> <script type="module" src="<?= site_url('assets/js/safekat/pages/chatNotification.js') ?>"></script>
<script type="module" src="<?= site_url('assets/js/safekat/pages/layout.js') ?>"></script>
<!-- endbuild --> <!-- endbuild -->

View File

@ -1,5 +1,4 @@
export function getToken() export function getToken() {
{
const scriptUrl = new URL(import.meta.url); const scriptUrl = new URL(import.meta.url);
const params = new URLSearchParams(scriptUrl.search); const params = new URLSearchParams(scriptUrl.search);
@ -10,3 +9,67 @@ export function getToken()
export function capitalizeFirstLetter(string) { export function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1); return string.charAt(0).toUpperCase() + string.slice(1);
} }
export const initAutonumeric = () => {
$(document).on('draw.dt', (event) => {
$("span.autonumeric").each(function () {
let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
if (!autoNumericInstance) {
new AutoNumeric(this, {
digitGroupSeparator: ".",
decimalCharacter: ",",
allowDecimalPadding : 'floats',
decimalPlaces: 2,
unformatOnSubmit: true,
});
}
})
// $(':input[type="number"]').each(function(){
// $(this).attr('type','text')
// let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
// if (!autoNumericInstance) {
// new AutoNumeric(this, {
// digitGroupSeparator: ".",
// decimalCharacter: ",",
// allowDecimalPadding : 'floats',
// decimalPlaces: 2,
// unformatOnSubmit: true,
// });
// }
// })
})
// editor.on('open', (event) => {
// $("input.autonumeric").each(function () {
// let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
// if (autoNumericInstance) {
// autoNumericInstance.remove()
// }
// new AutoNumeric(this, {
// decimalCharacter: ",",
// digitGroupSeparator: ".",
// allowDecimalPadding : 'floats',
// decimalPlaces: 2,
// unformatOnSubmit: true,
// });
// })
// })
// editor.on('preSubmit', (e, d, type) => {
// if (d.data) {
// Object.keys(d.data).forEach(function (key) {
// // Find all elements with class .autonumeric
// $("input.autonumeric").each(function () {
// let autoNumericInstance = AutoNumeric.getAutoNumericElement(this)
// if (autoNumericInstance) {
// // Get raw value and update the corresponding field
// let rawValue = autoNumericInstance.getNumericString();
// d.data[key][this.name] = rawValue; // Ensure the correct name attribute is used
// }
// });
// });
// }
// })
}

View File

@ -0,0 +1,4 @@
import { initAutonumeric } from "../common/common.js";
initAutonumeric()

View File

@ -91,10 +91,10 @@ class MaquinasList {
{ 'data': 'id' }, { 'data': 'id' },
{ 'data': 'nombre' }, { 'data': 'nombre' },
{ 'data': 'tipo' }, { 'data': 'tipo' },
{ 'data': 'ancho_impresion' }, { 'data': 'ancho_impresion',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'alto_impresion' }, { 'data': 'alto_impresion',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'min' }, { 'data': 'min',render : (d) => `<span class="autonumeric">${d}</span>` },
{ 'data': 'max' } { 'data': 'max',render : (d) => `<span class="autonumeric">${d}</span>` }
]; ];
const actions = ['edit', 'delete']; const actions = ['edit', 'delete'];