modules/org.openbravo.advpaymentmngt/src/org/openbravo/advpaymentmngt/ad_actionbutton/Reconciliation.html
changeset 9076 c4f1a5c7d7c2
child 9222 328e9456a511
equal deleted inserted replaced
9075:b3ea04de2722 9076:c4f1a5c7d7c2
       
     1 <?xml version="1.0" encoding="UTF-8" ?>
       
     2 <!--
       
     3  *************************************************************************
       
     4  * The contents of this file are subject to the Openbravo  Public  License
       
     5  * Version  1.0  (the  "License"),  being   the  Mozilla   Public  License
       
     6  * Version 1.1  with a permitted attribution clause; you may not  use this
       
     7  * file except in compliance with the License. You  may  obtain  a copy of
       
     8  * the License at http://www.openbravo.com/legal/license.html
       
     9  * Software distributed under the License  is  distributed  on  an "AS IS"
       
    10  * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
       
    11  * License for the specific  language  governing  rights  and  limitations
       
    12  * under the License.
       
    13  * The Original Code is Openbravo ERP.
       
    14  * The Initial Developer of the Original Code is Openbravo SLU
       
    15  * All portions are Copyright (C) 2010 Openbravo SLU
       
    16  * All Rights Reserved.
       
    17  * Contributor(s):  ______________________________________.
       
    18  *************************************************************************
       
    19 -->
       
    20 <html>
       
    21 <head>
       
    22 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       
    23 <title>Reconciliation</title>
       
    24 <link rel="shortcut icon" href="../../../../../web/images/favicon.ico" type="image/x-icon" />
       
    25 <link rel="stylesheet" type="text/css" href="../../../../../web/skins/Default/Openbravo_ERP_250.css" id="paramCSS"></link>
       
    26 
       
    27 <script language="JavaScript" type="text/javascript" id="paramDirectory">
       
    28   var baseDirectory = "../../../../../web/";
       
    29 </script>
       
    30 <script language="JavaScript" src="../../../../../web/js/messages.js" type="text/javascript"></script>
       
    31 <script language="JavaScript" src="../utility/DynamicJS.js" type="text/javascript"></script>
       
    32 <script language="JavaScript" type="text/javascript" id="paramLanguage">
       
    33   var defaultLang = "en_US";
       
    34 </script>
       
    35 <script language="JavaScript" src="../../../../../web/js/shortcuts.js" type="text/javascript"></script>
       
    36 <script language="JavaScript" src="../../../../../web/js/utils.js" type="text/javascript"></script>
       
    37 <script language="JavaScript" src="../../../../../web/js/windowKeyboard.js" type="text/javascript"></script>
       
    38 <script language="JavaScript" src="../../../../../web/js/searchs.js" type="text/javascript"></script>
       
    39 <script language="JavaScript" src="../../../../../web/js/ajax.js" type="text/javascript"></script>
       
    40 <script language="JavaScript" src="../../../../../web/js/default/MessageBox.js" type="text/javascript"></script>
       
    41 <script language="JavaScript" src="../../../../../web/js/messages.js" type="text/javascript"></script>
       
    42 <script language="JavaScript" src="../utility/DynamicJS.js" type="text/javascript"></script>
       
    43 <script language="JavaScript" src="../../../../../web/js/calculator.js" type="text/javascript"></script>
       
    44 <script language="JavaScript" src="../../../../../web/js/jscalendar/calendar.js" type="text/javascript"></script>
       
    45 <script language="JavaScript" src="../../../../../web/js/jscalendar/lang/calendar-es.js" type="text/javascript" id="fieldCalendar"></script>
       
    46 <script language="JavaScript" src="../../../../../web/js/default/DateTextBox.js" type="text/javascript"></script>
       
    47 <script language="JavaScript" src="../../../../../web/js/dojoConfig.js" type="text/javascript"></script>
       
    48 <script language="JavaScript" src="../../../../../web/js/dojo/dojo.js" type="text/javascript"></script>
       
    49 <script language="JavaScript" src="../../../../../web/org.openbravo.advpaymentmngt/FIN_Utilities.js" type="text/javascript"></script>
       
    50 <script type="text/javascript">
       
    51   window.onunload = reloadOpener; // reloads opener on closing
       
    52 </script>
       
    53 
       
    54 <script language="JavaScript" type="text/javascript">
       
    55 function showWarning(){
       
    56     if(!document.frmMain.inpAfterDate.checked){
       
    57       showJSMessage('APRM_DateWillBeUpdated');
       
    58     } else initialize_MessageBox('messageBoxID');
       
    59 }
       
    60 
       
    61 function validate(action) {
       
    62   var frm = document.frmMain;
       
    63   if (frm.inpStatementDate.value==null || frm.inpStatementDate.value=="") {
       
    64 	setWindowElementFocus(frm.inpStatementDate);
       
    65     showJSMessage(7);
       
    66     return false;
       
    67   } else if (frm.inpEndBalance.value==null || frm.inpEndBalance.value=="") {
       
    68 	setWindowElementFocus(frm.inpEndBalance);
       
    69 	showJSMessage(7);
       
    70 	return false;
       
    71   }
       
    72   if (action=='PROCESS') {
       
    73     var chk = frm.inpTransactionId;
       
    74     if (chk === undefined) {
       
    75       showJSMessage('NoDataSelected');
       
    76       return false;
       
    77     } else if (chk.length === undefined) {
       
    78       if (!chk.checked) {
       
    79         showJSMessage('NoDataSelected');
       
    80         return false;     
       
    81       }
       
    82     } else {
       
    83       var isAnyChecked = false;
       
    84       var total = chk.length;
       
    85       for (var i=0;i<total;i++) {
       
    86         if (chk[i].checked) {
       
    87           isAnyChecked = true;
       
    88         }
       
    89       }
       
    90       if (!isAnyChecked) {
       
    91         showJSMessage('NoDataSelected');
       
    92         return false;
       
    93       }
       
    94     }
       
    95   }
       
    96   return true;
       
    97 }
       
    98 
       
    99 function closeThisPage() {
       
   100     parent.window.close();
       
   101     return true;
       
   102 }
       
   103 
       
   104 function validateDate(element) {
       
   105   if(isValidDate(element.value, element.getAttribute("displayformat")))
       
   106     loadGrid();
       
   107 }
       
   108 
       
   109 function submitThisPage(strCommand) {
       
   110   if (validate(strCommand)) {
       
   111     submitCommandForm(strCommand, false, null, null, '_top');
       
   112     return true;
       
   113   }
       
   114   return true;
       
   115 }
       
   116 
       
   117 function hideClearedTransactions(isChecked) {
       
   118   var chk = document.frmMain.inpTransactionId;
       
   119   if (chk === undefined) {
       
   120     return true;
       
   121   } else if (chk.length === undefined) {
       
   122     if (chk.checked) {
       
   123 	  var sel = document.getElementById('funcEvenOddRow'+chk.value);
       
   124 	  sel.style.display = (isChecked) ? 'none' : '';
       
   125     }
       
   126   } else {
       
   127 	var total = chk.length;
       
   128 	for (var i=0;i<total;i++) {
       
   129 	  if (chk[i].checked) {
       
   130 	    var sel = document.getElementById('funcEvenOddRow'+chk[i].value);
       
   131 	    sel.style.display = (isChecked) ? 'none' : '';
       
   132 	  }
       
   133     }
       
   134   }
       
   135   return true;
       
   136 }
       
   137 
       
   138 function updateAll(mark) {
       
   139   var frm = document.frmMain;
       
   140   var chk = document.frmMain.inpTransactionId;
       
   141   if (chk === undefined) {
       
   142     return true;
       
   143   } else if (chk.length === undefined) {
       
   144     if (mark && !chk.checked) {
       
   145       updateAmounts(chk.value, !chk.checked);
       
   146     } else if (!mark && chk.checked) {
       
   147       updateAmounts(chk.value, !chk.checked);
       
   148     }
       
   149     saveTransactionLineStatus(mark, chk.value);
       
   150   } else {
       
   151     var total = chk.length;
       
   152     for (var i=0;i<total;i++) {
       
   153       if (mark && !chk[i].checked) {
       
   154         updateAmounts(chk[i].value, !chk[i].checked);
       
   155       } else if (!mark && chk[i].checked) {
       
   156         updateAmounts(chk[i].value, !chk[i].checked);
       
   157       }
       
   158       saveTransactionLineStatus(mark, chk[i].value);
       
   159     }
       
   160   }
       
   161   markAll(document.frmMain.inpTransactionId, mark);
       
   162   return true;
       
   163 }
       
   164 
       
   165 function repaint() {
       
   166   var frm = document.frmMain;
       
   167   document.getElementById('paramTxtBeginningBalance').innerHTML = frm.inpCalcBeginnigBalance.value;
       
   168   document.getElementById('paramTxtEndingBalance').innerHTML = frm.inpCalcEndingBalance.value;
       
   169   document.getElementById('paramTxtDifferenceToClear').innerHTML = frm.inpCalcDifferenceToClear.value;
       
   170   document.getElementById('paramTxtCurrentlyCleared').innerHTML = frm.inpCalcCurrentlyCleared.value;
       
   171   document.getElementById('paramTxtDifference').innerHTML = frm.inpCalcDifference.value;
       
   172   document.getElementById('paramTotalPayAmount').innerHTML = frm.inpCalcTotalPayment.value;
       
   173   document.getElementById('paramTotalDepositAmount').innerHTML = frm.inpCalcTotalDeposit.value;
       
   174 }
       
   175 
       
   176 function updateWhenAjaxResponse() {
       
   177   var frm = document.frmMain;   
       
   178  
       
   179   frm.inpCalcDifferenceToClear.value = subtract(frm.inpEndBalance.value, frm.inpBeginBalance.value);
       
   180   frm.inpCalcDifference.value = subtract(frm.inpCalcDifferenceToClear.value, frm.inpCalcCurrentlyCleared.value);
       
   181 
       
   182   document.getElementById('paramTxtCurrentlyCleared').innerHTML = frm.inpCalcCurrentlyCleared.value;
       
   183   document.getElementById('paramTxtDifference').innerHTML = frm.inpCalcDifference.value;
       
   184   document.getElementById('paramTotalPayAmount').innerHTML = frm.inpCalcTotalPayment.value;
       
   185   document.getElementById('paramTotalDepositAmount').innerHTML = frm.inpCalcTotalDeposit.value;
       
   186 	  
       
   187   return true;
       
   188 }
       
   189 
       
   190 function updateTotalAmounts() {
       
   191   var frm = document.frmMain;
       
   192   var chk = document.frmMain.inpTransactionId;
       
   193   if (chk === undefined) {
       
   194     return true;
       
   195   } else if (chk.length === undefined) {
       
   196     if (chk.checked) {
       
   197       updateAmounts(chk.value, chk.checked);
       
   198     }
       
   199   } else {
       
   200     var total = chk.length;
       
   201     for (var i=0;i<total;i++) {
       
   202       if (chk[i].checked) {
       
   203         updateAmounts(chk[i].value, chk[i].checked);
       
   204       }
       
   205     }
       
   206   }
       
   207   return true;
       
   208 }
       
   209 
       
   210 function unselectClearAll(isChecked) {
       
   211   if (!isChecked) document.frmMain.inpClearAll.checked = false;
       
   212 }
       
   213 
       
   214 function updateAmounts(transactionId, isChecked) {
       
   215   var frm = document.frmMain;
       
   216   var paymentAmt = frm.elements["inpRecordPaymentAmt" + transactionId].value;
       
   217   var depositAmt = frm.elements["inpRecordDepositAmt" + transactionId].value;
       
   218   var differenceToClear = frm.inpCalcDifferenceToClear.value;
       
   219   var currentlyCleared = frm.inpCalcCurrentlyCleared.value;
       
   220   var totalPayment = frm.inpCalcTotalPayment.value;
       
   221   var totalDeposit = frm.inpCalcTotalDeposit.value;
       
   222 
       
   223   if (isChecked) {
       
   224     frm.inpCalcCurrentlyCleared.value = add(subtract(currentlyCleared, paymentAmt), depositAmt);
       
   225     frm.inpCalcTotalPayment.value = add(totalPayment, paymentAmt);
       
   226     frm.inpCalcTotalDeposit.value = add(totalDeposit, depositAmt);
       
   227   } else {
       
   228 	frm.inpCalcCurrentlyCleared.value = subtract(add(currentlyCleared, paymentAmt), depositAmt);
       
   229 	frm.inpCalcTotalPayment.value = subtract(totalPayment, paymentAmt);
       
   230 	frm.inpCalcTotalDeposit.value = subtract(totalDeposit, depositAmt);
       
   231   }
       
   232   
       
   233   document.getElementById('paramTxtCurrentlyCleared').innerHTML = frm.inpCalcCurrentlyCleared.value;
       
   234   document.getElementById('paramTotalPayAmount').innerHTML = frm.inpCalcTotalPayment.value;
       
   235   document.getElementById('paramTotalDepositAmount').innerHTML = frm.inpCalcTotalDeposit.value;
       
   236 
       
   237   frm.inpCalcDifference.value = subtract(differenceToClear, frm.inpCalcCurrentlyCleared.value);
       
   238   document.getElementById('paramTxtDifference').innerHTML = frm.inpCalcDifference.value;
       
   239   
       
   240   return true;
       
   241 }
       
   242 
       
   243 function updateEndingBalance() {
       
   244   var frm = document.frmMain;
       
   245   frm.inpCalcEndingBalance.value = frm.inpEndBalance.value;
       
   246   document.getElementById('paramTxtEndingBalance').innerHTML = frm.inpCalcEndingBalance.value;
       
   247   
       
   248   frm.inpCalcDifferenceToClear.value = subtract(frm.inpCalcEndingBalance.value, frm.inpCalcBeginnigBalance.value);
       
   249   document.getElementById('paramTxtDifferenceToClear').innerHTML = frm.inpCalcDifferenceToClear.value;
       
   250 
       
   251   frm.inpCalcDifference.value = subtract(frm.inpCalcDifferenceToClear.value, frm.inpCalcCurrentlyCleared.value);
       
   252   document.getElementById('paramTxtDifference').innerHTML = frm.inpCalcDifference.value;
       
   253 }
       
   254 </script>
       
   255 <script language="JavaScript" type="text/javascript">
       
   256 
       
   257 function saveTransactionLineStatus(isChecked, transLineId) {
       
   258   document.frmMain.inpCurrentTransIdSelected.value = transLineId;
       
   259   document.frmMain.inpIsCurrentTransSelected.value = isChecked;
       
   260   try {
       
   261     var url = "../org.openbravo.advpaymentmngt.ad_actionbutton/Reconciliation.html";
       
   262     var paramXMLReq = null;
       
   263     return submitXmlHttpRequest(callBackLineStatus, document.frmMain, "UPDATESTATUS", url, false, null, paramXMLReq);
       
   264   } catch (e) {
       
   265     alert(e);
       
   266   }
       
   267 }
       
   268 
       
   269 function callBackLineStatus(paramXMLParticular, XMLHttpRequestObj) {
       
   270   var strText = "";
       
   271   if (getReadyStateHandler(XMLHttpRequestObj)) {
       
   272     try {
       
   273       if (XMLHttpRequestObj.responseText) {
       
   274         strText = XMLHttpRequestObj.responseText;
       
   275       } else {
       
   276       }
       
   277     } catch (e) {
       
   278     }
       
   279   }
       
   280   return true;
       
   281 }
       
   282 
       
   283 function loadGrid() {
       
   284   try {
       
   285     var url = "../org.openbravo.advpaymentmngt.ad_actionbutton/Reconciliation.html";
       
   286     var paramXMLReq = null;
       
   287     return submitXmlHttpRequest(callBackGrid, document.frmMain, "GRID", url, false, null, paramXMLReq);
       
   288   } catch (e) {
       
   289     alert(e);
       
   290   }
       
   291 }
       
   292 
       
   293 function callBackGrid(paramXMLParticular, XMLHttpRequestObj) {
       
   294   var strText = "";
       
   295   if (getReadyStateHandler(XMLHttpRequestObj)) {
       
   296     try {
       
   297       if (XMLHttpRequestObj.responseText) {
       
   298         strText = XMLHttpRequestObj.responseText;
       
   299         var aux = strText.substring(30, strText.length-9);
       
   300         var tableBody = document.getElementById('sectionGrid');
       
   301         var browserName = getBrowserInfo('name');
       
   302         if (browserName.toUpperCase().indexOf('INTERNET EXPLORER') != -1) {
       
   303           var temp = document.createElement("span");
       
   304           temp.id = 'temp';
       
   305           temp.style.display = 'none';
       
   306           var newRows = '<table><tbody id=\"sectionGrid\">'+ aux;
       
   307           temp.innerHTML = newRows;
       
   308           tableBody.parentNode.replaceChild(temp.firstChild.firstChild, tableBody);
       
   309           temp.parentNode.removeChild(temp);
       
   310         }
       
   311         tableBody.innerHTML = aux;
       
   312         
       
   313         //initialize_MessageBox('messageBoxID');
       
   314         if (document.frmMain.inpIsFirstLoad.value == "true") {
       
   315           updateTotalAmounts();
       
   316           document.frmMain.inpIsFirstLoad.value = "false";
       
   317         }
       
   318         updateWhenAjaxResponse();
       
   319       } else {
       
   320         document.getElementById('sectionGrid').innerHTML = '';
       
   321       }
       
   322     } catch (e) {
       
   323     }
       
   324   }
       
   325   return true;
       
   326 }
       
   327 </script>
       
   328 <script language="JavaScript" type="text/javascript">
       
   329   function onLoadDo(){
       
   330     this.windowTables = new Array(
       
   331       new windowTableId('client_middle', 'buttonProcess')
       
   332     );
       
   333 
       
   334     setWindowTableParentElement();
       
   335     enableShortcuts('popup');
       
   336     setBrowserAutoComplete(false);
       
   337 
       
   338     initFIN_Utilities(document.frmMain);
       
   339 
       
   340     try {
       
   341       onloadFunctions();
       
   342     } catch (e) {}
       
   343     resizeAreaInfo();
       
   344     repaint();
       
   345     loadGrid();
       
   346   }
       
   347 
       
   348   function onResizeDo(){
       
   349     resizeAreaInfo(true);
       
   350   }
       
   351 </script>
       
   352 </head>
       
   353 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="onLoadDo();" onresize="onResizeDo();">
       
   354 <form name="frmMain" method="post" action="Reconciliation.html">
       
   355   <input type="hidden" name="Command" />
       
   356   <input type="hidden" name="IsPopUpCall" value="1"/>
       
   357   <input type="hidden" name="inpadOrgId" value="" id="fieldOrg"/>
       
   358   <input type="hidden" name="inpadWindowId" value="" id="fieldWindowId"/>
       
   359   <input type="hidden" name="inpTabId" value="" id="fieldTabId"/>
       
   360   <input type="hidden" name="inpFinFinancialAccountId" value="" id="fieldFinFinancialAccountId"></input>
       
   361   <input type="hidden" id="paramPrecision" name="curPrecision" value="2"/>
       
   362   <input type="hidden" id="paramCurrentTransIdSelected" name="inpCurrentTransIdSelected" value=""/>
       
   363   <input type="hidden" id="paramIsCurrentTransSelected" name="inpIsCurrentTransSelected" value=""/>
       
   364   <input type="hidden" name="inpIsFirstLoad" value="true"/>
       
   365   <input type="hidden" name="isReceipt" value="dummy" id="fieldReceipt"/>
       
   366   <div class="Popup_ContentPane_CircleLogo">
       
   367     <div class="Popup_WindowLogo">
       
   368       <img class="Popup_WindowLogo_Icon Popup_WindowLogo_Icon_process" src="../../../../../web/images/blank.gif" border=0/></img>
       
   369     </div>
       
   370   </div>
       
   371   <table cellspacing="0" cellpadding="0" width="100%" id="table_header">
       
   372     <tr>
       
   373       <td>
       
   374         <table cellspacing="0" cellpadding="0" class="Popup_ContentPane_NavBar">
       
   375           <tr class="Popup_NavBar_bg"><td></td>
       
   376             <td class="Popup_NavBar_separator_cell"></td>
       
   377             <td class="Popup_NavBar_bg_logo_left"></td>
       
   378             <td class="Popup_NavBar_bg_logo" width="1" onclick="openNewBrowser('http://www.openbravo.com', 'Openbravo');return false;"><img src="../../../../../web/images/blank.gif" alt="Openbravo" title="Openbravo" border="0" id="openbravoLogo" class="Popup_NavBar_logo" /></td>
       
   379             <td class="Popup_NavBar_bg_logo_right"></td>
       
   380             <td class="Popup_NavBar_Popup_title_cell"><span>Reconciliation</span></td>
       
   381             <td class="Popup_NavBar_separator_cell"></td>
       
   382           </tr>
       
   383         </table>
       
   384       </td>
       
   385     </tr>
       
   386 
       
   387     <tr>
       
   388       <td>
       
   389         <table cellspacing="0" cellpadding="0" class="Popup_ContentPane_SeparatorBar">
       
   390           <tr>
       
   391             <td class="Popup_SeparatorBar_bg"></td>
       
   392           </tr>
       
   393         </table>
       
   394       </td>
       
   395     </tr>
       
   396 
       
   397   </table>
       
   398   <table cellspacing="0" cellpadding="0" width="100%">
       
   399     <tr>
       
   400       <td>
       
   401         <div class="Popup_ContentPane_Client" style="overflow: auto;" id="client_messagebox">
       
   402 
       
   403           <!-- MessageBox BEGIN-->
       
   404           <table cellpadding="0" cellspacing="0" id="messageBoxID" class="MessageBoxyy">
       
   405             <tbody>
       
   406             <tr class="MessageBox_TopMargin">
       
   407               <td class="MessageBox_LeftMargin"></td>
       
   408               <td></td>
       
   409               <td class="MessageBox_RightMargin"></td>
       
   410             </tr>
       
   411             <tr>
       
   412               <td class="MessageBox_LeftMargin"></td>
       
   413               <td>
       
   414 
       
   415                 <table cellpadding="0" cellspacing="0" class="MessageBox_Container">
       
   416                   <tbody>
       
   417                   <tr>
       
   418                     <td class="MessageBox_LeftTrans">
       
   419                       <table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0">
       
   420                         <tbody>
       
   421                         <tr>
       
   422                           <td class="MessageBox_TopLeft"></td>
       
   423                         </tr>
       
   424                         <tr>
       
   425                           <td class="MessageBox_Left"></td>
       
   426                         </tr>
       
   427                         </tbody>
       
   428                       </table>
       
   429                     </td>
       
   430                     <td class="MessageBox_bg">
       
   431 
       
   432                       <table class="MessageBox_Top">
       
   433                       <tbody>
       
   434                         <tr>
       
   435                           <td>
       
   436                             <span>
       
   437                             <table cellpadding="0" cellspacing="0" class="MessageBox_Body_ContentCell">
       
   438                               <tbody>
       
   439                               <tr>
       
   440                                 <td class="MessageBox_Icon_ContentCell">
       
   441                                   <div class="MessageBox_Icon"></div>
       
   442                                 </td>
       
   443                                 <td style="vertical-align: top;" id="messageBoxIDContent">
       
   444                                   <span>
       
   445                                     <div class="MessageBox_TextTitle" id="messageBoxIDTitle">
       
   446                                       xxInfo: AccessTableWithNoView
       
   447                                     </div>
       
   448                                     <div class="MessageBox_TextDescription" id="messageBoxIDMessage">
       
   449                                       xxThe current information is empty.
       
   450                                     </div>
       
   451                                     <div class="MessageBox_TextSeparator"></div>
       
   452                                   </span>
       
   453                                 </td>
       
   454                               </tr>
       
   455                               </tbody>
       
   456                             </table>
       
   457                             </span>
       
   458                           </td>
       
   459                         </tr>
       
   460                         </tbody>
       
   461                       </table>
       
   462 
       
   463                     </td>
       
   464                     <td class="MessageBox_RightTrans">
       
   465                       <table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0">
       
   466                         <tbody>
       
   467                         <tr>
       
   468                           <td class="MessageBox_TopRight"></td>
       
   469                         </tr>
       
   470                         <tr>
       
   471                           <td class="MessageBox_Right"></td>
       
   472                         </tr>
       
   473                         </tbody>
       
   474                       </table>
       
   475                     </td>
       
   476                   </tr>
       
   477                   <tr>
       
   478                     <td rowspan="2" class="MessageBox_BottomLeft">
       
   479                     </td>
       
   480                     <td class="MessageBox_BottomTrans MessageBox_bg">
       
   481                     </td>
       
   482                     <td rowspan="2" class="MessageBox_BottomRight">
       
   483                     </td>
       
   484                   </tr>
       
   485                   <tr>
       
   486                     <td class="MessageBox_Bottom">
       
   487                     </td>
       
   488                   </tr>
       
   489                   </tbody>
       
   490                 </table>
       
   491 
       
   492               </td>
       
   493               <td class="MessageBox_RightMargin"></td>
       
   494             </tr>
       
   495             <tr class="MessageBox_BottomMargin">
       
   496               <td class="MessageBox_LeftMargin"></td>
       
   497               <td></td>
       
   498                 <td class="MessageBox_RightMargin"></td>
       
   499               </tr>
       
   500             </tbody>
       
   501           </table>
       
   502         <!-- MessageBox END -->
       
   503         </div>
       
   504       </td>
       
   505     </tr>
       
   506   </table>
       
   507 
       
   508   <table cellspacing="0" cellpadding="0" width="100%">
       
   509     <tr>
       
   510       <td>
       
   511         <div class="Popup_ContentPane_Client" style="overflow: auto;" id="client_top">
       
   512           <table cellspacing="0" cellpadding="0" class="Popup_Client_TableSelector">
       
   513                       
       
   514             <tr class="FieldGroup_BottomMargin"></tr>
       
   515             
       
   516             <!-- Account -->
       
   517             <tr>
       
   518               <td class="TitleCell"><span class="LabelText">Account</span></td>
       
   519               <td class="Combo_ContentCell" colspan="2">
       
   520                 <input type="text" id="paramAccount" value="" name="inpAccount" class="readonly dojoValidateValid_focus required_focus TextBox_TwoCells_width TextBox_focus" readonly="true"/>
       
   521               </td>
       
   522               <td class="TitleCell"></td>
       
   523               <td class="TitleCell"></td>
       
   524               <td class="TitleCell"></td>
       
   525             </tr>
       
   526             
       
   527             <!-- Statement Date -->
       
   528             <tr>
       
   529               <td class="TitleCell"><span class="LabelText">Statement Date</span></td>
       
   530               <td class="TextBox_btn_ContentCell">
       
   531                 <table border="0" cellspacing="0" cellpadding="0" summary=""  style="padding-top: 0px;">
       
   532                   <tr>
       
   533                     <td class="TextBox_ContentCell">
       
   534                       <input type="text" id="paramStatementDate" class="dojoValidateValid TextBox_btn_OneCell_width required" value="" maxlength="10" name="inpStatementDate" onkeyup="autoCompleteDate(this);" onkeydown="changeToEditingMode('onkeydown');" onkeypress="changeToEditingMode('onkeypress');" oncut="changeToEditingMode('oncut');" onpaste="changeToEditingMode('onpaste');" oncontextmenu="changeToEditingMode('oncontextmenu');" onblur="expandDateYear(this.id);" onchange="validateDate(this);return true;" displayFormat="xx" saveFormat="yy"></input>
       
   535                       <!-- <input dojoType="openbravo:DateTextbox" lowerThan="paramDateTo" displayFormat="xx" saveFormat="yy"  class="TextBox_btn_OneCell_width required" required="true" type="text" name="inpDateFrom" id="paramDateFrom" size="10" maxlength="10" value="" onkeyup="autoCompleteDate(this.textbox, this.displayFormat);return true;"></input><script>djConfig.searchIds.push("paramDateFrom");</script> -->
       
   536                     </td>
       
   537                     <td class="FieldButton_bg">
       
   538                       <a class="FieldButtonLink" href="#" onfocus="setWindowElementFocus(this); window.status='Calendar'; return true;" onblur="window.status=''; return true;" onkeypress="this.className='FieldButtonLink_active'; return true;" onkeyup="this.className='FieldButtonLink_focus'; return true;"  onclick="showCalendar('frmMain.inpStatementDate', document.frmMain.inpStatementDate.value, false);return false;">
       
   539                         <table class="FieldButton" onmouseout="this.className='FieldButton';window.status='';return true;" onmouseover="this.className='FieldButton_hover';window.status='Show calendar';return true;" onmousedown="this.className='FieldButton_active';return true;" onmouseup="this.className='FieldButton';return true;">
       
   540                           <tr>
       
   541                             <td class="FieldButton_bg">
       
   542                               <img alt="Calendar" class="FieldButton_Icon FieldButton_Icon_Calendar" title="Calendar" src="../../../../../web/images/blank.gif" border="0"></img>
       
   543                             </td>
       
   544                           </tr>
       
   545                         </table>
       
   546                       </a>
       
   547                     </td>
       
   548                   </tr>
       
   549                 </table>
       
   550               </td>
       
   551               <td class="TitleCell"></td>
       
   552               <td class="TitleCell"></td>
       
   553               <td class="TitleCell"></td>
       
   554               <td class="TitleCell"></td>
       
   555             </tr>
       
   556             
       
   557             <!-- Beginning Balance -->
       
   558             <tr>
       
   559               <td class="TitleCell"><span class="LabelText">Beginning Balance</span></td>
       
   560               <td class="TextBox_btn_ContentCell">
       
   561                 <table cellspacing="0" cellpadding="0" border="0" summary="" style="padding-top: 0px;">
       
   562                   <tbody><tr>
       
   563                     <td class="TextBox_btn_ContentCell">
       
   564                       <table cellspacing="0" cellpadding="0" border="0" summary="" style="padding-top: 0px;">
       
   565                         <tbody><tr>
       
   566                           <td class="TextBox_ContentCell">
       
   567                             <input type="text" class="readonly dojoValidateValid required TextBox_OneCell_width number" id="paramBeginBalance" name="inpBeginBalance" value="" onchange="" readonly="true"/>
       
   568                           </td>
       
   569                         </tr></tbody>
       
   570                       </table>
       
   571                     </td>
       
   572                   </tr></tbody>
       
   573                 </table>
       
   574               </td>
       
   575               <td align="left"><span class="LabelText">(this is the result of the last reconciliation)</span></td>
       
   576               <td class="TitleCell"/>
       
   577               <td class="TitleCell"/>
       
   578               <td class="TitleCell"/>
       
   579             </tr>
       
   580             
       
   581             <!-- Ending Balance -->
       
   582             <tr>
       
   583               <td class="TitleCell"><span class="LabelText">End Balance Bank Stat.</span></td>
       
   584               <td class="TextBox_btn_ContentCell">
       
   585                 <table border="0" cellspacing="0" cellpadding="0" summary=""  style="padding-top: 0px;">
       
   586                   <tr>
       
   587                     <td class="Textbox_ContentCell">
       
   588                       <table style="border: 0px none; border-collapse: collapse;">
       
   589                         <tr><td style="padding-top: 0px;">
       
   590                           <input type="text" onblur="numberInputEvent('onblur', this);" onfocus="numberInputEvent('onfocus', this);" outputformat="euroEdition" onchange="updateEndingBalance(); return true;" onpaste="changeToEditingMode('onpaste');" oncut="changeToEditingMode('oncut');" onkeypress="changeToEditingMode('onkeypress');" onkeydown="changeToEditingMode('onkeydown'); numberInputEvent('onkeydown', this, event);" onkeyup="" name="inpEndBalance" maxlength="22" value="" required="true" class="dojoValidateValid required TextBox_btn_OneCell_width number" id="paramEndBalance"/>
       
   591                         </td></tr>
       
   592                       </table>
       
   593                       <span id="paramEndBalanceinvalidSpan" style="display: none;" class="TextBox_MsgContainer_span">
       
   594                         <table class="TextBox_MsgContainer_table">
       
   595                           <tbody><tr class="TextBox_MsgContainer_tr">
       
   596                             <td class="TextBox_MsgContainer_td"><div class="TextBox_MsgContainer_div"></div></td><td></td>
       
   597                           </tr>
       
   598                           <tr>
       
   599                             <td class="invalid" colspan="2"><div name="invalidText" id="paramEndBalanceinvalidSpanText" class="TextBox_MsgContainer_div2">* The value entered is not valid.</div></td>
       
   600                           </tr>
       
   601                         </tbody></table>
       
   602                       </span>
       
   603                     </td>
       
   604                     <td class="FieldButton_ContentCell">
       
   605                       <a class="FieldButtonLink" href="#" onfocus="setWindowElementFocus(this); window.status='Ending Balance'; return true;" onblur=" window.status=''; return true;" onkeypress="this.className='FieldButtonLink_active'; return true;" onkeyup="this.className='FieldButtonLink_focus'; return true;"  onclick="calculator('frmMain.inpEndBalance', document.frmMain.inpEndBalance.value, false);return false;">
       
   606                       <table class="FieldButton" onmouseout="this.className='FieldButton';window.status='';return true;" onmouseover="this.className='FieldButton_hover';window.status='';return true;" onmousedown="this.className='FieldButton_active';return true;" onmouseup="this.className='FieldButton';return true;" id="NoPackageslinkCalc">
       
   607                         <tr>
       
   608                           <td class="FieldButton_bg">
       
   609                             <img alt="Calculator" class="FieldButton_Icon FieldButton_Icon_Calc" title="Amount" src="../../../../../web/images/blank.gif" border="0" id="buttonCalc"></img>
       
   610                           </td>
       
   611                         </tr>
       
   612                       </table>
       
   613                       </a>
       
   614                     </td>
       
   615                   </tr>
       
   616                 </table>
       
   617               </td>
       
   618               <td align="left"><span class="LabelText">(this is what the bank statement says)</span></td>
       
   619               <td class="TitleCell"></td>
       
   620               <td class="TitleCell"></td>
       
   621               <td class="TitleCell"></td>
       
   622             </tr>
       
   623             
       
   624             <tr>
       
   625               <td colspan="6">
       
   626                 <table class="FieldGroup" cellspacing="0" cellpadding="0" border="0">
       
   627                 <tbody>
       
   628                   <tr class="FieldGroup_TopMargin"/>
       
   629                   <tr>
       
   630                     <td class="FieldGroupTitle_Left"><img class="FieldGroupTitle_Left_bg" border="0" src="../../../../../web/images/blank.gif"/></td>
       
   631                     <td class="FieldGroupTitle">Details</td>
       
   632                     <td class="FieldGroupTitle_Right"><img class="FieldGroupTitle_Right_bg" border="0" src="../../../../../web/images/blank.gif"/></td>
       
   633                     <td class="FieldGroupContent"/>
       
   634                   </tr>
       
   635                   <tr class="FieldGroup_BottomMargin"/>
       
   636                 </tbody>
       
   637                 </table>
       
   638               </td>
       
   639             </tr>
       
   640             
       
   641             <!-- Filters for Grid START-->
       
   642             <tr>              
       
   643               <td class="TableEdition_OneCell_width TitleCell">
       
   644                 <span class="LabelText"><label for="paramHideCleared">Hide cleared</label></span>
       
   645               </td>
       
   646               <td class="Radio_Check_ContentCell">
       
   647                 <SPAN class="Checkbox_container_NOT_Focused">
       
   648                   <INPUT type="checkbox" name="inpHideCleared" id="paramHideCleared" value="N" onchange="" onclick="hideClearedTransactions(this.checked); return true;" required="false" />
       
   649                 </SPAN>
       
   650               </td>
       
   651               <td colspan="2" class="TableEdition_OneCell_width TitleCell">
       
   652                 <span class="LabelText"><label for="paramAfterDate">Hide Transactions after statement date</label></span>
       
   653               </td>
       
   654               <td class="Radio_Check_ContentCell">
       
   655                 <SPAN class="Checkbox_container_NOT_Focused">
       
   656                   <INPUT type="checkbox" name="inpAfterDate" id="paramAfterDate" value="Y" onchange="" onclick="showWarning();loadGrid(); return true;" required="false" checked="" />
       
   657                 </SPAN>
       
   658               </td>
       
   659               <td class="TableEdition_OneCell_width TitleCell">
       
   660                 <span class="LabelText">
       
   661                   <label for="paramClearAll">Clear all</label>
       
   662                 </span>
       
   663               </td>
       
   664               <td class="Radio_Check_ContentCell">
       
   665                 <SPAN class="Checkbox_container_NOT_Focused">
       
   666                   <INPUT type="checkbox" name="inpClearAll" id="paramClearAll" value="N" onchange="" onclick="updateAll(this.checked); markAll(document.frmMain.inpTransactionId, this.checked); return true;" required="false" />
       
   667                 </SPAN>
       
   668               </td>
       
   669             </tr>
       
   670             <!-- Filters for grid END-->
       
   671             
       
   672           </table>
       
   673         </div>
       
   674       </td>
       
   675     </tr>
       
   676     
       
   677     <!-- GRID TABLE START -->
       
   678     <tr>
       
   679       <td>
       
   680         <div class="Popup_ContentPane_Client" style="overflow: auto;" id="client_middle">
       
   681           <table height="100%" border="0" cellpadding="0" cellspacing="0" id="main">
       
   682             <tr>
       
   683               <td valign="top" class="Popup_Client_Selector_DataGrid_LeftMargin">
       
   684                 <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tdleftSeparator">
       
   685                   <tr><td class="Popup_Client_Selector_DataGrid_LeftMargin"></td></tr>
       
   686                 </table>
       
   687               </td>
       
   688               <td valign="top">
       
   689                 <div id="client2" style="overflow: auto;">
       
   690                   <table cellspacing="0" cellpadding="0" width="100%" class="DataGrid_Header_Table DataGrid_Body_Table" style="table-layout: auto;">
       
   691                     <thead>
       
   692                       <tr class="DataGrid_Body_Row">
       
   693                         <th class="DataGrid_Header_LineNoCell" width="25"></th>
       
   694                         <th class="DataGrid_Header_Cell" width="70">Date</th>
       
   695                         <th class="DataGrid_Header_Cell" width="160">Business Partner</th>
       
   696                         <th class="DataGrid_Header_Cell" width="100">Payment Ref.</th>
       
   697                         <th class="DataGrid_Header_Cell" width="220">Description</th>
       
   698                         <th class="DataGrid_Header_Cell DataGrid_Header_Cell_Inverse" width="100">Paid out</th>
       
   699                         <th class="DataGrid_Header_Cell DataGrid_Header_Cell_Inverse" width="100">Received in</th>
       
   700                         <th class="DataGrid_Header_Cell" width="70">Cleared</th>
       
   701                       </tr>
       
   702                     </thead>
       
   703                     <tbody id="sectionGrid">
       
   704                     </tbody>
       
   705                     <tr class="DataGrid_Body_Row" id="totalsRow">
       
   706                       <td colspan="4"></td>
       
   707                       <th width="220" class="DataGrid_Header_Cell">Item you have marked as cleared</th>
       
   708                       <th width="100" class="DataGrid_Header_Cell_Amount" id="paramTotalPayAmount">xx30.04</th>
       
   709                       <th width="100" class="DataGrid_Header_Cell_Amount" id="paramTotalDepositAmount">xx30.04</th>
       
   710                       <td width="70"></td>
       
   711                     </tr>
       
   712                   </table>
       
   713                 </div>
       
   714               </td>
       
   715               <td valign="top" class="Popup_Client_Selector_DataGrid_RightMargin">
       
   716                 <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tdrightSeparator">
       
   717                   <tr><td class="Popup_Client_Selector_DataGrid_RightMargin"></td></tr>
       
   718                 </table>
       
   719               </td>
       
   720             </tr>
       
   721           </table>
       
   722         </div>
       
   723       </td>
       
   724     </tr>
       
   725     
       
   726     <!-- Buttons START -->
       
   727     <tr>
       
   728       <td>
       
   729         <div class="Popup_ContentPane_Client" style="overflow: auto; height:100px;" id="client_bottom">
       
   730           <table cellspacing="0" cellpadding="0" class="Popup_Client_TableSelector">
       
   731             <tr>
       
   732               <input type="hidden" id="inpCalcBeginnigBalance" name="inpCalcBeginnigBalance" value="" outputformat="euroEdition"/>
       
   733               <input type="hidden" id="inpCalcEndingBalance" name="inpCalcEndingBalance" value="" outputformat="euroEdition"/>
       
   734               <input type="hidden" id="inpCalcDifferenceToClear" name="inpCalcDifferenceToClear" value="" outputformat="euroEdition"/>
       
   735               <input type="hidden" id="inpCalcCurrentlyCleared" name="inpCalcCurrentlyCleared" value="" outputformat="euroEdition"/>
       
   736               <input type="hidden" id="inpCalcDifference" name="inpCalcDifference" value="" outputformat="euroEdition"/>
       
   737               <input type="hidden" id="inpCalcTotalPayment" name="inpCalcTotalPayment" value="" outputformat="euroEdition"/>
       
   738               <input type="hidden" id="inpCalcTotalDeposit" name="inpCalcTotalDeposit" value="" outputformat="euroEdition"/>
       
   739               <td colspan="2">
       
   740                 <table border="0" cellspacing="0" cellpadding="0" summary="" style="padding-top: 0px;">
       
   741                 <tr>
       
   742                   <td class="TitleCell"><span class="LabelText" style="font-weight: bold;">Beginning Balance</span></td>
       
   743                   <td class="TitleCell" width="100"><span class="LabelText" id="paramTxtBeginningBalance">xx1.0</span></td>
       
   744                 </tr>
       
   745                 <tr>
       
   746                   <td class="TitleCell"><span class="LabelText" style="font-weight: bold;">Ending Balance</span></td>
       
   747                   <td class="TitleCell" width="100"><span class="LabelText" id="paramTxtEndingBalance">xx2.0</span></td>
       
   748                 </tr>
       
   749                 <tr>
       
   750                   <td class="TitleCell"><span class="LabelText" style="font-weight: bold;">Difference to clear</span></td>
       
   751                   <td class="TitleCell" width="100"><span class="LabelText" id="paramTxtDifferenceToClear">xx3.0</span></td>
       
   752                 </tr>
       
   753                 <tr>
       
   754                   <td class="TitleCell"><span class="LabelText" style="font-weight: bold;">Currently cleared</span></td>
       
   755                   <td class="TitleCell" width="100"><span class="LabelText" id="paramTxtCurrentlyCleared">xx4.0</span></td>
       
   756                 </tr>
       
   757                 <tr>
       
   758                   <td class="TitleCell"><span class="LabelText" style="font-weight: bold;">Difference</span></td>
       
   759                   <td class="TitleCell" width="100"><span class="LabelText" id="paramTxtDifference">xx5.0</span></td>
       
   760                 </tr>
       
   761                 </table>
       
   762               </td>
       
   763               <td class="Button_RightAlign_ContentCell" style="padding-top:25;">
       
   764                 <div>
       
   765                   <button type="button" 
       
   766                     id="buttonSave" 
       
   767                     class="ButtonLink" 
       
   768                     onclick="submitThisPage('SAVE');return false;"
       
   769                     onfocus="buttonEvent('onfocus', this); window.status='Cancel'; return true;"
       
   770                     onblur="buttonEvent('onblur', this);"
       
   771                     onkeyup="buttonEvent('onkeyup', this);"
       
   772                     onkeydown="buttonEvent('onkeydown', this);"
       
   773                     onkeypress="buttonEvent('onkeypress', this);"
       
   774                     onmouseup="buttonEvent('onmouseup', this);"
       
   775                     onmousedown="buttonEvent('onmousedown', this);"
       
   776                     onmouseover="buttonEvent('onmouseover', this); window.status='Save'; return true;"
       
   777                     onmouseout="buttonEvent('onmouseout', this);">
       
   778                     <table class="Button">
       
   779                       <tr>
       
   780                         <td class="Button_left"><img class="Button_Icon Button_Icon_save" alt="Save" title="Save" src="../../../../../web/images/blank.gif" border="0" /></td>
       
   781                         <td class="Button_text Button_width">Save</td>
       
   782                         <td class="Button_right"></td>
       
   783                       </tr>
       
   784                     </table>
       
   785                   </button>
       
   786                 </div>
       
   787               </td>
       
   788               <td class="Button_RightAlign_ContentCell" style="padding-top:25;">
       
   789                 <div>
       
   790                   <button type="button" 
       
   791                     id="buttonProcess"
       
   792                     class="ButtonLink" 
       
   793                     onclick="submitThisPage('PROCESS');return false;"
       
   794                     onfocus="buttonEvent('onfocus', this); window.status='Create'; return true;"
       
   795                     onblur="buttonEvent('onblur', this);"
       
   796                     onkeyup="buttonEvent('onkeyup', this);"
       
   797                     onkeydown="buttonEvent('onkeydown', this);"
       
   798                     onkeypress="buttonEvent('onkeypress', this);"
       
   799                     onmouseup="buttonEvent('onmouseup', this);"
       
   800                     onmousedown="buttonEvent('onmousedown', this);"
       
   801                     onmouseover="buttonEvent('onmouseover', this); window.status='Create'; return true;"
       
   802                     onmouseout="buttonEvent('onmouseout', this);">
       
   803                     <table class="Button">
       
   804                       <tr>
       
   805                         <td class="Button_left"><img class="Button_Icon Button_Icon_ok" alt="Process" title="Process" src="../../../../../web/images/blank.gif" border="0" /></td>
       
   806                         <td class="Button_text Button_width">Reconcile</td>
       
   807                         <td class="Button_right"></td>
       
   808                       </tr>
       
   809                     </table>
       
   810                   </button>
       
   811                 </div>
       
   812               </td>
       
   813               <td class="Button_LeftAlign_ContentCell" style="padding-top:25;">
       
   814                 <div>
       
   815                   <button type="button" 
       
   816                     id="buttonCancel" 
       
   817                     class="ButtonLink" 
       
   818                     onclick="closeThisPage();return false;"
       
   819                     onfocus="buttonEvent('onfocus', this); window.status='Cancel'; return true;"
       
   820                     onblur="buttonEvent('onblur', this);"
       
   821                     onkeyup="buttonEvent('onkeyup', this);"
       
   822                     onkeydown="buttonEvent('onkeydown', this);"
       
   823                     onkeypress="buttonEvent('onkeypress', this);"
       
   824                     onmouseup="buttonEvent('onmouseup', this);"
       
   825                     onmousedown="buttonEvent('onmousedown', this);"
       
   826                     onmouseover="buttonEvent('onmouseover', this); window.status='Cancel'; return true;"
       
   827                     onmouseout="buttonEvent('onmouseout', this);">
       
   828                     <table class="Button">
       
   829                       <tr>
       
   830                         <td class="Button_left"><img class="Button_Icon Button_Icon_cancel" alt="Cancel" title="Cancel" src="../../../../../web/images/blank.gif" border="0" /></td>
       
   831                         <td class="Button_text Button_width">Cancel</td>
       
   832                         <td class="Button_right"></td>
       
   833                       </tr>
       
   834                     </table>
       
   835                   </button>
       
   836                 </div>
       
   837               </td>
       
   838               <td></td>
       
   839             </tr>
       
   840           </table>
       
   841         </div>
       
   842       </td>
       
   843     </tr>
       
   844     <!-- Buttons END -->
       
   845   </table>
       
   846 </form>
       
   847 </body>
       
   848 </html>