Architecture

The Tab framework consist of 3 main parts type, tab implementation, and the AppRoutes module. Different to the Dynamic Fields & Facets, the Tab framework doesn't depend entirely in the configuration like fields and facets, since all the logic is in the tab implementation; the Tab Framework is more focus in dynamic loading of the tabs, while making possible to make its behavior configurable.

Image Modified

Tab Type

Each Tab type holds their respective properties and constructor in charge of processing the configuration and all its parts initializing all the classes required. Every single tab must extend from base-tab which holds the general properties applicable for every tab such as type, active, display, path and others. Same as the other frameworks, the tab-factory is in charge of crating a tab object using the configuration provided, this object will be later called by the tab component implemented on construction time.

Tabs Implementation

A Tab Implementation can be seen as an entire angular page which will be access via URL, and hold inside a container, completely independent. Any connection with a service or already existent components  of the user interface is up to the developer.

AppRoute Module

The AppRopute Module is in charge of loading the paths for the user interface, in here is where the tab implementation will be refer and loaded to a router outlet, and display as part of the user interface.

...

Endpoint Configuration Override

...