nbhargava/EOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
EOS/Scripts/out/files/Report_customerReport.js.html
Nidhi Bhargava f0c1ab20e1 code push
2025-09-04 16:25:07 +05:30

401 lines
15 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Report\customerReport.js</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
</head>
<body class="yui3-skin-sam">
<div id="doc">
<div id="hd" class="yui3-g header">
<div class="yui3-u-3-4">
<h1><img src="../assets/css/logo.png" title=""></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: </em>
</div>
</div>
<div id="bd" class="yui3-g">
<div class="yui3-u-1-4">
<div id="docs-sidebar" class="sidebar apidocs">
<div id="api-list">
<h2 class="off-left">APIs</h2>
<div id="api-tabview" class="tabview">
<ul class="tabs">
<li><a href="#api-classes">Classes</a></li>
<li><a href="#api-modules">Modules</a></li>
</ul>
<div id="api-tabview-filter">
<input type="search" id="api-filter" placeholder="Type to filter APIs">
</div>
<div id="api-tabview-panel">
<ul id="api-classes" class="apis classes">
<li><a href="../classes/CallFeedbackRating.html">CallFeedbackRating</a></li>
<li><a href="../classes/CloseTicketReport.html">CloseTicketReport</a></li>
<li><a href="../classes/ConsolidatedReport.html">ConsolidatedReport</a></li>
<li><a href="../classes/CustomerReport.html">CustomerReport</a></li>
<li><a href="../classes/DealerWiseCallDetails.html">DealerWiseCallDetails</a></li>
<li><a href="../classes/DeclinedCalls.html">DeclinedCalls</a></li>
<li><a href="../classes/DropDownData.html">DropDownData</a></li>
<li><a href="../classes/EicherPromise.html">EicherPromise</a></li>
<li><a href="../classes/EosCallCount.html">EosCallCount</a></li>
<li><a href="../classes/GeoAnalysis.html">GeoAnalysis</a></li>
<li><a href="../classes/HdBusLmdContrCallFeedbackRatingibution.html">HdBusLmdContrCallFeedbackRatingibution</a></li>
<li><a href="../classes/HdBusLmdContribution.html">HdBusLmdContribution</a></li>
<li><a href="../classes/HistoryTracking.html">HistoryTracking</a></li>
<li><a href="../classes/LiveTracking.html">LiveTracking</a></li>
<li><a href="../classes/ManageEscalation.html">ManageEscalation</a></li>
<li><a href="../classes/ManageFleet.html">ManageFleet</a></li>
<li><a href="../classes/ManageFleet_Detail.html">ManageFleet_Detail</a></li>
<li><a href="../classes/ManageFleet_details.html">ManageFleet_details</a></li>
<li><a href="../classes/ManageOwner.html">ManageOwner</a></li>
<li><a href="../classes/ManageReason.html">ManageReason</a></li>
<li><a href="../classes/ManageVechile.html">ManageVechile</a></li>
<li><a href="../classes/ManageVehicle.html">ManageVehicle</a></li>
<li><a href="../classes/NonVecvUserManagement.html">NonVecvUserManagement</a></li>
<li><a href="../classes/Notifications.html">Notifications</a></li>
<li><a href="../classes/OpenTicketReport.html">OpenTicketReport</a></li>
<li><a href="../classes/OrganizationChart.html">OrganizationChart</a></li>
<li><a href="../classes/PositioningTool.html">PositioningTool</a></li>
<li><a href="../classes/PositioningTool_Report.html">PositioningTool_Report</a></li>
<li><a href="../classes/ReasonForClosure.html">ReasonForClosure</a></li>
<li><a href="../classes/Report.html">Report</a></li>
<li><a href="../classes/ShowDealerMap.html">ShowDealerMap</a></li>
<li><a href="../classes/TicketAdministration.html">TicketAdministration</a></li>
<li><a href="../classes/TicketAdministration_FullDetail.html">TicketAdministration_FullDetail</a></li>
<li><a href="../classes/TicketFeedback.html">TicketFeedback</a></li>
<li><a href="../classes/TicketForDealer.html">TicketForDealer</a></li>
<li><a href="../classes/TicketForDealer_FullDetails.html">TicketForDealer_FullDetails</a></li>
<li><a href="../classes/TicketReassign.html">TicketReassign</a></li>
<li><a href="../classes/TileDashboard.html">TileDashboard</a></li>
<li><a href="../classes/TimeSlotClosure.html">TimeSlotClosure</a></li>
<li><a href="../classes/TollFreeAndOpportunityLoss.html">TollFreeAndOpportunityLoss</a></li>
<li><a href="../classes/VanCoverageDesigner.html">VanCoverageDesigner</a></li>
<li><a href="../classes/VecvUserManagement.html">VecvUserManagement</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../modules/Dashboard.html">Dashboard</a></li>
<li><a href="../modules/DropDownData.html">DropDownData</a></li>
<li><a href="../modules/Geo.html">Geo</a></li>
<li><a href="../modules/Inventory.html">Inventory</a></li>
<li><a href="../modules/Notifications.html">Notifications</a></li>
<li><a href="../modules/ReportModule.html">ReportModule</a></li>
<li><a href="../modules/Ticket.html">Ticket</a></li>
<li><a href="../modules/TrackingModule.html">TrackingModule</a></li>
<li><a href="../modules/UserManagement.html">UserManagement</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="yui3-u-3-4">
<div id="api-options">
Show:
<label for="api-show-inherited">
<input type="checkbox" id="api-show-inherited" checked>
Inherited
</label>
<label for="api-show-protected">
<input type="checkbox" id="api-show-protected">
Protected
</label>
<label for="api-show-private">
<input type="checkbox" id="api-show-private">
Private
</label>
<label for="api-show-deprecated">
<input type="checkbox" id="api-show-deprecated">
Deprecated
</label>
</div>
<div class="apidocs">
<div id="docs-main">
<div class="content">
<h1 class="file-heading">File: Report\customerReport.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
/*================================================================================================================\
+
+ Project : GoData-VECV
+ Filename : customerReport.js
+ Module Name : Report
+ Purpose : To load customer list(with server side filtering and paging) and showing report for a particular customer.
+ Coded By : Pankaj Khandal
+
+================================================================================================================*/
/**
* To show and export reports.
* @module ReportModule
*/
/**
* To load customer list(with server side filtering and paging) and showing report for a particular customer.
* @class CustomerReport
* @constructor
*/
/**
* Global References: To store Ajax Request&#x27;s XHR objecta and some other global references.
* @for CustomerReport
*/
var activeRequest, activeRequest_OwnerDetails, xhr_exportExport;
var customerId = &#x27;&#x27;;
/**
* Function to show customer report for a particular owner according to filter parameters.
* @method showReport
* @for CustomerReport
*/
function showReport() {
// hiding the excel icon
$(&#x27;.excelIcon&#x27;).hide();
// Making the target Div Container empty
$(&#x27;#divGrid&#x27;).empty();
grid = $(&quot;#gridOwnerList&quot;).data(&quot;kendoGrid&quot;);
/// click event on rows of grid.
$(grid.tbody).on(&quot;click&quot;, &quot;tr&quot;, function () {
// clicked row instance
row = $(this).closest(&quot;tr&quot;);
var custId;
custId = row[0].childNodes[0].innerHTML;
customerId = custId;
OwnerName = row[0].childNodes[2].innerHTML;
var year = $(&quot;#fromDatePicker&quot;).val();
var state = $(&quot;#stateCombobox&quot;).data(&quot;kendoComboBox&quot;).text();
// ajax request to get Owner detail
if (activeRequest_OwnerDetails &amp;&amp; activeRequest_OwnerDetails.readystate != 4) {
activeRequest_OwnerDetails.abort();
}
$(&quot;#div_load&quot;).show();
activeRequest_OwnerDetails = $.ajax({
type: &quot;POST&quot;,
url: &quot;/Report/ShowCustomerReport/&quot;,
data: {Year:year,State:state, CustomerId: custId },
success: function (data) {
console.log(data.length);
// Showing/Hiding the excel-icon according to data received
if (data.length &gt; 500) {
$(&#x27;.excelIcon&#x27;).show();
}
else {
$(&#x27;.excelIcon&#x27;).hide();
}
// populating the HTML on page
$(&#x27;#divGrid&#x27;).html(data);
},
complete: function () {
$(&quot;#div_load&quot;).hide();
},
error: function (data) {
}
});
});
}
/**
* To get filter parameters and export report.
* @method exportReport
* @for CustomerReport
*/
function exportReport() {
var year = $(&quot;#fromDatePicker&quot;).val(); // getting selected year
var state = $(&quot;#stateCombobox&quot;).data(&quot;kendoComboBox&quot;).text(); // getting selected state
var custId = customerId; // storing customer Id
// sending ajax request to export ICR Unique Users and Data Usage to Excel, and hadling its completion
if (xhr_exportExport &amp;&amp; xhr_exportExport.readystate != 4) {
xhr_exportExport.abort();
}
xhr_exportExport = $.ajax({
type: &quot;POST&quot;,
url: &quot;/Report/ExportCustomerReport/&quot;,
data: { Year: year, State: state, CustomerId: custId },
success: function (data) {
// making the generated Excel available for downloading.
window.location.href = data;
},
complete: function () {
},
error: function (data) {
console.log(&quot;Error in Export to Excel&quot;);
}
});
}
/**
* Function to get Owner list.
* @method getOwnerList
* @for CustomerReport
*/
function getOwnerList() {
$(&quot;#spanState&quot;).hide(); // hiding state validation span
stateVal = $(&quot;#stateCombobox&quot;).data(&quot;kendoComboBox&quot;).text(); // getting selected state
var FilterVal = $(&quot;#srchText&quot;).val(); // getting Search filter value
if (stateVal != &quot;&quot;) {
$.ajax({
type: &quot;POST&quot;,
url: &quot;/Report/CustomerReport_GetOwnerList/&quot;,
data: { state: stateVal, FilterVal: FilterVal },
success: function (data) {
//Bind html
$(&quot;#divOwnerList&quot;).html(data);
vPrePageSize = 0;
},
error: function (data) {
}
});
} else {
$(&quot;#spanState&quot;).show(); // showing state validation span
}
}
/**
* This Function is used to Get The Load State
* @method loadStateChoices
* @for CustomerReport
*/
function loadStateChoices() {
SecurityToken = securityToken; // getting security token
utcMinutes = parseInt(UtcMinutes, 10); // getting utc minutes
UserId = userId; // getting user id
$.ajax({
type: &quot;POST&quot;,
url: WCFRESTURL.GetStateListIdWise,
data: { Token: SecurityToken, UtcMinutes: utcMinutes, UserId: UserId },
dataType: &quot;json&quot;,
success: function (data) {
data.sort(function SortState(a, b) { // non-anonymous as you ordered...
return b.StateAlias &lt; a.StateAlias ? 1 // if b should come earlier, push a to end
: b.StateAlias &gt; a.StateAlias ? -1 // if b should come later, push a to begin
: 0; // a and b are equal
});
// binding state combo-box
$(&quot;#stateCombobox&quot;).kendoComboBox({
dataTextField: &quot;StateAlias&quot;,
dataValueField: &quot;StateId&quot;,
filter: &quot;contains&quot;,
dataSource: data
});
},
complete: function () {
//$(&quot;#stateCombobox&quot;).data(&#x27;kendoComboBox&#x27;).select(0);
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
//------------------------------------ document ready function --------------------------------------//
$(document).ready(function () {
//populating state combobox
loadStateChoices();
// making the search box empty
$(&#x27;#srchText&#x27;).html(&#x27;&#x27;);
});
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink