diff options
| author | Mateja <mail@matejamaric.com> | 2020-11-16 20:15:43 +0100 |
|---|---|---|
| committer | Mateja <mail@matejamaric.com> | 2020-11-16 20:15:43 +0100 |
| commit | 26bdfee839f4b8fb18beb1a9770fc758ad20c267 (patch) | |
| tree | 1b928e64a2eab9f97f60d8ac1011fac379af71b5 /public/js | |
| parent | 03616b700748fe4e44eea484a4d7679121517791 (diff) | |
| download | yota-laravel-26bdfee839f4b8fb18beb1a9770fc758ad20c267.tar.gz yota-laravel-26bdfee839f4b8fb18beb1a9770fc758ad20c267.zip | |
AJAX filtering reservations on admin panel...
Diffstat (limited to 'public/js')
| -rw-r--r-- | public/js/reservations.js | 42 |
1 files changed, 32 insertions, 10 deletions
diff --git a/public/js/reservations.js b/public/js/reservations.js index 94bee2d..65b2e2e 100644 --- a/public/js/reservations.js +++ b/public/js/reservations.js @@ -9,30 +9,52 @@ jQuery(document).ready(fillTable); function fillTable() { tableData = jQuery('table#ajax-table>tbody').first(); - tableData.html('<tr><td class="font-weight-bold text-center" colspan="6">Loading...</td></tr>'); + tableData.html('<tr><td class="font-weight-bold text-center" colspan="13">Loading...</td></tr>'); sign = jQuery('select#call-sign').first().val(); - jQuery.post('/api/activities', {'call-sign': sign}, function (data, status) { + jQuery.post('/special-calls/reservations', {'call-sign': sign}, function (data, status) { if (status === 'success') { if (data.data.length > 0) { tableData.empty(); for (var i = 0, len = data.data.length; i < len; i++) { - tr = '<tr><td>' + data.data[i].operatorCall + '</td>' + - '<td>' + data.data[i].fromTime + '</td>' + - '<td>' + data.data[i].toTime + '</td>' + - '<td>' + data.data[i].specialCall + '</td>' + - '<td>' + data.data[i].frequencies + '</td>' + - '<td>' + data.data[i].qso + '</td></tr>'; + tr = '<tr>'; + tr += '<td>' + data.data[i].id + '</td>'; + if (data.data[i].approved === 1) + tr += '<td class="text-center"><input type="checkbox" checked></td>'; + else + tr += '<td class="text-center"><input type="checkbox"></td>'; + + tr += + '<td contenteditable="true">' + data.data[i].operatorCall + '</td>' + + '<td contenteditable="true">' + data.data[i].qso + '</td>' + + '<td contenteditable="true">' + data.data[i].fromTime + '</td>' + + '<td contenteditable="true">' + data.data[i].toTime + '</td>' + + '<td contenteditable="true">' + data.data[i].specialCall + '</td>' + + '<td contenteditable="true">' + data.data[i].frequencies + '</td>' + + '<td contenteditable="true">' + data.data[i].modes + '</td>' + + '<td contenteditable="true">' + data.data[i].operatorName + '</td>' + + '<td contenteditable="true">' + data.data[i].operatorEmail + '</td>' + + '<td contenteditable="true">' + data.data[i].operatorPhone + '</td>'; + tr += '<td>'; + tr += "<button class=\"btn btn-primary mr-2\" onclick=\"btnAction('update', this)\">Update</button>"; + tr += "<button class=\"btn btn-warning mr-2\" onclick=\"btnAction('restore', this)\">Restore</button>"; + tr += "<button class=\"btn btn-danger\" onclick=\"btnAction('delete', this)\">Delete</button>"; + tr += '</td>'; + tr += '</tr>'; tableData.append(tr); } } else { - tableData.html('<tr><td class="font-weight-bold text-center" colspan="6">No data...</td></tr>'); + tableData.html('<tr><td class="font-weight-bold text-center" colspan="13">No data...</td></tr>'); } } else { - tableData.html('<tr><td class="font-weight-bold text-center" colspan="6">Error!</td></tr>'); + tableData.html('<tr><td class="font-weight-bold text-center" colspan="13">Error!</td></tr>'); } }); } + +function btnAction(action, btn) { + console.log(action); +} |