js, ajax y jquery







js.js



</script lang='javascript'>
$(function(){

var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _url = document.location.href;
_url = mataGatos(_url);

//alert(_url);
jQuery("#list2").jqGrid({
url:_url+'/gridin/?'+formGrid+formAtt,
datatype: "json",

colNames:[
'OTT/Ticket','Clasificaciones', 'Código Servicio', 'Cliente','URT A / URT B',
'Categoría Cliente','Segmento','TS1 / TS2','Fecha Habilitación',
'Fecha Creación','Estado','SubEstado AGD', 'id'
],
colModel:[
{name:'OTT/Ticket',index:'numero',classes:'tTip'},
{name:'Clasificaciones',index:'Clasificaciones',classes:'tTip'},
{name:'Código Servicio',index:'codigo_servicio',classes:'tTip'},
{name:'Cliente',index:'razonSocial',classes:'tTip'},
{name:'URT A / URT B',index:'unombre',classes:'tTip'},

{name:'Categoría Cliente',index:'clnombre',classes:'tTip'},
{name:'Segmento',index:'snombre',classes:'tTip'},
{name:'TS1/TS2',index:'TS1/TS2',classes:'tTip'},
{name:'Fecha Habilitación',index:'fecha_habilitacion',classes:'tTip'},
{name:'Fecha Creación',index:'fecha_asignacion',classes:'tTip'},
{name:'Estado',index:'enombre',classes:'tTip'},
{name:'SubEstado AGD',index:'bnombre',classes:'tTip'},
{name:'id',index:'oid',classes:'tTip', hidden:true}
],
rowNum:100,
rowList:[10,20,30],
autowidth: true,

gridview: true,
headertitles: true,
sortname: 'numero',
viewrecords: true,
sortorder: "desc",
caption:"Ingresado",
onSelectRow: function(rowid) {

o_id = jQuery(this).getCell(rowid, 'id');
window.location = "detalle-trabajo/?o_id="+o_id

},
loadComplete: function (){
var nFilas = $('#list2 >tbody >tr').length - 1;
$('#list2').setCaption('Ingresado (' + nFilas + ')');
$("#list2").setGridWidth($(window).width()-8);

}

});



});






$(function(){
var formGrid = $("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _url = document.location.href;
_url = mataGatos(_url);
jQuery("#llamado_futuro").jqGrid({
url:_url+'/gridfu/?'+formGrid+formAtt,
datatype: "json",
colNames:[
'OTT/Ticket','Clasificaciones', 'Código Servicio', 'Cliente','URT A / URT B',
'Categoría Cliente','Segmento','TS1/TS2','Fecha Habilitación',
'Fecha Creación','Estado','SubEstado', 'Fecha LLamado'
],
colModel:[
{name:'OTT/Ticket',index:'numero'},
{name:'Clasificaciones',index:'Clasificaciones'},
{name:'Código Servicio',index:'codigo_servicio'},
{name:'Cliente',index:'razonSocial'},
{name:'URT A / URT B',index:'unombre'},

{name:'Categoría Cliente',index:'clnombre'},
{name:'Segmento',index:'snombre'},
{name:'TS1/TS2',index:'TS1/TS2'},
{name:'Fecha Habilitación',index:'fecha_habilitacion'},
{name:'Fecha Creación',index:'fecha_asignacion'},
{name:'Estado',index:'enombre', width:150},
{name:'SubEstado AGD',index:'bnombre'},
{name:'Fecha LLamado',index:'fecha_submit'}
],
rowNum:100,
rowList:[10,20,30],
autowidth: true,
sortname: 'numero',
viewrecords: true,
sortorder: "desc",
caption:"LLamado Futuro",
onSelectRow: function(rowid) {

o_id = jQuery(this).getCell(rowid, 'id');
window.location = "detalle-trabajo/?o_id="+o_id

},
loadComplete: function (){
var nFilas = $('#llamado_futuro >tbody >tr').length - 1;
$('#llamado_futuro').setCaption('LLamado Futuro (' + nFilas + ')');
$("#llamado_futuro").setGridWidth($(window).width()-8);

}

});

});





$(function(){
var _url = document.location.href;
_url = mataGatos(_url);
var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
jQuery("#agenda_hoy").jqGrid({
url:_url+'/gridhy/?'+formGrid+formAtt,
datatype: "json",
colNames:[
'OTT/Ticket','Clasificaciones', 'Código Servicio', 'Cliente','URT A / URT B',
'Categoría Cliente','Segmento','TS1/TS2','Agenda',
'Fecha Habilitacion', 'Fecha Creación','Estado','SubEstado', ' ',
'id', 'tecnico'
],
colModel:[
{name:'OTT/Ticket',index:'numero'},
{name:'Clasificaciones',index:'Clasificaciones'},
{name:'Código Servicio',index:'codigo_servicio'},
{name:'Cliente',index:'razonSocial'},
{name:'URT A',index:'unombre'},

{name:'Categoría Cliente',index:'clnombre'},
{name:'Segmento',index:'snombre'},
{name:'TS1/TS2',index:'TS1/TS2'},
{name:'Agenda',index:'rnombre'},
{name:'Fecha Habilitación',index:'fecha_habilitacion'},
{name:'Fecha Creación',index:'fecha_asignacion'},
{name:'Estado',index:'enombre'},
{name:'SubEstado AGD',index:'bnombre'},
{name:' ',index:' '},
{name:'id',index:'oid', key: true, hidden: true},
{name:'tecnico',index:'nrotecnico', key: true, hidden: true}
],
rowNum:100,
rowList:[10,20,30],
autowidth: true,
sortname: 'numero',
viewrecords: true,
sortorder: "desc",
caption:"Agenda Hoy",


onSelectRow: function(rowid) {

o_id = jQuery(this).getCell(rowid, 'id');
window.location = "detalle-trabajo/?o_id="+o_id

},
loadComplete: function (){
var nFilas = $('#agenda_hoy >tbody >tr').length - 1;
$('#agenda_hoy').setCaption('Agenda Hoy (' + nFilas + ')');
$("#agenda_hoy").setGridWidth($(window).width()-8);

}

});

});






$(function(){
var _url = document.location.href;
_url = mataGatos(_url);
var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
jQuery("#en_proceso").jqGrid({
url:_url+'/gridpr/?'+formGrid+formAtt,
datatype: "json",
colNames:[
'OTT/Ticket','Clasificaciones', 'Código Servicio', 'Cliente','URT A / URT B',
'Categoría Cliente','Segmento','TS1/TS2', 'Agenda','Fecha Habilitación',
'Fecha Creación', 'Team','Estado','SubEstado', ' ', 'id', 'tecnico'
],
colModel:[
{name:'OTT/Ticket',index:'numero'},
{name:'Clasificaciones',index:'Clasificaciones'},
{name:'Código Servicio',index:'codigo_servicio'},
{name:'Cliente',index:'razonSocial'},
{name:'URT A / URT B',index:'unombre'},

{name:'Categoría Cliente',index:'clnombre'},
{name:'Segmento',index:'snombre'},
{name:'TS1/TS2',index:'TS1/TS2'},
{name:'Agenda',index:'rnombre'},
{name:'Fecha Habilitación',index:'fecha_habilitacion'},
{name:'Fecha Creación',index:'fecha_asignacion'},
{name:'Team',index:'tnombre'},
{name:'Estado',index:'enombre'},
{name:'SubEstado AGD',index:'bnombre'},
{name:' ',index:' '},
{name:'id',index:'oid', hidden:true, key: true},
{name:'tecnico',index:'nrotecnico', key: true, hidden:true}

],
rowNum:10,
rowList:[10,20,30],
autowidth: true,

gridview: true,
headertitles: true,
sortname: 'numero',
viewrecords: true,
sortorder: "desc",
caption:"En Proceso",
onSelectRow: function(rowid) {

o_id = jQuery(this).getCell(rowid, 'id');
window.location = "detalle-trabajo/?o_id="+o_id

},
loadComplete: function (){
var nFilas = $('#en_proceso >tbody >tr').length - 1;
$('#en_proceso').setCaption('En Proceso (' + nFilas + ')');
$("#en_proceso").setGridWidth($(window).width()-8);

}


});

//if (jQuery(this).gridComplete){
$('a.tTip').tinyTips('blue','title');
//}


});






$(function(){
var _url = document.location.href;
_url = mataGatos(_url);
var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
jQuery("#terminados").jqGrid({
url:_url+'/gridte/?'+formGrid+formAtt,
datatype: "json",
colNames:[
'OTT/Ticket','Clasificaciones', 'Código Servicio', 'Cliente','URT A / URT B',
'Categoría Cliente','Segmento','TS1/TS2', 'Agenda','Fecha Habilitación',
'Fecha Creación', 'Team', 'Estado AGD'
],
colModel:[
{name:'OTT/Ticket',index:'numero'},
{name:'Clasificaciones',index:'Clasificaciones'},
{name:'Código Servicio',index:'codigo_servicio'},
{name:'Cliente',index:'razonSocial'},
{name:'URT A / URT B',index:'unombre'},

{name:'Categoría Cliente',index:'clnombre'},
{name:'Segmento',index:'snombre'},
{name:'TS1/TS2',index:'TS1/TS2'},
{name:'Agenda',index:'rnombre'},
{name:'Fecha Habilitación',index:'fecha_habilitacion'},
{name:'Fecha Creación',index:'fecha_asignacion'},
{name:'Team',index:'tnombre'},

{name:'Estado AGD',index:'bnombre'}
],
rowNum:100,
rowList:[10,20,30],
autowidth: true,
sortname: 'numero',

gridview: true,
headertitles: true,
viewrecords: true,
sortorder: "desc",
caption:"Terminados",
onSelectRow: function(rowid) {

o_id = jQuery(this).getCell(rowid, 'id');
window.location = "detalle-trabajo/?o_id="+o_id

},
loadComplete: function (){
var nFilas = $('#terminados >tbody >tr').length - 1;
$('#terminados').setCaption('Terminados (' + nFilas + ')');
$("#terminados").setGridWidth($(window).width()-8);

}
});

});





$(function(){
var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _url = document.location.href;
_url = mataGatos(_url);
jQuery("#agenda_futuro").jqGrid({
url:_url+'/gridaf/?'+formGrid+formAtt,

datatype: "json",
colNames:[
'OTT/Ticket','Clasificaciones', 'Código Servicio', 'Cliente','URT A / URT B',
'Categoría Cliente','Segmento','TS1/TS2', 'Agenda','Fecha Habilitación',
'Fecha Creación', 'Team', 'Estado AGD'
],
colModel:[
{name:'OTT/Ticket',index:'numero'},
{name:'Clasificaciones',index:'Clasificaciones'},
{name:'Código Servicio',index:'codigo_servicio'},
{name:'Cliente',index:'razonSocial'},
{name:'URT A / URT B',index:'unombre'},

{name:'Categoría Cliente',index:'clnombre'},
{name:'Segmento',index:'snombre'},
{name:'TS1/TS2',index:'TS1/TS2'},
{name:'Agenda',index:'rnombre'},
{name:'Fecha Habilitación',index:'fecha_habilitacion'},
{name:'Fecha Creación',index:'fecha_asignacion'},
{name:'Team',index:'tnombre'},

{name:'Estado AGD',index:'bnombre'},
],
rowNum:100,
rowList:[10,20,30],
autowidth: true,
sortname: 'id',

gridview: true,
headertitles: true,
viewrecords: true,
sortorder: "desc",
caption:"Agenda Futuro",
onSelectRow: function(rowid) {

o_id = jQuery(this).getCell(rowid, 'id');
window.location = "detalle-trabajo/?o_id="+o_id

},
loadComplete: function (){
var nFilas = $('#agenda_futuro >tbody >tr').length - 1;
$('#agenda_futuro').setCaption('Agenda Futuro (' + nFilas + ')');
$("#agenda_futuro").setGridWidth($(window).width()-8);

}

});

});

/*
jQuery("#agenda_hoy").jqGrid({
onCellSelect: function(rowid, index, contents) {
//oid = jQuery(this).getCell(rowid, 'oid');
alert(oid);
//event.preventDefault();
}
});
*/





function filtro(){

var param ="&_search=false&nd=1317305323955&rows=100&page=1&sidx=numero&sord=desc"



var _url = document.location.href;
_url = mataGatos(_url);


var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _urlFiltro = _url+"/gridin/?";
$(".loading").css("display", "block");

$.ajax({
url: _urlFiltro+formGrid+formAtt+param
,type: "GET"
,async:true
,success: function(msg){

var mygrid = $('#list2')[0];
var myjsongrid = eval("("+msg+")");
var num = "";
mygrid.addJSONData(myjsongrid);
myjsongrid = null;
num = $('#list2').jqGrid('getGridParam', 'records');
$('#list2').setCaption("Ingresados ("+num+")");

}



});


var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _urlFiltro = _url+"/gridfu/?";

$.ajax({
url: _urlFiltro+formGrid+formAtt+param
,type: "GET"
,async:true

,success: function(msg){
var num="";
var mygrid = $('#llamado_futuro')[0];
var myjsongrid = eval("("+msg+")");
mygrid.addJSONData(myjsongrid);
myjsongrid = null;
num = $('#llamado_futuro').jqGrid('getGridParam', 'records');
$('#llamado_futuro').setCaption("LLamado Futuro ("+num+")");

}
});


var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _urlFiltro = _url+"/gridhy/?";

$.ajax({
url: _urlFiltro+formGrid+formAtt+param
,type: "GET"
,async:true

,success: function(msg){
var num="";
var mygrid = $('#agenda_hoy')[0];
var myjsongrid = eval("("+msg+")");
mygrid.addJSONData(myjsongrid);
myjsongrid = null;
num = $('#agenda_hoy').jqGrid('getGridParam', 'records');
$('#agenda_hoy').setCaption("Agenda Hoy ("+num+")");

}
});



var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _urlFiltro = _url+"/gridpr/?";

$.ajax({
url: _urlFiltro+formGrid+formAtt+param
,type: "GET"
,async:true

,success: function(msg){
var num ="";
var mygrid = $('#en_proceso')[0];
var myjsongrid = eval("("+msg+")");
mygrid.addJSONData(myjsongrid);
myjsongrid = null;
num = $('#en_proceso').jqGrid('getGridParam', 'records');
$('#en_proceso').setCaption("En Proceso ("+num+")");

}
});



var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _urlFiltro = _url+"/gridte/?";

$.ajax({
url: _urlFiltro+formGrid+formAtt+param
,type: "GET"
,async:true

,success: function(msg){
var num = "";
var mygrid = $('#terminados')[0];
var myjsongrid = eval("("+msg+")");
mygrid.addJSONData(myjsongrid);
myjsongrid = null;
num = $('#terminados').jqGrid('getGridParam', 'records');
$('#terminados').setCaption("Terminados ("+num+")");
}
});


var formGrid=$("#grid").serialize();
var formAtt=$("#filtro_att").serialize();
var _urlFiltro = _url+"/gridaf/?";

$.ajax({
url: _urlFiltro+formGrid+formAtt+param
,type: "GET"
,async:true

,success: function(msg){
var num = "";
var mygrid = $('#agenda_futuro')[0];
var myjsongrid = eval("("+msg+")");
mygrid.addJSONData(myjsongrid);
myjsongrid = null;
$(".loading").css("display", "none");
num = $('#agenda_futuro').jqGrid('getGridParam', 'records');
$('#agenda_futuro').setCaption("Agenda Futuro ("+num+")");
}
});

}

function Cancelar(){

$('#modal').dialog('close');
//#modal
}


function Asignar(oid, formAsig){

if (confirm("Seguro que deseas Asignar la orden con id: " + oid)) {

var _url = document.location.href;
_url = mataGatos(_url);
$.ajax({
url: _url+"/asignar/"
,type: "POST"
,async:true
,data: formAsig+"&OID="+oid
,success: function(msg){
$('#agenda_hoy').trigger("reloadGrid", 1);
$('#en_proceso').trigger("reloadGrid", 1);
alert('Orden Asignada Correctamente');
$('#modal').dialog('close');
}
});
}else{


$('#modal').dialog('close');

}

}


function modal(oid){

var _url = document.location.href;
_url = mataGatos(_url);

$('#modal').dialog({
autoOpen: false,
modal: true,
position:'center'

});

$.ajax({
url: _url+"/modal/"
,type: "POST"
,async:true
,data: "OID="+oid
,success: function(msg){

var html = msg
var head = "Seleccione el Team al que desea asignar esta orden.<BR>"
head+= "Puede solicitar más de un Team en el caso que necesite un <BR>"
head+= "Team de apoyo. <BR>";
head+=html;
$('#modal').html (head)
$('#modal').dialog('open');
return false;
}
});

}



$(function(){
$.timer(10000, function (timer) {

//
$('div.tTip').tinyTips('blue', 'title');
timer.stop();

});
})

$(function(){
$.timer(300000, function (timer) {
var _url = document.location.href;
var num = $('#list2').jqGrid('getGridParam', 'records');
_url = mataGatos(_url);
$('#list2').trigger("reloadGrid", 1);
$('#llamado_futuro').trigger("reloadGrid", 1);
$('#agenda_hoy').trigger("reloadGrid", 1);
$('#en_proceso').trigger("reloadGrid", 1);
$('#terminados').trigger("reloadGrid", 1);
$('#agenda_futuro').trigger("reloadGrid", 1);

$('#list2').setCaption("Ingresados ("+num+")");
num = $('#llamado_futuro').jqGrid('getGridParam', 'records');
$('#llamado_futuro').setCaption("LLamado Futuro ("+num+")");
num = $('#agenda_hoy').jqGrid('getGridParam', 'records');
$('#agenda_hoy').setCaption("Agenda Hoy ("+num+")");
num = $('#en_proceso').jqGrid('getGridParam', 'records');
$('#en_proceso').setCaption("En Proceso ("+num+")");
num = $('#terminados').jqGrid('getGridParam', 'records');
$('#terminados').setCaption("Terminados ("+num+")");
num = $('#agenda_futuro').jqGrid('getGridParam', 'records');
$('#agenda_futuro').setCaption("Agenda Futuro ("+num+")");

});
})


function mataGatos(_url){
for(i=0;i<_url.length;i++){
var caracter=_url[i];
if(caracter == '#'){
strLen = _url.length;
_url = _url.slice(0,strLen-1);
}
if(_url.substring(_url.length-1, _url.length)=='/'){
strLen = _url.length;
_url = _url.slice(0,strLen-1);
}
}
return _url;
}

$(function(){
$.timer(20000 , function (timer) {
var num = $('#list2').jqGrid('getGridParam', 'records');
$('#list2').setCaption("Ingresados ("+num+")");
num = $('#llamado_futuro').jqGrid('getGridParam', 'records');
$('#llamado_futuro').setCaption("LLamado Futuro ("+num+")");
num = $('#agenda_hoy').jqGrid('getGridParam', 'records');
$('#agenda_hoy').setCaption("Agenda Hoy ("+num+")");
num = $('#en_proceso').jqGrid('getGridParam', 'records');
$('#en_proceso').setCaption("En Proceso ("+num+")");
num = $('#terminados').jqGrid('getGridParam', 'records');
$('#terminados').setCaption("Terminados ("+num+")");
num = $('#agenda_futuro').jqGrid('getGridParam', 'records');
$('#agenda_futuro').setCaption("Agenda Futuro ("+num+")");
timer.stop();
});
})

$(function(){
$.timer(5000 , function (timer) {
$(".ui-jqgrid-title").click(function(){
var id_div = $(this).parent('div').parent('div').attr('id');
//var id_div =$(this).attr('class');
var id = id_div.split('_');
$("#"+id[1]).jqGrid('setGridState','hidden');//or 'visible'
$(this).toggleClass('ui-jqgrid-title-oculto');
});

$(".ui-jqgrid-title-oculto").click(function(){
var id_div = $(this).parent('div').parent('div').attr('id');
//var id_div =$(this).attr('class');
var id = id_div.split('_');
$("#"+id[1]).jqGrid('setGridState','visible');//or 'visible'
$(this).removeClass('ui-jqgrid-title-oculto');
});
});
});
</script>


Comentarios

Entradas populares