Subversion Repositories SmartDukaan

Rev

Rev 13296 | Blame | Compare with Previous | Last modification | View Log | RSS feed 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="css/rechargewebapp_18042013.css" type="text/css" />
        
        <script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/rechargewebapp_21102013.js"></script>
        <script language="javascript" type="text/javascript" src="js/jquery.countdown360.js"></script>
</head>

<body style="margin: 0;">

<div style="min-width:900px;line-height:37px;height:37px;background-color:#333;color:white;">
        <span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">$action.getStoreCode()</span>
        <span style="margin-left:20px;font-weight:bold;font-size:15px">Today's Collection : </span><span style="font-size:20px">$action.getCollectedAmount()</span>
        <a style="margin:0px 25px 0px 25px;color:white" href="/rch/report">REPORTS</a>
        <a style="color:white;" href="/rch/!doLogout">Logout</a>        
</div>

<div style="min-width:900px;line-height:60px;height:60px;background-color:#DBEEFF;color: #333333;margin: 0px;padding-left: 35px;border-bottom:1px solid #67ABD3">
        <img style="float:left;" src="/rch/images/Hotspot-Logo.jpg"></img>
        <span style="font-size: 35px;font-family:'Times New Roman', Times, serif;float:left">Recharge Dashboard</span>
        <img style="float:right;margin-right:20px;" src="/rch/images/Saholic-Logo.jpg"></img>
</div>

<div id="main" style="min-width:900px;width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
        
        <div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
                <div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
                        <span style="float:left">RECHARGE RESULT</span>
                </div>
        </div>
        
        <div class='padding-row'>
    </div>
        
        <div class="row">
        <div>$action.getResultMessage()</div>
    </div>
        #if($action.showPrintButton())
                
        <div class="row">
        <div class="text">Net Payable amount: </div>
        <div style="text-align:left;width: 340px;color: blue;" class="text">Rs.$action.getPaymentAmount()</div>
    </div>
        #end
        
        
        <div class="row">
        <div style="padding: 10px 20px 0 140px;margin-top: 25px;text-align: right;">
                <input id="home-button" type="button" value="Home Page" style="height: 30px;cursor: pointer;width: 150px;font-size: 20px;float: left;background-color: orange;" onclick="window.location.replace('/rch/')">
                        #if($action.showPrintButton())
                                <form action="recharge-result!downloadInvoice">
                                        <input type="hidden" name="rechargeId" value="$rechargeId"/>
                                        <input type="submit" value="Print Invoice" style="height: 22px;cursor: pointer;width: 100px;font-size: 14px;">
                                </form>
                        #end
        </div>
    </div>
        
        
        <div class='padding-row'>
    </div>
        <div id="countdown" style="margin:10px auto auto;width:125px;display:block;"></div>
</div>

        #set($order = $action.getRecharge())
        #if($order.getStatus().name()=="RECHARGE_IN_PROCESS")   
        <script src="/js/jquery.countdown360.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
                var callCounter = 0;
        $("#countdown").countdown360({
                 radius      : 50,
             seconds     : 90,
                 fontColor   : 'white',
                fillStyle   : '#6699ff',
                strokeStyle : '#F6F47A',
                autostart   : true,
                onComplete  : function () { hideCountDown()}
        })
                function hideCountDown(){
                        $('#countdown').hide();
                        jQuery.ajax({
                type : "GET",
                url : "/rch/recharge-result!getRechargeStatus?rechargeId="+$order.getId()+"&isFinal=true",
                success : function(response) {
                },
                error : function() {
                }
           });
                   window.setTimeout(reload, 5000);
                }
                function checkUnknownTransactions(){
                        jQuery.ajax({
                                type : "GET",
                                url : "/rch/recharge-result!getRechargeStatus?rechargeId="+$order.getId()+"&isFinal=false",
                                success : function(response) {
                                        if (response=='RECHARGE_SUCCESSFUL' || response == 'RECHARGE_FAILED' || response == 'RECHARGE_UNKNOWN'){
                                                reload();
                                        }
                                        incrementCounter();
                                        if ($('#countdown').is(':visible')){
                                                if (callCounter < 4) {
                                                        window.setTimeout(checkUnknownTransactions, 10000);
                                                }
                                        }
                                },
                                error : function() {
                                incrementCounter();
                                        if ($('#countdown').is(':visible')) {
                                                if (callCounter < 4) {
                                                        window.setTimeout(checkUnknownTransactions, 10000);
                                                }
                                        }
                                }
                        });
                }
                function incrementCounter() {
                        callCounter++;
                }

                function reload() {
                        location.reload();
                }
</script>
<script type="text/javascript">
  $(function(){ 
        window.setTimeout(checkUnknownTransactions, 50000);
        });
</script>
#end


</body>

</html>