Changed order of Vendor show view details and also changed Linked Participants to span the same width as Vendor Details for better flow and styling.

This commit is contained in:
Ben 2024-02-02 17:40:57 -06:00
parent 611dee5eb8
commit 205fb7fbd6
3 changed files with 138 additions and 127 deletions

View File

@ -1,56 +1,55 @@
<div class="container mt-5"> <div class="container mt-5">
<div class="row justify-content-center"> <div class="row">
<div class="col-md-6"> <div class="col-12">
<h1 class="mb-4 text-center">Employer Details</h1> <h1 class="mb-4 text-center">Employer Details</h1>
</div>
<div class="card"> <!-- Employer Information Table -->
<div class="card-body"> <div class="col-12 mb-4">
<p class="card-text"> <table class="table">
<strong>Name:</strong> <tbody>
<%= @employer.first_name %> <%= @employer.last_name %> <tr>
</p> <th>Name</th>
<td><%= @employer.first_name %> <%= @employer.last_name %></td>
</tr>
<tr>
<th>Address</th>
<td><%= [@employer.address_line_1, @employer.address_line_2, @employer.city, @employer.state, @employer.zip].reject(&:blank?).join(', ') %></td>
</tr>
<tr>
<th>Phone</th>
<td><%= @employer.phone %></td>
</tr>
<tr>
<th>Email</th>
<td><%= @employer.email %></td>
</tr>
<tr>
<th>TIN</th>
<td><%= @employer.tin %></td>
</tr>
<tr>
<th>Date of Birth</th>
<td><%= @employer.dob %></td>
</tr>
<tr>
<th>SSN</th>
<td><%= @employer.ssn %></td>
</tr>
<tr>
<th>Gender</th>
<td><%= @employer.gender %></td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="card-text"> <!-- Action Buttons -->
<strong>Address:</strong> <div class="row">
<%= [@employer.address_line_1, @employer.address_line_2, @employer.city, @employer.state, @employer.zip].reject(&:blank?).join(', ') %> <div class="col-12 d-flex justify-content-between mb-4">
</p> <%= link_to 'Edit', edit_employer_path(@employer), class: "btn btn-dark" %>
<%= link_to 'Back to List', employers_path, class: "btn btn-secondary" %>
<p class="card-text">
<strong>Phone:</strong>
<%= @employer.phone %>
</p>
<p class="card-text">
<strong>Email:</strong>
<%= @employer.email %>
</p>
<p class="card-text">
<strong>TIN:</strong>
<%= @employer.tin %>
</p>
<p class="card-text">
<strong>Date of Birth:</strong>
<%= @employer.dob %>
</p>
<p class="card-text">
<strong>SSN:</strong>
<%= @employer.ssn %>
</p>
<p class="card-text">
<strong>Gender:</strong>
<%= @employer.gender %>
</p>
</div>
</div>
<div class="mt-3 d-flex justify-content-between">
<%= link_to 'Edit', edit_employer_path(@employer), class: "btn btn-dark" %>
<%= link_to 'Back to List', employers_path, class: "btn btn-secondary" %>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,54 +1,59 @@
<div class="container mt-5"> <div class="container mt-5">
<div class="row justify-content-center"> <div class="row">
<div class="col-md-6"> <div class="col-12">
<h1 class="mb-4 text-center">Vendor Details</h1> <h1 class="mb-4 text-center">Vendor Details</h1>
</div>
<div class="card"> <!-- Vendor Information Table -->
<div class="card-body"> <div class="col-12 mb-4">
<p class="card-text"> <table class="table">
<strong>Name:</strong> <tbody>
<%= @vendor.name %> <tr>
</p> <th>Name</th>
<p class="card-text"> <td><%= @vendor.name %></td>
<strong>Address:</strong> </tr>
<%= [@vendor.address_line_1, @vendor.address_line_2, @vendor.city, @vendor.state, @vendor.zip].reject(&:blank?).join(', ') %> <tr>
</p> <th>DBA</th>
<p class="card-text"> <td><%= @vendor.dba %></td>
<strong>Phone:</strong> </tr>
<%= @vendor.phone %> <tr>
</p> <th>Address</th>
<p class="card-text"> <td><%= [@vendor.address_line_1, @vendor.address_line_2, @vendor.city, @vendor.state, @vendor.zip].reject(&:blank?).join(', ') %></td>
<strong>Email:</strong> </tr>
<%= @vendor.email %> <tr>
</p> <th>Phone</th>
<p class="card-text"> <td><%= @vendor.phone %></td>
<strong>DBA:</strong> </tr>
<%= @vendor.dba %> <tr>
</p> <th>Email</th>
<p class="card-text"> <td><%= @vendor.email %></td>
<strong>TIN:</strong> </tr>
<%= @vendor.tin %> <tr>
</p> <th>TIN</th>
<p class="card-text"> <td><%= @vendor.tin %></td>
<strong>Contact:</strong> </tr>
<%= @vendor.contact %> <tr>
</p> <th>Contact Name</th>
</div> <td><%= @vendor.contact %></td>
</div> </tr>
</tbody>
</table>
</div>
</div>
<div class="mt-3 d-flex justify-content-between"> <!-- Action Buttons -->
<%= link_to 'Edit', edit_vendor_path(@vendor), class: "btn btn-dark" %> <div class="row">
<%= link_to 'Back to List', vendors_path, class: "btn btn-secondary" %> <div class="col-12 d-flex justify-content-between mb-4">
</div> <%= link_to 'Edit', edit_vendor_path(@vendor), class: "btn btn-dark" %>
<%= link_to 'Back to List', vendors_path, class: "btn btn-secondary" %>
</div> </div>
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-md-6"> <div class="col-12">
<h2 class="mt-4">Linked Participants</h2> <h2 class="mt-4">Linked Participants</h2>
<% if @vendor.participants.any? %> <% if @vendor.participants.any? %>
<table class="table table-striped"> <table class="table table-striped">

View File

@ -1,50 +1,57 @@
<div class="container mt-5"> <div class="container mt-5">
<div class="row justify-content-center"> <div class="row">
<div class="col-md-6"> <div class="col-12">
<h1 class="mb-4 text-center">Worker Details</h1> <h1 class="mb-4 text-center">Worker Details</h1>
</div>
<div class="card"> <!-- Worker Information Table -->
<div class="card-body"> <div class="col-12 mb-4">
<p class="card-text"> <table class="table">
<strong>Name:</strong> <tbody>
<%= @worker.first_name %> <%= @worker.last_name %> <tr>
</p> <th>Name</th>
<p class="card-text"> <td><%= @worker.first_name %> <%= @worker.last_name %></td>
<strong>Address:</strong> </tr>
<%= [@worker.address_line_1, @worker.address_line_2, @worker.city, @worker.state, @worker.zip].reject(&:blank?).join(', ') %> <tr>
</p> <th>Address</th>
<p class="card-text"> <td><%= [@worker.address_line_1, @worker.address_line_2, @worker.city, @worker.state, @worker.zip].reject(&:blank?).join(', ') %></td>
<strong>Phone:</strong> </tr>
<%= @worker.phone %> <tr>
</p> <th>Phone</th>
<p class="card-text"> <td><%= @worker.phone %></td>
<strong>Email:</strong> </tr>
<%= @worker.email %> <tr>
</p> <th>Email</th>
<p class="card-text"> <td><%= @worker.email %></td>
<strong>DOB:</strong> </tr>
<%= @worker.dob %> <tr>
</p> <th>DOB</th>
<p class="card-text"> <td><%= @worker.dob %></td>
<strong>SSN:</strong> </tr>
<%= @worker.ssn %> <tr>
</p> <th>SSN</th>
<p class="card-text"> <td><%= @worker.ssn %></td> <!-- You might want to mask this for privacy -->
<strong>Gender:</strong> </tr>
<%= @worker.gender %> <tr>
</p> <th>Gender</th>
</div> <td><%= @worker.gender %></td>
</div> </tr>
</tbody>
</table>
</div>
</div>
<div class="mt-3 d-flex justify-content-between"> <!-- Action Buttons -->
<%= link_to 'Edit', edit_worker_path(@worker), class: "btn btn-dark" %> <div class="row">
<%= link_to 'Back to List', workers_path, class: "btn btn-secondary" %> <div class="col-12 d-flex justify-content-between mb-4">
</div> <%= link_to 'Edit', edit_worker_path(@worker), class: "btn btn-dark" %>
<%= link_to 'Back to List', workers_path, class: "btn btn-secondary" %>
</div> </div>
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-md-6"> <div class="col-md-6">
<h2 class="mt-4">Linked Participants</h2> <h2 class="mt-4">Linked Participants</h2>