API tools faq
paste
Advertisement
Guest User

parking_history.php

a guest
Mar 28th, 2019
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP Brief 21.33 KB | None | 0 0
raw download clone embed print report
  1. <div id="tabs" >
  2. <ul>
  3.    <?php $counter = 1;?>
  4.    <?php $Data_counter = 1;?>
  5.    <?php foreach($history as $places):?>
  6.    <li class="formfield" ><a href="#tabs-<?php echo $counter++ ?>" data-function-id="<?php echo $Data_counter++?>"><?php echo $places['place_name'] ?></a></li>
  7.    <?php endforeach; ?>
  8.    <li><a href="#tabs-search">Search Filter</a></li>
  9. </ul>
  10. <?php $tab_counter = 1;?>
  11. <?php $table_counter = 1;?>
  12. <?php $canvas_counter = 1;?>
  13. <?php foreach($history as $places):?>
  14. <div id="tabs-<?php echo $tab_counter++ ?>">
  15.    <div class="content">
  16.       <div class="container-fluid">
  17.          <div class="col-md-3" style="border:1px solid;">
  18.             <div class="box-wrapper">
  19.                <div class="box">
  20.                   <h6 class="text-center">Total Place <?php //echo $places['place_name']?></h6>
  21.                   <p class="count_wrapper text-center"><?php echo $places['Total_parking']; ?> </p>
  22.                </div>
  23.             </div>
  24.          </div>
  25.          <div class="col-md-3" style="border:1px solid;">
  26.             <div class="box-wrapper">
  27.                <div class="box">
  28.                   <h6 class="text-center">Total Earning <?php //echo $places['place_name']?></h6>
  29.                   <?php $place = $places['place_name'];?>
  30.                   <?php $earning_query = $this->db->query("SELECT SUM(price) AS TotalEarning FROM end_live_parking WHERE place_name='$place'");?>
  31.                   <?php $total_earning = $earning_query->result()[0]->TotalEarning;?>
  32.                   <p class="count_wrapper text-center"><?php echo number_format($total_earning,2, '.', ''); ?> TAKA </p>
  33.                </div>
  34.             </div>
  35.          </div>
  36.          <div class="col-md-3" style="border:1px solid;">
  37.             <div class="box-wrapper">
  38.                <div class="box">
  39.                   <h6 class="text-center">Total Car</h6>
  40.                   <?php $earning_query = $this->db->query("SELECT COUNT(id) AS TotalCar FROM end_live_parking WHERE place_name='$place' AND type='Car'");?>
  41.                   <?php $total_car = $earning_query->result()[0]->TotalCar;?>
  42.                   <p class="count_wrapper text-center"><?php echo $total_car; ?> </p>
  43.                </div>
  44.             </div>
  45.          </div>
  46.          <div class="col-md-3" style="border:1px solid;">
  47.             <div class="box-wrapper">
  48.                <div class="box">
  49.                   <h6 class="text-center">Total Bike</h6>
  50.                   <?php $earning_query = $this->db->query("SELECT COUNT(id) AS TotalBike FROM end_live_parking WHERE place_name='$place' AND type='Bike'");?>
  51.                   <?php $total_bike = $earning_query->result()[0]->TotalBike;?>
  52.                   <p class="count_wrapper text-center"><?php echo $total_bike; ?> </p>
  53.                </div>
  54.             </div>
  55.          </div>
  56.          <br>
  57.          <hr>
  58.          <div class="col-md-12">
  59.             <?php echo form_open('User_track/parking_history',array('method' => 'get'))?>
  60.             <h1>Recurrent User Filter</h1>
  61.             <div class="form-group">
  62.                <label for="">Date Start</label>
  63.                <input type="date" class="form-control" name="selected_date_start" id="selected_date_start" style="border:1px solid">
  64.             </div>
  65.             <div class="form-group">
  66.                <label for="">Date End</label>
  67.                <input type="date" class="form-control" name="selected_date_end" id="selected_date_end" style="border:1px solid">
  68.                <input type="hidden" name="place_name" value="<?php echo $places['place_name']?>">
  69.             </div>
  70.             <div class="form-group">
  71.                <!-- <a href="javascript:GetSearchValues();" type="button" id="searchBtn" class="btn btn-default">Get Result</a> -->
  72.                <input type="submit" class="btn btn-default" value="Get Result" name="reccurent">
  73.             </div>
  74.             <?php echo form_close(); ?>
  75.          </div>
  76.          <?php if(!empty($check)):?>
  77.          <div class="col-md-12">
  78.             <h3><?php if(isset($date_range) || $date_range > 0) echo $date_range?></h3>
  79.             <h3><?php if(isset($total_user) || $total_user > 0) echo $total_user?></h3>
  80.             <h3><?php if(isset($recurreing_user) || $recurreing_user > 0) echo $recurreing_user?></h3>
  81.             <h3><?php if(isset($non_recurring_user) || $non_recurring_user > 0) echo $non_recurring_user?></h3>
  82.          </div>
  83.          <?php endif; ?>
  84.          <br>
  85.          <div class="col-md-12">
  86.             <?php echo form_open('User_track/parking_history',array('method' => 'get'))?>
  87.             <h1>User Filter</h1>
  88.             <div class="form-group">
  89.                <label for="">Date Start</label>
  90.                <input type="date" class="form-control" name="date_start" id="date_start" style="border:1px solid">
  91.             </div>
  92.             <div class="form-group">
  93.                <label for="">Date End</label>
  94.                <input type="date" class="form-control" name="date_end" id="date_end" style="border:1px solid">
  95.                <input type="hidden" name="place_name" value="<?php echo $places['place_name']?>">
  96.             </div>
  97.             <div class="form-group">
  98.                <!-- <a href="javascript:GetSearchValues();" type="button" id="searchBtn" class="btn btn-default">Get Result</a> -->
  99.                <input type="submit" class="btn btn-default" value="Get Result" name="reccurent-all-time">
  100.             </div>
  101.             <?php echo form_close(); ?>
  102.          </div>
  103.          <?php if(!empty($checks)):?>
  104.          <div class="col-md-12">
  105.             <!-- <h3><?php //if(isset($date_ranges) || $date_ranges > 0) //echo $date_ranges?></h3> -->
  106.             <h3><?php if(isset($total_users) || $total_users > 0) echo $total_users?></h3>
  107.             <h3><?php if(isset($recurreing_user_all) || $recurreing_user_all > 0) echo $recurreing_user_all?></h3>
  108.             <h3><?php if(isset($non_recurring_users) || $non_recurring_users > 0) echo $non_recurring_users?></h3>
  109.          </div>
  110.          <?php endif; ?>
  111.          <div class="col-md-12">
  112.             <h3>Parking History</h3>
  113.             <div class="content">
  114.                <div class="container-fluid">
  115.                   <div class="row">
  116.                      <div class="col-md-12">
  117.                         <div class="card">
  118.                            <div class="header">
  119.                               <h4 class="title">Chart (Testing)</h4>
  120.                            </div>
  121.                            <canvas id="myChart-<?php echo $canvas_counter++;?>" width="400" height="200"></canvas>
  122.                         </div>
  123.                      </div>
  124.                   </div>
  125.                </div>
  126.             </div>
  127.             <table class="table table-striped" id="ParkingHistoryList-<?php echo $table_counter ++;?>">
  128.                <thead>
  129.                   <th>SL</th>
  130.                   <th>User Name</th>
  131.                   <th>User Phone</th>
  132.                   <th>Place Name</th>
  133.                   <th>Date</th>
  134.                   <th>Vehicle Type</th>
  135.                   <th>Vehicle No.</th>
  136.                   <th>Price</th>
  137.                </thead>
  138.             </table>
  139.          </div>
  140.       </div>
  141.    </div>
  142. </div>
  143. <?php endforeach; ?>
  144. <div id="tabs-search">
  145.    <div class="content">
  146.       <div class="container-fluid">
  147.          <div class="col-md-12">
  148.             <h3>Search Filter</h3>
  149.             <?php echo form_open('User_track/search_parking_history', array('id' => 'parking-history-search-form'));?>
  150.             <div class="form-group">
  151.                <div class="col-md-12">
  152.                   <div class="form-group">
  153.                      <label for="sel1">Select Place:</label>
  154.                      <select class="form-control" style="border:1px solid" id="selected_place" name="selected_place">
  155.                         <option value=" ">Select  Place</option>
  156.                         <?php foreach($history as $places):?>
  157.                         <option value="<?php echo $places['place_name'] ?>"><?php echo $places['place_name'] ?></option>
  158.                         <?php endforeach; ?>
  159.                      </select>
  160.                   </div>
  161.                </div>
  162.                <div class="col-md-6">
  163.                   <div class="form-group">
  164.                      <label for="">Date Start</label>
  165.                      <input type="date" class="form-control" name="selected_date_start" id="selected_date_start" style="border:1px solid">
  166.                   </div>
  167.                </div>
  168.                <div class="col-md-6">
  169.                   <div class="form-group">
  170.                      <label for="">Date End</label>
  171.                      <input type="date" class="form-control" name="selected_date_end" id="selected_date_end" style="border:1px solid">
  172.                   </div>
  173.                </div>
  174.             </div>
  175.             <div class="col-md-12">
  176.                <a href="javascript:GetSearchValues();" type="button" id="searchBtn" class="btn btn-default">Search</a>
  177.             </div>
  178.             <?php echo form_close();?>
  179.          </div>
  180.          <br><br>
  181.          <div class="col-md-12">
  182.             <h3>Parking History</h3>
  183.             <div class="col-md-3" style="border:1px solid;">
  184.                <div class="box-wrapper">
  185.                   <div class="box">
  186.                      <h6 class="text-center">Total Parking </h6>
  187.                      <p class="count_wrapper text-center" id="total_parking"></p>
  188.                   </div>
  189.                </div>
  190.             </div>
  191.             <div class="col-md-3" style="border:1px solid;">
  192.                <div class="box-wrapper">
  193.                   <div class="box">
  194.                      <h6 class="text-center">Total Earning </h6>
  195.                      <p class="count_wrapper text-center" id="total_earning"></p>
  196.                   </div>
  197.                </div>
  198.             </div>
  199.             <div class="col-md-3" style="border:1px solid;">
  200.                <div class="box-wrapper">
  201.                   <div class="box">
  202.                      <h6 class="text-center">Total Car</h6>
  203.                      <p class="count_wrapper text-center" id="total_cars"></p>
  204.                   </div>
  205.                </div>
  206.             </div>
  207.             <div class="col-md-3" style="border:1px solid;">
  208.                <div class="box-wrapper">
  209.                   <div class="box">
  210.                      <h6 class="text-center">Total Bike</h6>
  211.                      <p class="count_wrapper text-center" id="total_bikes"></p>
  212.                   </div>
  213.                </div>
  214.             </div>
  215.             <br><br>
  216.             <hr>
  217.             <table class="table table-striped" id="ParkingHistoryList-Search">
  218.                <thead>
  219.                   <th>SL</th>
  220.                   <th>User Name</th>
  221.                   <th>User Phone</th>
  222.                   <th>Place Name</th>
  223.                   <th>Date</th>
  224.                   <th>Vehicle Type</th>
  225.                   <th>Vehicle No.</th>
  226.                   <th>Price</th>
  227.                </thead>
  228.             </table>
  229.          </div>
  230.       </div>
  231.    </div>
  232. </div>
  233. <script>
  234.    $( function()
  235.    {
  236.      $( "#tabs" ).tabs();
  237.    } );
  238. </script>
  239. <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script>
  240. <script>
  241.    $(document).ready(function() {
  242.         var labelForCarMonth = []
  243.         var dataForCarData = []
  244.         var labelForBikeMonth = []
  245.         var dataForBikeData = []
  246.         var table;
  247.         $('ul li a').click(function() {
  248.         var place_name = $(this).text();
  249.        
  250.         var id = $(this).attr('data-function-id');
  251.      
  252.         //ctx.clearRect(0, 0, canvas.width, canvas.height);
  253.        
  254.         //$('#myChart-' +id).append();
  255.         $.ajax({      
  256.                      method: 'GET',
  257.                      url: '<?php echo base_url()?>User_track/TotalBikesForChart/',
  258.                      dataType: 'json',
  259.                      data: {
  260.                         "place_name": place_name,
  261.                       },
  262.                      success: function (response) {
  263.                        
  264.                         response.forEach(function (element) {
  265.                            labelForBikeMonth.push(element.Month)
  266.                            dataForBikeData.push(element.TotalBike)
  267.                         })
  268.                    
  269.                    
  270.                 }
  271.            })
  272.        $.ajax({      
  273.                      method: 'GET',
  274.                      url: '<?php echo base_url()?>User_track/TotalCarsForChart/',
  275.                      dataType: 'json',
  276.                      data: {
  277.                         "place_name": place_name,
  278.                       },
  279.                  
  280.                      success: function (response){
  281.                        
  282.                         response.forEach(function (element) {
  283.                            labelForCarMonth.push(element.Month)
  284.                            dataForCarData.push(element.TotalCar)
  285.                         })
  286.                    
  287.                             console.log(labelForCarMonth, dataForCarData);
  288.                      
  289.                    
  290.                            var ctx = document.getElementById('myChart-'+id).getContext('2d');
  291.                            var myChart = new Chart(ctx, {
  292.                               type: 'line',
  293.                               data: {
  294.                                  
  295.                                  labels: labelForCarMonth,
  296.                                  backgroundColor: 'rgba(255, 255, 255, 0.5)',
  297.                                  datasets: [
  298.                                     {
  299.                                    
  300.                                     data: dataForCarData,
  301.                                     label: "Car",
  302.                                     borderColor: 'red'
  303.                                        
  304.                                     },
  305.                                     {
  306.                                     data: dataForBikeData,
  307.                                     label: "Bike",
  308.                                    
  309.                                     borderColor: 'black'
  310.                                          
  311.                                     },
  312.                                  ]
  313.                               },
  314.                               options: {
  315.                                  scales: {
  316.                                        yAxes: [{
  317.                                           ticks: {
  318.                                              beginAtZero: true,
  319.                                              responsive: false,
  320.                                                 maintainAspectRatio: true
  321.                                           }
  322.                                        }]
  323.                                  }
  324.                               }
  325.                            });
  326.                 }
  327.                
  328.            })
  329.          
  330.            labelForCarMonth = [];
  331.            dataForCarData = [];
  332.            labelForBikeMonth = [];
  333.            dataForBikeData = [];
  334.          
  335.          
  336.           console.log(labelForCarMonth);
  337.             console.log("id for clear"+id);
  338.      
  339.      
  340.         table = $("#ParkingHistoryList-"+ id).DataTable({
  341.                  destroy: true,
  342.                 "bProcessing": true,
  343.                 "serverSide":true,
  344.                
  345.                
  346.                 "ajax":{
  347.                     url:"<?php echo base_url()?>User_track/GetParkingHistoryList/",
  348.                     type:"POST",
  349.                     data:{
  350.                      "place_name": place_name
  351.                     },
  352.                 }
  353.        });
  354.        
  355.        
  356.     });
  357.    
  358.  
  359.   // myChart.destroy();
  360.    
  361.    
  362.          
  363.    });
  364.    table.destroy();
  365.    
  366.    $(document).ready(function() {
  367.         var table;
  368.         var place_name = $(this).text();
  369.         var id = $(this).attr('data-function-id');
  370.         //console.log(place_name);
  371.      
  372.         table = $("#ParkingHistoryList-Search").DataTable({
  373.                  destroy: true,
  374.                 "bProcessing": true,
  375.                 "serverSide":true,
  376.                
  377.                
  378.                 "ajax":{
  379.                     url:"<?php echo base_url()?>User_track/GetParkingHistoryList/",
  380.                     type:"POST",
  381.                     data:{
  382.                      "place_name": place_name
  383.                     },
  384.                 }
  385.        });
  386.      
  387.     table.destroy();
  388.      
  389.    
  390.    
  391.    
  392.          
  393.    });
  394.    
  395.    
  396. </script>
  397. <script>
  398.    function GetSearchValues(){
  399.       var table;
  400.      var place = $( "#selected_place").val();
  401.      var date_start = $( "#selected_date_start").val();
  402.      var date_end = $( "#selected_date_end").val();
  403.      
  404.      //alert(place+''+date);
  405.      table = $("#ParkingHistoryList-Search").DataTable({
  406.                     destroy: true,
  407.                    "bProcessing": true,
  408.                    "serverSide":true,
  409.                    
  410.                    
  411.                    "ajax":{
  412.                        url:"<?php echo base_url()?>User_track/SerachAndGetParkingHistoryList/",
  413.                        type:"POST",
  414.                        data:{
  415.                         "place_name": place,
  416.                         "date_start" : date_start , "date_end" : date_end
  417.                        },
  418.                    }
  419.           });
  420.    //table.destroy();
  421.    
  422.                 $.ajax({
  423.                      type: 'ajax',
  424.                      method: 'get',
  425.                      url: "<?php echo base_url()?>User_track/TotalEarningForParkingHistory/",
  426.                      data: {
  427.                         "place_name": place,
  428.                         "date_start" : date_start , "date_end" : date_end
  429.                      },
  430.                      
  431.                      success: function(data) {
  432.                         console.log(data);
  433.                        $("#total_earning").html(data.replace(/^"(.*)"$/, '$1'));
  434.                  
  435.                        
  436.                      },
  437.                      error: function() {
  438.                      alert('Ajax failour');
  439.                      }
  440.                 });
  441.                 $.ajax({
  442.                      type: 'ajax',
  443.                      method: 'get',
  444.                      url: "<?php echo base_url()?>User_track/TotalBikesForParkingHistory/",
  445.                      data: {
  446.                         "place_name": place,
  447.                         "date_start" : date_start , "date_end" : date_end
  448.                      },
  449.                      
  450.                      success: function(data) {
  451.                         console.log(data);
  452.                         $("#total_bikes").html(data.replace(/^"(.*)"$/, '$1'));
  453.    
  454.                  
  455.                      },
  456.                      error: function() {
  457.                      alert('Ajax failour');
  458.                      }
  459.                 });
  460.                 $.ajax({
  461.                      type: 'ajax',
  462.                      method: 'get',
  463.                      url: "<?php echo base_url()?>User_track/TotalCarsForParkingHistory/",
  464.                      data: {
  465.                         "place_name": place,
  466.                         "date_start" : date_start , "date_end" : date_end
  467.                      },
  468.                      
  469.                      success: function(data) {
  470.                         console.log(data);
  471.                         $("#total_cars").html(data.replace(/^"(.*)"$/, '$1'));
  472.    
  473.                  
  474.                      },
  475.                      error: function() {
  476.                      alert('Ajax failour');
  477.                      }
  478.                 });
  479.                 $.ajax({
  480.                      type: 'ajax',
  481.                      method: 'get',
  482.                      url: "<?php echo base_url()?>User_track/TotalParkingNumberForParkingHistory/",
  483.                      data: {
  484.                         "place_name": place,
  485.                         "date_start" : date_start , "date_end" : date_end
  486.                      },
  487.                      
  488.                      success: function(data) {
  489.                         console.log(data);
  490.                         $("#total_parking").html(data.replace(/^"(.*)"$/, '$1'));
  491.    
  492.                  
  493.                      },
  494.                      error: function() {
  495.                      alert('Ajax failour');
  496.                      }
  497.                 });
  498.                
  499.    }
  500.    
  501.    
  502. </script>
  503. <!-- <script>
  504.    var ctx = document.getElementById('myChart').getContext('2d');
  505.    var myChart = new Chart(ctx, {
  506.        type: 'line',
  507.        data: {
  508.           labels: ["Jan", "Feb", "Mar", "April", "May","June","July","Aug","Sep","Oct","Nov","Dec"],
  509.           backgroundColor: 'rgba(255, 255, 255, 0.5)',
  510.           datasets: [
  511.             {
  512.               data: [12,24,31,45,51,23,4,20,33,30,40,50],
  513.               label: "Car",
  514.             //   backgroundColor: 'rgba(255, 255, 255, 0.5)',
  515.               borderColor: 'red'
  516.                
  517.             },
  518.             {
  519.               data: [60,24,12,53,13,53,15,75,21,42,53,30],
  520.               label: "Bike",
  521.             //   backgroundColor: 'rgba(255, 255, 255, 0.1)',
  522.               borderColor: 'black'
  523.                  
  524.             },
  525.           ]
  526.       },
  527.        options: {
  528.            scales: {
  529.                yAxes: [{
  530.                    ticks: {
  531.                        beginAtZero: true,
  532.                        responsive: false,
  533.                         maintainAspectRatio: true
  534.                    }
  535.                }]
  536.            }
  537.        }
  538.    });
  539.    
  540.    </script> -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!