[FIX montosPolicias - renderizando columnas ]

src/main/webapp/js/pages/monto_policias.js

@@ -14,6 +14,9 @@ function getColumns() {
 			title: `SEDE`,
 			data: `sede_descripcion`,
 			className: `text-center`,
+			render: (data) => {
+				return `<span class="label label-default">${data}</span>`;
+			}
 		},
 		{
 			title: `HORARIO`,
@@ -43,12 +46,36 @@ function getColumns() {
 		{
 			title: `ROL`,
 			data: `tiporol_descripcion`,
-			className: 'text-center'
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				switch (data) {
+					case "REGULAR":
+						label = "label bg-slate";
+						break;
+					case "AMANECIDA 24H":
+						label = "label bg-teal";
+						break;
+					case "AMANECIDA 12H":
+						label = "label bg-brown";
+						break;
+				}
+				return `<span class="${label}">${data}</span>`;
+			}
 		},
 		{
 			title: `COSTO HORA`,
 			data: `costo_hora`,
-			className: 'text-center'
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				if (data > 0) {
+					label = "text-primary";
+				}
+				return `<span class="${label}">${data}0</span>`;
+			}
 		},
 		{
 			title: `TIEMPO LABORADO`,
@@ -58,12 +85,28 @@ function getColumns() {
 		{
 			title: `MONTO`,
 			data: `monto`,
-			className: 'text-center'
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				if (data > 0) {
+					label = "text-primary";
+				}
+				return `<span class="${label}">${data}.00</span>`;
+			}
 		},
 		{
 			title: `DCTO POR NO MARCAR`,
 			data: `descuento_no_marco`,
-			className: 'text-center'
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				if (data > 0) {
+					label = "text-danger";
+				}
+				return `<span class="${label}">${data}.00</span>`;
+			}
 		},
 		{
 			title: `TIEMPO EXTRA`,
@@ -73,7 +116,15 @@ function getColumns() {
 		{
 			title: `MONTO EXTRAS`,
 			data: `monto_extras`,
-			className: 'text-center'
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				if (data > 0) {
+					label = "text-primary";
+				}
+				return `<span class="${label}">${data}.00</span>`;
+			}
 		},
 		{
 			title: `ESTADO EXTRAS`,
@@ -96,7 +147,15 @@ function getColumns() {
 		{
 			title: `MONTO TOTAL`,
 			data: `monto_total`,
-			className: 'text-center'
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				if (data > 0) {
+					label = "text-primary";
+				}
+				return `<span class="${label}">${data}.00</span>`;
+			}
 		},
 	];