Ticket Management System Administration Portal | Part 10 | Finance, Feedback and Change Password Page Code

 

Finance, Feedback & Change Password

Overview

This code has three pages. Finance, Feedback, and change password. Finance has four parts new, search, update and delete part. Search and Update page code will be uploaded soon.  

<div id = "finance_panel" class = "col-md-12 display-none” >

<nav id = "finance_nav" class = "nav nav-pills nav-stacked my-3” >

<a id = "new_finance_nav_link" class = "nav-link" href = "#” > New </a>

<a id = "search_finance_nav_link" class = "nav-link" href = "#” > Search </a>

<a id = "update_finance_nav_link" class = "nav-link" href = "#” > Update </a>

<a id = "delete_finance_nav_link" class = "nav-link" href = "#” > Delete </a>

 </nav>

 <div class = "row” >

<div class = "col-md-12” >

<div class = "card bg-grey-500” >

<div class = "card-header” >

  <strong id = "finance_header_text” > </strong>

</div>

</div>

</div>

<div id = "display_finance_panel" class = "col-md-12 my-3” >

<div class = "card” >

<div class = "card-body” >

  finance List

</div>

</div>

</div>

<div id = "new_finance_panel" class = "col-md-12 my-3” >

<div class = "card” >

<div class = "card-header p-0” >

  <nav class = "navbar navbar-expand-sm navbar-light bg-light p-0” >

 <button class = "navbar-toggler d-lg-none" type = "button"

 data-toggle = "collapse" data-target = "#collapsibleNavId"

 aria-controls = "collapsibleNavId" aria-expanded = "false"

 aria-label = "Toggle navigation” >

 <span class = "navbar-toggler-icon” ></span>

 </button>

 <div class = "collapse navbar-collapse" id = "collapsibleNavId” >

 <ul class = "navbar-nav mr-auto mt-lg-0” >

<li class = "nav-item mx-3” >

<a id = "salary_panel_show" class = "nav-link"

href = "#salary_panel” > Salary <span

  class = "sr-only” > (current) </span></a>

</li>

<li class = "nav-item mx-3” >

<a id = "feul_panel_show" class = "nav-link"

href = "#feul_panel” > Fuel </a>

</li>

<li class = "nav-item mx-3” >

<a id = "maintenance_panel_show" class = "nav-link"

href = "#maintenance_panel” > Maintenance </a>

</li>

</ul>

</div>

</nav>

</div>

<div class = "card-body” >

<div id = "salary_panel" class = "row” >

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

<div class = "form-group” >

<label for = "my-input” > Employee Salary </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here </div>

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

<div class = "form-group” >

<label for = "my-input” > Employee Job </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here </div>

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

<div class = "form-group” >

<label for = "my-input” > Bonus Ratio </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here </div>

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

<div class = "form-group” >

<label for = "my-input” > Fine Ratio </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here </div>

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

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

</div>

</div>

<div id = "feul_panel" class = "row” >

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

<div class = "form-group” >

<label for = "my-input” > Veh # </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here </div>

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

<div class = "form-group” >

<label for = "my-input” > Enter Estemated Amount of Fuel </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here</div>

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

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

</div>

</div>

<div id = "maintenance_panel" class = "row” >

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

<div class = "form-group” >

<label for = "my-input” > Veh # </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here</div>

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

<div class = "form-group” >

<label for = "my-input” > Enter Maintenance Amount </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here</div>

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

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

</div>

</div>

</div>

</div>

</div>

<div id = "search_finance_panel" class = "col-md-12 my-3” >

<div class = "card” >

<div class = "card-body” > Search finance

</div>

</div>

</div>

<div id = "update_finance_panel" class = "col-md-12 my-3” >

<div class = "card” >

<div class = "card-body” > Update finance

</div>

</div>

</div>

<div id = "delete_finance_panel" class = "col-md-12 my-3” >

<div class = "card” >

<div class = "card-body” >

<div class = "row” >

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

<div class = "form-group” >

<label for = "my-input” > Enter Serial No </label>

<input id = "my-input" class = "form-control" type = "text" name = "“ >

<small class = "form-text text-muted” > Validation Message Goes Here </small>

</div>

</div>

<div class = "col-md-6” > Validation Message Goes Here </div>

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

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

</div>

</div>

</div>

</div>

</div>

</div>

</div>

Output:

Finance View

Finance Collapse View

Finance New View

Finance Delete View

Feedback Page

Feedback complete code will be upload soon.

<div id = "feedback_panel" class = "col-md-12 display-none” >

<div class = "card” >

<div class = "card-body” >

<div class = "alert alert-success" role = "alert” >

<h4 class = "alert-heading” ></h4>

<p></p>

<p class = "mb-0” ></p>

</div>

</div>

</div>

</div>

Change Password Page

<div id = "change_password_panel" class = "col-md-12 display-none my-3”>

<div class = "card” >

<div class = "card-body” >

<div id = "change_password" class = "form-group” >

<label for = "user_email” >Email</label>

<input id = "user_email" class = "form-control" type = "email"

     placeholder = "xyz@gmail.com” >

<label for = "user_new_password” > New Password </label>

<input id = "user_new_password" 

class = "form-control" type = "password” >

<label for = "user_confirm_password” > Confirm Password </label>

<input id = "user_confirm_password" class = "form-control" type = "password” >

<input type = "submit" class = "btn btn-success my-2 float-right px-5" name = "Save” >

</div>

</div>

</div>

</div>

 Output

Change Password View