|
Lines 149-210
Link Here
|
| 149 |
</form> |
149 |
</form> |
| 150 |
|
150 |
|
| 151 |
<div id="patronlists" class="toptabs"> |
151 |
<div id="patronlists" class="toptabs"> |
| 152 |
<ul> |
152 |
<ul class="nav nav-tabs" role="tablist"> |
| 153 |
<li><a href="#checkouts"><span class="checkout-count">0</span> Checkouts</a></li> |
153 |
<li role="presentation" class="active"><a href="#checkouts" aria-controls="checkouts" role="tab" data-toggle="tab"><span class="checkout-count">0</span> Checkouts</a></li> |
| 154 |
<li><a href="#fines"><span class="fine-amount">0</span> in fines</a></li> |
154 |
<li role="presentation"><a href="#fines" aria-controls="fines" role="tab" data-toggle="tab"><span class="fine-amount">0</span> in fines</a></li> |
| 155 |
</ul> |
155 |
</ul> |
| 156 |
|
156 |
<div class="tab-content"> |
| 157 |
<!-- SUMMARY : TODAY & PREVIOUS ISSUES --> |
157 |
<!-- SUMMARY : TODAY & PREVIOUS ISSUES --> |
| 158 |
<div id="checkouts"> |
158 |
<div role="tabpanel" class="tab-pane active" id="checkouts"> |
| 159 |
<div id="session-issues"> |
159 |
<div id="session-issues"> |
| 160 |
<table id="issuest"> |
160 |
<table id="issuest"> |
| 161 |
<thead><tr> |
161 |
<thead><tr> |
| 162 |
<th scope="col">Due date</th> |
162 |
<th scope="col">Due date</th> |
| 163 |
<th scope="col">Title</th> |
163 |
<th scope="col">Title</th> |
| 164 |
<th scope="col">Barcode</th> |
164 |
<th scope="col">Barcode</th> |
| 165 |
<th scope="col">Item type</th> |
165 |
<th scope="col">Item type</th> |
| 166 |
<th scope="col">Checked out on</th> |
166 |
<th scope="col">Checked out on</th> |
| 167 |
<th scope="col">Checked out from</th> |
167 |
<th scope="col">Checked out from</th> |
| 168 |
<th scope="col">Call number</th> |
168 |
<th scope="col">Call number</th> |
| 169 |
<th scope="col">Charge</th> |
169 |
<th scope="col">Charge</th> |
| 170 |
</tr></thead> |
170 |
</tr></thead> |
| 171 |
<tbody> |
171 |
<tbody> |
| 172 |
</tbody> |
172 |
</tbody> |
| 173 |
</table> |
173 |
</table> |
|
|
174 |
</div> |
| 175 |
|
| 176 |
<div id="oldissues"> |
| 177 |
<h5>Previous checkouts</h5> |
| 178 |
<table id="oldissuest"> |
| 179 |
<thead><tr> |
| 180 |
<th scope="col">Due date</th> |
| 181 |
<th scope="col">Title</th> |
| 182 |
<th scope="col">Barcode</th> |
| 183 |
<th scope="col">Item type</th> |
| 184 |
<th scope="col">Checked out on</th> |
| 185 |
<th scope="col">Checked out from</th> |
| 186 |
<th scope="col">Call number</th> |
| 187 |
<th scope="col">Charge</th> |
| 188 |
</tr></thead> |
| 189 |
<tbody> |
| 190 |
</tbody> |
| 191 |
</table> |
| 192 |
</div> |
| 174 |
</div> |
193 |
</div> |
| 175 |
|
194 |
|
| 176 |
<div id="oldissues"> |
195 |
<div role="tabpanel" class="tab-pane" id="fines"> |
| 177 |
<h5>Previous checkouts</h5> |
196 |
<span class="patron-title"></span> has <span class="fine-amount">0</span> in fines. If you would like you can record payments. |
| 178 |
<table id="oldissuest"> |
197 |
<fieldset><legend>Pay fines</legend> |
| 179 |
<thead><tr> |
198 |
<label for="pay-fine-amount">Fine amount: </label><input type="text" name="pay-fine-amount" id="pay-fine-amount"/> |
| 180 |
<th scope="col">Due date</th> |
199 |
<button id="pay-fine" class="submit">Pay fine</button> |
| 181 |
<th scope="col">Title</th> |
|
|
| 182 |
<th scope="col">Barcode</th> |
| 183 |
<th scope="col">Item type</th> |
| 184 |
<th scope="col">Checked out on</th> |
| 185 |
<th scope="col">Checked out from</th> |
| 186 |
<th scope="col">Call number</th> |
| 187 |
<th scope="col">Charge</th> |
| 188 |
</tr></thead> |
| 189 |
<tbody> |
| 190 |
</tbody> |
| 191 |
</table> |
| 192 |
</div> |
| 193 |
</div> |
| 194 |
|
200 |
|
| 195 |
<div id="fines"> |
201 |
<table id="session-payments" style="display: none;"> |
| 196 |
<span class="patron-title"></span> has <span class="fine-amount">0</span> in fines. If you would like you can record payments. |
202 |
<thead><tr><th>Amount</th><th>Date</th></tr></thead> |
| 197 |
<fieldset><legend>Pay fines</legend> |
203 |
<tbody></tbody> |
| 198 |
<label for="pay-fine-amount">Fine amount: </label><input type="text" name="pay-fine-amount" id="pay-fine-amount"/> |
204 |
</table> |
| 199 |
<button id="pay-fine" class="submit">Pay fine</button> |
205 |
</fieldset> |
| 200 |
|
206 |
</div> <!-- /# -->fines |
| 201 |
<table id="session-payments" style="display: none;"> |
207 |
</div> <!-- /.tab-content --> |
| 202 |
<thead><tr><th>Amount</th><th>Date</th></tr></thead> |
208 |
</div> <!-- /#patronlists --> |
| 203 |
<tbody></tbody> |
|
|
| 204 |
</table> |
| 205 |
</fieldset> |
| 206 |
</div> |
| 207 |
</div> |
| 208 |
</div> |
209 |
</div> |
| 209 |
</div> |
210 |
</div> |
| 210 |
</main> |
211 |
</main> |
|
Lines 771-778
Link Here
|
| 771 |
recordFine($('#pay-fine-amount').val()); |
772 |
recordFine($('#pay-fine-amount').val()); |
| 772 |
}); |
773 |
}); |
| 773 |
|
774 |
|
| 774 |
$('#patronlists').tabs(); |
|
|
| 775 |
|
| 776 |
$("#duedatespec").flatpickr({ |
775 |
$("#duedatespec").flatpickr({ |
| 777 |
enableTime: true, |
776 |
enableTime: true, |
| 778 |
dateFormat: flatpickr_datetime_string, |
777 |
dateFormat: flatpickr_datetime_string, |
| 779 |
- |
|
|