Explore

Edit Booking

Booking Summary Page

1. Toolbar

Purpose: Indicates page title and navigation icon to go back to previous page

Content and Elements:

Back navigation

Title Text “Detail Booking”

Behavior and Interactions:

onClick Back Navigation, go back to

previous page⁠

⁠

Data Sources:

Static

2. Order information section

Purpose: Displays the summary of ticket booked by the booker

Content and Elements:

Title Text “Order Information”

Booking ID on the right of Order Information

Title Text “Date of Visit”

Title Text “Arrival Time”

Text Button with Text “Edit” on the right side

Behavior and Interactions:

Booking ID, Date of Visit and Arrival Time is autofilled from API

onClick Edit Button, open

Edit Booking page 1⁠

⁠

Data Sources:

Dynamic - autofilled from API

API:

Google Sheet API

3. Ticket information section

Purpose: Displays the summary of ticket quantities per category booked by the booker

Content and Elements:

Title Text “Ticket Information”

Text Button with Text “Edit” on the right side

Behavior and Interactions:

Show category only if tickets booked is more than 0

onClick Edit Button, open

Edit Booking page 1⁠

⁠

Data Sources:

Dynamic - autofilled from API

API:

Google Sheet API

4. Detail information section

Purpose: Displays the details booking form from API

Content and Elements:

Title Text “Detail Information”

Title Text “Booking Name”

Title Text “Phone Number”

Title Text “Email”

Title Text “Nationality”

Title Text “Booking Source”

Title Text “Payment Status”

Title Text “Payment”

Title Text “Transaction ID”

Title Text “Guest Status”

Title Text “Driver/ Travel Agent ID”

Text Button with Text “Edit” on the right side

Behavior and Interactions:

Booking Name, Phone Number, Email, Nationality, Booking Source, Payment Status, Payment, Transaction ID, Guest Status, Driver/ Travel Agent ID is autofilled from API

Only show Transaction ID if the payment method is EDC

onClick Edit Button, open

Edit Booking page 1⁠

→

Edit Booking page 2⁠

⁠

Data Sources:

Dynamic - autofilled from API

API:

Google Sheet API

5. Price information section

Purpose: Displays the total, discount and final ticket price

Content and Elements:

Title Text “Price Information”

Title Text “Total Price”

Title Text “Discount”

Title Text “Nett Price”

Text Button with Text “Edit” on the right side

Behavior and Interactions:

Total Price, Discount and Nett Price is auto calculated from API

onClick Edit Button, open

Edit Booking page 1⁠

→

Edit Booking page 2⁠

⁠

Data Sources:

Dynamic - autofilled from API

API:

Google Sheet API

6. Other information section

Purpose: Displays the optional field like referral code and notes

Content and Elements:

Title Text “Other Information”

Title Text “Referral Code”

Title Text “Notes”

Text Button with Text “Edit” on the right side

Behavior and Interactions:

Referral Code, Notes is autofilled from API if available

onClick Edit Button, open

Edit Booking page 1⁠

→

Edit Booking page 2⁠

⁠

Data Sources:

Dynamic - autofilled from API

API:

Google Sheet API

7. Change Payment Status

Purpose: Navigate user (Admin) to Edit Booking page 2 to edit payment status and other details of the Booking

Content and Elements:

Primary Button with Text “Change Payment Status”

Behavior and Interactions:

onClick, onClick Edit Button, open

Edit Booking page 1⁠

→

Edit Booking page 2⁠

⁠

Data Sources:

Dynamic - autofilled from API

⁠

⁠

1. Toolbar

2. Order information section

3. Ticket information section

4. Detail information section

5. Price information section

6. Other information section

7. Change Payment Status

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.