JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Skip to content
Gallery
FSD Hikaria
FSD Hikaria
More
Share
Explore
Add Ticket
2. Add Ticket - Detail Information
1. Stepper
Purpose:
Indicates user progress through the ticket creation steps
Content and Elements:
Steps 1 Highlighted with Text “Order Information”
Steps 2 Highlighted with Text “Detail Information”
Steps 3 Greyed with Text “Wrap Up”
Behavior and Interactions:
onClick Continue button, will move to next step and highlighted current and past steps
Data Sources:
Static
UI References:
https://www.figma.com/design/qhhAeQGUYE8Te39cVn9vKy/Hikaria-Ticketing-Apps?node-id=1203-2086&t=bqykASBaB79Emj4r-0
State:
Inactive
Active
2. Booking Name Field
Purpose:
Collect the full name of the person making the booking
Content and Elements:
Text Field with
Title “Booking name”
Placeholder “Ex : Jack Daniel”
Asterisk
Behavior and Interactions:
Editable and required
State:
Default (unselected)
Active (editing)
Error (empty)
3. Phone Number Field
Purpose:
Collect the contact number of the person making the booking
Content and Elements:
Text Field with
Title “Phone Number”
Area code default to Indonesia “+62”
Placeholder “8918293232”
Asterisk
Behavior and Interactions:
Editable and required
onClick Area Code, open bottom sheet area code
onClick Phone Number, show softkeyboard input with phone number type
Data Source:
Static
State:
Default (unselected)
Active (editing)
Error (empty)
4. Email
Purpose:
Collect the email to send the Ticket QR code and payment status
Content and Elements:
Text Field with
Title “Email”
Placeholder “Ex : jack@email.com”
Asterisk
Behavior and Interactions:
Editable and required
onClick open softkeyboard with email type
State:
Default (unselected)
Active (editing)
Error (empty)
5. Nationality
Purpose:
Collect the nationality of the visitor
Content and Elements:
Text Field with
Title “Nationality”
Placeholder “Ex : Jack Daniel”
Asterisk
Dropdown icon on the right
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Nationality
Data Source:
Static
State:
Default (unselected)
Active (editing)
Error (empty)
6. Payment Method
Purpose:
Collect the payment method the customer use to pay
Content and Elements:
Text Field with
Title “Payment Method”
Placeholder “Select option”
Asterisk
Hidden Text Field with:
Title “Transaction ID”
Placeholder “Ex : OTA-910920392”
Asterisk
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Payment Method
If selected method is `EDC`
show Transaction ID Field
Transaction ID is required
Data Source:
Static
State:
Default (unselected)
Active (editing)
Error (empty)
7. Guest Status
Purpose:
Determined the guest visitation status to the event
Content and Elements:
Text Field with
Title “Guest status”
Placeholder “Select status”
Asterisk
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Guest Status
Data Source:
Static
State:
Default (unselected)
Active (editing)
Error (empty)
8. Driver/ Travel Agent ID
Purpose:
Tracking for partnership/ referral tracking
Content and Elements:
Text Field with
Title “Driver/ Travel Agent ID”
Placeholder “Select driver”
Behavior and Interactions:
Editable and not required
onClick, open bottom sheet Driver/ Travel agent ID
Data Source:
Dynamic
API Name:
Google Sheet API
State:
Default (unselected)
Active (editing)
Error (empty)
9. Payment Status
Purpose:
Indicates if the payment has been made
Content and Elements:
Text Field with
Title “Payment Status”
Placeholder “Select status”
Asterisk
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Payment Status
Data Source:
Static
State:
Default (unselected)
Active (editing)
Error (empty)
10. Total Price
Purpose:
Input the total price for all ticket booked
Content and Elements:
Text Field with
Title “Total Price”
Placeholder “Rp 692.029”
Asterisk
Behavior and Interactions:
Editable and required only for super admin
onClick, open softkeyboard with number type
State:
Default (unselected)
Active (editing)
Error (empty)
11. Toogle Discount
Purpose:
Toggle to show/ hide the discount fields
Content and Elements:
Toggle with Title “Discount”
Text field with Text “Discount Type”
Text field with Text “Discount Amount”
Behavior and Interactions:
Enabled only for super admin
1. Stepper
2. Booking Name Field
3. Phone Number Field
4. Email
5. Nationality
6. Payment Method
7. Guest Status
8. Driver/ Travel Agent ID
9. Payment Status
10. Total Price
11. Toogle Discount
12. Nett Price
13. Referral Code
14. Notes
15. Previous Button
16. Continue Button
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Ctrl
P
) instead.