3 changed files with 85 additions and 57 deletions
@ -1,60 +1,5 @@ |
|||
{{define "document_upload"}} |
|||
<h2>Document Uploads</h2> |
|||
<div class="content"> |
|||
<h3 class="submenu-header">Filter Jobs</h3> |
|||
<form id="filter-form" class="submenu-grid" hx-post="/filter-jobs" hx-target="#job-results" hx-swap="innerHTML"> |
|||
|
|||
<!-- Inline Group: Job Name and Company --> |
|||
<div class="inline-input-group"> |
|||
<div class="input-group"> |
|||
<label for="job_name">Job Name</label> |
|||
<input id="job_name" name="job_name" class="card-input" type="text" placeholder="Enter Job Name"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="company">Company</label> |
|||
<input id="company" name="company" class="card-input" type="text" placeholder="Enter Company Name"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Inline Group: Status and Tags --> |
|||
<div class="inline-input-group"> |
|||
<div class="input-group"> |
|||
<label for="status">Status</label> |
|||
<select id="status" name="status" class="card-input"> |
|||
<option value="">Select Status</option> |
|||
<option value="open">Open</option> |
|||
<option value="closed">Closed</option> |
|||
</select> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="tags">Tags</label> |
|||
<input id="tags" name="tags" class="card-input" type="text" placeholder="Enter Tags"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="schedule_from">Schedule From</label> |
|||
<input id="schedule_from" name="schedule_from" class="card-input" type="date"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="schedule_to">Schedule To</label> |
|||
<input id="schedule_to" name="schedule_to" class="card-input" type="date"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Inline Group: Date Range --> |
|||
<div class="inline-input-group"> |
|||
|
|||
</div> |
|||
|
|||
<!-- Action Buttons --> |
|||
<div class="form-footer"> |
|||
<button type="submit" class="btn-primary">Search</button> |
|||
<button type="reset" class="warning-button">Reset</button> |
|||
</div> |
|||
</form> |
|||
|
|||
<!-- Results --> |
|||
<div id="job-results" class="submenu-container"> |
|||
<!-- Search results will be dynamically loaded here --> |
|||
</div> |
|||
</div> |
|||
{{template "job_search_inputs"}} |
|||
{{template "job_search_results"}} |
|||
{{end}} |
|||
@ -0,0 +1,56 @@ |
|||
{{define "job_search_inputs"}} |
|||
<div class="content"> |
|||
<h3 class="submenu-header">Filter Jobs</h3> |
|||
<form id="filter-form" class="submenu-grid" hx-get="/jobs" hx-target="#job-results" hx-swap="innerHTML"> |
|||
|
|||
<!-- Inline Group: Job Name and Company --> |
|||
<div class="inline-input-group"> |
|||
<div class="input-group"> |
|||
<label for="job_number">Job Number</label> |
|||
<input id="job_number" name="refNumber" class="card-input" type="text" placeholder="Enter Job Name"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="name">Company</label> |
|||
<input id="name" name="name" class="card-input" type="text" placeholder="Enter Company Name"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Inline Group: Status and Tags --> |
|||
<div class="inline-input-group"> |
|||
<div class="input-group"> |
|||
<label for="status">Status</label> |
|||
<select id="status" name="status" class="card-input"> |
|||
<option value="">Select Status</option> |
|||
<option value="open">Open</option> |
|||
<option value="closed">Closed</option> |
|||
<option value="all">All</option> |
|||
</select> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="tags">Tags</label> |
|||
<input id="tags" name="tags" class="card-input" type="text" placeholder="Enter Tags"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="schedule_from">Schedule From</label> |
|||
<input id="schedule_from" name="schedule_from" class="card-input" type="date"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<label for="schedule_to">Schedule To</label> |
|||
<input id="schedule_to" name="schedule_to" class="card-input" type="date"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Inline Group: Date Range --> |
|||
<div class="inline-input-group"> |
|||
|
|||
</div> |
|||
|
|||
<!-- Action Buttons --> |
|||
<div class="form-footer"> |
|||
<button type="submit" class="btn-primary" hx-on="click">Search</button> |
|||
<button type="reset" class="warning-button">Reset</button> |
|||
</div> |
|||
</form> |
|||
|
|||
</div> |
|||
{{end}} |
|||
@ -0,0 +1,27 @@ |
|||
{{define "job_search_results"}} |
|||
<div id="job-results" class="submenu-container"> |
|||
{{if .Jobs}} |
|||
<h3>Search Results</h3> |
|||
<table> |
|||
<thead> |
|||
<tr> |
|||
<th>Job Name</th> |
|||
<th>Location</th> |
|||
<th>Status</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
{{range .Jobs}} |
|||
<tr> |
|||
<td>{{.Name}}</td> |
|||
<td>{{.Location.Name}} {{.Location.Address}}</td> |
|||
<td>{{.Status}}</td> |
|||
</tr> |
|||
{{end}} |
|||
</tbody> |
|||
</table> |
|||
{{else}} |
|||
<p>No jobs found matching your search criteria.</p> |
|||
{{end}} |
|||
</div> |
|||
{{end}} |
|||
Loading…
Reference in new issue