Ticket Management System Passenger Portal | Part 07 | Feedback

 

Client Portal Feedback

Overview

Copy the following code and paste it into a separate file. You can make it a component. This page contains three-view post feedback, last feedback, and delete feedback. Post feedback uses to add new feedback while in the last feedback view you can see the last feedback post.

---

Related Topic

Ticket Cancel Ticket & Route

<div class = "row my-3" >

<div class = "col-md-12 p-0" >

<ul class = "nav justify" >

<li class = "nav-item p-1" >

<a id = "home_feedback_link" class = "nav-link" href = "#"><i class = "fa fa-home" aria-hidden = "true" > </i> </a>

</li>

<li class = "nav-item" >

<a id = "post_feedback_link" class = "nav-link" href = "#" > Post Feedback </a>

</li>

<li class = "nav-item" >

<a id = "last_feedback_link" class = "nav-link" href = "#" > Last Feedback </a>

</li>

<li class = "nav-item" >

<a id = "delete_feedback_link" class = "nav-link" href = "#"> Delete Feedback </a>

</li>

</ul>

</div>

<div class = "col-md-12 p-0 my-3" >

<div class = "card" >

<div class = "card-header" >

<strong id = "feedback_header_text" > </strong>

</div>

</div>

</div>

<div id = "home_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" > Home Feedback </div>

</div>

</div>

<div id = "post_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" >

<div class = "row" >

<div class = "col-md-6" >

<div class = "form-group" >

<label for = "feedback_email" > Enter email </label>

<input id = "feedback_email" class = "form-control" type = "email" name = "" >

</div>

</div>

<div class = "col-md-6" > validation </div>

<div class = "col-md-6" >

<div class = "form-group" >

<label for = "feedback_email" > Feedback </label>

<textarea class = "form-control" name = "" id = "feedback_email"

rows = "10" > </textarea>

</div>

</div>

<div class = "col-md-6" > validation </div>

<div class = "col-md-6" >

<button class = "btn btn-success w-25 float-right" > Send </button>

</div>

</div>

</div>

</div>

</div>

<div id = "last_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" >

<table class = "table table-hover border" >

<thead>

<td class = "w-25 border" > # </td>

<td class = "w-75 border"> Feedback </td>

</thead>

<tbody>

<tr>

<td class = "w-25 border" > </td>

<td class = "w-75 border" > </td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

<div id = "delete_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" >

<div class = "card" >

<div class = "card-body" >

<p class = "card-text" > Feedback Text </p>

</div>

<div class = "card-footer" >

<i class = "fa fa-trash float-right text-red-400" aria-hidden = "true" > </i>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

 Output:

Delete Feedback Collapse View

Delete Feedback View

Feedback Collapse View

Post Feedback View

Feedback View

Last Feedback Collapse View

Last Feedback View