hotswap/delphi-database-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(case): enable editing and close/reopen actions on case detail

Browse Source 
- Add POST /case/{id}/update route for editing case fields (status, case_type, description, open_date, close_date)
- Add POST /case/{id}/close route to set status='closed' and close_date=current date
- Add POST /case/{id}/reopen route to set status='active' and clear close_date
- Update case.html template with edit form, success/error messaging, and action buttons
- Include comprehensive validation for dates and status values
- Add proper error handling with session-based error storage
- Preserve existing view content and styling consistency
This commit is contained in:
HotSwapp
2025-10-06 19:43:21 -05:00
parent 2e49340663
commit 728d26ad17
2 changed files with 290 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
app/templates/case.html
View File

@@ -20,6 +20,31 @@ Case {{ case.file_no if case else '' }} · Delphi Database
</div>
{% endif %}
{% if saved %}
<div class="col-12">
<div class="alert alert-success alert-dismissible fade show" role="alert">
<i class="bi bi-check-circle me-2"></i>
Case updated successfully!
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
</div>
{% endif %}
{% if errors %}
<div class="col-12">
<div class="alert alert-danger alert-dismissible fade show" role="alert">
<i class="bi bi-exclamation-triangle me-2"></i>
<strong>Please fix the following errors:</strong>
<ul class="mb-0 mt-2">
{% for error in errors %}
<li>{{ error }}</li>
{% endfor %}
</ul>
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
</div>
{% endif %}
{% if case %}
<div class="col-12">
<div class="card">
@@ -83,6 +108,78 @@ Case {{ case.file_no if case else '' }} · Delphi Database
</div>
</div>
<!-- Edit Case Form -->
<div class="col-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0">Edit Case</h5>
<div>
{% if case.status == 'active' %}
<form method="post" action="/case/{{ case.id }}/close" class="d-inline me-2">
<button type="submit" class="btn btn-sm btn-outline-danger"
onclick="return confirm('Are you sure you want to close this case?')">
<i class="bi bi-x-circle me-1"></i>Close Case
</button>
</form>
{% endif %}
{% if case.status == 'closed' %}
<form method="post" action="/case/{{ case.id }}/reopen" class="d-inline me-2">
<button type="submit" class="btn btn-sm btn-outline-success"
onclick="return confirm('Are you sure you want to reopen this case?')">
<i class="bi bi-check-circle me-1"></i>Reopen Case
</button>
</form>
{% endif %}
</div>
</div>
<div class="card-body">
<form method="post" action="/case/{{ case.id }}/update">
<div class="row g-3">
<div class="col-md-6">
<label for="status" class="form-label">Status</label>
<select class="form-select" id="status" name="status">
<option value="active" {% if case.status == 'active' %}selected{% endif %}>Active</option>
<option value="closed" {% if case.status == 'closed' %}selected{% endif %}>Closed</option>
</select>
</div>
<div class="col-md-6">
<label for="case_type" class="form-label">Case Type</label>
<input type="text" class="form-control" id="case_type" name="case_type"
value="{{ case.case_type or '' }}">
</div>
<div class="col-12">
<label for="description" class="form-label">Description</label>
<textarea class="form-control" id="description" name="description" rows="3">{{ case.description or '' }}</textarea>
</div>
<div class="col-md-6">
<label for="open_date" class="form-label">Open Date</label>
<input type="date" class="form-control" id="open_date" name="open_date"
value="{{ case.open_date.strftime('%Y-%m-%d') if case.open_date else '' }}">
</div>
<div class="col-md-6">
<label for="close_date" class="form-label">Close Date</label>
<input type="date" class="form-control" id="close_date" name="close_date"
value="{{ case.close_date.strftime('%Y-%m-%d') if case.close_date else '' }}">
</div>
<div class="col-12">
<div class="d-flex gap-2">
<button type="submit" class="btn btn-primary">
<i class="bi bi-check-lg me-1"></i>Save Changes
</button>
<a href="/case/{{ case.id }}" class="btn btn-outline-secondary">Cancel</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-4">
<div class="card h-100">
<div class="card-header">Transactions</div>