Changeset 40a5fca in observatorio

Timestamp:

Sep 4, 2014, 2:41:55 PM (10 years ago)

Author:

Ing. Roldan Vargas <rvargas@…>

Branches:

master

Children:

a37a9ec

Parents:

e1678fd

Message:

se agregan campos para los titulos a mostrar en cada sección del árbol de capas, Se agrega componente de extjs para mostrar el logotipo del mapa productivo de venezuela y el título del sistema

File:

• procesos/apps/geocadena/templates/geocadena.html (modified) (10 diffs)

procesos/apps/geocadena/templates/geocadena.html

@@ -86 +86 @@
                                 {% endfor %}
                         ];
-                        
+
+            var acercade = '<img src="/sig/mapmedia/imgs/icons/logompv.png" width="120px"><br/>' +
+                    '<p style="text-align:justify; padding-top:15px;">Sistema de Información Geográfico (SIG) para ' +
+                    'la georeferencia de cadenas de producción e indicadores estadísticos</p>' +
+                    '<p style="text-align:justify; padding-top:15px;">Centro Nacional de Desarrollo e Investigación ' +
+                    'en Tecnologías Libres (CENDITEL) nodo Mérida - Venezuela</p>';
+
                         /**
                          * @brief Ejecuta las instrucciones necesarias para crear la interfaz de usuario del sistema y la
@@ -92 +98 @@
                          */
                     Ext.onReady(function() {
-                        mapPanel = new GeoExt.MapPanel({
+                mapPanel = new GeoExt.MapPanel({
                             border: true,
+                    id: 'mapa',
                         region: "center",
                         map: mapa,
@@ -128 +135 @@
                                                         menu: [{
                                                                 id: 'acerca_de',
-                                                                text: 'acerca de'
+                                                                text: 'acerca de',
+                                handler: function() {
+                                    Ext.Msg.show({
+                                        title: 'Acerca de...',
+                                        msg: acercade,
+                                        width: 800,
+                                        buttons: Ext.Msg.OK,
+                                        icon: 'acercade',
+                                        fn: this.callback
+                                    });
+                                }
                                                         },{
                                                                 id: 'docusr',
                                                                 text: 'manual para usuario',
                                                                 handler: function() {
-                                                                        window.open("/sig/docs/sistema/html/index.html");
+                                                                        window.open("/sig/docs/usuario/build/index.html");
                                                                 }
                                                         },{% if debug %}{
@@ -147 +164 @@
                                         })
                         });
-                        
+
+
                 {% if cadena and referencias %}
                     // Invoca a la función de conexiones para establecer las relaciones entre las Unidades Económicas a
@@ -167 +185 @@
                         url_capa: "{% url 'load_layer_json' %}?capa="+capas_extra[c].capa+"&amp;" +
                                 "field="+capas_extra[c].campo,
-                        //mediaURL: '/sig/mapmedia/geojson/',
-                        //archivo: 'carreteras_vzla',
                         strokeDefaultColor: stroke_color,
                         strokeDefaultWidth: 1,
@@ -180 +196 @@
                         
                         var treeConfig = [{
-                                nodeType: "gx_baselayercontainer"
+                                nodeType: "gx_baselayercontainer",
+                        text: "Capas Base"
                             }, {
                                 nodeType: "gx_overlaylayercontainer",
+                        text: "Capas Extra",
                                 expanded: true,
                                 loader: {
@@ -188 +206 @@
                                         radioGroup: "foo",
                                         uiProvider: "layernodeui"
-                                    },
+                                    }
                                 }
                             }];
@@ -263 +281 @@
                 };
 
-                var banner = '<img src="{% static 'images/BANNER2_MPV.jpg' %}" width="1450px" height="150px" />';
+                var iconompv = '<img src="/sig/mapmedia/imgs/icons/logompv.png" width="120px">';
+                var header_static = '<div style="float:left;">'+iconompv+'</div>';
+                header_static += '<div style="float:left;text-align:center;width:91%; font-size: 14px; ' +
+                        'font-weight: bold; height: 45px; padding-top: 15px;color:#24428B;"><span ' +
+                        'style="vertical-align:middle">SISTEMA DE ' +
+                        'INFORMACIÓN GEOGRAFICO</span></div>';
 
                     new Ext.Viewport({
@@ -271 +294 @@
                             layout: "border",
                             deferredRender: false,
-                            items: [{
+                            items: [
+                            new Ext.BoxComponent({
                                 region: 'north',
-                                html: banner,
-                                autoHeight: true,
-                                border: false,
-                                margins: '0 0 5 0',
-                                collapsible: true
-                            },
+                                height: 48, // give north and south regions a height
+                                autoEl: {
+                                    tag: 'div',
+                                    html: header_static
+                                }
+                            }),
                                 mapPanel,
                                 {
@@ -345 +369 @@
                                 numDigits: 6,
                                 emptyString: 'Cursor fuera del Mapa',
-                                displayProjection: fromProjection,
+                                displayProjection: fromProjection
                         }));
-                        
-                        
-                        
-                        
-                        
-                        
-                        // Crea el objeto que permite mostrar un mensaje de cargando...
-                        /*var loading = Ext.get('loading');
-                        var mask = Ext.get('loading-mask');
-                        mask.setOpacity(0.8);
-                        mask.shift({
-                                xy: loading.getXY(),
-                                width: loading.getWidth(),
-                                height: loading.getHeight(),
-                                remove: true,
-                                duration: 1,
-                                opacity: 0.3,
-                                easing: 'easeOut',
-                                callback: function() {
-                                        loading.fadeOut({
-                                                duration: 1,
-                                                remove: true
-                                        });
-                                }
-                        });*/
+
                         });
-                        
-                        
                         
                 </script>