User Story #681
openEPIC #670: Package Catalogue Management - 2 days front end and 2 days backend
Feature #680: View Package Details
Frontend – View Package Details
0%
Description
As a Super Admin, I want to view the complete details of a travel package in a read-only format so that I can verify package information before making updates, publishing it, or reviewing its completeness.
Business Background¶
The Package Details page provides a consolidated view of all information associated with a package. Before editing or publishing, administrators need to review the complete package to ensure that all mandatory information has been entered correctly. This page acts as a verification screen and provides quick navigation to related package management modules.
Objective¶
Allow the Super Admin to:
- View complete package information.
- Verify package content.
- Review package status.
- Review audit information.
- Navigate to Edit Package.
- Navigate to individual package modules.
Preconditions¶
- User is authenticated.
- User has Package Management permission.
- Package exists.
- User has permission to view the package.
Screen Name¶
Package Details
Screen Layout¶
The page shall be organized into collapsible sections for easy navigation.
Section 1 – Package Summary¶
Display:
- Package Name
- Package Code
- Package Status
- Country
- City
- Duration
- Package Type
- Featured Status
- Visibility Status
Section 2 – Package Overview¶
Display
- Short Description
- Overview
- Highlights
- Best Travel Season
- Suitable For
Section 3 – Package Configuration¶
Display
- Display Order
- Created By
- Created Date
- Last Updated By
- Last Updated Date
Section 4 – Package Completion Status¶
Display completion indicators for:
- Basic Information
- Itinerary
- Inclusions
- Halal Facilities
- Package Groups
- Images
Each section shall display one of the following:
- Complete
- In Progress
- Not Started
Section 5 – Quick Navigation¶
Provide links/buttons to
- Edit Package
- Manage Itinerary
- Manage Inclusions
- Manage Halal Facilities
- Manage Package Groups
- Manage Images
- Preview Package
User Interface Behaviour¶
- Information shall be displayed in read-only mode.
- Empty values shall display "Not Available".
- Long descriptions shall support expand/collapse.
- Status badges shall use consistent colours across the application.
- Completion indicators shall update automatically based on available data.
Buttons¶
Edit Package¶
Action
Navigate to Edit Package screen.
Preview Package¶
Action
Open customer-facing preview.
Back to Listing¶
Action
Return to Package Listing.
Success Messages¶
No success message is required as this is a read-only screen.
User-facing Error Messages¶
| Scenario | Message |
|---|---|
| Package not found | The selected package could not be found. |
| Permission denied | You do not have permission to view this package. |
| Unable to load details | Package details could not be loaded. Please try again. |
Responsive Behaviour¶
Desktop
- Multi-section dashboard layout.
Tablet
- Single-column grouped layout.
Mobile
- Accordion-based layout with sticky navigation.
Accessibility¶
- Fully keyboard accessible.
- Read-only fields announced correctly.
- Status indicators include accessible labels.
- Expand/Collapse controls accessible via keyboard.
- Screen-reader friendly headings.
Acceptance Criteria¶
AC-1¶
Given a valid package exists
When the administrator opens Package Details
Then all available package information shall be displayed.
AC-2¶
Given package information exists
When the page loads
Then all information shall be displayed in read-only mode.
AC-3¶
Given some package information is incomplete
When the page loads
Then missing information shall display as "Not Available" or "Not Started."
AC-4¶
Given completion tracking is enabled
When package details are displayed
Then each module shall display its completion status.
AC-5¶
Given the administrator clicks Edit Package
When the action is selected
Then the Edit Package page shall open.
AC-6¶
Given the administrator clicks Preview Package
When preview is available
Then the package preview shall be displayed.
AC-7¶
Given the administrator clicks Back
When the action is completed
Then the Package Listing page shall be displayed.
In Scope¶
- View package details
- Read-only information
- Completion indicators
- Audit information
- Status display
- Navigation to related modules
Out of Scope¶
- Editing package
- Publishing package
- Deleting package
- Managing itinerary
- Managing images
- Managing halal facilities
Dependencies¶
- Package Listing
- Package Master
- Itinerary Module
- Inclusions Module
- Halal Facilities Module
- Image Management
Edge Cases¶
- Package partially completed.
- Package archived.
- Related data unavailable.
- Large package descriptions.
- Slow loading of related information.
Definition of Done¶
- Complete package information displayed.
- Read-only behaviour verified.
- Completion indicators functioning.
- Navigation links verified.
- Responsive layout tested.
- Accessibility requirements met.
- Product Owner approval completed.
No data to display