[PR #14] [MERGED] feat: add booking modal #14

New issue

Closed

opened 2026-05-06 16:09:09 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-06 16:09:09 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/BreizhHardware/projet-web-cipa4/pull/14
Author: @BreizhHardware
Created: 2/12/2026
Status: ✅ Merged
Merged: 2/13/2026
Merged by: @BreizhHardware

Base: main ← Head: feat/book-trip

📝 Commits (1)

12c1b06 feat: add booking modal

📊 Changes

2 files changed (+191 additions, -14 deletions)

View changed files

📝 css/result-list.css (+102 -0)
📝 js/trip-list.js (+89 -14)

📄 Description

This pull request introduces a modal-based booking flow to improve the user experience when reserving a trip. Instead of using browser prompts and alerts, the booking process is now handled via a styled modal dialog, providing clearer validation, feedback, and interaction.

User Interface Enhancements:

Added modal styling in css/result-list.css for the booking dialog, including layout, buttons, and success/error message styles.

Booking Flow Refactor:

Replaced the browser prompt with a custom modal dialog in js/trip-list.js, allowing users to enter the number of seats and confirm their booking in a more user-friendly way.
Implemented client-side validation for seat input, displaying error messages directly in the modal if the input is invalid.
Improved booking feedback: success, authentication errors, and other errors are shown in the modal, with automatic redirection to profile or login where appropriate.
Added modal closing logic (via close button, clicking outside, or Escape) for better usability.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/BreizhHardware/projet-web-cipa4/pull/14 **Author:** [@BreizhHardware](https://github.com/BreizhHardware) **Created:** 2/12/2026 **Status:** ✅ Merged **Merged:** 2/13/2026 **Merged by:** [@BreizhHardware](https://github.com/BreizhHardware) **Base:** `main` ← **Head:** `feat/book-trip` --- ### 📝 Commits (1) - [`12c1b06`](https://github.com/BreizhHardware/projet-web-cipa4/commit/12c1b06c6d9bc46cb8e172f56260871aa3646dd2) feat: add booking modal ### 📊 Changes **2 files changed** (+191 additions, -14 deletions) <details> <summary>View changed files</summary> 📝 `css/result-list.css` (+102 -0) 📝 `js/trip-list.js` (+89 -14) </details> ### 📄 Description This pull request introduces a modal-based booking flow to improve the user experience when reserving a trip. Instead of using browser prompts and alerts, the booking process is now handled via a styled modal dialog, providing clearer validation, feedback, and interaction. User Interface Enhancements: * Added modal styling in `css/result-list.css` for the booking dialog, including layout, buttons, and success/error message styles. Booking Flow Refactor: * Replaced the browser prompt with a custom modal dialog in `js/trip-list.js`, allowing users to enter the number of seats and confirm their booking in a more user-friendly way. * Implemented client-side validation for seat input, displaying error messages directly in the modal if the input is invalid. * Improved booking feedback: success, authentication errors, and other errors are shown in the modal, with automatic redirection to profile or login where appropriate. * Added modal closing logic (via close button, clicking outside, or Escape) for better usability. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

BreizhHardware

2026-05-06 16:09:09 +02:00

closed this issue
added the
pull-request
label

No labels

pull-request

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

BreizhHardware/projet-web-cipa4#14

No description provided.

Rows
Columns