Skip to content

jonathanduarte/sgb-parent-menu

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sgb-parent-menú

Propósito

Pantalla abstracta para el manejo del menú en Megazord, funcional para aplicaciones que requieren un menú con efecto "Side" de tipo lateral.

Datos Esperados

Los datos se reciben mediante un Json y sus parámetros describen el título de la pantalla a donde direccionara la opción seleccionada, el nombre de la pantalla de destino, y el icono que desea utilizar.

Parámetros de configuración

  • title: Nombre de la pantalla o categoría visible por el usuario.
  • screen: Estado al que direccionara la opción seleccionada.

Parámetros Opcionales

  • selItem: Permite aplicar un sombreado a las opciones de un menú ofreciendo la particularidad de indicarnos en que opción se encuentra el usuario para el momento.
  • icon: Icono descriptivo que acompaña los elementos de la lista.

Ejemplo de configuración del archivo screen.ts

"Parent-Menu": {
    type: 'sgb-parent-menu',
    params: {
        menu: [
            {title: 'Planes', screen: 'Planes',icon:"icon ion-iphone"},
            {title: 'Servicios', screen: 'Servicios',icon:"icon ion-android-laptop"}
  	  ],
	selItem:true	
   }
}

Otras configuraciones

- **$linesInItems**: Si deseas que las separaciones de los items que vienen por defecto no aparezcan en el menú debes modificar esta variable, dejándola en blanco. - **$backgroundItemColor**: Si deseas Cambiar el color de sombreado de los items debes modificar esta variable. Ambas ubicadas en el archivo sgb-parent-menu.scss.

Diseño

Alt Text

About

Pantalla abstracta para el manejo del menú en Megazord

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.4%
  • HTML 17.3%
  • CSS 4.3%