Skip to content
Page Title Text “Add Travel Agent”Text Field withTitle “Name”Placeholder “Ex : Jack Daniel”AsteriskEditable and requiredDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Phone Number”Area code default to Indonesia “+62”Placeholder “8918293232”AsteriskEditable and requiredonClick Area Code, open bottom sheet area codeonClick Phone Number, show softkeyboard input with phone number typeDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Bank”Placeholder “Ex :BCA, BRI”AsteriskEditable and requiredMinimum 3 charonClick Bank, show softkeyboard input with text typeDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Account number”Placeholder “Enter your account number...”AsteriskEditable and requiredonClick Bank, show softkeyboard input with number typeDefault (unselected)Active (editing)Error (empty)Primary Button with Text “Save”onClick change state to loading, and validate formIf valid, save data to Google Spreadsheets with APIonError, show error bottom sheet
Add Travel Agent Page
1. Title
Purpose: Show page title
Content and Elements:
2. Name Field
Purpose: Input the full name of the travel agent
Content and Elements:
Behavior and Interactions:
State:
3. Phone Number Field
Purpose: Collect the contact number of the new travel agent
Content and Elements:
Behavior and Interactions:
Data Source:
Static
State:
4. Bank Field
Purpose: Collect the name of the travel agent bank
Content and Elements:
Behavior and Interactions:
State:
5. Account Number Field
Purpose: Collect the account number of the travel agent
Content and Elements:
Behavior and Interactions:
State:
6. Save Button
Purpose: Trigger validation and save the form data to Google Spreadsheets
Content and Elements:
Behavior and Interactions:
API Name:
Google Spreadsheet API
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.