MenuAdmin

Video tutorial

1. Demo AstrolMenuAdmin

Nota
El componente está destinado a usarse dentro de la plantilla (AstrolLayoutMenu) , pero de igual modo puede encapsularse dentro de cualquier componente, hay que tener en cuenta que se sitúa al 100% del ancho dentro de su componente padre.

@using Astrol.Entities.Basic.UI

@using Astrol.Component.Basic.Menu

<div style="float:left;width:300px;background:var(--background-menu);position:relative;max-height:400px;">

 <AstrolMenuAdmin MenuList="optionsMenu" />

</div>

@code {

 List<MenuItem> optionsMenu = new List<MenuItem> {

 new MenuItem {

 URL = "/",

 Icon = "astrol-home",

 Name = "Home",

},

 new MenuItem {

 Icon = "astrol-th-outline",

 Name = "Web sites",

 StatusSubMenu = true,

 SubMenus = new List<MenuItem> {

 new MenuItem {

 URL = "https://astrolui.com",

 Icon = "astrol-heart-filled",

 Name = "AstrolUi",

},

 new MenuItem {

 URL = "https://perender.com",

 Icon = "astrol-star-filled",

 Name = "PERENDER",

 IsNew = true

},

};

Parámetros que admite

MenuList (List<MenuList>), lista con los elementos a representar en el menú.
Parámetros del objeto MenuList:
- Active (bool), define si el menú se encuentra seleccionado (por defecto es false).
- Icon (string), define la clase css del ícono a mostrar (no es requerido).
- Name (string), define el título del elemento a mostrar (no es requerido).
- URL (string), define el la URL de redirección del elemento (no es requerido).
- IsNew (bool), define si desea resaltar como nueva la opción del menú (por defecto es false).
- StatusSubMenu (bool), define si al tener un submenú interno que pueda estar desplegado (por defecto es false).
- SubMenus (List<MenuList>), lista con los elementos a representar en el submenú.
- Roles (string), si implementa Autorization puede especificar los roles para los que desea que se muestre la opción del menú (si es un componente padre no es necesario especificarlo ya que, si uno de sus hijos tiene el rol, él se muestra).