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
parent
611dee5eb8
commit
205fb7fbd6
|
|
@ -1,56 +1,55 @@
|
|||
<div class="container mt-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1 class="mb-4 text-center">Employer Details</h1>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<strong>Name:</strong>
|
||||
<%= @employer.first_name %> <%= @employer.last_name %>
|
||||
</p>
|
||||
<!-- Employer Information Table -->
|
||||
<div class="col-12 mb-4">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<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">
|
||||
<strong>Address:</strong>
|
||||
<%= [@employer.address_line_1, @employer.address_line_2, @employer.city, @employer.state, @employer.zip].reject(&:blank?).join(', ') %>
|
||||
</p>
|
||||
|
||||
<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>
|
||||
<!-- Action Buttons -->
|
||||
<div class="row">
|
||||
<div class="col-12 d-flex justify-content-between mb-4">
|
||||
<%= 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>
|
||||
|
|
|
|||
|
|
@ -1,54 +1,59 @@
|
|||
<div class="container mt-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1 class="mb-4 text-center">Vendor Details</h1>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<strong>Name:</strong>
|
||||
<%= @vendor.name %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Address:</strong>
|
||||
<%= [@vendor.address_line_1, @vendor.address_line_2, @vendor.city, @vendor.state, @vendor.zip].reject(&:blank?).join(', ') %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Phone:</strong>
|
||||
<%= @vendor.phone %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Email:</strong>
|
||||
<%= @vendor.email %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>DBA:</strong>
|
||||
<%= @vendor.dba %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>TIN:</strong>
|
||||
<%= @vendor.tin %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Contact:</strong>
|
||||
<%= @vendor.contact %>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Vendor Information Table -->
|
||||
<div class="col-12 mb-4">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<td><%= @vendor.name %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>DBA</th>
|
||||
<td><%= @vendor.dba %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Address</th>
|
||||
<td><%= [@vendor.address_line_1, @vendor.address_line_2, @vendor.city, @vendor.state, @vendor.zip].reject(&:blank?).join(', ') %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Phone</th>
|
||||
<td><%= @vendor.phone %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Email</th>
|
||||
<td><%= @vendor.email %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>TIN</th>
|
||||
<td><%= @vendor.tin %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Contact Name</th>
|
||||
<td><%= @vendor.contact %></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 d-flex justify-content-between">
|
||||
<%= link_to 'Edit', edit_vendor_path(@vendor), class: "btn btn-dark" %>
|
||||
<%= link_to 'Back to List', vendors_path, class: "btn btn-secondary" %>
|
||||
</div>
|
||||
<!-- Action Buttons -->
|
||||
<div class="row">
|
||||
<div class="col-12 d-flex justify-content-between mb-4">
|
||||
<%= 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 class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="col-12">
|
||||
<h2 class="mt-4">Linked Participants</h2>
|
||||
<% if @vendor.participants.any? %>
|
||||
<table class="table table-striped">
|
||||
|
|
|
|||
|
|
@ -1,50 +1,57 @@
|
|||
<div class="container mt-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1 class="mb-4 text-center">Worker Details</h1>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<strong>Name:</strong>
|
||||
<%= @worker.first_name %> <%= @worker.last_name %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Address:</strong>
|
||||
<%= [@worker.address_line_1, @worker.address_line_2, @worker.city, @worker.state, @worker.zip].reject(&:blank?).join(', ') %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Phone:</strong>
|
||||
<%= @worker.phone %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Email:</strong>
|
||||
<%= @worker.email %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>DOB:</strong>
|
||||
<%= @worker.dob %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>SSN:</strong>
|
||||
<%= @worker.ssn %>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Gender:</strong>
|
||||
<%= @worker.gender %>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Worker Information Table -->
|
||||
<div class="col-12 mb-4">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<td><%= @worker.first_name %> <%= @worker.last_name %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Address</th>
|
||||
<td><%= [@worker.address_line_1, @worker.address_line_2, @worker.city, @worker.state, @worker.zip].reject(&:blank?).join(', ') %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Phone</th>
|
||||
<td><%= @worker.phone %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Email</th>
|
||||
<td><%= @worker.email %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>DOB</th>
|
||||
<td><%= @worker.dob %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>SSN</th>
|
||||
<td><%= @worker.ssn %></td> <!-- You might want to mask this for privacy -->
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Gender</th>
|
||||
<td><%= @worker.gender %></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 d-flex justify-content-between">
|
||||
<%= link_to 'Edit', edit_worker_path(@worker), class: "btn btn-dark" %>
|
||||
<%= link_to 'Back to List', workers_path, class: "btn btn-secondary" %>
|
||||
</div>
|
||||
<!-- Action Buttons -->
|
||||
<div class="row">
|
||||
<div class="col-12 d-flex justify-content-between mb-4">
|
||||
<%= 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 class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<h2 class="mt-4">Linked Participants</h2>
|
||||
|
|
|
|||
Loading…
Reference in New Issue