Commit 2ef64c4d authored by MXSIG's avatar MXSIG
Browse files

Add new widget

parent 31d7ddce
// JavaScript Document
window.layerWidgets.ccpv2010.config = {
settings:{
project:'mxsig',
sourceDataInfo:'Fuente de los datos',
mainDoc:'config/layerWidgets/ccpv2010/docs/mainDoc.pdf', //documento de descarga ubicado en los botones principales
bootDialog:'config/layerWidgets/ccpv2010/docs/init.html', //documento html que funge como mensaje de información
bootDialogTitle:'Censos de Gobierno, Sección Catastro', //titulo de la ventana emergente con el mensaje de información
docPath:'docs/cenagocatastro', //path archivos para metadatos
layerMapName:{
nal:'MAPAESTATAL',
lv1:'MAPAMUNICIPAL'
},
mapDefaultLayers:'d100,d101', //capas por defecto que son enviadas al momento de tematizar
cardIndicatorOrder:[ //orden de impresion en tabulado de resultados
{id:'label',label:'Indicador'},
{id:'value',label:'Valor'}
],
transparency:100, //transparencia por defecto del tema pintado en mapa
colorRamps:[
{id:0,name:'Amarillos',colors:['#FFF28C','#DCBB6A','#BE8447','#9F4C25','#801502']}, //la primer rampa de color debe estar sincronizada con el mapserver
{id:1,name:'Verdes',colors:['#D8F2ED','#9FC4BE','#6B9993','#3F736D','#144F4A']},
{id:2,name:'Naranja',colors:['#F5F500','#F5B800','#F57A00','#F53D00','#F50000']},
{id:3,name:'Azules',colors:['#B6EDF0','#74B4E8','#1F83E0','#1D44B8','#090991']},
{id:4,name:'Escarlata',colors:['#FFE0E0','#EBA59B','#CF705F','#B04130','#910A0A']},
{id:5,name:'Grises',colors:['#BDBFBF','#8B8C8C','#656666','#4C4C4C','#292929']}
],
numStrats:5,
methods:[
/*{name:'cuantiles',title:'Cuantiles'},
{name:'nei',title:'N.E.I'},
{name:'d2r',title:'Dalenius'},
*/
{name:'jenks',title:'R. Naturales'}
],
minStrats:1,
maxStrats:5,
//Valores fijos -------------------------------------------------------------------
geoLevels:[],// Carga dinamica de valores desde servicio de action
exportTypes:['xls','csv'], //formatos de exportación que serán solicitados al momento de presentar los datos.
varByLevel:{ //indicadores precargados con los que se tematizará al seleccionar un corte geográfico al inicio
lv1:{
descripcion:"Población",
id:13,
metadata:false,
subcat:false,
theme:true,
variable:"pobtot",
geoLevel:1,
parent:11,
idTab:98,
censo:"Censo Nacional de Población y Vivienda 2010",
subtitle:"Población Total"
},
nal:{
descripcion:"Población",
id:4,
metadata:false,
subcat:false,
theme:true,
variable:"pobtot",
geoLevel:'nal',
parent:2,
idTab:2,
censo:"Censo Nacional de Población y Vivienda 2010",
subtitle:"Población Total"
}
}
//----------------------------------------------------------------------------------
},
startingData:{
varActive:null,
colors:{id:0,name:'Escarlata',colors:['#FFF28C','#DCBB6A','#BE8447','#9F4C25','#801502']},
method:'jenks',
strats:5,
geoLevelActive:1, //debe ser acorde a la posicion de la primer variable activa
//Valores Fijos----------------------------------------------
geoIndex:0, //valor de carga inicial, 0 es inicio del arbol geográfico
geoSelected:['0'],
geoType:'1',
index:0,
showTotal:'',
typeVarSelection:'',
selected:null,
geoLevel:0,
currentMapTheme:null,
tree:[]
//------------------------------------------------------------
},
dataSources:{
exportData:{
url:'/mdmservices/export',
urlGet:'export',
type: 'POST',
contentType : "application/json; charset=utf-8",
dataType: "json",
stringify:true
},
varlist:{
url:'/mdmservices/widget/mxsig/indicator', //*
contentType : "application/json; charset=utf-8",
type: 'GET',
dataType: "json",
params:{alias:'indicadorescpv2010'}
},
getGeoConfig:{
url:'/mdmservices/widget/mxsig/actions',
contentType : "application/json; charset=utf-8",
type: 'GET',
dataType: "json",
params:{
project:'cpv2010'
}
},
geolist:{
url:'/mdmservices/widget/mxsig/catcvegeo',
contentType : "application/json; charset=utf-8",
type: 'GET',
dataType: "json"
},
theme:{
url:'/mdmservices/widget/mxsig/theme', //*
contentType : "application/json; charset=utf-8",
type: 'POST',
dataType: "json",
stringify:true,
params:{proy:'mxsig'},
},
getExtent:{
url:'/mdmservices/widget/mxsig/wkt', //*
contentType : "application/json; charset=utf-8",
type: 'GET',
dataType: "json",
},
themeColor:{
url:'/mdmservices/widget/mxsig/colors', //*
contentType : "application/json; charset=utf-8",
type: 'POST',
dataType: "json",
stringify:true
},
infoPoint:{
url:'/mdmservices/widget/mxsig/find', //*
contentType : "application/json; charset=utf-8",
type: 'POST',
dataType: "json",
stringify:true
},
getCardValues:{
url:'/mdmservices/widget/mxsig/label',
contentType : "application/json; charset=utf-8",
type: 'POST',
dataType: "json",
stringify:true,
params:{aliasIndicators:'indicadorescpv2010'},
},
getTabulated:{
url:'/mdmservices/widget/mxsig/tabulated', //*
contentType : "application/json; charset=utf-8",
type: 'GET',
dataType: "json",
params:{alias:'indicadorescpv2010'}
}
}
}
window.layerWidgets.ccpv2010.widgetLoaded = true;
//@ sourceURL=config_catastro.js
\ No newline at end of file
// JavaScript Document
window.layerWidgets.ccpv2010 = {
widgetLoaded:false,
widgetActive:false,
init:function(opc){
var obj = this;
obj.layer = opc.layer;
obj.map = opc.map;
obj.id = obj.layer.idLayer;
//carga de archivos necesarios
var path = 'config/layerWidgets/'+obj.layer.idLayer+'/'
$.when(
$.getScript(path+'config.js'),
$('<link>', {rel: 'stylesheet',type: 'text/css',href:path+'widget/jquery.ui.'+obj.layer.idLayer+'.css'}).appendTo('head'),
$.getScript( path+'widget/jquery.ui.'+obj.layer.idLayer+'.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
if(obj.widgetLoaded){
obj.initWidget();
}
});
},
remove:function(){
var obj = this;
var id = obj.id;
obj.widgetActive = false;
if($('#'+'mdmwidgetlayer'+id).attr('id')) //si ya esta abierto lo elimina y lo vuelve a crear
$('#'+'mdmwidgetlayer'+id).remove();
},
events:function(opc){ //eventos del MDM
var obj = this;
var id = obj.id;
obj.event = opc;
switch(obj.event.event){
case 'identify':
$('#'+'mdmwidgetlayer'+id).ccpv2010('onIdentify',obj.event.data);
break;
default: //de no caer el evento en ninguna de las opciones ejecuta el callback del evento que normalmente es para dar continuidad al evento como tal dentro del MDM
obj.event.callback(obj.event.data);
break;
}
},
initWidget:function(){
var obj = this;
var map = obj.map;
var id = obj.id;
obj.widgetActive = true;
var config = $.extend({},true,obj.config);
obj.nameAcive = 'mdmwidgetlayer_'+id;
if($('#'+'mdmwidgetlayer'+id).attr('id')) //si ya esta abierto lo elimina y lo vuelve a crear
$('#'+'mdmwidgetlayer'+id).remove();
var cadena = '<div id="mdmwidgetlayer'+id+'"></div>';
$("#panel-center").append(cadena);
$('#'+'mdmwidgetlayer'+id).ccpv2010({
map:map,
config:config,
onActive:function(){
/*
geoelectoralesConfig.baseMapBeforeStart = $("#mdm6Layers").layerManager('getCurrentBaseMap');
$("#mdm6Layers").layerManager('closeRightCarrucel');
$('#mdm6Layers').addClass('hideBaseMap hidetreelayer');
setTimeout(function(){
$("#mdm6Layers_layerManager_collapsedTools").Popup({content:'Se deshabilitó la selección de mapa base y capas de forma temporal',showOn:'now',highlight :true,time:10000});
},1000);
*/
},
onClose:function(){
/*
$('#mdm6Layers').removeClass('hideBaseMap hidetreelayer');
$("#mdm6Layers").layerManager('setBaseMap',geoelectoralesConfig.baseMapBeforeStart);
*/
},
getResolution:function(){
return map.getResolution();
},
refreshMap:function(params){
if(params){
MDM6('setParams',{
layer:'Economico',
params:params
});
}else{
/*
MDM6('setParams',{
layer:'Economico',
params:{forceRefresh:true}
});
*/
}
},
onTransparency:function(data){
MDM6('setOpacity','Economico',data/100);
},
onStart:function(){
$("#mdm6Layers").layerManager('closeBottomCarrucel');
},
extent:function(wkt){
map.goCoords(wkt);
},
onIdentifyFail:function(data){
$("#mdm6DinamicPanel").dinamicPanel('identifyPoint',data);
},
onCloseIdentify:function(){
MDM6('hideMarkers','identify');
},
detectCollision:function(element){
var dp_top = $('#mdm6DinamicPanel').position().top+90;
var a_top = element.position().top;
if(dp_top > a_top){
$("#mdm6DinamicPanel").dinamicPanel('hideSearch');
}
},
systemMessage:function(msg,options){
if(!options)
map.Notification({message:msg,time:3000});
var dialog = '<div id="cenagoNotification" title="'+((options && options.title)?options.title:'Metadatos')+'">';
dialog+= msg;
dialog+= '</div>';
$('body').append(dialog);
var dialogDefault = {
resizable:false,
width:350,
modal: true,
height:250,
close: function(event, ui){
$(this).dialog('destroy').remove();
},
buttons: {
"Aceptar": function() {
$( this ).dialog( "close" );
}
}
}
for(var x in options)
dialogDefault[x] = options[x];
$('#cenagoNotification').dialog(dialogDefault);
}
});
obj.currentActive = $('#'+'mdmxsig_gt_'+id);
}
}
//@ sourceURL=config/layerWidgets/cwidgetbase/control.js
\ No newline at end of file
This diff is collapsed.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
<style>
h3{
text-align: center;
background-color: silver;
padding: 10px;
font-size: 14px;
}
.main_logo{
background:url(config/layerWidgets/ccnago_catastro/docs/img/logo.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 200px;
}
</style>
<body>
<div class="main_logo"></div></br>
<h3>Presentación</h3>
<p>El Censo Nacional de Gobierno, Seguridad Pública y Sistema Penitenciario Estatales 2016 (datos del año 2015) y el Censo Nacional de Gobiernos Municipales y Delegacionales 2015 (datos del año 2014), incluyen la Sección de Catastro. Dicha sección brinda información de la actividad catastral que realizan los Estados y Municipios. La plataforma del Mapa Digital de México permite consultarla de una forma interactiva y de fácil manejo.
A través del módulo es posible consultar información sobre las actividades en materia de gestión catastral y cobro de impuesto predial que lleva a cabo la Administración Pública Estatal o Municipal, así como sobre la existencia y manejo de las bases de datos del padrón y la cartografía catastral, además el uso e intercambio de información con otras instituciones con funciones relativas a la planeación urbana, ordenamiento territorial, desarrollo económico, entre otras.</p>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
@charset "utf-8";
.sprite-ccpv2010-grid:hover
{
background-image : url(sprite-cwidgetbase-grid--hover.png);
background-repeat : no-repeat;
width : 28px;
height : 27px;
}
.sprite-ccpv2010-globe
{
background-image : url(sprite-cwidgetbase-globe.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-globe:hover
{
background-image : url(sprite-cwidgetbase-globe--hover.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-grid
{
background-image : url(sprite-cwidgetbase-grid.png);
background-repeat : no-repeat;
width : 28px;
height : 27px;
}
.sprite-ccpv2010-doc-csv:hover
{
background-image : url(sprite-cwidgetbase-doc-csv--hover.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-doc-pdf:hover
{
background-image : url(sprite-cwidgetbase-doc-pdf--hover.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-doc-pdf-mini:hover
{
background-image : url(sprite-cwidgetbase-doc-pdf-mini--hover.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-graph-mini:hover
{
background-image : url(sprite-cwidgetbase-graph-mini--hover.png);
background-repeat : no-repeat;
width : 28px;
height : 27px;
}
.sprite-ccpv2010-doc-xls:hover
{
background-image : url(sprite-cwidgetbase-doc-xls--hover.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-modify:hover
{
background-image : url(sprite-cwidgetbase-modify--hover.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-sclose
{
background-image : url(sprite-cwidgetbase-sclose.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.sprite-ccpv2010-sdown
{
background-image : url(sprite-cwidgetbase-sdown.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.sprite-ccpv2010-sdown:hover
{
background-image : url(sprite-cwidgetbase-sdown--hover.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.sprite-ccpv2010-sleft
{
background-image : url(sprite-cwidgetbase-sleft.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.sprite-ccpv2010-sleft:hover
{
background-image : url(sprite-cwidgetbase-sleft--hover.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.sprite-ccpv2010-info
{
background-image : url(sprite-cwidgetbase-info.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-ok:hover
{
background-image : url(sprite-cwidgetbase-ok--hover.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-circle
{
background-image : url(sprite-cwidgetbase-circle.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-ok
{
background-image : url(sprite-cwidgetbase-ok.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-sright
{
background-image : url(sprite-cwidgetbase-sright.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.sprite-ccpv2010-bback
{
background-image : url(sprite-cwidgetbase-bback.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-info:hover
{
background-image : url(sprite-cwidgetbase-info--hover.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-doc-csv
{
background-image : url(sprite-cwidgetbase-doc-csv.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-doc-pdf
{
background-image : url(sprite-cwidgetbase-doc-pdf.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-graph-mini
{
background-image : url(sprite-cwidgetbase-graph-mini.png);
background-repeat : no-repeat;
width : 28px;
height : 27px;
}
.sprite-ccpv2010-ok-nm:hover
{
background-image : url(sprite-cwidgetbase-ok-nm--hover.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-ok-nm
{
background-image : url(sprite-cwidgetbase-ok-nm.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-bback:hover
{
background-image : url(sprite-cwidgetbase-bback--hover.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-forward
{
background-image : url(sprite-cwidgetbase-forward.png);
background-repeat : no-repeat;
width : 27px;
height : 27px;
}
.sprite-ccpv2010-geo
{
background-image : url(sprite-cwidgetbase-geo.png);
background-repeat : no-repeat;
width : 40px;
height : 40px;
}
.sprite-ccpv2010-doc-pdf-mini