Project

General

Profile

Actions

User Story #681

open

EPIC #670: Package Catalogue Management - 2 days front end and 2 days backend

Feature #680: View Package Details

Frontend – View Package Details

Added by Islam Mansoori about 1 month ago.

Status:
To Do
Priority:
low
Assignee:
-
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:

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

Actions

Also available in: Atom PDF