Skip to content

Commit

Permalink
design fix for edit in mycases
Browse files Browse the repository at this point in the history
  • Loading branch information
@handh1212
handh1212 committed Dec 1, 2023
1 parent 1710261 commit 6276781
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 45 deletions.
1 change: 0 additions & 1 deletion app/static/css/homepage.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,6 @@ tr:nth-child(even) {
bottom: 0;
left: 0;
right: 0;
background: rgba(102, 36, 132, 0.8);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
Expand Down
93 changes: 49 additions & 44 deletions app/templates/my_cases.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,53 +101,58 @@ <h3>Case Number: {{ case.customer_id }}</h3>

<div class="modal fade" id="editModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="assignModalLabel">Edit Case</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="form-group">
<div class="overlay">
<div class="wrapper">
<h5 id="editIdHeader"></h5>
<label for="editFirstName">First Name:</label><span id="editFirstName"></span><br/>
<label for="editLastName">Last Name:</label> <span id="editLastName"></span><br/>
<label for="editNumChildren">No. of Children:</label><span id="editNumChildren"></span><br/>
<label for="editOutreachDate">Outreach Date:</label><span id="editOutreachDate"></span><br/>
<label for="editPacketReturnStatus">Packet Return Status:</label>
<select class="form-control" id="editPacketReturnStatus"></select>
<div class="edit-group-user">
<label for="editDecision">Decision:</label>
<select class="form-control" id="editDecision"></select>
<label for="editNumChildrenEnrolled">No. of Children Enrolled</label><input id="editNumChildrenEnrolled" type="number" value=""/>
<label for="editPacketReceivedDate">Packet Received Date:</label>
<div class="input-group">
<input type="text" class="form-control datepicker" id="editPacketReceivedDate" value="">
<div class="input-group-append">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="assignModalLabel">Edit Case</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<label for="editDecisionDate">Decision Date:</label>
<div class="input-group">
<input type="text" class="form-control datepicker" id="editDecisionDate" value="">
<div class="input-group-append">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
<div class="form-group">
<h5 id="editIdHeader"></h5>
<div class="popupContent">
<label for="editFirstName">First Name:</label><span id="editFirstName"></span><br/>
<label for="editLastName">Last Name:</label> <span id="editLastName"></span><br/>
<label for="editNumChildren">No. of Children:</label><span id="editNumChildren"></span><br/>
<label for="editOutreachDate">Outreach Date:</label><span id="editOutreachDate"></span><br/>
<label for="editPacketReturnStatus">Packet Return Status:</label>
<select class="form-control" id="editPacketReturnStatus"></select>
<div class="edit-group-user">
<label for="editDecision">Decision:</label>
<select class="form-control" id="editDecision"></select>
<label for="editNumChildrenEnrolled">No. of Children Enrolled</label><input id="editNumChildrenEnrolled" type="number" value=""/>
<label for="editPacketReceivedDate">Packet Received Date:</label>
<div class="input-group">
<input type="text" class="form-control datepicker" id="editPacketReceivedDate" value="">
<div class="input-group-append">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
</div>
<label for="editDecisionDate">Decision Date:</label>
<div class="input-group">
<input type="text" class="form-control datepicker" id="editDecisionDate" value="">
<div class="input-group-append">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
</div>
<input type="hidden" id="editCaseId" name="case_id" value="">
<label for="editNotEnrolledReason">Not Enrolled Reason</label>
<br>
<input id="editNotEnrolledReason" value=""/>
</div>
</div>
</div>
<input type="hidden" id="editCaseId" name="case_id" value="">
<label for="editNotEnrolledReason">Not Enrolled Reason</label>
<br>
<input id="editNotEnrolledReason" value=""/>
</div>
<div class="modal-footer">
<div id="errorBox" class="alert alert-danger" style="display: none;"></div>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="editSubmit">Save Case</button>
<div class="modal-footer">
<div id="errorBox" class="alert alert-danger" style="display: none;"></div>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="editSubmit">Save Case</button>
</div>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 6276781

Please sign in to comment.