RGD-pqrs
$(document).ready(function(){
// control de las opciones
var lopciones = 0;
$("#opciones-icono").click(function(){
if(lopciones==0){
$("#opciones").css("right", "5%");
lopciones = 1;
} else {
$("#opciones").css("right", "5%");
lopciones = 0;
}
$("#opciones-lista").toggle();
});
// control de leyenda PQRS
var estado = 0;
$("#tab").click(function(){
if(estado==1){
$("#leyenda").hide("slide", { direction: "left" }, 1000);
$("#pqrs-flecha").attr("src", "icons/sign_right.png");
estado = 0;
} else {
$("#leyenda").show("slide", { direction: "left" }, 1000);
$("#pqrs-flecha").attr("src", "icons/sign_left.png");
estado = 1;
}
});
$("input").focus(function(){
$(this).css("background","#F4FA58");
});
$("input").blur(function(){
$(this).css("background","#FFF");
});
$("textarea").focus(function(){
$(this).css("background","#F4FA58");
});
$("textarea").blur(function(){
$(this).css("background","#FFF");
});
// cambio de icono boton
$("#form-button").mouseenter(function(){
$(this).removeClass("form-button-red").addClass("form-button-gray");
})
$("#form-button").mouseleave(function(){
$(this).removeClass("form-button-gray").addClass("form-button-red");
})
// encabezado leyenda pqrs
$("#atab").click(function(){
//$("#leyenda").slideToggle(2000);
$("#leyenda").hide("slide", { direction: "right" }, 3000);
});
botones([1,0,0,0,0,0,0]);
cargarDptos();
});
html {
overflow: hidden;
}
body {
font-family: Helvetica;
height: 500px;
}
table {
width: 100%;
margin-top: 2%;
margin-bottom: 1%;
}
table label, table input, table textarea {
width: 95%;
border-radius: 7px;
font-size: 14px;
}
table input:focus, table textarea:focus {
outline: none;
}
table label {
display: inline-block;
text-align: right;
font-weight: bold;
vertical-align: middle;
}
.col-1 {
width: 25%;
}
.col-2 {
width: 75%;
/* border: 1px solid red; */
}
.col-3 {
padding: 0.5%;
}
.dvformulario {
float: left;
width: 96%;
margin: 2%;
border: 1px solid #848484;
border-radius: 5px;
background-color: #E6E6E6;
box-shadow: 2px 2px 10px #000;
}
.dvtitulo {
position: fixed;
top: 1%;
left: 1%;
width: 15%;
}
.dvfooter {
position: fixed;
bottom : 1%;
left: 1%;
width: 35%;
}
#titulo, #tab, #leyenda {
display: inline-block;
text-align: center;
box-shadow: 2px 2px 10px #000;
}
#titulo, #leyenda {
float: left;
font-size: 17px;
padding: 5px;
}
#titulo {
width: 10%;
background-color: #EF3C42;
color: #FFF;
}
#tab {
float: left;
cursor: pointer;
width: 32px;
height: 32px;
padding: 1px;
}
#tab:hover {
filter: invert(100%);
}
#leyenda {
width: 45%;
border-radius: 0px 10px 10px 0px;
border: 1px solid #EF3C42;
color: #EF3C42;
display: none;
}
#radicado {
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
color: #B40404;
}
.form-button-red {
background-color: transparent;
color: #000;
}
.form-button-gray {
background-color: #B40404;
border: 1px solid #585858;
color: #FFF;
box-shadow: 2px 2px 10px #000;
}
.form-button-red, .form-button-gray {
cursor: pointer;
padding: 1% 2% 1.5% 1%;
font-weight: bold;
}
.form-button-red > img, .form-button-gray > img{
vertical-align: middle;
}
.form-button > span, .form-button-gray > span {
vertical-align: middle;
font-weight: bold;
font-size: 14px;
}
.form-button-red > img {
content: url("icons/Ok_red.png");
}
.form-button-gray > img {
content: url("icons/Ok_gray.png");
}
.fitem {
margin-bottom: 5px;
}
.fitem label {
display: inline-block;
width: 15%;
text-align: right;
}
.fitem input {
width: 15%;
}
function botones(lista){
var nomboton = ['nradicado','nit','nombre','contacto','telefono','correo','comentario'];
for (i=0;i<7;i++){
$("#"+nomboton[i]).prop('disabled', (lista[i]==1)?true:false);
}
}
function calcularMaximo(){
var res = confirm(" Esta seguro de ENVIAR ??? ");
if(res){
// definir TABLA - database ---------------------------------------------------------------------------
var xtabla = 'tbpqrs'
// definir lista de campos en array -------------------------------------------------------------------
var arrayCampos = ["radicado"];
var xaccion = 'F';
var xfuncion = 'MAX';
$.post('myFileDB.php',
{accion:xaccion, funcion:xfuncion, tabla:xtabla, campos:arrayCampos },
function(result){
if (result.success){
var xvalor = parseInt(result.valor) + 1;
$("#nradicado").val(xvalor);
enviar();
//alert("sql="+result.sql);
//alert("result.valor="+result.valor);
} else {
alert("Error - PQRS calcularMaximo() ");
}
},'json');
}
}
function enviar(){
var xradicado = $("#nradicado").val();
var xfecha = qFecha();
var xhora = qHora();
// definir TABLA - database ---------------------------------------------------------------------------
var xtabla = 'tbpqrs'
// definir lista de campos en array -------------------------------------------------------------------
var arrayCampos = ["radicado","fecha","hora","nit","nombre","contacto","telefono","correo","comentario","depto_cod","munic_cod"];
// definir variables con valor de campos --------------------------------------------------------------
var xnit = $("#nit").val();
var xnombre = $("#nombre").val();
var xcontacto = $("#contacto").val();
var xtelefono = $("#telefono").val();
var xcorreo = $("#correo").val();
var xcomentario = $("#comentario").val();
// Adicion de dos campos de departamento
var xdepto = $("#depto option:selected").text();
var xmunic = $("#munic option:selected").text();
// definir lista de valores en array ------------------------------------------------------------------
var arrayValores = [xradicado,xfecha,xhora,xnit,xnombre,xcontacto,xtelefono,xcorreo,xcomentario,xdepto,xmunic];
// definir xaccion segun: I-insert, U-update, D-delete, S-select, F-function [count(), max(), etc.]
var xaccion = 'I';
$.post('myFileDB.php', {
accion:xaccion,
tabla:xtabla,
campos:arrayCampos,
valores:arrayValores
},
function(result){
if (result.success){
// $("#fecha").val(xfecha);
// $("#hora").val(xhora);
alert("su PQRS ha sido grabada EXITOSAMENTE!!!");
$("#frmDatosCliente input").val("");
$("#frmDatosCliente textarea").val("");
$("#frmDatosCliente select").val("");
} else {
alert("Error - PQRS ");
}
},'json');
}
function qFecha(){
var today = new Date();
var m = today.getMonth() + 1;
var mes = (m < 10) ? '0' + m : m;
var xfecha = today.getFullYear() + '-' + mes + '-' + today.getDate();
return xfecha;
}
function qHora(){
var xf = new Date();
var xhora = xf.getHours()+":"+xf.getMinutes()+":"+xf.getSeconds();
return xhora;
}
function cargarDptos() {
$.post("depto_getdata.php", {},
function (result) {
if (result.success) {
var row = result.items;
for (let i = 0; i < row.length; i++) {
const deptoCod = row[i]["depto_cod"];
const deptoNom = row[i]["depto_nom"];
cad1 = ""+deptoNom+"";
$("#depto").append(cad1);
}
}
else {
alert("Problemas consultar departamentos !!!");
}
},
"json"
);
}
function qdepto(pid) {
$("#munic").empty();
$.post("munic_getdata.php", {
id:pid
},
function (result) {
if (result.success) {
var row = result.items;
for (let i = 0; i < row.length; i++) {
const municCod = row[i]["munic_cod"];
const municNom = row[i]["munic_nom"];
cad1 = ""+municNom+"";
$("#munic").append(cad1);
}
}
else {
alert("Problemas consultar municipios !!!");
}
},
"json"
);
}
ENVIAR
