Skip to main content

Offsite Expense Page for User

Offsite expense page has the table that shows columns for ‘Expense Name’, 'Category', 'Amount', 'Date', 'Status' of the Offsite expenses.

note

Always click Save after making any changes to your artifact to ensure updates are stored successfully.

Create an Artifact​

Follow the steps below to create a new artifact

  1. Navigate to the Dashboard → UI Fabric
  2. Open the Artifact section by clicking the "Artifact" tab in the navigation bar.
  3. Navigate to the application path: My Artifacts → Global-App-Group → reimbfast-app
  4. Click the (+) button at the bottom-left to create a new artifact.
  5. Enter a unique name for the artifact (e.g., Offsite Expense Page for User).
  6. Click Create Artifact to confirm.
  7. Click Save to save the artifact and close the window.

Design a visual diagram​

Designing the Layout

This page consists of a table to display offsite expenses.

Create a Table

  1. Add a Table Node

    • Drag and drop a Table Node to the Group Node.

  2. Edit Table Node Properties

    • Right-click the Table node and select Edit Node.
    • Update the fields as required.
    • Enable:
      • Pagination
      • Table selection
      • Table settings
      • Table sorting

  3. Table Positioning

    • Column Start: 1
    • Column End: 13 (Full width of the group)

Define Table Columns

  • Drag and drop multiple Column nodes into the Table node.
  • For each Column node, right-click and edit its properties to set the "Label" to match the column headers visible in the screenshot:
    • claim id
    • expense name
    • claim category
    • category total amount
    • expense date
    • status

tableCol

Orchestration​

Orchestration manages the interaction between Data Fabric (DF) and UI components. It enables Node-level data flow,Form-level search and Field-level integration. Ensures seamless data movement and UI behavior across the app.

To add orchestration logic, click on the + button on the left side of the Orchestration panel.

After clicking ‘+’,Click on ReimFast to get the artifacts, Select the required artifacts

select and map the relevant data sets and UI components with the respective data field.

Logic center​

Logic Center allows the developers to define and manage all the business logic, interactions of an application, and permission level of the user

To organise the functioning of the application by configuring Security, Events, Actions, Rules, and Custom Code (SEARC)—all in one place.

For each button in the table, we have to define the action of the button which will be done in Logic Center. Here if we click one button, a form should be loaded to show the Artifact event which will load a page with its properties. Another button should add a additional form to define ‘Offsite expenses’.

Click on the UI component (Offsite Expenses page for User) and click on the right hand side UI component which will enable the Logic center, once it is enable click on the same to open.

click on the same to open

Click Add on the left side and click on the Events button at the bottom.

click Add > click onClick

Right click on ‘Onclick’ to get the properties on right side. Click on Riselisten

Select the appropriate values in the drop down

Update the properties as applicable. Click Ok

Organization matrix is a concept in Torus where roles were defined in control centre. Under the Logic center in the Security tab, we will map the user roles accordingly

Rule Engine – It is required to fetch data from one or multiple table depending on the given condition/rule. It adds rule to a component.

Select the required table from the left hand side and click on the Rule Engine

To add a rule to the Expense table on this page, first navigate the left-side menu in the Logic Center and select the 'Expense' table. Once selected, click the 'Rules' button located at the bottom of the Logic Center interface. This will open the Rule Engine or Expression Editor, allowing you to define your data processing rules.

Building the Rule Logic

  • Drag and drop "Request" node from the "Components" panel to the design canvas. This node will represent the data input from updated from Offsite expenses table.
  • Drag and drop "Decision table" node to the design canvas. This node will contain your logic for determining whether the expense is "offsite Expense.", if ‘yes’ we are setting the value as ‘true’ in response.
  • Drag and drop "Response" node to the design canvas. This node will give the filtered data as output.

Connect the Nodes

  • Connect the output of the "Request" node to the input of your "Decision table" This sends the incoming expense data to your rule logic.
  • Connect the output of "Decision table" to the input of the "Response" node. This sends the data that meets "Offsite Expense" criteria to be displayed.

Configure the Decision table

  • By editing the decision table, we would open its configuration by double-clicking or clicking "Edit Table" button.

By implementing these rules in the Logic Center's Rule Engine for each of the expense tables, we can ensure that the "Offsite Expense" table only displays Offsite expenses. Remember to use the actual field names and values from your claims_table_data dataset when configuring your rule logic.