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