Changeset 609969a in observatorio

Timestamp:

Oct 15, 2014, 5:12:04 PM (10 years ago)

Author:

Ing. Roldan Vargas <rvargas@…>

Branches:

master

Children:

379e7f7

Parents:

8eb7907

Message:

se agregan eventos para visualizar detalles de la unidad económica seleccionada en el mapa

File:

• procesos/media/geocadena/js/cadena_productiva.js (modified) (3 diffs)

procesos/media/geocadena/js/cadena_productiva.js

@@ -73 +73 @@
     styleMap: styleMapConex
 });
+/*ue_conex.events.on({"loadstart": function() {
+    Ext.onReady(function() {
+        Ext.Msg.wait('Cargando Conexiones de la cadena productiva', 'Espere');
+    });
+
+    console.log('Inicio de la consulta sobre las conexiones de la cadena productiva');
+}});
+ue_conex.events.on({"loadend": function() {
+    Ext.Msg.hide();
+    console.log('Se han cargado las conexiones de la cadena productiva');
+}});*/
 /// Establece la visibilidad de la capa por defecto
 ue_conex.setVisibility(true);
@@ -87 +98 @@
 
         var msg = '';
-        msg += "<b>Empresa: </b>"+feature.attributes['nombre']+"<br/>";
+        msg += "<h2 style='text-align:center; color:#C00000;'>DATOS DE LA UNIDAD ECONOMICA</h2>";
+        msg += "<hr><br/>";
+        msg += "<table style='border:solid 1px;' width='100%'>";
         if (typeof (feature.attributes['rif']) != "undefined" && feature.attributes['rif'] != null) {
-            msg += "<b>R.I.F.: </b>"+feature.attributes['rif']+"<br/>";
-        }
-        msg += "<b>Coordenadas: </b>"+OpenLayers.LonLat.fromString(feature.geometry.toShortString())+"<br/>";
-        if (typeof (feature.attributes['consume']) != "undefined" && feature.attributes['consume'] != null) {
-            msg += "<b>Consume:</b>"+feature.attributes['consume']+"<br/>";
-        }
-        if (typeof (feature.attributes['produce']) != "undefined" && feature.attributes['produce'] != null) {
-            msg += "<b>Produce:</b>"+feature.attributes['produce']+"<br/>";
-        }
+            msg += "<tr>";
+            msg += "<td style='font-weight:bold'>R.I.F.: </td>";
+            msg += "<td>" + feature.attributes['rif'] + "</td>";
+            msg += "</tr>";
+        }
+        msg += "<tr>";
+        msg += "<td style='font-weight:bold'>Empresa</td>";
+        msg += "<td>" + feature.attributes['nombre'] + "</td>";
+        msg += "<tr>";
+        msg += "<tr>";
+        msg += "<td style='font-weight:bold'>Coordenadas</td>";
+        msg += "<td>" + OpenLayers.LonLat.fromString(feature.geometry.toShortString()) + "</td>";
+        msg += "</tr>";
+        msg += "</table>";
+        msg += "<br/><hr><br/>";
+        msg += "<p style='color:#1C4EB2'>Haga click en el marcador para mayor detalle...</p>";
 
         // Permite mostrar ventana emergente en cada marca dentro del mapa
-        var popup = new OpenLayers.Popup.FramedCloud("Anchored",
+        var popup = new OpenLayers.Popup.FramedCloud("popup",
             OpenLayers.LonLat.fromString(feature.geometry.toShortString()),
             null,
             msg,
             null,
-            true
+            false, // Establece si se muestra o no el botón de cerrar
+            null
         );
+        popup.autoSize = true;
         feature.popup = popup;
         mapa.addPopup(popup);
@@ -201 +223 @@
 var selector = new OpenLayers.Control.SelectFeature(ue_point,{
     hover:true,
-    autoActivate:true
+    autoActivate:true,
+    callbacks: {'click': function(f) {
+        var detalle = "";
+        detalle += "<table border='0' width='100%'>";
+        if (typeof (f.attributes.rif) != "undefined" && f.attributes.rif != null) {
+            detalle += "<tr>";
+            detalle += "<td style='font-weight:bold'>R.I.F.</td>";
+            detalle += "<td>" + f.attributes.rif + "</td>";
+            detalle += "</tr>";
+        }
+        detalle += "<tr>";
+        detalle += "<td style='font-weight:bold'>Empresa</td>";
+        detalle += "<td>" + f.attributes.nombre + "</td>";
+        detalle += "</tr>";
+        detalle += "<tr>";
+        detalle += "<td style='font-weight:bold'>Nivel</td>";
+        if (typeof (f.attributes.nivel) != "undefined" && f.attributes.nivel != null) {
+            detalle += "<td>" + f.attributes.nivel + "</td>";
+        }
+        else {
+            detalle += "<td>0</td>";
+        }
+        detalle += "</tr>";
+        detalle += "<tr>";
+        detalle += "<td style='font-weight:bold'>Posición</td>";
+        if (f.attributes.sentido == "U") {
+            detalle += "<td>AGUAS ABAJO</td>";
+        }
+        else if (f.attributes.sentido == "D") {
+            detalle += "<td>AGUAS ARRIBA</td>";
+        }
+        else if (f.attributes.sentido == "C") {
+            detalle += "<td>U.E. Consultada</td>";
+        }
+        detalle += "</tr>";
+        detalle += "<tr>";
+        detalle += "<td style='font-weight:bold'>Estado</td>";
+        if (typeof (f.attributes.estado) != "undefined" && f.attributes.estado != null) {
+            detalle += "<td>" + f.attributes.estado + "</td>";
+        }
+        else {
+            detalle += "<td>NO INDICA</td>";
+        }
+        detalle += "</tr>";
+        detalle += "<tr>";
+        detalle += "<td style='font-weight:bold'>Municipio</td>";
+        if (typeof (f.attributes.municipio) != "undefined" && f.attributes.municipio != null) {
+            detalle += "<td>" + f.attributes.municipio + "</td>";
+        }
+        else {
+            detalle += "<td>NO INDICA</td>";
+        }
+        detalle += "</tr>";
+        detalle += "<tr>";
+        detalle += "<td style='font-weight:bold'>Parroquia</td>";
+        if (typeof (f.attributes.parroquia) != "undefined" && f.attributes.parroquia != null) {
+            detalle += "<td>" + f.attributes.parroquia + "</td>";
+        }
+        else {
+            detalle += "<td>NO INDICA</td>";
+        }
+        detalle += "</tr>";
+        if (typeof (f.attributes.consume) != "undefined" && f.attributes.consume != null) {
+            detalle += "<tr>";
+            detalle += "<td style='font-weight:bold'>Consume</td>";
+            detalle += "<td>" + f.attributes.consume + "</td>";
+            detalle += "</tr>";
+        }
+        if (typeof (f.attributes.produce) != "undefined" && f.attributes.produce != null) {
+            detalle += "<tr>";
+            detalle += "<td style='font-weight:bold'>Produce</td>";
+            detalle += "<td>" + f.attributes.produce + "</td>";
+            detalle += "</tr>";
+        }
+        detalle += "</table>";
+        $("#gxInfomarks").html(detalle);
+    }}
 });
 
 mapa.addControl(selector);
 selector.activate();
+
+ue_point.events.on({"loadstart": function() {
+    Ext.onReady(function() {
+        Ext.Msg.wait('Cargando datos de la cadena productiva', 'Espere');
+    });
+
+    console.log('Inicio de la consulta sobre las Unidades Económicas de la cadena productiva');
+}});
+ue_point.events.on({"loadend": function() {
+    Ext.Msg.hide();
+    console.log('Se han cargado las Unidades Económicas de la cadena productiva');
+}});
+
 /// Establece la visibilidad de la capa por defecto
 ue_point.setVisibility(true);