templates/fos/transactions/my_daily_transaction.html.twig line 1

Open in your IDE?
  1. {% extends 'fos/base.html.twig' %}
  6. {% block firstnav %}
  7. {{ render(controller('App\\Parcels\\DefaultController::nav')) }}
  8. {% endblock %}
  9. {% block secondnav %}
  11. <!-- Second Nav -->
  12. <nav class="navbar-second navbar navbar-default navbar-static-top" role="navigation">
  13. <div class="container-fluid">
  14. <div class="navbar-header">
  15. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  16. data-target="#bs-example-navbar-collapse-1">
  17. <span class="sr-only">Toggle navigation</span>
  18. <span class="icon-bar"></span>
  19. <span class="icon-bar"></span>
  20. <span class="icon-bar"></span>
  21. </button>
  22. <!-- Brand -->
  23. {% block current %}
  24. <span class="navbar-brand" href="#"><i class="fa fa-gears"></i> Transactions</span>
  25. {% endblock %}
  26. </div>
  27. <div class="collapse navbar-collapse animated fadeIn" id="bs-example-navbar-collapse-1">
  28. <ul class="nav navbar-nav animated fadeIn">
  30. {% block secondarylinkblock %}
  33. {#<li><a href="{{ path('all_parcels') }}"><i class="fa fa-gift"></i> Parcels</a></li>#}
  34. <li class=""><a href="{{ path('new-parcel') }}"><i class="fa fa-plus-circle"></i> Register Parcel</a></li>
  35. <li class="active"><a href="{{ path('my_daily_parcel_transactions') }}"><i class="fa fa-users"></i> Today Transactions</a></li>
  36. <li class=""><a href="{{ path('close_daily_account') }}"><i class="fa fa-th-list"></i> Close & Open Daily Account</a></li>
  37. {# <li class=""><a href="#"><i class="fas fa-bank"></i> Bank</a></li>#}
  39. {% endblock %}
  42. </ul>
  43. <ul class="nav navbar-nav navbar-right">
  44. <li class=""><a></a></li>
  45. {#<li><p class="navbar-text"></p></li>#}
  46. </ul>
  47. </div><!-- /.navbar-collapse -->
  48. </div><!-- /.container-fluid -->
  49. </nav>
  51. {% endblock %}
  54. {% block main %}
  56. <div class="row">
  57. <div class="col">
  58. <table id="transactions"
  59. style="width:100%; font-weight:normal; text-transform: uppercase;"
  60. singleSelect=true
  61. rownumbers=true
  62. pageSize=30
  63. fitColumns=true>
  65. <thead>
  66. <tr>
  67. </tr>
  68. </thead>
  69. </table>
  70. </div>
  71. </div>
  74. {% endblock %}
  77. {% block javascript %}
  78. // <script type="text/javascript" src="{{ asset('fos/scripts/my_daily_transactions.js') }}"></script>
  80. <script type="application/javascript">
  82. $('#transactions').datagrid({
  83. url:'transactions/transaction-list',
  84. method: 'post',
  85. pageSize:20,
  86. singleSelect: true,
  87. rownumbers:true,
  88. remoteFilter:true,
  89. pagination:true,
  90. fitColumns:true,
  91. collapsible:true,
  92. showFooter: true,
  93. loadMsg: 'Loading Transaction',
  94. view: detailview,
  95. detailFormatter: function(index, row) {
  96. return '<div class="ddv" style="padding: 5px 0"></div>';
  97. },
  98. rowStyler: function(index,row){
  99. if (row.is_cancelled === 1){
  100. return 'background-color:red;color:#fff;font-weight:bold;';
  101. }
  102. },
  103. onExpandRow: function (index, row) {
  104. var ddv = $(this).datagrid('getRowDetail', index).find('div.ddv');
  105. ddv.panel({
  106. height: 260,
  107. border: false,
  108. cache: false,
  109. href: 'transactions/details/' + row.id,
  110. onLoad: function () {
  111. $('#parcels').datagrid('fixDetailRowHeight', index);
  112. }
  113. })
  114. },
  115. columns: [[
  116. {field:'b.id',title:'WayBill',width:30,formatter:function(value,row,index){
  117. return row.id;
  118. }},
  119. {field:'d.station_name',title:'Destination',width:40,formatter:function(value,row,index){
  120. return row.station_name;
  121. }},
  122. {field:'b.sender_name',title:'Sender',width:60,formatter:function(value,row,index){
  123. return row.sender_name;
  124. }},
  125. {field:'b.sender_phone_number',title:'Sender Phone',width:30,formatter:function(value,row,index){
  126. return row.sender_phone_number;
  127. }},
  128. {field:'b.receiver_name',title:'Sending To',width:60,formatter:function(value,row,index){
  129. return row.receiver_name;
  130. }},
  131. {field:'b.receiver_phone_number',title:'Receiver Phone',width:30,formatter:function(value,row,index){
  132. return row.receiver_phone_number;
  133. }},
  134. {field:'a.expenses',title:'expenses',width:30,formatter:function(value,row,index){
  135. return row.expenses;
  136. }},
  137. {field:'t.payment_method',title:'paid via',width:30,formatter:function(value,row,index){
  138. return row.payment_method;
  139. }},
  140. {field:'amount',title:'Amount',width:20,formatter:function(value,row,index){
  141. return row.amount;
  142. }}
  143. ]]
  144. });
  147. $(function(){
  148. var transactionDataGrid = $('#transactions').datagrid();
  150. var isStationLoaded = 0;
  152. var isToStationLoaded = 0;
  154. transactionDataGrid.datagrid('enableFilter', [
  155. {
  156. field:'station_name',
  157. type: 'combobox',
  158. options:{
  159. method: 'GET',
  160. mode:'remote',
  161. panelHeight: 'auto',
  162. valueField:'id',
  163. textField:'station_name',
  164. url:'/form/stations',
  166. onSelect:function(value){
  167. console.log(value.id);
  168. if (value.id === -1){
  169. transactionDataGrid.datagrid('removeFilterRule', 'w.toStation');
  170. } else {
  171. transactionDataGrid.datagrid('addFilterRule', {
  172. field: 'd.id',
  173. op: 'equal',
  174. value: value.id
  175. });
  176. }
  178. transactionDataGrid.datagrid('doFilter');
  180. },
  181. onLoadSuccess: function(items){
  183. if (items.length && isToStationLoaded === 0){
  184. isToStationLoaded = 1;
  185. var opts = $(this).combobox('options');
  186. $(this).combobox('select', items[items.length-1][opts.valueField]);
  187. }
  188. }
  190. }
  191. },
  192. {
  193. field:'w.percel_count',
  194. type:'numberbox',
  195. options:{precision:1},
  196. op:['less','greater','equal']
  197. },
  198. {
  199. field:'t.amount',
  200. type:'numberbox',
  201. options:{precision:1},
  202. op:['less','greater','equal']
  203. },
  204. {
  205. field:'t.payment_method',
  206. type:'combobox',
  207. options: {
  208. panelHeight: 'auto',
  209. data: [
  211. {
  212. text: 'MPESA',
  213. value: 'MPESA'
  214. },
  215. {
  216. text: 'CASH',
  217. value: 'CASH'
  218. },
  219. {
  220. text: 'CASH_MPESA',
  221. value: 'CASH_MPESA'
  222. },{
  223. text: 'ALL',
  224. value: 'ALL'
  225. },
  227. ],
  228. onChange:function(value){
  230. console.log(value);
  231. // alert(value.station_name);
  232. if (value === 'ALL'){
  233. transactionDataGrid.datagrid('removeFilterRule', 't.payment_method');
  234. }else {
  235. transactionDataGrid.datagrid('addFilterRule', {
  236. field: 't.payment_method',
  237. op: 'equal',
  238. value: value
  239. });
  240. }
  241. transactionDataGrid.datagrid('doFilter');
  242. },
  243. onLoadSuccess: function(items){
  245. // $(this).combobox('select', items[items.length-1]['value']);
  247. }
  248. }
  249. }
  250. ]);
  252. });
  255. function formatAmount(val,row){
  257. return val.toLocaleString();
  258. }
  260. function cancelTransaction(id) {
  261. // window.open("/viewowner/"+rowh.id,"_self");
  262. $('#cancelDialog').dialog({
  263. title: 'CANCEL TRANSACTION',
  264. width: 550,
  265. height: 620,
  266. border: false,
  267. closed: false,
  268. cache: false,
  269. closable: true,
  270. href: 'transaction/cancel/'+id,
  271. modal: true
  272. });
  273. }
  275. </script>
  276. {% endblock %}