templates/fos/parcels/incoming_parcel.html.twig line 1

Open in your IDE?
  1. {% extends 'fos/base.html.twig' %}
  5. {% block firstnav %}
  6. {{ render(controller('App\\Parcels\\DefaultController::nav')) }}
  7. {% endblock %}
  8. {% block secondnav %}
  9. <!-- Second Nav -->
  10. <nav class="navbar-second navbar navbar-default navbar-static-top" role="navigation">
  11. <div class="container-fluid">
  12. <div class="navbar-header">
  13. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  14. data-target="#bs-example-navbar-collapse-1">
  15. <span class="sr-only">Toggle navigation</span>
  16. <span class="icon-bar"></span>
  17. <span class="icon-bar"></span>
  18. <span class="icon-bar"></span>
  19. </button>
  20. <!-- Brand -->
  21. {% block current %}
  22. <span class="navbar-brand" href="#"><i class="fa fa-gears"></i> Parcels</span>
  23. {% endblock %}
  24. </div>
  25. <div class="collapse navbar-collapse animated fadeIn" id="bs-example-navbar-collapse-1">
  26. <ul class="nav navbar-nav animated fadeIn">
  28. {% block secondarylinkblock %}
  30. {# <li><a href="{{ path('new-parcel') }}"><i class="fa fa-plus-circle"></i> Un-Loaded Parcels</a></li> #}
  31. <li class="active"><a href="#"><i class="fa fa-arrow-circle-down"></i> <i
  32. class="fa fa-truck"></i> Incoming Parcels</a></li>
  34. {% endblock %}
  35. </ul>
  36. <ul class="nav navbar-nav navbar-right">
  37. <li class=""><a></a></li>
  38. {# <li><p class="navbar-text"></p></li> #}
  39. </ul>
  40. </div><!-- /.navbar-collapse -->
  41. </div><!-- /.container-fluid -->
  42. </nav>
  44. {% endblock %}
  47. {% block main %}
  49. <div class="row">
  50. <div class="col">
  51. <table id="deliveries"
  52. style="width:100%; font-weight:normal; text-transform: uppercase;"
  53. singleSelect=true
  54. rownumbers=true
  55. pageSize=30
  56. fitColumns=true>
  58. <thead>
  59. <tr>
  60. </tr>
  61. </thead>
  62. </table>
  63. </div>
  64. </div>
  67. {% endblock %}
  70. {% block javascript %}
  71. <script type="application/javascript">
  73. $('#deliveries').datagrid({
  74. url: 'incoming/parcels-list',
  75. method: 'post',
  76. pageSize:20,
  77. singleSelect: true,
  78. rownumbers:true,
  79. remoteFilter:true,
  80. pagination:true,
  81. fitColumns:true,
  82. collapsible:true,
  83. view: detailview,
  84. detailFormatter: function(index, row) {
  85. return '<div style="padding:2px;position:relative; height: auto;"><table class="ddv"></table></div>';
  86. },
  87. onExpandRow: function (index, row) {
  88. var ddv = $(this).datagrid('getRowDetail',index).find('table.ddv');
  89. ddv.datagrid({
  90. url:'en-route/delivery-parcels-list/' + row.id,
  91. fitColumns:true,
  92. method: 'get',
  93. singleSelect:true,
  94. rownumbers:true,
  95. loadMsg:'loading: please wait',
  96. height:'auto',
  97. columns:[[
  98. {field:'id',title:'WAYBILL',width:40,formatter:function(value,row,index){
  99. return row.id;
  100. }},
  101. {field:'to_station',title:'From',width:40,formatter:function(value,row,index){
  102. return row.station_name;
  103. }},
  104. {field:'senderName',title:'Sender',width:60,formatter:function(value,row,index){
  105. return row.sender_name;
  106. }},
  107. {field:'senderPhone',title:'Sender Phone',width:35,formatter:function(value,row,index){
  108. return row.sender_phone_number;
  109. }},
  110. {field:'receiverName',title:'Sending To',width:60,formatter:function(value,row,index){
  111. return row.receiver_name;
  112. }},
  113. {field:'receiverPhoneNumber',title:'Receiver Phone',width:35,formatter:function(value,row,index){
  114. return row.receiver_phone_number;
  115. }},
  116. {field:'description',title:'Description',width:100,formatter:function(value,row,index){
  117. return row.description;
  118. }}
  119. ]]
  120. });
  121. },
  122. columns: [[
  123. {field:'b.id',title:'Delivery',width:40,formatter:function(value,row,index){
  124. return row.id;
  125. }},
  126. {field:'destination',title:'Destination',width:40,formatter:function(value,row,index){
  127. return row.station_name;
  128. }},
  129. {field:'d.parcel_count',title:'Parcels',width:20,formatter:function(value,row,index){
  130. return row.parcel_count;
  131. }},
  132. {field:'created_at',title:'Created at',width:30,formatter:function(value,row,index){
  133. return row.created_at;
  134. }},
  135. {field:'loaded_at',title:'Verified at',width:30,formatter:function(value,row,index){
  136. return row.loaded_at;
  137. }},
  138. {field:'v.reg_number',title:'vehicle',width:30,formatter:function(value,row,index){
  139. return row.reg_number;
  140. }},
  141. {field:'is_verified',title:'verified',width:30,formatter:function(value,row,index){
  142. let check = false;
  143. if(row.is_verified){
  144. check = '<i class="fa fa-check-circle" style="color: green"></i>';
  145. }else{
  146. check = '<i class="fa fa-close" style="color: red"></i>';
  147. }
  148. return check;
  149. }}
  150. ]]
  151. });
  154. $(function(){
  155. var applicants_dg = $('#deliveries').datagrid();
  158. var townIsLoaded = 0;
  160. applicants_dg.datagrid('enableFilter', [{
  161. field:'destination',
  162. type: 'combobox',
  163. options:{
  164. method: 'GET',
  165. mode:'remote',
  166. panelHeight: 200,
  167. valueField:'id',
  168. textField:'station_name',
  169. url:'form/towns',
  171. onSelect:function(value){
  172. applicants_dg.datagrid('addFilterRule', {
  173. field: 'e.id',
  174. op: 'equal',
  175. value: value.id
  176. });
  177. applicants_dg.datagrid('doFilter');
  178. }
  179. }
  180. },{
  181. field:'b.id',
  182. type:'textbox',
  183. options:{precision:1},
  184. op:'equal'
  185. }]);
  186. });
  187. </script>
  189. {% endblock %}