recurring_list.twig (10675B)
1 {{ header }}{{ column_left }} 2 <div id="content"> 3 <div class="page-header"> 4 <div class="container-fluid"> 5 <div class="pull-right"> 6 <button type="button" data-toggle="tooltip" title="{{ button_filter }}" onclick="$('#filter-recurring').toggleClass('hidden-sm hidden-xs');" class="btn btn-default hidden-md hidden-lg"><i class="fa fa-filter"></i></button> 7 </div> 8 <h1>{{ heading_title }}</h1> 9 <ul class="breadcrumb"> 10 {% for breadcrumb in breadcrumbs %} 11 <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li> 12 {% endfor %} 13 </ul> 14 </div> 15 </div> 16 <div class="container-fluid">{% if error_warning %} 17 <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }} 18 <button type="button" class="close" data-dismiss="alert">×</button> 19 </div> 20 {% endif %} 21 {% if success %} 22 <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }} 23 <button type="button" class="close" data-dismiss="alert">×</button> 24 </div> 25 {% endif %} 26 <div class="row"> 27 <div id="filter-recurring" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs"> 28 <div class="panel panel-default"> 29 <div class="panel-heading"> 30 <h3 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h3> 31 </div> 32 <div class="panel-body"> 33 <div class="form-group"> 34 <label class="control-label" for="input-order-recurring-id">{{ entry_order_recurring_id }}</label> 35 <input type="text" name="filter_order_recurring_id" value="{{ filter_order_recurring_id }}" placeholder="{{ entry_order_recurring_id }}" id="input-order-recurring-id" class="form-control" /> 36 </div> 37 <div class="form-group"> 38 <label class="control-label" for="input-customer">{{ entry_customer }}</label> 39 <input type="text" name="filter_customer" value="{{ filter_customer }}" placeholder="{{ entry_customer }}" id="input-customer" class="form-control" /> 40 </div> 41 <div class="form-group"> 42 <label class="control-label" for="input-order-id">{{ entry_order_id }}</label> 43 <input type="text" name="filter_order_recurring_id" value="{{ filter_order_recurring_id }}" placeholder="{{ entry_order_id }}" id="input-order-id" class="form-control" /> 44 </div> 45 <div class="form-group"> 46 <label class="control-label" for="input-status">{{ entry_status }}</label> 47 <select name="filter_status" id="input-status" class="form-control"> 48 49 50 51 52 {% for recurring_status in recurring_statuses %} 53 {% if filter_status == recurring_status.value %} 54 55 56 57 58 <option value="{{ recurring_status.value }}" selected="selected">{{ recurring_status.text }}</option> 59 60 61 62 63 {% else %} 64 65 66 67 68 <option value="{{ recurring_status.value }}">{{ recurring_status.text }}</option> 69 70 71 72 73 {% endif %} 74 {% endfor %} 75 76 77 78 79 </select> 80 </div> 81 <div class="form-group"> 82 <label class="control-label" for="input-reference">{{ entry_reference }}</label> 83 <input type="text" name="filter_reference" value="{{ filter_reference }}" placeholder="{{ entry_reference }}" id="input-reference" class="form-control" /> 84 </div> 85 <div class="form-group"> 86 <label class="control-label" for="input-date-date_added">{{ entry_date_added }}</label> 87 <div class="input-group date"> 88 <input type="text" name="filter_date_added" value="{{ filter_date_added }}" placeholder="{{ entry_date_added }}" data-date-format="YYYY-MM-DD" id="input-date-date_added" class="form-control" /> 89 <span class="input-group-btn"> 90 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 91 </span> </div> 92 </div> 93 <div class="form-group text-right"> 94 <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button> 95 </div> 96 </div> 97 </div> 98 </div> 99 <div class="col-md-9 col-md-pull-3 col-sm-12"> 100 <div class="panel panel-default"> 101 <div class="panel-heading"> 102 <h3 class="panel-title"><i class="fa fa-list"></i> {{ text_list }}</h3> 103 </div> 104 <div class="panel-body"> 105 <form action="" method="post" enctype="multipart/form-data" id="form-recurring"> 106 <div class="table-responsive"> 107 <table class="table table-bordered table-hover"> 108 <thead> 109 <tr> 110 <td class="text-right">{% if sort == 'or.order_recurring_id' %} <a href="{{ sort_order_recurring }}" class="{{ order|lower }}">{{ column_order_recurring_id }}</a> {% else %} <a href="{{ sort_order_recurring }}">{{ column_order_recurring_id }}</a> {% endif %}</td> 111 <td class="text-right">{% if sort == 'or.order_id' %} <a href="{{ sort_order }}" class="{{ order|lower }}">{{ column_order_id }}</a> {% else %} <a href="{{ sort_order }}">{{ column_order_id }}</a> {% endif %}</td> 112 <td class="text-left">{% if sort == 'or.reference' %} <a href="{{ sort_reference }}" class="{{ order|lower }}">{{ column_reference }}</a> {% else %} <a href="{{ sort_reference }}">{{ column_reference }}</a> {% endif %}</td> 113 <td class="text-left">{% if sort == 'customer' %} <a href="{{ sort_customer }}" class="{{ order|lower }}">{{ column_customer }}</a> {% else %} <a href="{{ sort_customer }}">{{ column_customer }}</a> {% endif %}</td> 114 <td class="text-left">{% if sort == 'or.status' %} <a href="{{ sort_status }}" class="{{ order|lower }}">{{ column_status }}</a> {% else %} <a href="{{ sort_status }}">{{ column_status }}</a> {% endif %}</td> 115 <td class="text-left">{% if sort == 'or.date_added' %} <a href="{{ sort_date_added }}" class="{{ order|lower }}">{{ column_date_added }}</a> {% else %} <a href="{{ sort_date_added }}">{{ column_date_added }}</a> {% endif %}</td> 116 <td class="text-right">{{ column_action }}</td> 117 </tr> 118 </thead> 119 <tbody> 120 121 {% if recurrings %} 122 {% for recurring in recurrings %} 123 <tr> 124 <td class="text-right">{{ recurring.order_recurring_id }}</td> 125 <td class="text-right">{{ recurring.order_id }}</td> 126 <td class="text-left">{{ recurring.reference }}</td> 127 <td class="text-left">{{ recurring.customer }}</td> 128 <td class="text-left">{{ recurring.status }}</td> 129 <td class="text-left">{{ recurring.date_added }}</td> 130 <td class="text-right"><a href="{{ recurring.view }}" data-toggle="tooltip" title="{{ button_order_recurring }}" class="btn btn-info"><i class="fa fa-eye"></i></a> <a href="{{ recurring.order }}" data-toggle="tooltip" title="{{ button_order }}" class="btn btn-info"><i class="fa fa-shopping-cart"></i></a></td> 131 </tr> 132 {% endfor %} 133 {% else %} 134 <tr> 135 <td class="text-center" colspan="7">{{ text_no_results }}</td> 136 </tr> 137 {% endif %} 138 </tbody> 139 140 </table> 141 </div> 142 </form> 143 <div class="row"> 144 <div class="col-sm-6 text-left">{{ pagination }}</div> 145 <div class="col-sm-6 text-right">{{ results }}</div> 146 </div> 147 </div> 148 </div> 149 </div> 150 </div> 151 </div> 152 <script type="text/javascript"><!-- 153 $('#button-filter').on('click', function() { 154 url = 'index.php?route=sale/recurring&user_token={{ user_token }}'; 155 156 var filter_order_recurring_id = $('input[name=\'filter_order_recurring_id\']').val(); 157 158 if (filter_order_recurring_id) { 159 url += '&filter_order_recurring_id=' + encodeURIComponent(filter_order_recurring_id); 160 } 161 162 var filter_order_id = $('input[name=\'filter_order_id\']').val(); 163 164 if (filter_order_id) { 165 url += '&filter_order_id=' + encodeURIComponent(filter_order_id); 166 } 167 168 var filter_reference = $('input[name=\'filter_reference\']').val(); 169 170 if (filter_reference) { 171 url += '&filter_reference=' + encodeURIComponent(filter_reference); 172 } 173 174 var filter_customer = $('input[name=\'filter_customer\']').val(); 175 176 if (filter_customer) { 177 url += '&filter_customer=' + encodeURIComponent(filter_customer); 178 } 179 180 var filter_status = $('select[name=\'filter_status\']').val(); 181 182 if (filter_status != 0) { 183 url += '&filter_status=' + encodeURIComponent(filter_status); 184 } 185 186 var filter_date_added = $('input[name=\'filter_date_added\']').val(); 187 188 if (filter_date_added != '') { 189 url += '&filter_date_added=' + encodeURIComponent(filter_date_added); 190 } 191 192 location = url; 193 }); 194 195 $('#form input').keydown(function(e) { 196 if (e.keyCode == 13) { 197 filter(); 198 } 199 }); 200 201 $('.date').datetimepicker({ 202 language: '{{ datepicker }}', 203 pickTime: false 204 }); 205 //--></script> 206 <script type="text/javascript"><!-- 207 $('input[name=\'filter_customer\']').autocomplete({ 208 'source': function(request, response) { 209 $.ajax({ 210 url: 'index.php?route=customer/customer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), 211 dataType: 'json', 212 success: function(json) { 213 response($.map(json, function(item) { 214 return { 215 label: item['name'], 216 value: item['customer_id'] 217 } 218 })); 219 } 220 }); 221 }, 222 'select': function(item) { 223 $('input[name=\'filter_customer\']').val(item['label']); 224 } 225 }); 226 //--></script></div> 227 {{ footer }}