Sindbad~EG File Manager
{% extends 'backoffice/bolayout.html' %}
{% block content %}
<div class="col-sm-12">
<div class="text-center" >
{% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
<div class=" text-center" id="successMsg" >
<h6 class="alert alert-success">{{ mesg }}</h6>
</div>
{% endfor %}
{% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
<div class=" text-center" id="errorMsg" >
<h6 class="alert alert-danger">{{ mesg }}</h6>
</div>
{% endfor %}
</div>
</div>
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 offset-md-2">
<h3 class="mx-auto d-block mt-2 text-center" style="color: #7F0315;">{{app_name}} - Payment Index</h3>
</div>
</div>
<div class="row mb-1">
<div class="col-lg-1 col-md-1 col-sm-12 "> </div>
<div class="col-lg-10 col-md-10 col-sm-12">
<div class="card">
<input type="hidden" name="am_id" id="am_id" value="{{am_id}}">
<form id="filter_form" name="filter_form" action="{{url_for('bo.DownloadRecords', am_id=am_id)}}" method="POST" >
<div class="card-header" style="background: #350909;" id="card_header">
<a href="{{url_for('bo.BOAdmin')}}">
<i class='fa fa-mail-reply red-color ml-2 mr-4' style="color: #FFFFFF;font-size: 20px;text-decoration: none;">Back</i>
</a>
<i class='fa fa-filter' style="color: #FFFFFF;font-size: 20px;" id="filter_header_icon">Filter</i>
<!-- <a class="float-right btn btn-primary" href="{{url_for('bo.DownloadRecords', am_id=am_id)}}"> -->
<button type="submit" name="download_btn" id="download_btn" class="float-right btn">
<i class="fa fa-download" style="color: #FFFFFF;font-size: 20px;" aria-hidden="true">Export CSV</i>
</button>
</div>
<div class="card-body" id="filter_div">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
</div>
<input type="text" class="form-control" name="name" id="name" placeholder="Name" aria-label="Name" aria-describedby="basic-addon1">
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-envelope" aria-hidden="true"></i></span>
</div>
<input type="text" class="form-control" name="email" id="email" placeholder="Email" aria-label="Email" aria-describedby="basic-addon1">
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-mobile" aria-hidden="true"></i></span>
</div>
<input type="text" class="form-control" name="mobile" id="mobile" placeholder="Mobile" aria-label="Mobile" aria-describedby="basic-addon1">
</div>
</div>
</div>
<!--second line start -->
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-hashtag" aria-hidden="true"></i></span>
</div>
<input type="text" class="form-control" name="payment_id" id="payment_id" placeholder="Transaction ID" aria-label="Transaction ID" aria-describedby="basic-addon1">
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-calendar" aria-hidden="true"></i></span>
</div>
<input type="date" class="form-control" name="from_date" id="from_date" placeholder="From date" aria-label="Email" aria-describedby="basic-addon1">
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-calendar" aria-hidden="true"></i></span>
</div>
<input type="date" class="form-control" name="to_date" id="to_date" placeholder="To date" aria-label="Mobile" aria-describedby="basic-addon1">
</div>
</div>
</div>
<!-- second line end -->
<!--three line start -->
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12 mb-1">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fa fa-tasks" aria-hidden="true"></i></span>
</div>
<div >
<select class="form-control w-125" id="status" name="status">
<option value="" id="select"> Select Tranction Status </option>
<option value="success">Success </option>
<option value="failure">Failure</option>
<option value="pending">Pending</option>
</select>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 text-right">
<input type="button" class="btn btn-success" name="submit_btn" id="submit_btn" value="Apply">
<input type="reset" class="btn btn-secondary" style="background: #212529 !important;" name="clear_btn" id="clear_btn" value="Clear Filter">
<input type="reset" class="btn btn-primary" name="close_btn" id="close_btn" value="Close">
</div>
</div>
<input type="hidden" name="table_val_hidden" id="table_val_hidden" value="{{html_data}}">
<!-- three line end -->
</div>
</form>
</div> <!-- card div end -->
</div>
<div class="col-lg-1 col-md-1 col-sm-12 "> </div>
</div>
<div class="row mt-1">
<div class="col-lg-1 col-md-1 col-sm-12 "> </div>
<div class="col-lg-10 col-md-10 col-sm-12 ">
<div class="table mobile-responsive">
<table class="table table-striped" style="font-size: 14px;width: 100% !important;" >
<thead class="thead-dark">
<tr>
<th >S.NO </th>
<th >Name </th>
<th >Email</th>
<th >Mobile</th>
<th >Txn-ID</th>
<th >Amount</th>
<th >Status</th>
</tr>
</thead>
<tbody id="table_body" >
</tbody>
</table>
</div>
</div>
<div class="col-lg-1 col-md-1 col-sm-12 "> </div>
</div>
<br>
{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
var baseUrl = document.location.protocol+'//' + document.domain + ':' + location.port;
var html_data = $("#table_val_hidden").val() ;
$("#table_body").empty();
$("#table_body").html(html_data);
$(document).ready(function()
{
$("#filter_div").hide();
$("#filter_header_icon").click(function(e)
{
$("#filter_div").toggle();
});
// $("#card_header").click(function()
// {
// $("#filter_div").toggle();
// })
$("#close_btn").click(function()
{
$("#filter_div").hide();
});
$('#submit_btn').on('click', function(e){
var am_id = $("#am_id").val();
$.ajax({
type: 'POST',
url: baseUrl + '/bo/get_payment_filter/'+am_id,
data: $('#filter_form').serialize(),
success: function (q)
{
var data_1 = JSON.parse(q);
msg = data_1.msg;
if(q)
{
status = data_1.status;
html_data = data_1.html_data;
$("#table_val_hidden").val(0);
$("#table_body").empty();
$("#table_body").html(html_data);
}
else
{
// $("#scan_block").css('display', 'none');
$("#msg").text(msg);
}
}
});
e.preventDefault();
});
});
</script>
{% endblock %}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists