customer_transaction_info.twig (5400B)
1 <div class="row"> 2 <div id="filter-report" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs"> 3 <div class="panel panel-default"> 4 <div class="panel-heading"> 5 <h3 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h3> 6 </div> 7 <div class="panel-body"> 8 <div class="form-group"> 9 <label class="control-label" for="input-date-start">{{ entry_date_start }}</label> 10 <div class="input-group date"> 11 <input type="text" name="filter_date_start" value="{{ filter_date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" id="input-date-start" class="form-control" /> 12 <span class="input-group-btn"> 13 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 14 </span></div> 15 </div> 16 <div class="form-group"> 17 <label class="control-label" for="input-customer">{{ entry_customer }}</label> 18 <input type="text" name="filter_customer" value="{{ filter_customer }}" placeholder="{{ entry_customer }}" id="input-customer" class="form-control" /> 19 </div> 20 <div class="form-group"> 21 <label class="control-label" for="input-date-end">{{ entry_date_end }}</label> 22 <div class="input-group date"> 23 <input type="text" name="filter_date_end" value="{{ filter_date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" id="input-date-end" class="form-control" /> 24 <span class="input-group-btn"> 25 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 26 </span></div> 27 </div> 28 <div class="form-group text-right"> 29 <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button> 30 </div> 31 </div> 32 </div> 33 </div> 34 <div class="col-md-9 col-md-pull-3 col-sm-12"> 35 <div class="panel panel-default"> 36 <div class="panel-heading"> 37 <h3 class="panel-title"><i class="fa fa-bar-chart"></i> {{ heading_title }}</h3> 38 </div> 39 <div class="panel-body"> 40 <div class="table-responsive"> 41 <table class="table table-bordered"> 42 <thead> 43 <tr> 44 <td class="text-left">{{ column_customer }}</td> 45 <td class="text-left">{{ column_email }}</td> 46 <td class="text-left">{{ column_customer_group }}</td> 47 <td class="text-left">{{ column_status }}</td> 48 <td class="text-right">{{ column_total }}</td> 49 <td class="text-right">{{ column_action }}</td> 50 </tr> 51 </thead> 52 <tbody> 53 54 {% if customers %} 55 {% for customer in customers %} 56 <tr> 57 <td class="text-left">{{ customer.customer }}</td> 58 <td class="text-left">{{ customer.email }}</td> 59 <td class="text-left">{{ customer.customer_group }}</td> 60 <td class="text-left">{{ customer.status }}</td> 61 <td class="text-right">{{ customer.total }}</td> 62 <td class="text-right"><a href="{{ customer.edit }}" data-toggle="tooltip" title="{{ button_edit }}" class="btn btn-primary"><i class="fa fa-pencil"></i></a></td> 63 </tr> 64 {% endfor %} 65 {% else %} 66 <tr> 67 <td class="text-center" colspan="6">{{ text_no_results }}</td> 68 </tr> 69 {% endif %} 70 </tbody> 71 72 </table> 73 </div> 74 <div class="row"> 75 <div class="col-sm-6 text-left">{{ pagination }}</div> 76 <div class="col-sm-6 text-right">{{ results }}</div> 77 </div> 78 </div> 79 </div> 80 </div> 81 </div> 82 <script type="text/javascript"><!-- 83 $('#button-filter').on('click', function() { 84 var url = ''; 85 86 var filter_customer = $('input[name=\'filter_customer\']').val(); 87 88 if (filter_customer) { 89 url += '&filter_customer=' + encodeURIComponent(filter_customer); 90 } 91 92 var filter_date_start = $('input[name=\'filter_date_start\']').val(); 93 94 if (filter_date_start) { 95 url += '&filter_date_start=' + encodeURIComponent(filter_date_start); 96 } 97 98 var filter_date_end = $('input[name=\'filter_date_end\']').val(); 99 100 if (filter_date_end) { 101 url += '&filter_date_end=' + encodeURIComponent(filter_date_end); 102 } 103 104 location = 'index.php?route=report/report&code=customer_transaction&user_token={{ user_token }}' + url; 105 }); 106 //--></script> 107 <script type="text/javascript"><!-- 108 $('.date').datetimepicker({ 109 language: '{{ datepicker }}', 110 pickTime: false 111 }); 112 //--></script> 113 <script type="text/javascript"><!-- 114 $('input[name=\'filter_customer\']').autocomplete({ 115 'source': function(request, response) { 116 $.ajax({ 117 url: 'index.php?route=customer/customer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), 118 dataType: 'json', 119 success: function(json) { 120 response($.map(json, function(item) { 121 return { 122 label: item['name'], 123 value: item['customer_id'] 124 } 125 })); 126 } 127 }); 128 }, 129 'select': function(item) { 130 $('input[name=\'filter_customer\']').val(item['label']); 131 } 132 }); 133 //--></script>