Sites
The Sites module allows users to manage applications, UI modules, and resources within a tenant. It consists of three main tabs: Applications, UI Modules, and Resources, each providing tools for creation, editing, and deletion.
Applications
This tab contains a table displaying all created applications within a tenant, with options to create new ones, edit existing ones, navigate to them, or delete them.
Add Application
Add Application button opens a popup with required fields for new application creation:
- Name: Application name, required field.
- Path: Includes a URL prefix, requiring only the suffix, required field.
- Framework: Dropdown with options None/Angular/React, required field.
- Style: Dropdown with options Prime NG/Material, required field.
- Type: Dropdown with options Portal/Shopping Cart, required field.
- Icon: A URL field, optional.
After creation, the application appears in the list.
Application List
Displays all created applications with columns:
- Name: Application name.
- Type: Dropdown with options Resource/Module.
- Path: Application path.
- Navigation Button: Opens the selected application in a new tab.
- Delete Button: Removes the selected application.
- Application Settings: Popup for managing a selected application.
All applications are displayed as expanded rows, showing added UI Modules and resources. They can be removed from the table or added through Edit Application popup.
Application Settings
The Application Settings popup allows configuring an application’s general properties, UI Modules & Resources, menus, and multitenancy settings.
The popup consists of four tabs: General, for configuring the application's name, path, and icon; UI Modules & Resources, for managing associated modules and resources; Menus, for editing General, User, and Top menus; and Multitenancy, for managing tenant associations and database settings.
1. General
- Name: Application name, required field.
- Path: Includes a URL prefix, requiring only the suffix, required field.
- Icon: A URL field, optional.
2. UI Modules
UI Modules tab allows viewing all UI Modules associated with the application and adding new ones.
UI Modules Columns:
- Checkbox: Displays selected modules and allows new ones to be selected.
- Display Name: UI Module name.
- Path: Module path.
- Source: Module source.
- Load Level: Dropdown with options Root/SubModule.
Selecting an UI Module adds it to the application.
3. Resources
Resources tab allows viewing all Resources associated with the application and adding new ones.
Resources Columns:
- Checkbox: Displays selected resources and allows new ones to be selected.
- Display Name: Resource name.
- Path: Resource path.
- Source: Resource source.
Selecting a recource adds it to the application.
4. Menus
The Menus tab consists of three sections (General Menu, User Menu, and Top Menu) for managing and organizing categories and menu items, allowing configuration of their order, link types, and opening behavior.
- General Menu and Top Menu:
View:
- Left panel: Category List
- Right panel: Displays menu items within the selected category.
Add Category: Add a new menu category.
- Name: Category name, required field.
- Icon: A URL field, optional field.
- Display Order: Determines category order, required field.
Add Menu Item: Add a new menu item in the selected category.
- Name: Menu item name, required field.
- Required Policy: Required access policy.
- Path: Includes a URL prefix, requiring only the suffix.
- Icon: A URL field, optional.
- Display Order: Determines menu item order, required field.
- Opening Behavior: Dropdown with options Same Page/New Window (Default: Same Page).
- Link Type: Dropdown with options Path/URL (Default: Path).
- Sub-items: Each menu item has a + button to add sub-items.
- User Menu:
Allows adding, editing, deleting menu items and adding sub-items.
View: Displays a table with columns:
- Display Order (#): Order number.
- Name: Menu item name with an icon.
- Path: Menu item path.
- Required Policy: Required access policy.
5. Multitenancy Tab:
Allows editing all tenants associated with the selected application.
View: Displays a table listing:
- Tenant Name: Name of the tenant.
- Connection String: Database connection details.
- Edit Button: Opens the edit form for the selected tenant.
UI Modules
A table displaying all created modules within a tenant, with options to create, edit, and delete.
View:
- Name: Module name.
- Path: Includes a URL prefix, requiring only the suffix.
- Source: Module source.
- Load Level: Dropdown with options Root/SubModule.
- Delete Button: Removes the selected module.
Add UI Module
Add UI Module button opens a popup with required fields for new module creation:
- Display Name: Module name, required field.
- Path: Includes a URL prefix, requiring only the suffix, required field.
- Source: Module source, required field.
- Load Level: Dropdown with options Root/SubModule, required field.
After creation, the module appears in the list and can be selected in Application Settings: UI Modules tab.
UI Module Settings
The UI Module Settings popup allows configuring a module’s general properties.
- Display Name: Module name, required field.
- Path: Includes a URL prefix, requiring only the suffix, required field.
- Source: Module source, required field.
- Load Level: Dropdown with options Root/SubModule, required field.
- Display Name: Resource name, required field.
- Path: Includes a URL prefix, requiring only the suffix, required field.
- Type: Dropdown with options Resource/Server, required field.
- Source: Resource source, required field.
After creation, the resource appears in the list and can be selected in Application Settings: Resources tab.
Resources
A table displaying all created resources within a tenant, with options to create, edit, and delete.
View: Columns: Name, Path, Source.
Delete Button: Removes the selected resource.Add Resource
Resource Settings
The Resource Settings popup allows modifying Display Name, Path, and Source of the selected resource.