amazon_stock_updates.twig (4174B)
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="{{ link_overview }}" 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 <div class="well"> 16 <div class="row"> 17 <div class="col-sm-5"> 18 <div class="input-group date"> 19 <input type="text" class="form-control" id="input-date-start" data-date-format="YYYY-MM-DD" placeholder="{{ entry_date_start }}" value="{{ date_start }}" name="filter_date_start"> 20 <span class="input-group-btn"> 21 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 22 </span> </div> 23 </div> 24 <div class="col-sm-5"> 25 <div class="input-group date"> 26 <input type="text" class="form-control" id="input-date-end" data-date-format="YYYY-MM-DD" placeholder="{{ entry_date_end }}" value="{{ date_end }}" name="filter_date_end"> 27 <span class="input-group-btn"> 28 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 29 </span> </div> 30 </div> 31 <div class="col-sm-2 text-right"> <a id="button-filter" class="btn btn-primary" data-toggle="tooltip" title="{{ button_filter }}"><i class="fa fa-filter"></i></a> </div> 32 </div> 33 </div> 34 <table class="table table-bordered table-hover"> 35 <thead> 36 <tr> 37 <th class="text-left">{{ column_ref }}</th> 38 <th class="text-left">{{ column_status }}</th> 39 <th class="text-left">{{ column_date_requested }}</th> 40 <th class="text-left">{{ column_date_updated }}</th> 41 <th class="text-center">{{ column_sku }}</th> 42 <th class="text-center">{{ column_stock }}</th> 43 </tr> 44 </thead> 45 <tbody> 46 {% if not table_data %} 47 <tr> 48 <td class="text-center" colspan="6">{{ text_empty }}</td> 49 </tr> 50 {% endif %} 51 {% for ref, row in table_data %} 52 <tr> 53 <td class="text-left" rowspan="{{ row.data|length + 1 }}">{{ ref }}</td> 54 <td class="text-left" rowspan="{{ row.data|length + 1 }}">{{ row.status }}</td> 55 <td class="text-left" rowspan="{{ row.data|length + 1 }}">{{ row.date_requested }}</td> 56 <td class="text-left" rowspan="{{ row.data|length + 1 }}">{{ row.date_updated }}</td> 57 {% for data in row.data %} 58 <tr> 59 <td class="text-center">{{ dataRow.sku }}</td> 60 <td class="text-center">{{ dataRow.stock }}</td> 61 </tr> 62 {% endfor %} 63 </tr> 64 {% endfor %} 65 </tbody> 66 </table> 67 </div> 68 </div> 69 <script type="text/javascript"><!-- 70 $('#button-filter').on('click', function() { 71 url = 'index.php?route=extension/openbay/amazon/stockUpdates&user_token={{ user_token }}'; 72 73 var filter_date_start = $('#input-date-start').val(); 74 75 if (filter_date_start) { 76 url += '&filter_date_start=' + encodeURIComponent(filter_date_start); 77 } 78 79 var filter_date_end = $('#input-date-end').val(); 80 81 if (filter_date_end) { 82 url += '&filter_date_end=' + encodeURIComponent(filter_date_end); 83 } 84 location = url; 85 }); 86 87 $(document).ready(function() { 88 $('#input-date-start').datepicker({dateFormat: 'yy-mm-dd'}); 89 $('#input-date-end').datepicker({dateFormat: 'yy-mm-dd'}); 90 }); 91 92 $('.date').datetimepicker({ 93 language: '{{ datepicker }}', 94 pickTime: false 95 }); 96 97 $('.datetime').datetimepicker({ 98 language: '{{ datepicker }}', 99 pickDate: true, 100 pickTime: true 101 }); 102 103 $('.time').datetimepicker({ 104 language: '{{ datepicker }}', 105 pickDate: false 106 }); 107 //--></script> 108 {{ footer }}