Changeset b689893 in observatorio


Ignore:
Timestamp:
Sep 15, 2014, 4:23:47 PM (10 years ago)
Author:
Ing. Roldan Vargas <rvargas@…>
Branches:
master
Children:
88f7abd
Parents:
28d0118
Message:

Se agregan eventos que permiten mostrar y/u ocultar elementos del formulario de consulta de indicadores, de acuerdo a la opción de consulta seleccionada

File:
1 edited

Legend:

Unmodified
Added
Removed

  • procesos/media/geocadena/js/formularios.js

    ra6d1e11 rb689893  
    7474                    boxLabel: 'Empleos generados',
    7575                    name: 'indicador',
     76                    //checked: true,
    7677                    inputValue: 1, // Valor dado al indicador relacionado a los empleos generados registrados en SIGESIC
    77                     handler: function() {
    78                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(false);
     78                    listeners: {
     79                        check: function(radio, checked) {
     80                            console.log("Consulta sobre empleos generados");
     81                            if (checked) {
     82                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     83                                Ext.getCmp('periodo_consulta').hide();
     84                                Ext.getCmp('anho').allowBlank = true;
     85                                Ext.getCmp('semestres').allowBlank = true;
     86                                Ext.getCmp('parroquia').hide();
     87                                Ext.getCmp('municipio').hide();
     88                                Ext.getCmp('actividad_ciiu').show();
     89                                Ext.getCmp('actividad_ciiu').allowBlank = false;
     90                            }
     91                        }
    7992                    }
    8093                },
    … …  
    8396                    name: 'indicador',
    8497                    inputValue: 2, // Valor dado al indicador relacionado a la proporción de empleos registrados en SIGESIC
    85                     handler: function() {
    86                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     98                    listeners: {
     99                        check: function(radio, checked) {
     100                            console.log("Consulta sobre proporción de empleos generados");
     101                            if (checked) {
     102                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     103                                Ext.getCmp('actividad_ciiu').hide();
     104                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     105                                Ext.getCmp('periodo_consulta').hide();
     106                                Ext.getCmp('anho').allowBlank = true;
     107                                Ext.getCmp('semestres').allowBlank = true;
     108                                Ext.getCmp('municipio').show();
     109                                Ext.getCmp('parroquia').hide();
     110                            }
     111                        }
    87112                    }
    88113                },
    … …  
    91116                    name: 'indicador',
    92117                    inputValue: 3, // Valor dado al indicador relacionado a la población económicamente activa según datos del INE
    93                     handler: function() {
    94                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     118                    listeners: {
     119                        check: function(radio, checked) {
     120                            console.log("Consulta sobre la población económicamente activa");
     121                            if (checked) {
     122                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     123                                Ext.getCmp('actividad_ciiu').hide();
     124                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     125                                Ext.getCmp('periodo_consulta').show();
     126                                Ext.getCmp('anho').allowBlank = false;
     127                                Ext.getCmp('semestres').allowBlank = false;
     128                                Ext.getCmp('semestres').show();
     129                                Ext.getCmp('parroquia').hide();
     130                                Ext.getCmp('municipio').hide();
     131                            }
     132                        }
    95133                    }
    96134                },
    … …  
    99137                    name: 'indicador',
    100138                    inputValue: 4, // Valor dado al indicador relacionado a la tasa de desempleo según datos del INE
    101                     handler: function() {
    102                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     139                    listeners: {
     140                        check: function(radio, checked) {
     141                            console.log("Consulta sobre la tasa de desempleo");
     142                            if (checked) {
     143                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     144                                Ext.getCmp('actividad_ciiu').hide();
     145                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     146                                Ext.getCmp('periodo_consulta').show();
     147                                Ext.getCmp('semestres').show();
     148                                Ext.getCmp('anho').allowBlank = false;
     149                                Ext.getCmp('semestres').allowBlank = false;
     150                                Ext.getCmp('parroquia').hide();
     151                                Ext.getCmp('municipio').hide();
     152                            }
     153                        }
    103154                    }
    104155                },
    … …  
    107158                    name: 'indicador',
    108159                    inputValue: 5, // Valor dado al indicador relacionado al índice de especialización según datos del SIGESIC
    109                     handler: function() {
    110                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(false);
     160                    listeners: {
     161                        check: function(radio, checked) {
     162                            console.log("Consulta sobre el índice de especialización");
     163                            if (checked) {
     164                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     165                                Ext.getCmp('actividad_ciiu').show();
     166                                Ext.getCmp('actividad_ciiu').allowBlank = false;
     167                                Ext.getCmp('periodo_consulta').hide();
     168                                Ext.getCmp('anho').allowBlank = true;
     169                                Ext.getCmp('semestres').allowBlank = true;
     170                                Ext.getCmp('parroquia').hide();
     171                                Ext.getCmp('municipio').hide();
     172                            }
     173                        }
    111174                    }
    112175                },
    … …  
    115178                    name: 'indicador',
    116179                    inputValue: 6, // Valor dado al indicador relacionado a la proporción de la producción según región seleccionada
    117                     handler: function() {
    118                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     180                    listeners: {
     181                        check: function(radio, checked) {
     182                            console.log("Consulta sobre la proporción de la producción");
     183                            if (checked) {
     184                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     185                                Ext.getCmp('actividad_ciiu').hide();
     186                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     187                                Ext.getCmp('periodo_consulta').show();
     188                                Ext.getCmp('anho').allowBlank = false;
     189                                Ext.getCmp('semestres').hide();
     190                                Ext.getCmp('semestres').allowBlank = true;
     191                                Ext.getCmp('parroquia').show();
     192                                Ext.getCmp('municipio').show();
     193                            }
     194                        }
    119195                    }
    120196                },
    … …  
    123199                    name: 'indicador',
    124200                    inputValue: 7, // Valor dado al indicador relacionado al consumo intermedio de las principales regiones del pais según datos del INE
    125                     handler: function() {
    126                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     201                    listeners: {
     202                        check: function(radio, checked) {
     203                            console.log("Consulta sobre el consumo de bienes intermedios necesarios para la producción");
     204                            if (checked) {
     205                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     206                                Ext.getCmp('actividad_ciiu').hide();
     207                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     208                                Ext.getCmp('periodo_consulta').show();
     209                                Ext.getCmp('anho').allowBlank = false;
     210                                Ext.getCmp('semestres').hide();
     211                                Ext.getCmp('semestres').allowBlank = true;
     212                                Ext.getCmp('parroquia').show();
     213                                Ext.getCmp('municipio').show();
     214                            }
     215                        }
    127216                    }
    128217                },
    … …  
    131220                    name: 'indicador',
    132221                    inputValue: 8, // Valor dado al indicador relacionado al índice nacional de precios al consumidor (INPC)
    133                     handler: function() {
    134                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     222                    listeners: {
     223                        check: function(radio, checked) {
     224                            console.log("Consulta sobre el índice nacional de precios al consumidor");
     225                            if (checked) {
     226                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     227                                Ext.getCmp('actividad_ciiu').hide();
     228                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     229                                Ext.getCmp('periodo_consulta').show();
     230                                Ext.getCmp('semestres').show();
     231                                Ext.getCmp('anho').allowBlank = false;
     232                                Ext.getCmp('semestres').allowBlank = false;
     233                                Ext.getCmp('parroquia').hide();
     234                                Ext.getCmp('municipio').hide();
     235                            }
     236                        }
    135237                    }
    136238                },
    … …  
    139241                    name: 'indicador',
    140242                    inputValue: 9, // Valor dado al indicador relacionado a la proporción de bienes intermedios importados requeridos para la producción nacional
    141                     handler: function() {
    142                         estadisticas.getForm().findField('actividad_ciiu').setDisabled(true);
     243                    listeners: {
     244                        check: function(radio, checked) {
     245                            console.log("Consulta sobre la proporción de bienes intermedios importados");
     246                            if (checked) {
     247                                // Instrucciones que permiten mostrar solo los campos necesarios para la consulta del indicador seleccionado
     248                                Ext.getCmp('actividad_ciiu').hide();
     249                                Ext.getCmp('actividad_ciiu').allowBlank = true;
     250                                Ext.getCmp('periodo_consulta').show();
     251                                Ext.getCmp('anho').allowBlank = false;
     252                                Ext.getCmp('semestres').hide();
     253                                Ext.getCmp('semestres').allowBlank = true;
     254                                Ext.getCmp('parroquia').show();
     255                                Ext.getCmp('municipio').show();
     256                            }
     257                        }
    143258                    }
    144259                }
    … …  
    182297var periodo = {
    183298    xtype: 'fieldset',
     299    id: 'periodo_consulta',
    184300    title: 'Período a consultar',
    185301    autoHeight: true,
    … …  
    191307            xtype: 'combo',
    192308            editable: true,
     309            id: 'anho',
    193310            name: 'anho',
    194311            fieldLabel: 'Año',
    … …  
    202319        {
    203320            xtype: 'radiogroup',
     321            id: 'semestres',
    204322            fieldLabel: 'Período',
    205323            comuns: 2,
    … …  
    232350var actividad_economica = {
    233351    xtype: 'fieldset',
     352    id: 'actividad_ciiu',
    234353    title: 'Actividad Económica',
    235354    autoHeight: true,
    … …  
    273392                {
    274393                    boxLabel: 'Parroquial',
     394                    id: 'parroquia',
    275395                    name: 'area_cobertura',
    276396                    inputValue: 'p' // p = parroquia
    … …  
    278398                {
    279399                    boxLabel: 'Municipal',
     400                    id: 'municipio',
    280401                    name: 'area_cobertura',
    281402                    inputValue: 'm' // m = municipio
    … …  
    283404                {
    284405                    boxLabel: 'Estadal',
     406                    id: 'estado',
    285407                    name: 'area_cobertura',
    286408                    inputValue: 'e' // e = estado
    … …  
    288410                {
    289411                    boxLabel: 'R.E.D.I.',
     412                    id: 'redi',
    290413                    name: 'area_cobertura',
    291414                    inputValue: 'r' // r = redi
    … …  
    331454            }
    332455            else {
    333 
     456                // Validación que permite obtener la capa de indicadores, si la misma ya ha sido creada,
     457                // para eliminarla y procesar la nueva solicitud
     458                var indicadoresLayer = mapa.getLayersByName('Indicadores');
     459                if (typeof indicadoresLayer[0] !== "undefined") {
     460                    indicadoresLayer[0].destroy();
     461                }
     462               
     463                // Variable que establece el estilo por defecto del Vector
    334464                var defaultStyle = new OpenLayers.Style({
    335465                    pointRadius: 5,
    … …  
    347477                });
    348478
     479                // Variable que establece el estilo del Vector al ser seleccionado
    349480                var selectStyle = new OpenLayers.Style({
    350481                    fillColor: "#8aeeef",
    … …  
    354485                });
    355486
     487                // Reglas que permiten mostrar la información sobre las distintas densidades de la capa dispuestas para los indicadores
    356488                var rules = [
    357489                    new OpenLayers.Rule({
    358                         title: " 0 -   1 %",
     490                        title: "&#160;&#160;0 - &#160;&#160;&#160;&#160;1 %",
    359491                        filter: new OpenLayers.Filter.Comparison({
    360492                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    369501                    }),
    370502                    new OpenLayers.Rule({
    371                         title: " 1 -   5 %",
     503                        title: "&#160;&#160;1 - &#160;&#160;&#160;&#160;5 %",
    372504                        filter: new OpenLayers.Filter.Comparison({
    373505                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    382514                    }),
    383515                    new OpenLayers.Rule({
    384                         title: " 5 -  10 %",
     516                        title: "&#160;&#160;5 - &#160;&#160;10 %",
    385517                        filter: new OpenLayers.Filter.Comparison({
    386518                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    395527                    }),
    396528                    new OpenLayers.Rule({
    397                         title: "10 -  20 %",
     529                        title: "10 - &#160;&#160;20 %",
    398530                        filter: new OpenLayers.Filter.Comparison({
    399531                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    408540                    }),
    409541                    new OpenLayers.Rule({
    410                         title: "20 -  30 %",
     542                        title: "20 - &#160;&#160;30 %",
    411543                        filter: new OpenLayers.Filter.Comparison({
    412544                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    421553                    }),
    422554                    new OpenLayers.Rule({
    423                         title: "30 -  50 %",
     555                        title: "30 - &#160;&#160;50 %",
    424556                        filter: new OpenLayers.Filter.Comparison({
    425557                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    434566                    }),
    435567                    new OpenLayers.Rule({
    436                         title: "50 -  70 %",
     568                        title: "50 - &#160;&#160;70 %",
    437569                        filter: new OpenLayers.Filter.Comparison({
    438570                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    447579                    }),
    448580                    new OpenLayers.Rule({
    449                         title: "70 -  80 %",
     581                        title: "70 - &#160;&#160;80 %",
    450582                        filter: new OpenLayers.Filter.Comparison({
    451583                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    460592                    }),
    461593                    new OpenLayers.Rule({
    462                         title: "80 -  90 %",
     594                        title: "80 - &#160;&#160;90 %",
    463595                        filter: new OpenLayers.Filter.Comparison({
    464596                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
    … …  
    483615                            pointRadius: 5,
    484616                            fillColor: "#652406"
     617                        }
     618                    }),
     619                    new OpenLayers.Rule({
     620                        title: "Porcentajes de acuerdo a la densidad representada en cada zona",
     621                        elseFilter: true,
     622                        symbolizer: {
     623                            pointRadius: 1,
     624                            fillColor: "#FFFFFF",
     625                            strokeColor: "#FFFFFF",
     626                            fillOpacity: 100,
     627                            strokeOpacity: 100
    485628                        }
    486629                    })
    487630                ];
    488631
     632                // Instrucciones que permiten agregar las reglas de validación a los estilos por defecto y selección
    489633                defaultStyle.addRules(rules);
    490634                selectStyle.addRules(rules);
    491635
     636                // Variable que contiene los estilos por defecto y de selección
    492637                var styleMap = new OpenLayers.StyleMap({'default': defaultStyle,'select': selectStyle});
    493638
    494                 var layer = new OpenLayers.Layer.Vector("indicadores", {
     639                // Variable que crea la nueva capa vectorial con la información del indicador consultado
     640                var layer = new OpenLayers.Layer.Vector("Indicadores", {
    495641                    projection: "EPSG:4326",
    496642                    renderOptions: {zIndexing: true},
Note: See TracChangeset for help on using the changeset viewer.