Skip To Content

Agregar otra pestaña a la interfaz del Geoportal

En este tema

Agregar otra pestaña a la interfaz del Geoportal

Los pasos a continuación explican de forma resumida cómo agregar otra pestaña a la interfaz del Geoportal. En estos pasos, agregamos una pestaña (ejemplo) denominada Vínculos que posiblemente podría alojar una página Web, que se integrará con un sistema de administración de contenidos. Estos mismos pasos se pueden usar para agregar otras pestañas según las especificaciones del Geoportal.

Nota:

Este tema supone que usted entiende la estructura de ordenamiento de teselas de la página jsp de la aplicación Web del geoportal, como se describe en Teselas y diseño de la aplicación Web del Geoportal.

  1. Crear la carpeta y las páginas JSP con las que su nueva pestaña navegará
    • Primero, cree la carpeta que alojará la funcionalidad de su nueva pestaña. Navegue hasta el directorio \\geoportal\catalog\ y cree una nueva carpeta en ese directorio de catálogos. En este ejemplo, nombramos nuestra nueva carpeta quicklink.
    • Ahora creará la página jsp primaria que alojará la página body.jsp de su nueva pestaña. Cree un nuevo archivo de texto y dele un nombre. Guárdelo con una extensión de archivo .jsp. En nuestro ejemplo, crearemos quicklink.jsp.
    • Pegue el siguiente código en el nuevo archivo .jsp vacío, lo que reemplazará quicklink en el código con el nombre de su nueva carpeta. Tenga en cuenta que las teselas: el parámetro del valor poner nombre hará referencia al body jsp, que crearemos más adelante:
      <% // quicklink.jsp - Link pages (tiles definition) %>			
      <%@taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>			
      <%@taglib uri="http://www.esri.com/tags-gpt" prefix="gpt" %>						
      <% // initialize the page %>			
      <gpt:page id="catalog.quicklink.home"/>			
      <tiles:insert definition=".gptLayout" flush="false" >			
      	<tiles:put name="body" value="/catalog/quicklink/quicklinkBody.jsp"/>			
      </tiles:insert>
      			
    • Ahora, crearemos la página body que conservará el contenido real de su nueva pestaña. Cree otro archivo .jsp en blanco en su nueva carpeta y póngale el mismo nombre que le puso al .jsp que acaba de crear, excepto que debe agregar Body al nombre de archivo. En nuestro ejemplo, el nombre será quicklinkBody.jsp. En este nuevo archivo, pegue el siguiente código. El siguiente ejemplo hace referencia al contenido Web especificado en el atributo iframe id src. Este usa un IFrame con javascript para presentar una página importada en una ventana del navegador de tamaño apropiado. En nuestro ejemplo, la página importada es http://www.esri.com.
      <% // quicklinkBody.jsp - Links page (JSF body) %>
      <iframe id="frame" src="http://www.esri.com" style="overflow-y:auto;overflow-x:hidden"  width="100%" frameborder="0" marginheight="0" marginwidth="0" height="100%" >
      </iframe>
      
      <script type="text/javascript">
      function resizeIframe() {
          var height = document.documentElement.clientHeight;
          height += document.getElementById('frame').offsetTop;
          height -= 20; /* whatever you set your body bottom margin/padding to be */    document.getElementById('frame').style.height = height +"px";};
      document.getElementById('frame').onload = resizeIframe;
      window.onresize = resizeIframe;
      </script>
      
  2. Crear la nueva pestaña y hacer referencia a la misma
    • Navegue hasta la carpeta \\geoportal\catalog\skins\tiles y abra el archivo primaryNavigation.jsp en un editor de texto.
    • Pegue el siguiente código cerca de la parte inferior del archivo, justo encima de </h:form>, al hacerlo editará el código que pegó para que coincida con los nombres que le dio a sus páginas y carpeta jsp. Tenga en cuenta que la id quicklinkHome es una Id única que asigna a esta pestaña. La acción catalog.quicklink.home establece este vínculo para abrir archivos en la carpeta que usted creó antes, que es la carpeta \geoportal\catalog\quicklink. El atributo valor es el bean que hace referencia al nombre que le aparecerá al usuario en la nueva pestaña, según se establece en el archivo gpt.properties que actualizaremos más adelante. La styleClass es una referencia de estilo de la pestaña. Asegúrese de cambiar el [catalog.quicklink] en el atributo styleClass para hacer referencia a la misma carpeta que hizo referencia en su atributo acción. Use el siguiente ejemplo como una guía.
      <h:commandLink 
              	id="quicklinkHome" 
              	action="catalog.quicklink.home" 
              	value="#{gptMsg['catalog.quicklink.home.menuCaption']}" 
            	styleClass="#{PageContext.tabStyleMap['catalog.quicklink']}"/>
      
    • Deberá definir la nueva página que abrirá su pestaña en el archivo gpt-faces-config.xml. Navegue hasta la carpeta \\geoportal\WEB-INF y abra el archivo gpt-faces-config.xml en un editor de texto. Pegue el siguiente código justo abajo de la regla de navegación para <!-- Extract pages -->. Edite el parámetro from-outcome para hacer referencia al atributo acción del paso anterior. El parámetro to-view-id phace referencia a esa primera página jsp que creó:
        
      <!-- link page -->
        <navigation-rule>
          <navigation-case>
            <from-outcome>catalog.quicklink.home</from-outcome>
            <to-view-id>/catalog/quicklink/quicklink.jsp</to-view-id>
            <redirect/>
          </navigation-case>
        </navigation-rule>
      
  3. Actualizar el archivo gpt.properties.
    • Navegue hasta la carpeta \\geoportal\WEB-INF\classes\gpt\resources y abra el archivo gpt.properties en el editor de texto.
    • Actualice el archivo al introducir el nuevo valor de clave que hizo referencia en primaryNavigation.jsp. El término que especifique en el bean se mostrará como el texto de la nueva pestaña. La entrada título debajo de la entrada menuCaption se mostrará en la parte superior de la página, después de hacer clic en su nueva pestaña y navegar en la página. El siguiente ejemplo muestra las dos nuevas entradas para una pestaña denominada Vínculos y el texto de bienvenida que se muestra justo debajo de la pestaña cuando un usuario hace clic en ella.
       
      # quicklink page ###################
      catalog.quicklink.home.menuCaption 	= Links
      catalog.quicklink.home.caption = Welcome to the Link Page
      
  4. Guarde las carpetas que modificó y reinicie su aplicación Web del geoportal. Su nueva pestaña debe aparecer en la página de inicio.