API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 29th, 2014
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.08 KB | None | 0 0
raw download clone embed print report
  1. <apex:page controller="OpenInvoicesController" readOnly="true" showHeader="false" sidebar="false">
  2.  
  3. <apex:stylesheet value="{!URLFOR($Resource.jQueryDataTablesZip, 'css/jquery.dataTables.css')}"/>
  4.  
  5. <style type="text/css">
  6. .sorting {
  7. background: #f2f3f3 url('{! URLFOR($Resource.jQueryDataTablesZip, 'images/sort_both.png') }') no-repeat center right !important;
  8. padding-right: 20px !important;
  9. }
  10. .sorting_asc {
  11. background: #f2f3f3 url('{! URLFOR($Resource.jQueryDataTablesZip, 'images/sort_asc.png') }') no-repeat center right !important;
  12. padding-right: 20px !important;
  13. }
  14. .sorting_desc {
  15. background: #f2f3f3 url('{! URLFOR($Resource.jQueryDataTablesZip, 'images/sort_desc.png') }') no-repeat center right !important;
  16. padding-right: 20px !important;
  17. }
  18. .sorting_asc_disabled {
  19. background: #f2f3f3 url('{! URLFOR($Resource.jQueryDataTablesZip, 'images/sort_asc_disabled.png') }') no-repeat center right !important;
  20. padding-right: 20px !important;
  21. }
  22. .sorting_desc_disabled {
  23. background: #f2f3f3 url('{! URLFOR($Resource.jQueryDataTablesZip, 'images/sort_desc_disabled.png') }') no-repeat center right !important;
  24. padding-right: 20px !important;
  25. }
  26. table.dataTable tr.odd { background-color: white; }
  27. table.dataTable tr.even { background-color: white; }
  28. table.dataTable tr.odd td.sorting_1 { background-color: white; }
  29. table.dataTable tr.odd td.sorting_2 { background-color: white; }
  30. table.dataTable tr.odd td.sorting_3 { background-color: white; }
  31. table.dataTable tr.even td.sorting_1 { background-color: white; }
  32. table.dataTable tr.even td.sorting_2 { background-color: white; }
  33. table.dataTable tr.even td.sorting_3 { background-color: white; }
  34. .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate { padding: 10px; }
  35.  
  36. </style>
  37.  
  38. <c:LoadingBox />
  39. <c:PageLoadingAnimation />
  40. <body onload="getRemoteInvoicesData()">
  41.  
  42. <apex:pageMessages />
  43. <apex:form id="myForm">
  44. <div style="width:100%">
  45. <apex:pageBlock title="Open Invoices" rendered="true" >
  46. <div id="AllOpenInv"></div>
  47.  
  48. </apex:pageBlock>
  49. <script type="text/javascript" language="javascript" src="{!URLFOR($Resource.jQueryDataTablesZip, 'js/jquery.js')}"></script>
  50. <script type="text/javascript" language="javascript" src="{!URLFOR($Resource.jQueryDataTablesZip, 'js/jquery.dataTables.js')}"></script>
  51. <script type="text/javascript" language="javascript">
  52. var j$ = jQuery.noConflict();
  53. j$('#example').dataTable({
  54. sPaginationType: "full_numbers"
  55. });
  56. </script>
  57.  
  58. </div>
  59.  
  60. </apex:form>
  61. <script type="text/javascript">
  62. function getRemoteInvoicesData() {
  63. var CustNo = '103910';
  64.  
  65. Visualforce.remoting.Manager.invokeAction(
  66. '{!$RemoteAction.OpenInvoicesController.TestOpenInvoices}',
  67. CustNo,
  68. function(result, event){
  69. //alert(result);
  70. //alert(event.status);
  71. if (event.status) {
  72. // Get DOM IDs for HTML and Visualforce elements like this
  73. var strHeader = '<table id="example" class="dataTable" cellspacing="0" width="100%">';
  74. strHeader +='<thead><tr><th>Invoice Number</th><th>Invoice Date</th><th>Payer</th><th>Payer Name</th><th>Amount</th><th>Currency</th><th>Payment Due Date</th><th>SO Status</th></tr></thead>';
  75. var strRowData = '<tbody>';
  76. var strFullData = '';
  77. //alert(result.length);
  78. for (i = 0; i < result.length; i++) {
  79. strRowData += '<tr><td>'+result[0,i].InvoiceNumber+'</td>';
  80. strRowData += '<td>'+result[1,i].InvoiceDateCSV+'</td>';
  81. strRowData += '<td>'+result[2,i].Payer+'</td>';
  82. strRowData += '<td>'+result[3,i].PayerName+'</td>';
  83. strRowData += '<td>'+result[4,i].Amount+'</td>';
  84. strRowData += '<td>'+result[5,i].Curren+'</td>';
  85. strRowData += '<td>'+result[6,i].PaymentDueDateCSV+'</td>';
  86. strRowData += '<td>'+result[7,i].NoDueDays+'</td></tr>';
  87. }
  88. strFullData = strHeader+strRowData+'</tbody></thead></table>';
  89.  
  90. document.getElementById('AllOpenInv').innerHTML = strFullData;
  91. j$('#example').dataTable({
  92. sPaginationType: "full_numbers"
  93. });
  94. } else if (event.type === 'exception') {
  95. document.getElementById("AllOpenInv").innerHTML =
  96. event.message + "<br/>n<pre>" + event.where + "</pre>";
  97. } else {
  98. document.getElementById("AllOpenInv").innerHTML = event.message;
  99. }
  100. },
  101. {escape: false}
  102. );
  103. }
  104.  
  105. $(document).ready(function() {
  106. var j$ = jQuery.noConflict();
  107. j$('#example').dataTable({
  108. sPaginationType: "full_numbers"
  109. });
  110. });
  111. </script>
  112.  
  113. </body>
  114.  
  115. </apex:page>
  116.  
  117. <apex:page standardController="Account" extensions="CustomerCreditInfoController" standardStylesheets="true" showHeader="false" sidebar="false">
  118. <link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/zen-componentsCompatible.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/elements.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/common.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/rlHovers.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/chatterCore.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/chatterExtended.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/SocialCrm.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/SocialKeyCRM.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1400172052000/Theme3/base/dStandard.css" rel="stylesheet" type="text/css"/><link href="/sCSS/30.0/sprites/1401314678000/Theme3/default/base/extended.css" rel="stylesheet" type="text/css"/>
  119. <c:LoadingBox />
  120. <body>
  121. <!-- <c:PageLoadingAnimation /> -->
  122. <apex:pageMessages />
  123. <apex:form id="cciForm">
  124. <div id="ccicontainer" style="float:left;width:75%">
  125. <apex:commandButton action="{!ViewCustomerCreditInfo}" value="Get SAP Data" id="btnCCI" status="loadStatus" rerender="cciForm"/>
  126. </div>
  127.  
  128. <div style="width:100%">
  129. <apex:pageBlock rendered="{!displayCustomerCreditInfo}">
  130. <apex:pageBlockSection columns="2">
  131.  
  132. <apex:outputText label="Credit Block" value="{!If(cci.creditblock=='','No','Yes') }" id="creditblock"/>
  133. <!-- <apex:outputText label="Risk Category" value="{!cci.RiskCategory}" id="riskcategory"/> -->
  134. <apex:outputText label="Rating" value="{!cci.Rating}" id="rating"/>
  135. <apex:outputText label="Risk Category" value="{!cci.RiskClass}" id="riskclass"/>
  136.  
  137. <apex:outputText label="Credit Limit" id="creditlimit" value="{0,number,currency}">
  138. <apex:param value="{!cci.CreditLimit}" />
  139. </apex:outputText>
  140.  
  141. <apex:outputText label="Credit Limit Used" value="{!cci.CreditLimitUsed}" id="creditlimitused"/>
  142. <!--<apex:outputText label="Country Key" value="{!cci.CountryKey}" id="countrykey"/>-->
  143. <!--<apex:outputText label="Name" value="{!cci.name1}" id="name"/>-->
  144.  
  145. <apex:outputText label="Credit Exposure" id="creditexposure" value="{0,number,currency}">
  146. <apex:param value="{!cci.CreditExposure}" />
  147. </apex:outputText>
  148.  
  149. <!--<apex:outputText label="City" value="{!cci.City}" id="city"/>-->
  150. <!--<apex:outputText label="Region" value="{!cci.Region}" id="region"/> -->
  151. <apex:outputText label="Currency Key" value="{!cci.CurrencyKey}" id="currencykey"/>
  152.  
  153. </apex:pageBlockSection>
  154.  
  155. <table width="50%">
  156. <tr><td>
  157. <table class="list" cellspacing="0" cellpadding="0" border="0">
  158. <tr class="headerRow">
  159. <th class=" zen-deemphasize">Aging Periods</th>
  160. <th class=" zen-deemphasize">Invoice Count</th>
  161. <th class="CurrencyElement zen-deemphasize" scope="col">Amount</th>
  162. </tr>
  163.  
  164. <tr class="dataRow even first">
  165. <td>0 to 30 Days</td>
  166. <td class=" dataCell ">{!cci.InvLessThan30}</td>
  167. <td class=" dataCell CurrencyElement">
  168. <apex:outputText value="{0,number,currency}">
  169. <apex:param value="{!cci.AmtLessThan30}" />
  170. </apex:outputText>
  171. </td>
  172. </tr>
  173.  
  174. <tr class="dataRow even">
  175. <td>31 to 60 Days</td>
  176. <td class=" dataCell ">{!cci.Inv31To60}</td>
  177. <td class=" dataCell CurrencyElement">
  178. <apex:outputText value="{0,number,currency}">
  179. <apex:param value="{!cci.Amt31To60}" />
  180. </apex:outputText>
  181. </td>
  182. </tr>
  183.  
  184. <tr class="dataRow odd">
  185. <td>61 to 90 Days</td>
  186. <td class=" dataCell ">{!cci.Inv61To90}</td>
  187. <td class=" dataCell CurrencyElement">
  188. <apex:outputText value="{0,number,currency}">
  189. <apex:param value="{!cci.Amt61To90}" />
  190. </apex:outputText>
  191. </td>
  192. </tr>
  193.  
  194. <tr class="dataRow even">
  195. <td>91 to 120 Days</td>
  196. <td class=" dataCell ">{!cci.Inv91To120}</td>
  197. <td class=" dataCell CurrencyElement">
  198. <apex:outputText value="{0,number,currency}">
  199. <apex:param value="{!cci.Amt91To120}" />
  200. </apex:outputText>
  201. </td>
  202. </tr>
  203.  
  204. <tr class="dataRow odd last">
  205. <td>More than 120 Days</td>
  206. <td class=" dataCell ">{!cci.InvGreaterThan121}</td>
  207. <td class=" dataCell CurrencyElement">
  208. <apex:outputText value="{0,number,currency}">
  209. <apex:param value="{!cci.AmtGreaterThan121}" />
  210. </apex:outputText>
  211. </td>
  212. </tr>
  213.  
  214. </table>
  215. </td>
  216. </tr>
  217. </table>
  218. </apex:pageBlock>
  219. </div>
  220. </apex:form>
  221. </body>
  222. </apex:page>
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!