The AOC Framework

Documentation

| Read in English Leer en Español

FRONTEND

`<aoc-app>` #

It is the root component of your application.

Inputs #

Mandatory inputs are in bold, the rest are optional:

Name	Type	Description
mainMenu	AocUiDataMenu	It is the structure that will define your main menu, with submenus, icons, commands, etc.
headerMenu	AocUiDataMenu	It is the structure that will define new elements for the right-side menu (button), the User menu.
showHeader	boolean	Show the header (default is true)
showMenu	boolean	Show the menu (default is true)
showTabBar	boolean	Show the tab bar (default is true)
extraConditionToShowApp	boolean	An additional optional condition aside from the correct login to grant access to the application (default is true)

You can use 2 templates to define the structure of the left and right parts of the application header.

<aoc-app>
  <ng-template aocAppHeader="left">
    ...
  </ng-template>
  
  <ng-template aocAppHeader="right">
    ...
  </ng-template>
</aoc-app>

Additional Notes #

The extraConditionToShowApp is appropiate for cases you need to perform other tasks or checks after a successful login before actually letting the user see the application.