File manager

File manager - Edit - /home/autoph/public_html/tasks/resources/views/home/dashboard.php

Back
<?php $dashboard_role = array(); ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm "> <li class=" active "> <a class="" href="#home-dashboard">Dashboard</a> </li> <!-- <li class=" "> <a class=" " href="#home-messages">Contact Messages</a> </li> <li class=" "> <a class=" " href="#home-connections">Log in report</a> </li> <li class=" "> <a class=" " href="#home-password">Change Password</a> </li> --> </ul> <div class="tab-content bg-white m-0 px-0 pt-0"> <div class="tab-pane active cont min-height-400"> <!-- Main row --> <div class="container-fluid content-row mb-3"> <div class="tooltip-mee" title="Filters"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Category</u> </button> </a> <ul class="ticket-filter-category dropdown-menu children-ul"> </ul> </li> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Status</u> </button> </a> <ul class="ticket-filter-final-status dropdown-menu children-ul"> </ul> </li> <!-- <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Progress Level</u> </button> </a> <ul class="ticket-filter-status dropdown-menu children-ul"> </ul> </li> --> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <!-- <a class="children" tabindex="-1" href="#"><span class="text-md text-dark font-weight-bold">Priority <i class="fas fa-angle-right"></i></span></a> --> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <!--<i class="fas fa-exclamation-triangle"></i> --> <u>Priority Level</u> </button> </a> <ul class="ticket-filter-priority dropdown-menu children-ul"> </ul> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="brand-filter" id="brand-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="model-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <button type="submit" style="width:100%;" class="btn btn-primary btn-sm" id="btn_apply_filter">Apply</button> </li> </ul> </div> <div class="row"> <?php // if(isset($session_access['2']) && ( in_array('2_8', $session_access['2']) \|\| in_array('2_6', $session_access['2']))){ if(1){ $left_col = 'col-md'; if(isset($session_access['2']) && in_array('2_7', $session_access['2'])){ $left_col = 'col-md-8'; } ?> <div class="<?php echo $left_col; ?>" id="left_content"> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"></h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0 "> <div class="px-3 pt-3"> <?php if(isset($session_access['2']) && in_array('2_8', $session_access['2'])){ $dashboard_role[] = '2_8'; } ?> <div class="row"> <div class="col-lg-3 col-6" id="on_hold_box"> <!-- small box --> <div class="small-box bg-info"> <div class="overlay on_hold_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=On%20Hold" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="on_hold_total" class="font-weight-normal text-xl">0</span></h3> <p class="m-0">On Hold</p> </a> </div> <div class="icon"> <!-- <i class="fa fa-users"></i> --> </div> <!-- <a id="customer_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" id = "in_progress_box"> <!-- small box --> <div class="small-box bg-warning"> <div class="overlay in_progress_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=In%20Progress" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="in_progress_total" class="font-weight-normal text-xl">0</span> </h3> <p class="m-0">In Progress</p> </a> </div> <div class="icon"> <!-- <i class="fa fa-dollar-sign"></i> --> </div> <!-- <a id="sales_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" id="close_box"> <!-- small box --> <div class="small-box bg-success"> <div class="overlay solve_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=Close" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="solve_total" class="font-weight-normal text-xl">0</span></h3> <p class="m-0">Close</p> </a> </div> <div class="icon"> <!-- <i class="fa fa-car"></i> --> </div> <!-- <a id="vehicle_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" id="escalated_box"> <!-- small box --> <div class="small-box bg-danger"> <div class="overlay not_solve_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=Escalated%20%28In%20Progress%29%2CEscalated%20%28Close%29" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="not_solve_total" class="font-weight-normal text-xl">0</span> </h3> <p class="m-0">Escalated</p> </a> </div> <div class="icon"> <!-- <i class="fas fas fa-wrench"></i> --> </div> <!-- <a id="service_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> </div> <?php if(isset($session_access['2']) && in_array('2_6', $session_access['2'])){ $dashboard_role[] = '2_6'; ?> <div class="col-md-12 p-0"> <!-- LINE CHART --> <div class="card"> <div class="overlay open_close_graph_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="chart"> <canvas id="open_close_graph" style="min-height: 300px; height: 300px; max-height: 300px; max-width: 100%;"></canvas> </div> </div> <!-- /.card-body --> <!-- /.card --> </div> <?php } ?> </div> </div> <!-- /.card-body --> <!-- <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> --> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> <?php if(isset($session_access['2']) && in_array('2_7', $session_access['2'])){ $dashboard_role[] = '2_7'; $right_col = 'col-md'; // if(isset($session_access['2']) && ( in_array('2_8', $session_access['2']) \|\| in_array('2_6', $session_access['2']))){ if(1){ $right_col = 'col-md-4'; } ?> <div class="<?php echo $right_col; ?>" id="right_content"> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"></h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="card h-100"> <div class="overlay active_support_graph_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <canvas class="py-2 px-2" id="active_support_graph" style="min-height: 350px; height: 350px; max-height: 350px; max-width: 100%;"></canvas> </div> </div> <!-- /.card-body --> <!-- <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> --> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> </div> <!-- /.row --> </div> <!-- /.row --> <div class="container-fluid content-row my-3"> <div class="row"> <?php if(isset($session_access['2']) && in_array('2_3', $session_access['2'])){ $dashboard_role[] = '2_3'; ?> <div class="col-md" id=""> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Latest Open Tickets</h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="overlay col_1_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2" id="latest_tickets_dash"> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="#tickets-list" class="uppercase">View More</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> <?php if(isset($session_access['2']) && in_array('2_4', $session_access['2'])){ $dashboard_role[] = '2_4'; ?> <div class="col-md" id=""> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Latest Knowledge Base</h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="overlay col_2_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2" id="latest_kb_articles_dash"> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="#knowledgebase-list" class="uppercase">View More</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> <?php if(isset($session_access['2']) && in_array('2_5', $session_access['2'])){ $dashboard_role[] = '2_5'; ?> <div class="col-md" id=""> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Latest Trainings</h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="overlay col_3_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2" id="latest_trainings_dash"> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="#videos-list" class="uppercase">View More</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> </div> <!-- /.row --> </div> <!-- /.row --> </div> </div> </div> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- daterangepicker --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- ChartJS --> <script src="plugins/chart.js/Chart.min.js"></script> <!-- Common scripts --> <?php include('resources/views/common/script/function.php'); ?> <script> var location_url = '<?php echo $global_system_settings['url']?>'; var active_support_graph = null; var open_close_graph = null; var dashboard_role = <?php echo json_encode($dashboard_role); ?>; var ticket_selected_filters = "[]"; var ticket_selected_filters_priority = "[]"; var ticket_selected_filters_category = "[]"; var ticket_selected_filters_final_status = "[]"; function activeSupportGraph(result) { // console.log(result) var data_names = []; var data_counts = []; var data_colors = []; $.each(result, function(i, n) { data_names.push(n.name) data_counts.push(n.count); data_colors.push(getRandomColor()) }); var data = { datasets: [{ data: data_counts, backgroundColor: data_colors, }], labels: data_names }; var canvas = document.getElementById("active_support_graph"); var ctx = canvas.getContext("2d"); var pieOptions = { maintainAspectRatio: false, responsive: true, tooltips: { callbacks: { label: function(tooltipItem, data) { var value = data.datasets[0].data[tooltipItem.index]; var indice = tooltipItem.index; var name = data.labels[indice] + ': ' + ''; return name + ' ' + addCommas( value ); } } // end callbacks: }, //end tooltips legend: { display: true, position: 'bottom', labels: { boxWidth: 12, // fontColor: '#111', padding: 5, fontSize: 12, } }, title: { fontSize: 15, display: true, text: 'Active Support by Brand', padding: 3 }, } if (active_support_graph != null) { active_support_graph.destroy(); } active_support_graph = new Chart(ctx, { type: 'pie', data: data, options: pieOptions }); canvas.onclick = function(evt) { var activePoints = active_support_graph.getElementsAtEvent(evt); if (activePoints[0]) { var chartData = activePoints[0]['_chart'].config.data; var idx = activePoints[0]['_index']; var label = chartData.labels[idx]; var value = chartData.datasets[0].data[idx]; var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : 'list', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'On Hold,In Progress', //filter_data.status, 'brand' : label, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; // var url = // location_url + "index.php?category=tickets&action=list&status=On%20Hold,In%20Progress&brand=" + // label; // // console.log(url); // window.location.href = url; } }; $('.active_support_graph_overlay').hide(); } function openCloseGraph(result) { var data_month = []; var data_counts = []; var data_counts_close = []; $.each(result.recieve, function(i, n) { var close_count = 0; var has_close = false; $.each(result.close, function(j, m) { if (n.data_year == m.data_year && n.data_month == m.data_month) { has_close = true; data_counts_close.push(m.count) return false; } }); if (!has_close) { data_counts_close.push(0) } data_month.push(n.data_monthw) data_counts.push(n.count); }); var areaChartData = { labels: data_month, datasets: [{ lineTension: 0, label: 'Recieved', backgroundColor: 'rgba(0, 150, 255,0.9)', borderColor: 'rgba(0, 150, 255,0.8)', pointRadius: true, pointRadius: 3, pointColor: '#3b8bba', pointStrokeColor: 'rgba(0, 150, 255,1)', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(0, 150, 255,1)', data: data_counts }, { lineTension: 0, label: 'Closed', backgroundColor: 'rgba(255, 0, 0, 0.9)', borderColor: 'rgba(255, 0, 0, 0.8)', pointRadius: true, pointRadius: 3, pointColor: 'rgba(255, 0, 0, 1)', pointStrokeColor: '#c1c7d1', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(255, 0, 0,1)', data: data_counts_close }, ] } var areaChartOptions = { maintainAspectRatio: false, responsive: true, legend: { display: false }, scales: { xAxes: [{ gridLines: { display: false, } }], yAxes: [{ gridLines: { display: false, } }] } } //------------- //- LINE CHART - //-------------- var lineChartOptions2 = { // bezierCurve: false, responsive: true, maintainAspectRatio: false, // tooltips: { // callbacks: { // label: function(tooltipItem, data) { // var value = data.datasets[0].data[tooltipItem.index]; // return addCommas(value) // } // } // end callbacks: // }, //end tooltips scales: { yAxes: [{ ticks: { precision: 0, beginAtZero: true, callback: function(label, index, labels) { if (parseInt(label) >= 1000000) { return label / 1000000 + 'M'; } else if (parseInt(label) >= 1000) { return label / 1000 + 'K'; } else { return label; } } }, // scaleLabel: { // display: true, // labelString: '1k = 1000' // } }], xAxes: [{ ticks: { autoSkip: false, maxRotation: 90, minRotation: 90 } }] }, // elements: { // line: { // tension: 0 // } // } title: { fontSize: 15, display: true, text: 'Recieved & Closed Monitoring', padding: 3 }, } var lineChartCanvas = $('#open_close_graph').get(0).getContext('2d') var lineChartOptions = $.extend(true, {}, areaChartOptions) var lineChartData = $.extend(true, {}, areaChartData) lineChartData.datasets[0].fill = false; lineChartData.datasets[1].fill = false; lineChartOptions.datasetFill = false if (open_close_graph != null) { open_close_graph.destroy(); } open_close_graph = new Chart(lineChartCanvas, { type: 'line', data: lineChartData, options: lineChartOptions2, }) $('.open_close_graph_overlay').hide(); } function dataCountings() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); var owned_ticket_only = '1'; if(dashboard_role.indexOf("2_8") !== -1){ owned_ticket_only = ""; } return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_data_countings', filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date, owned_ticket_only:owned_ticket_only }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { $.each(result, function(i, n) { $('#' + i).text(n); }); $('.ticket_by_progress_count').hide(); }, error: function() {} }); } function dataActiveSupport() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_active_support_count', filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { activeSupportGraph(result); }, error: function() {} }); } function dataRecievedClosed() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_open_close_graph', filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { openCloseGraph(result); }, error: function() {} }); } function initDashboard() { // console.log(dashboard_role); dataCountings(); // if(dashboard_role.indexOf("2_8") !== -1){ // dataCountings(); // } if(dashboard_role.indexOf("2_7") !== -1){ dataActiveSupport(); } if(dashboard_role.indexOf("2_6") !== -1){ dataRecievedClosed(); } if(dashboard_role.indexOf("2_3") !== -1){ initLatestTickets(); } if(dashboard_role.indexOf("2_4") !== -1){ initLatestArticle(); } if(dashboard_role.indexOf("2_5") !== -1){ initLatestTrainings(); } } function initFilterCategory() { $.when(loadTicketFilterCategory()).done(function(ajax1Results) { $(".ticket-filter-category li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); }); }); }); } function initFilterFinalStatus() { $.when(loadTicketFilterFinalStatus()).done(function(ajax1Results) { $(".ticket-filter-final-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-final-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_final_status = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_final_status) // refreshTicketTableSilent(); }); }); }); } function initFilterStatus() { $.when(loadTicketFilterStatus()).done(function(ajax1Results) { $(".ticket-filter-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); }); }); }); } function initFilterPriority() { $.when(loadTicketFilterPriority()).done(function(ajax1Results) { $(".ticket-filter-priority li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-priority').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_priority = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); }); }); }); } function initDateRangePicker() { var start = moment().startOf('year'); var end = moment().endOf('year'); $('#filter-date').daterangepicker({ // autoUpdateInput: false, showDropdowns: true, maxDate: new Date(), // parentEl: '#ticket-more-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { // 'Disable': [moment(), moment()], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('M/D/YYYY') + ' to<br>' + picker.endDate.format( 'M/D/YYYY')); // refreshTicketTableSilent(); // } }); } function resetDateRangePicker() { // daterangepicker_filter = false; var start = moment().startOf('year'); var end = moment().endOf('year'); // moment().startOf('month'), moment().endOf('month') $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); // $('.daterangepicker').css('width', 'auto'); // $('#filter-date span').html('Date Filter'); $('#filter-date span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } $(document).on('click', '.daterangepicker', function(e) { e.stopPropagation(); }); function initLatestArticle() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_list', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#latest_kb_articles_dash').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { // $('#latest_kb_articles_dash').append(` // <a onclick="viewKBInfo('`+n.source+`','`+n.id+`')" class="cursor-pointer">` + n.title + `</a> // <span class="font-xs left-margin-5">Posted on: ` + n.datew + `</span><br> // `); var uri = "#knowledgebase-view-" + n.id; if (parseInt(n.source) === 2) { uri = "#tickets-view-" + n.id; } $('#latest_kb_articles_dash').append(` <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a href="` + uri + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a> <span class="font-xs text-sm font-italic left-margin-5">(` + n.datew + `)</span> </span> </div> </li> `); }); $('.col_2_overlay').hide(); }, error: function() {} }); } function initLatestTickets() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_list', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#latest_tickets_dash').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { // $('#latest_kb_articles_dash').append(` // <a onclick="viewKBInfo('`+n.source+`','`+n.id+`')" class="cursor-pointer">` + n.title + `</a> // <span class="font-xs left-margin-5">Posted on: ` + n.datew + `</span><br> // `); $('#latest_tickets_dash').append(` <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <!--<a href="index.php?category=tickets&action=view&id=` + n.id + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a>--> <a href="#tickets-view-` + n.id + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a> <span class="font-xs text-sm font-italic left-margin-5">(` + n.datew + `)</span> </span> </div> </li> `); }); $('.col_1_overlay').hide(); }, error: function() {} }); } function initLatestTrainings() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_videos', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#latest_trainings_dash').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { $('#latest_trainings_dash').append(` <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a href="#videos-view-` + n.id + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a> <span class="font-xs text-sm font-italic left-margin-5">(` + n.date + `)</span> </span> </div> </li> `); }); $('.col_3_overlay').hide(); }, error: function() {} }); } function getFilterData(){ var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return { start:start_date, end:end_date, status:JSON.parse(ticket_selected_filters_final_status).join(","), brand: $('#brand-filter').val(), model: $('#model-filter').val(), area:JSON.parse(ticket_selected_filters_category).join(","), priority:JSON.parse(ticket_selected_filters_priority).join(",") }; } function initClickableElement(){ $('#on_hold_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'On Hold', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); $('#in_progress_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'In Progress', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); $('#close_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'Close', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); $('#escalated_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'Escalated (In Progress),Escalated (Close)', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); } $(function() { // $('.am-toggle-left-sidebar').trigger("click"); filterEvt(); initFilterCategory(); initFilterFinalStatus(); initFilterStatus(); initFilterPriority(); initDateRangePicker(); resetDateRangePicker(); initSelect2Element(); addSelectChangeEvt(); $('.dropdown-submenu a.children').on("click", function(e) { var $current_el = $(this); $(".dropdown-submenu a.children").each(function() { var $el = $(this); if ($current_el[0] != $el[0]) { $el.next('ul').hide(); } }); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); $('#btn_apply_filter').on("click", function(e) { initDashboard(); }); initDashboard(); initClickableElement(); }); </script>

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0.01 | proxy | phpinfo | Settings