Function Dropdown:
Accessing the Sidebar Menu
After logging into AppMint Web Builder, you can access the MintFlow Sidebar Menu by following these steps:
- Navigate to the Application Dropdown:
- Once you're logged in, locate the Application dropdown from the main dashboard.
Click on the MintFlow Plus (+) Icon:
- In the dropdown, click on the MintFlow icon (+) to open the MintFlow Designer interface.
Sidebar Menu Location:
- Once inside the MintFlow Designer, all the main controls and features are organized in the sidebar located on the left-hand side of the screen.
- The sidebar provides quick access to all the available menu items for designing and managing your workflows.
Function Dropdown
The Function dropdown contains components that allow you to perform various logical and data transformation operations such as fetching external data, modifying data within the flow, scripting, setting ranges, and controlling flow execution with wait and switch logic. Below is an explanation of the components available under the Function dropdown:
Fetch Component
The Fetch component allows you to retrieve or send data to external services via HTTP requests. You can configure it for different request types such as GET, POST, PUT, or DELETE.
How to Use the Fetch Component
Access the Fetch Component:
- In the Function dropdown, select the Fetch component.
Drag the Fetch Component into the Workflow:
- Drag and drop the Fetch component into the flow designer.
Configure the Fetch Component:
- Click the Expand icon to open the configuration panel.
- Type: Select the type of HTTP request (GET, POST, PUT, DELETE).
- URL: Enter the URL for the API (e.g.,
"https://jsonplaceholder.typicode.com/"). - Header Key & Value: Set the headers (e.g., key:
Content-Type, value:application/json). - Format: Choose the response format: either JSON or Text.
- Body: (Optional) If using POST, PUT, or DELETE, set the body of the request.
Example Use Case
To fetch data from a placeholder API:
- Set the Type to GET.
- Use the URL
"https://jsonplaceholder.typicode.com/posts".
Modify Component
The Modify component allows you to alter data within the flow by performing operations like setting new values, moving data, or deleting data.
How to Use the Modify Component
Access the Modify Component:
- In the Function dropdown, select the Modify component.
Drag the Modify Component into the Workflow:
- Drag and drop the Modify component into the flow designer.
Configure the Modify Component:
- Click the Expand icon to open the configuration panel.
- Operation: Choose the operation type: Set, Move, or Delete.
- Target: Specify the data source: either Data or Flow.
- Name: Enter the name of the field or variable you want to modify.
- To: Choose what type the value should be: String, Number, False, True, Timestamp, Expression, Data, or Flow.
- Value: Enter the value to assign.
Example Use Case
To set a user’s status to "active":
- Set Operation to Set.
- Set Name to "status".
- Set To to String and the Value to "active".
Script Component
The Script component enables you to write and execute custom JavaScript within your flow. This is useful for performing advanced data manipulations or conditional logic.
How to Use the Script Component
Access the Script Component:
- In the Function dropdown, select the Script component.
Drag the Script Component into the Workflow:
- Drag and drop the Script component into the flow designer.
Configure the Script Component:
- Click the Expand icon to open the script input.
- Enter a Valid JavaScript Code: Write any valid JavaScript code that processes your data or performs specific tasks.
Example Use Case
To log a message to the console:
- Enter a JavaScript snippet like
console.log("Script executed!").
Range Component
The Range component allows you to create a range of values or manipulate ranges within the flow. This is particularly useful for working with numeric or sequential data.
How to Use the Range Component
Access the Range Component:
- In the Function dropdown, select the Range component.
Drag the Range Component into the Workflow:
- Drag and drop the Range component into the flow designer.
Configure the Range Component:
- Click the Expand icon to open the range configuration.
- Source: Choose either Data or Flow as the source.
- Name: Enter the name for the input.
- Value From: Set the starting value for the range.
- Value To: Set the ending value for the range.
- New Name: Specify a name for the new range.
- New Value: Set the value for the new range.
Example Use Case
To create a range of values from 1 to 10:
- Set Value From to 1 and Value To to 10.
Wait Component
The Wait component allows you to introduce a delay or schedule an action within your flow. This is useful for controlling the timing of events.
How to Use the Wait Component
Access the Wait Component:
- In the Function dropdown, select the Wait component.
Drag the Wait Component into the Workflow:
- Drag and drop the Wait component into the flow designer.
Configure the Wait Component:
- Click the Expand icon to open the configuration panel.
- Type: Choose either Wait or Schedule.
- Strategy: Select a strategy for handling the wait:
- Collate: Collect data during the wait.
- Delay-each: Delay each item separately.
- Send-first: Send the first item immediately.
- Send-last: Send the last item after the wait.
- Delay Time: If set to Wait, configure the delay time in seconds, minutes, hours, or days.
- Date Scheduler: If set to Schedule, configure the date using your calendar.
Example Use Case
To delay a process by 10 minutes:
- Set Type to Wait and the delay to 10 minutes.
Switch Component
The Switch component allows you to define multiple conditional paths based on specific criteria. This is ideal for routing data through different logic branches.
How to Use the Switch Component
Access the Switch Component:
- In the Function dropdown, select the Switch component.
Drag the Switch Component into the Workflow:
- Drag and drop the Switch component into the flow designer.
Configure the Switch Component:
- Click the Expand icon to open the configuration panel.
- Add as many switch statements as needed by clicking the + icon.
- Name: Define the name of the switch statement.
- Operator: Choose the operator for the condition (e.g., eq, neq, lt, gt, true, false, etc.).
- Value: Set the value to compare against.
Example Use Case
To route data based on whether a user’s age is greater than 18:
- Set the Name to "age", the Operator to gt, and the Value to 18.