templates\mpesa\mpesa_home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4.     {% block styles_addins %}
  6.         <style>
  7.             .dates {
  8.                 margin-left: 10px;
  9.                 font-family: 'Nova Flat', serif, FontAwesome;
  10.             }
  11.         </style>
  14.     {% endblock %}
  17.  {% block heading %}
  19.      <h4 class="head" style="margin-top: 5px;">ALL MPESA TRANSACTIONS</h4>
  20.      <p class="head_p">This is a list of all mpesa transactions in all branches </p>
  21.  {% endblock %}
  24. {% block li_mpesa %}
  25.     <li>
  26.         <a data-toggle="collapse" href="#componentsMpesa" class="" aria-expanded="true">
  27.             <i class="ti-package"></i>
  28.             <p>M-Pesa<b class="caret"></b></p>
  29.         </a>
  30.         <div class="sub-menu collapse in" id="componentsMpesa" aria-expanded="true" style="">
  31.             <ul class="nav">
  32.                 <li class="active">
  33.                     <a href="#">
  34.                         <span class="sidebar-normal">
  35.                             <i class="fas fa-arrow-circle-right"></i> ALL</span>
  36.                     </a>
  37.                 </li>
  39.                 <li>
  40.                     <a href="{{ path('mpesaManualRoute') }}">
  41.                         <span class="sidebar-normal"><i class="fas fa-arrow-circle-right"></i>MANUALLY ADDED</span>
  42.                     </a>
  43.                 </li>
  46.             </ul>
  47.         </div>
  48.     </li>
  49. {% endblock %}
  51. {% block main %}
  53.     <div data-controller="mpesa--mpesa">
  55.         <div class="top-stats">
  56.             <div class="row">
  57.                 <div class="col-lg-5">
  58.                     <label><i class="ti-calendar"></i> Filter by date</label>
  59.                     <div class="input-group">
  61.                         <input type="text" value="" name="daterange" placeholder="Select date" class="form-control shadow border-0 datesearch" id="dash-daterange">
  62.                         <button class="btn btn-success disabled"><i class="ti-calendar"></i></button>
  63.                     </div>
  64.                 </div>
  66.                 <div class="col-lg-6">
  67.                     <table style="width: 100%;" class="table table-bordered">
  68.                         <tr>
  69.                             <th>TRANSACTIONS</th>
  70.                             <th>AMOUNT</th>
  71.                         </tr>
  72.                         <tr>
  73.                             <td data-mpesa--mpesa-target="totalTransactions">---</td>
  74.                             <td data-mpesa--mpesa-target="transactionsTotal">---</td>
  75.                         </tr>
  76.                     </table>
  77.                 </div>
  79.             </div>
  82.         </div>
  85.         <table id="mpesaTransactions"
  86.                style="width:100%; height:auto; font-weight:normal; text-transform: uppercase;"
  87.                data-options="url:'{{ path('mpesaJSONRoute') }}'">
  89.             <thead>
  90.             <tr>
  91.             </tr>
  92.             </thead>
  93.         </table>
  95.         <div id="dd" style="display: none">Dialog Content.</div>
  96.     </div>
  97. {% endblock %}
  100.     {% block scripts %}
  101.         {{ parent() }}
  103.         {{ encore_entry_script_tags('easyui-jquery') }}
  104.         {{ encore_entry_script_tags('easyui-filter') }}
  106.         <script type="text/javascript">
  108.         </script>
  109.     {% endblock %}