customer_order_info.twig (7380B)
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"> 29 <label class="control-label" for="input-status">{{ entry_status }}</label> 30 <select name="filter_order_status_id" id="input-status" class="form-control"> 31 <option value="0">{{ text_all_status }}</option> 32 33 34 35 36 37 38 39 40 41 42 {% for order_status in order_statuses %} 43 {% if order_status.order_status_id == filter_order_status_id %} 44 45 46 47 48 49 50 51 52 53 54 <option value="{{ order_status.order_status_id }}" selected="selected">{{ order_status.name }}</option> 55 56 57 58 59 60 61 62 63 64 65 {% else %} 66 67 68 69 70 71 72 73 74 75 76 <option value="{{ order_status.order_status_id }}">{{ order_status.name }}</option> 77 78 79 80 81 82 83 84 85 86 87 {% endif %} 88 {% endfor %} 89 90 91 92 93 94 95 96 97 98 99 </select> 100 </div> 101 <div class="form-group text-right"> 102 <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button> 103 </div> 104 </div> 105 </div> 106 </div> 107 <div class="col-md-9 col-md-pull-3 col-sm-12"> 108 <div class="panel panel-default"> 109 <div class="panel-heading"> 110 <h3 class="panel-title"><i class="fa fa-bar-chart"></i> {{ heading_title }}</h3> 111 </div> 112 <div class="panel-body"> 113 <div class="table-responsive"> 114 <table class="table table-bordered table-hover"> 115 <thead> 116 <tr> 117 <td class="text-left">{{ column_customer }}</td> 118 <td class="text-left">{{ column_email }}</td> 119 <td class="text-left">{{ column_customer_group }}</td> 120 <td class="text-left">{{ column_status }}</td> 121 <td class="text-right">{{ column_orders }}</td> 122 <td class="text-right">{{ column_products }}</td> 123 <td class="text-right">{{ column_total }}</td> 124 <td class="text-right">{{ column_action }}</td> 125 </tr> 126 </thead> 127 <tbody> 128 129 {% if customers %} 130 {% for customer in customers %} 131 <tr> 132 <td class="text-left">{{ customer.customer }}</td> 133 <td class="text-left">{{ customer.email }}</td> 134 <td class="text-left">{{ customer.customer_group }}</td> 135 <td class="text-left">{{ customer.status }}</td> 136 <td class="text-right">{{ customer.orders }}</td> 137 <td class="text-right">{{ customer.products }}</td> 138 <td class="text-right">{{ customer.total }}</td> 139 <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> 140 </tr> 141 {% endfor %} 142 {% else %} 143 <tr> 144 <td class="text-center" colspan="8">{{ text_no_results }}</td> 145 </tr> 146 {% endif %} 147 </tbody> 148 149 </table> 150 </div> 151 <div class="row"> 152 <div class="col-sm-6 text-left">{{ pagination }}</div> 153 <div class="col-sm-6 text-right">{{ results }}</div> 154 </div> 155 </div> 156 </div> 157 </div> 158 </div> 159 <script type="text/javascript"><!-- 160 $('#button-filter').on('click', function() { 161 var url = ''; 162 163 var filter_customer = $('input[name=\'filter_customer\']').val(); 164 165 if (filter_customer) { 166 url += '&filter_customer=' + encodeURIComponent(filter_customer); 167 } 168 169 var filter_date_start = $('input[name=\'filter_date_start\']').val(); 170 171 if (filter_date_start) { 172 url += '&filter_date_start=' + encodeURIComponent(filter_date_start); 173 } 174 175 var filter_date_end = $('input[name=\'filter_date_end\']').val(); 176 177 if (filter_date_end) { 178 url += '&filter_date_end=' + encodeURIComponent(filter_date_end); 179 } 180 181 var filter_order_status_id = $('select[name=\'filter_order_status_id\']').val(); 182 183 if (filter_order_status_id != 0) { 184 url += '&filter_order_status_id=' + encodeURIComponent(filter_order_status_id); 185 } 186 187 location = 'index.php?route=report/report&user_token={{ user_token }}&code=customer_order' + url; 188 }); 189 //--></script> 190 <script type="text/javascript"><!-- 191 $('.date').datetimepicker({ 192 language: '{{ datepicker }}', 193 pickTime: false 194 }); 195 //--></script> 196 <script type="text/javascript"><!-- 197 $('input[name=\'filter_customer\']').autocomplete({ 198 'source': function(request, response) { 199 $.ajax({ 200 url: 'index.php?route=customer/customer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), 201 dataType: 'json', 202 success: function(json) { 203 response($.map(json, function(item) { 204 return { 205 label: item['name'], 206 value: item['customer_id'] 207 } 208 })); 209 } 210 }); 211 }, 212 'select': function(item) { 213 $('input[name=\'filter_customer\']').val(item['label']); 214 } 215 }); 216 //--></script>