ben
/
obdev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

copied participant page to employer, vendor, worker

This commit is contained in:
Ben 2024-01-14 00:33:29 -06:00
parent 71db14b5a1
commit 7fe619e9d6
3 changed files with 291 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
app/views/home/employer.html.erb
View File

@ -1 +1,97 @@
<h1>Employer</h1>
<div class="container mt-4">
<h2>Participant</h2>
<table class="table">
<tbody>
<tr>
<th scope="row">Program</th>
<td><input type="text" class="form-control"></td>
<th scope="row">MCI</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Name</th>
<td><input type="text" class="form-control"></td>
<th scope="row">DOB</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Address</th>
<td><textarea class="form-control autoresize" rows="2"></textarea></td>
<th scope="row">SSN</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Phone</th>
<td><input type="tel" class="form-control"></td>
<th scope="row">Gender</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Email</th>
<td><input type="email" class="form-control"></td>
</tr>
</tbody>
</table>
</div>
<div class="container mt-4">
<h2>Workers</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Start Date</th>
<th scope="col">End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" ></td>
<td><input type="date" class="form-control" placeholder="Start Date"></td>
<td><input type="date" class="form-control" placeholder="End Date"></td>
</tr>
<!-- Additional rows as needed -->
</tbody>
</table>
</div>
<div class="container mt-4">
<h2>Vendors</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Start Date</th>
<th scope="col">End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" ></td>
<td><input type="date" class="form-control" placeholder="Start Date"></td>
<td><input type="date" class="form-control" placeholder="End Date"></td>
</tr>
<!-- Additional rows as needed -->
</tbody>
</table>
<button type="button" class="btn btn-outline-primary">Add New</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.autoresize').forEach(function (element) {
element.style.overflow = 'hidden';
element.addEventListener('input', autoResize, false);
});
function autoResize() {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
}
});
</script>

98
app/views/home/vendor.html.erb
View File

@ -1 +1,97 @@
<h1>Vendor</h1>
<div class="container mt-4">
<h2>Participant</h2>
<table class="table">
<tbody>
<tr>
<th scope="row">Program</th>
<td><input type="text" class="form-control"></td>
<th scope="row">MCI</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Name</th>
<td><input type="text" class="form-control"></td>
<th scope="row">DOB</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Address</th>
<td><textarea class="form-control autoresize" rows="2"></textarea></td>
<th scope="row">SSN</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Phone</th>
<td><input type="tel" class="form-control"></td>
<th scope="row">Gender</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Email</th>
<td><input type="email" class="form-control"></td>
</tr>
</tbody>
</table>
</div>
<div class="container mt-4">
<h2>Workers</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Start Date</th>
<th scope="col">End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" ></td>
<td><input type="date" class="form-control" placeholder="Start Date"></td>
<td><input type="date" class="form-control" placeholder="End Date"></td>
</tr>
<!-- Additional rows as needed -->
</tbody>
</table>
</div>
<div class="container mt-4">
<h2>Vendors</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Start Date</th>
<th scope="col">End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" ></td>
<td><input type="date" class="form-control" placeholder="Start Date"></td>
<td><input type="date" class="form-control" placeholder="End Date"></td>
</tr>
<!-- Additional rows as needed -->
</tbody>
</table>
<button type="button" class="btn btn-outline-primary">Add New</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.autoresize').forEach(function (element) {
element.style.overflow = 'hidden';
element.addEventListener('input', autoResize, false);
});
function autoResize() {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
}
});
</script>

98
app/views/home/worker.html.erb
View File

@ -1 +1,97 @@
<h1>Worker</h1>
<div class="container mt-4">
<h2>Participant</h2>
<table class="table">
<tbody>
<tr>
<th scope="row">Program</th>
<td><input type="text" class="form-control"></td>
<th scope="row">MCI</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Name</th>
<td><input type="text" class="form-control"></td>
<th scope="row">DOB</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Address</th>
<td><textarea class="form-control autoresize" rows="2"></textarea></td>
<th scope="row">SSN</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Phone</th>
<td><input type="tel" class="form-control"></td>
<th scope="row">Gender</th>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<th scope="row">Email</th>
<td><input type="email" class="form-control"></td>
</tr>
</tbody>
</table>
</div>
<div class="container mt-4">
<h2>Workers</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Start Date</th>
<th scope="col">End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" ></td>
<td><input type="date" class="form-control" placeholder="Start Date"></td>
<td><input type="date" class="form-control" placeholder="End Date"></td>
</tr>
<!-- Additional rows as needed -->
</tbody>
</table>
</div>
<div class="container mt-4">
<h2>Vendors</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Start Date</th>
<th scope="col">End Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" ></td>
<td><input type="date" class="form-control" placeholder="Start Date"></td>
<td><input type="date" class="form-control" placeholder="End Date"></td>
</tr>
<!-- Additional rows as needed -->
</tbody>
</table>
<button type="button" class="btn btn-outline-primary">Add New</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.autoresize').forEach(function (element) {
element.style.overflow = 'hidden';
element.addEventListener('input', autoResize, false);
});
function autoResize() {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
}
});
</script>