Admite los mismos parámetros de entrada que el objeto AccordionItemData. El parámetro open admite double-binding.
Cada item está compuesto por una cabecera y un contenido, que se podrán representar mediante los componentes AccordionHeaderComponent y ContentComponent, respectivamente. El componente ContentComponent es común entre los módulos, por lo que se encuentra en el módulo DesyCommonsModule.
Cada item está compuesto por una cabecera y un contenido, que se podrán representar mediante los componentes AccordionHeaderComponent y ContentComponent, respectivamente. El componente ContentComponent es común entre los módulos, por lo que se encuentra en el módulo DesyCommonsModule.
Además, se puede modificar el botón de Mostrar/Ocultar incluyendo los componentes AccordionItemShowButtonComponent y AccordionItemHideButtonComponent respectivamente, que únicamente admiten como contenido el HTML a mostrar.
AccordionItemShowButtonComponent
AccordionItemHideButtonComponent
Implementación básica
Con heading y showControls
AccordionHistory
Genera una lista de desplegables que, además, tienen un estado temporal.
El componente AccordionHistory tiene los mismos parámetros de entrada que el componente Accordion.
Propiedades de accesibilidad
El componente, cada AccordionItemData y AccordionHeaderData admiten los siguientes parámetros de accesibilidad.
Se permite proyectar contenido dentro del AccordionHistory para facilitar su uso. Para ello se facilitan los siguientes sub-componentes:
AccordionHeaderComponent
Permite especificar la cabecera.
Admite los mismos parámetros de entrada que el objeto AccordionHeaderData.
AccordionHistoryItemComponent
Permite especificar un item del listado.
Admite los mismos parámetros de entrada que el componente AccordionItemComponent. Además, admite los siguientes parámetros adicionales:
Propiedad
Tipo
Descripción
Propiedad
Tipo
Descripción
status
string
Permite reflejar el estado temporal del item. Los posibles valores son:
current → Estado actual
pending → Estado pendiente
muted → Estado desactivado
currentmuted → Estado desactivado y actual
Otro/ninguno/por defecto → Estado anterior al actual
disabled
boolean
Permite indicar que el item está deshabilitado.
Cada item está compuesto por una cabecera y un contenido, que se podrán representar mediante los componentes AccordionHeaderComponent y ContentComponent, respectivamente. El componente ContentComponent es común entre los módulos, por lo que se encuentra en el módulo DesyCommonsModule.
Además, se puede modificar el botón de Mostrar/Ocultar incluyendo los componentes AccordionHistoryItemShowButtonComponent y AccordionHistoryItemHideButtonComponent respectivamente, que únicamente admiten como contenido el HTML a mostrar.
Alert
Permite abrir una notificación. Se recomienda su creación dinámica desde el servicio AlertService.
Collapsible
Permite la creación de una sección plegable
Description-list
Genera una lista de descripción (<dl>). El elemento incluye una lista de grupos de términos (especificados mediante el elemento <dt>) y descripciones (proporcionadas por elementos <dd>)
Details
Permite ver detalles adicionales que el usuario puede abrir y cerrar.
Item
Permite introducir un item
Media-object
Genera una etiqueta div que contiene a su vez otro div con una figura en formato Html y un div con texto .
Pagination
Permite visualizar paginas en listados e interactuar con ellas
Spinner
Permite representar un spinner durante procesos de carga.
Status
Permite representar el estado de un elemento o de una operación.
Status-item
Permite introducir un item con status
Tabs
Permite introducir pestañas para organizar el contenido
Tooltip
Permite mostrar información ampliada colocando el ratón encima de un elemento
Accesibilidad
En todos los componentes se han tenido en cuenta los siguiente parámetros de accesibilidad. Se detalla en cada componente.
Parámetro
Atributo de accesibilidad equivalente
Parámetro
Atributo de accesibilidad equivalente
role
role
ariaLabel
aria-label
ariaDescribedBy
aria-describedby
ariaLabelledBy
aria-labelledby
ariaHidden
aria-hidden
ariaDisabled
aria-disabled
ariaControls
aria-controls
ariaCurrent
aria-current
ariaLive
aria-live
ariaExpanded
aria-expanded
ariaErrorMessage
aria-errormessage
ariaHasPopup
aria-haspopup
ariaModal
aria-modal
tabindex
tabindex
Servicios relativos a vistas
Vamos a ver como se usa cada uno de los servicios.
AlertService
Servicio que permite abrir y cerrar alerts de forma dinámica, es decir, sin tener que especificar los componentes en el HTML.
Contiene los siguientes métodos:
openAlert
Permite abrir un alert en una posición específica del html.
closeAlert
Permite cerrar un alert.
onCloseAlert
Permite gestionar el evento de cierre de un alert.
