The Nemesis Backend Console consists of several components, each of them extending the React abstract base Component class. The main components are
navigation-tree. Let’s have a closer view at each of them.
entities-navigation component is the area where each of the
entity-navigation-item-s is shown. It is billed as react-bootstrap Nav element with
Regardless of the order you choose an entity, by default they will be ordered alphabetically. The order is done based on the type of the entity. This is handled in the
entity-navigation-item component handles the logic of appearance for each entity you choose from the side navigation.
When you open the
Sitemap Page, for example, as shown on the picture above, you have the following options/information displayed:
|1||shows the entity is of
|2||shows the entity is of
|3||shows the code (custom one, you enter it) and the id (auto-generated) for the entity instance|
main-view component, as you may see from the picture below, functions as a wrapper of the information for the item you choose. By default, when you start the console, the custom admin dashboard is opened (we’ll talk later about it).
navigation-filter component handles the user’s input and lets the filtered on the given criteria entities to be displayed only. Your input is dependent on the language of the console. If it is in English, for example, a filtration condition in a different language will not match.
navigation-tree component holds the
navigation-filter component and a collection of the
navigation-tree consists of different items. Each item may contain different sub-items from the same type. The inner level navigation item only is the one that can be opened/ created an instance of.
As shown on the picture, we have a 3-level-structure of a navigation item.
Commerce is a
navigation-tree-item, containing instances of
Leasing. They are
navigation-tree-item-s again. Each of these, on an inner level, has its editable instances. The
Manufacturer is also a
There are 2 main components that build the Console’s entity window - the viewer panel for all entities -
entities-viewer and the sections, applicable to the chosen entity -
You may customize the
entity-window and add other components here as well.
entities-viewer consists of
The filtration is done based on the criteria entered. If there is no customization, the returned JSON from the API call is visualized as shown on the picture.
A custom filter may pre-populate filtration conditions (check the
Custom filter in the
entities-result-viewer component handles the results of your entity search:
The visualization of the results, in case there is no customization, is displayed in a table. The respective component is
entity-section visualizes the information, relevant for the exact entity, filtered on a condition. Each of the tabs opens a new
All sections, related to the entity, are united in a