File manager

File manager - Edit - /home/autoph/public_html/projects/document_tracking/resources/views/auth/welcomeDashboard.blade.php

Back
@extends('layouts.layouts') @extends('layouts.header') @section('content') {{-- <div class="analytics-container"> --}} <div class="row" id="start-row"> <div class="row" id="selection-row"> <div> <button class="btn btn-info btn-sm" style="margin-top: 15px" id="type_filter_btn" data-bs-target="#type-filter"><i class="bi bi-funnel"></i> FILTER</button> <button class="btn btn-danger btn-sm" style="margin-top: 15px" id="type_generate_report_btn" data-bs-target="#type-generate"><i class="bi bi-file-earmark-spreadsheet"></i> GENERATE REPORT</button> </div> </div> <div class="row"> <div class="col"> <canvas id="myChart" style="height: 300px; width: 300px;"></canvas> </div> <div class="col"> <canvas id="myChart2"></canvas> <select class="form-select-xs" id="status_file"> <option value="0">Select Filter</option> <option value="seven">last 7 days</option> <option value="fourteen">last 14 days</option> <option value="thirty">last 30 days</option> </select> </div> <div class="col"> <canvas id="myChart3" style="height: 300px; width: 300px;"></canvas> </div> <div class="col"> <canvas id="myChart4" style="height: 300px; width: 300px;"></canvas> </div> </div> </div> {{-- Modal for filtering per date --}} <div class="modal fade" id="date-filter" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Date Filter</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col"> <select> <option>GCASI</option> <option>AutoHub</option> </select> </div> <div class="col"> <input type="date" id="from_date"> </div> <div class="col"> <input type="date" id="to_date"> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id="search_date">Find</button> </div> </div> </div> </div> {{-- Modal for Filtering of Companies for Analytics --}} <div class="modal fade" id="type-filter" tabindex="-1" aria-labelledby="exampleModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Type Filter</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col"> <select class="form-select" name="comp_id" id="comp_id"> <option value="0">Select Company</option> @foreach($companies['data'] as $company) <option value="{{$company->comp_id}}">{{$company->comp_name}}</option> @endforeach </select> </div> <div class="col"> <select class="form-select" name="dealer_id" id="dealer_id"> <option value="0">Select Dealer</option> </select> </div> {{-- <div class="col"> <select class="form-select"></select> </div> --}} {{-- <div class="col"> <select class="form-select">dsjafhsdjkfhaskjdfhasdkfh</select> </div> --}} </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id="search_type">Find</button> </div> </div> </div> </div> {{-- end modal --}} <div class="modal fade" id="type-generate" tabindex="-1" aria-labelledby="exampleModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Generate Filter</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col"> <select class="form-select" name="company_id" id="company_id"> <option value="0">Select Company</option> @foreach($companies['data'] as $company) <option value="{{$company->comp_id}}">{{$company->comp_name}}</option> @endforeach </select> </div> <div class="col"> <select class="form-select" name="dealership_id" id="dealership_id"> <option value="0">Select Dealer</option> </select> </div> </div> <div class="row"> <div class="col"> From:<input type="date" class="date form-control" id="from_date2"> To:<input type="date" class="date form-control" id="to_date2"> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id="search_type_generate">Find</button> </div> </div> </div> </div> {{-- end modal --}} <div class="row"> {{-- <div class="col-6" id="column-div"> <div id="time-line-header2"><h3 id="time-line-header-heading2">File Duration</h3></div> <div id="timeline2"></div> </div> <div class="col-6" id="column-col-div"> <div id="time-line-header3"><h3 id="time-line-header-heading3">File Duration</h3></div> <div class="row"> <div class="col"> <input type="date" id="from_date"> </div> <div class="col"> <input type="date" id="to_date"> </div> <div class="col"> <button style="float: right" class="btn btn-submit" id="search_date"><i class="bi bi-search"></i></button> </div> </div> </div> --}} </div> <div class="page-divider"> </div> <div class="row" {{-- id="company-row" --}} > <div class="col"> <canvas id="myChart5" style="height: 300px; width: 300px;"></canvas> </div> <div class="col" {{-- id="dealer-row" --}} > <canvas id="myChart6" style="height: 300px; width: 300px;"></canvas> {{-- <div id="dealer_div"></div> --}} </div> <div class="col" {{-- id="end-row" --}} > <canvas id="myChart7" style="height: 300px; width: 300px;"></canvas> {{-- <div id="chart_div"></div> --}} </div> </div> {{-- </div> --}} <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="{{asset('js/analytics.js')}}"></script> <script src="{{asset('js/auth.js')}}"></script> <script> var access_token = localStorage.getItem("token"); var myChart5 = null; $.ajax({ type: "POST", url: "api/v2/user/getNearDue", datatype:"json", data:null, processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Authorization': 'Bearer ' + access_token}, success: function(response){ }, error: function(error){ } }); $.ajax({ type: "GET", url:"api/v2/document/DocumentAnalyticsDashboardByCompany", datatype:"json", data:null, processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Authorization': 'Bearer ' + access_token}, success: function(response){ console.log(response); var dataArr = []; const labels5 = []; $.each(response, function(index, value){ labels5.push([value.department]); var time = value.time.split(":"); var totalTime = ""; totalTime += time[0]; dataArr.push([totalTime]); }); const data5 = { labels: labels5, datasets: [{ label: labels5, backgroundColor: [ 'rgb(255, 99, 132)', 'rgb(54, 162, 235)', 'rgb(255, 205, 86)', 'rgb(255, 86, 198)', 'rgb(255, 94, 198)' ], hoverOffset: 5, borderColor: 'black', data: dataArr, }] }; const config5 = { type: 'doughnut', data: data5, options: { radius: '100%', } }; myChart5 = new Chart( document.getElementById('myChart5'), config5 ); }, error: function(error){ } }); $.ajax({ type: "GET", url:"api/v2/document/DocumentAnalyticsDashboardByDealer", datatype:"json", data:null, processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Authorization': 'Bearer ' + access_token}, success: function(response){ // console.log(response); var dataArr = []; const labels6 = []; $.each(response, function(index,value){ labels6.push([value.department]); // var dataArr.push([value.time]); }); const data6 = { labels: labels6, datasets: [{ label: labels6, backgroundColor: [ 'rgb(255, 99, 132)', 'rgb(54, 162, 235)', 'rgb(255, 205, 86)', 'rgb(255, 86, 198)', 'rgb(255, 94, 198)' ], hoverOffset: 5, borderColor: 'black', data: dataArr, }] }; const config6 = { type: 'doughnut', data: data6, options: { radius: '100%', } }; myChart6 = new Chart( document.getElementById('myChart6'), config6 ); }, error: function(error){ } }); $.ajax({ type: "GET", url:"api/v2/document/DocumentAnalyticsDashboardByDepartment", datatype:"json", data:null, processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Authorization': 'Bearer ' + access_token}, success: function(response){ console.log(response); var dataArr = []; const labels7 = []; $.each(response, function(index,value){ labels7.push([value.department]); var time = value.time.split(":"); var totalTime = ""; totalTime += time[0]; dataArr.push([totalTime]); }); const data7 = { labels: labels7, datasets: [{ label: labels7, backgroundColor: [ 'rgb(255, 99, 132)', 'rgb(54, 162, 235)', 'rgb(255, 205, 86)', 'rgb(255, 86, 198)', 'rgb(255, 94, 198)' ], hoverOffset: 5, borderColor: 'black', data: dataArr, }] }; const config7 = { type: 'doughnut', data: data7, options: { radius: '100%', } }; myChart7 = new Chart( document.getElementById('myChart7'), config7 ); }, error: function(error){ } }); </script> @endsection

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0.02 | proxy | phpinfo | Settings