126 lines
8.6 KiB
HTML
126 lines
8.6 KiB
HTML
{% extends 'layout/base_template.html' %}
|
|
{% load static %}
|
|
{% block stylesheet %}
|
|
<!-- include required css cdn link through html here -->
|
|
{% include "cdn_through_html/datatable_cdn_css.html" %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row layout-top-spacing">
|
|
<div class="col-lg-12">
|
|
<div class="row mb-2">
|
|
<div class="col">
|
|
<h3>Manage Payment</h3>
|
|
</div>
|
|
<div class="col text-end">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row layout-spacing">
|
|
<div class="col-lg-12">
|
|
<div class="statbox widget box box-shadow">
|
|
<div class="widget-content widget-content-area">
|
|
<div id="style-3_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
|
|
<div class="table-responsive">
|
|
<table id="style-3" class="table style-3 dt-table-hover dataTable no-footer" role="grid"
|
|
aria-describedby="style-3_info">
|
|
<thead>
|
|
<tr role="row">
|
|
<th class="checkbox-column text-center sorting_asc" tabindex="0"
|
|
aria-controls="style-3" rowspan="1" colspan="1" aria-sort="ascending"
|
|
aria-label=" Record Id : activate to sort column descending"
|
|
style="width: 69.2656px;"> Record Id </th>
|
|
<th class="text-center sorting" tabindex="0" aria-controls="style-3" rowspan="1"
|
|
colspan="1" aria-label="Image: activate to sort column ascending"
|
|
style="width: 44.2344px;">Principal</th>
|
|
<th class="text-center sorting" tabindex="0" aria-controls="style-3" rowspan="1"
|
|
colspan="1" aria-label="Image: activate to sort column ascending"
|
|
style="width: 44.2344px;">Principal Type</th>
|
|
<!-- <th class="text-center sorting" tabindex="0" aria-controls="style-3" rowspan="1"
|
|
colspan="1" aria-label="Image: activate to sort column ascending"
|
|
style="width: 44.2344px;">Principal Subscription</th> -->
|
|
<th class="sorting" tabindex="0" aria-controls="style-3" rowspan="1" colspan="1"
|
|
aria-label="Last Name: activate to sort column ascending"
|
|
style="width: 77.3281px;">Transaction Type</th>
|
|
<th class="sorting" tabindex="0" aria-controls="style-3" rowspan="1" colspan="1"
|
|
aria-label="Last Name: activate to sort column ascending"
|
|
style="width: 77.3281px;">Payment Method</th>
|
|
<th class="sorting" tabindex="0" aria-controls="style-3" rowspan="1" colspan="1"
|
|
aria-label="Email: activate to sort column ascending"
|
|
style="width: 143.516px;">Transaction Status</th>
|
|
<th class="sorting" tabindex="0" aria-controls="style-3" rowspan="1" colspan="1"
|
|
aria-label="Mobile No.: activate to sort column ascending"
|
|
style="width: 98.875px;">Amount</th>
|
|
<th class="sorting" tabindex="0" aria-controls="style-3" rowspan="1" colspan="1"
|
|
aria-label="Mobile No.: activate to sort column ascending"
|
|
style="width: 98.875px;">Coins</th>
|
|
<th class="sorting" tabindex="0" aria-controls="style-3" rowspan="1" colspan="1"
|
|
aria-label="Mobile No.: activate to sort column ascending"
|
|
style="width: 98.875px;">Created At</th>
|
|
<!-- <th class="text-center sorting" tabindex="0" aria-controls="style-3" rowspan="1"
|
|
colspan="1" aria-label="Status: activate to sort column ascending"
|
|
style="width: 76.625px;">Comments</th> -->
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
{% for transaction_obj in transaction_objs %}
|
|
<tr role="row">
|
|
<td class="checkbox-column text-center sorting_1">{{transaction_obj.id}}</td>
|
|
|
|
<td>{{transaction_obj.principal}}</td>
|
|
<td>{{transaction_obj.principal.principal_type}}</td>
|
|
<!-- <td>{{transaction_obj.principal_subscription}}</td> -->
|
|
<td>{{transaction_obj.transaction_type}}</td>
|
|
<td>{{transaction_obj.payment_method}}</td>
|
|
<td>{{transaction_obj.transaction_status}}</td>
|
|
<td>{{transaction_obj.amount}}</td>
|
|
<td>{{transaction_obj.coins}}</td>
|
|
<td>{{transaction_obj.created_on}}</td>
|
|
|
|
</tr>
|
|
{% endfor %}
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock content %}
|
|
|
|
{% block javascript %}
|
|
<!-- include required js cdn link through html here -->
|
|
{% include "cdn_through_html/datatable_cdn_js.html" %}
|
|
|
|
<script>
|
|
c3 = $('#style-3').DataTable({
|
|
"dom": "<'dt--top-section'<'row'<'col-12 col-sm-6 d-flex justify-content-sm-start justify-content-center'l><'col-12 col-sm-6 d-flex justify-content-sm-end justify-content-center mt-sm-0 mt-3'f>>>" +
|
|
"<'table-responsive'tr>" +
|
|
"<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count mb-sm-0 mb-3'i><'dt--pagination'p>>",
|
|
"oLanguage": {
|
|
"oPaginate": { "sPrevious": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>', "sNext": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>' },
|
|
"sInfo": "Showing page _PAGE_ of _PAGES_",
|
|
"sSearch": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
|
|
"sSearchPlaceholder": "Search...",
|
|
"sLengthMenu": "Results : _MENU_",
|
|
},
|
|
"order": [[ 0, "desc" ]],
|
|
"stripeClasses": [],
|
|
"lengthMenu": [5, 10, 20, 50],
|
|
"pageLength": 10
|
|
});
|
|
|
|
multiCheck(c3);
|
|
|
|
</script>
|
|
{% endblock %} |