Subversion Repositories SmartDukaan

Rev

Rev 6240 | Rev 6260 | Go to most recent revision | 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" />

<!-- Prevent MS Office toolbar from changing layout -->
        <meta name="google-site-verification" content="NPHVASYh9ZsYbjffRuAU4dhEHhx7xSKUj9GycYUMo_o" /> 
        <META name="y_key" content="116f6310a0df3c4f" />
        <meta name="msvalidate.01" content="A9BB200170442859BD6DF681353ACD78" />
        
        <meta name="Description" content="$action.getPageMetaDesc()" />
        <meta name="keywords" content="$action.getPageMetaKeywords()" />
    <title>$action.getPageTitle() | ${domain.name}</title>
        
#include ( "templates/commoncssfiles.vm" )
 
        <link rel="stylesheet" href="/css/home.css" type="text/css" />
        <link href="https://plus.google.com/108546508648658526684" rel="publisher" />
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
        <style>
                label.error{
                        color:red;
                        float:left;
                        font-size:12px;
                        padding: 2px 0;
                        width:500px;
    </style>
</head>

<body>
        <noscript>
                <p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
        </noscript>
        $action.getHeaderSnippet()
        <!-- Main -->
        <div id="main">
                <div class="main-content">
                        <div class="main-top"></div>
                        <div class="main-left left">
                                <div class="main-left-banner">
                                        <script type='text/javascript'><!--//<![CDATA[
               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
               var m3_r = Math.floor(Math.random()*99999999999);
               if (!document.MAX_used) document.MAX_used = ',';
               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
               document.write ("?zoneid=1");
               document.write ('&amp;cb=' + m3_r);
               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
               document.write ("&amp;loc=" + escape(window.location));
               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
               if (document.context) document.write ("&context=" + escape(document.context));
               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
               document.write ("'><\/scr"+"ipt>");
            //]]>--></script><noscript><a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a592d2cd&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=1&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a592d2cd' border='0' alt='' /></a></noscript>
                                </div>
                                <div style='height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: #FFFFFF;border: solid 1px #2789C1;width: 100%;'>
                                        <div style='margin:0 10px 0 10px;padding-top:7px'>
                                                ENTER YOUR DETAILS
                                        </div>
                                </div>
                                <div class="recharge-main-left-container">
                                #if($action.getOperatorId()!=0)
                                        <h1 style="margin-top:5px; text-align:center;">$action.getPageName()</h1>
                                #end
                                <!--
                                        <div id="rowOne"></div>
                                        <div id="rowTwo">
                                                <span id="spantext">Recharge Your : </span><span id="hello"></span><span id="hellotoo"></span>
                                        </div>
                                        <div class="rowWidth"><span id="mobNumberText">Hello World : </span><input id="mobNumberBox" type="text"></div>-->
                                        <div id="firstCol" style="width:33%; text-align:right; float:left">
                                                <br><br><br>
                                                Recharge Your :
                                                <br><br><br>
                                                #if($action.getServiceType() == "2")
                                                        Operator : 
                                                <br><br><br>
                                                        <span id="dthIdAlias">DTH Number</span> :
                                                #else
                                                        Mobile Number :
                                                        <br><br><br>
                                                        Operator : 
                                                #end
                                                <br><br><br>
                                                <span class='planSelector' style='display:none'>Plan : <br><br><br></span>
                                                Amount :
                                                <br><br><br>
                                                Email :
                                                <br>
                                        </div>
                                        <div id="secondCol" style="width:3%; float:left"><br></div>
                                        <div id="thirdCol" style="width:64%;  float:left;text-align:left">
                                        <br>
                                        #set($errorMsg=$action.getError())
                                        #if($errorMsg.equals(""))
                                                <br>
                                        #else
                                                <div style="color: red;font-size:15px;">$errorMsg</div>
                                        #end
                                                <form id='serviceSelectForm' action='/recharge' method='post'>
                                                <input id='serviceType' type="hidden" name='serviceType' value=''>
                                                <input name='form' type="hidden" value='serviceSelect'>
                                                </form>
                                                <p style="display:block">
                                                        #if($action.getServiceType() == "2")
                                                                #set($dthImageSrc = '/images/dth_pressed.png')
                                                                #set($phoneImageSrc = '/images/phone.png')
                                                        #else
                                                                #set($phoneImageSrc = '/images/phone_pressed.png')
                                                                #set($dthImageSrc = '/images/dth.png')
                                                        #end
                                                        <img id="phone-image" src=$phoneImageSrc style="cursor:pointer"><img id="dth-image" src=$dthImageSrc style="cursor:pointer">
                                                </p>
                                                <br>
                                                #set($providerMap = $action.getProviderMap())
                                                <form id='rechargeDetailsForm' action='/confirm' method='post'>
                                                #if($action.getServiceType() == "2")
                                                <select id='operatorSelector' name='operator' style="font-size:17px; padding: 5px;">
                                                        <option value='0'>Select Operator</option>
                                                        #foreach($providerKey in $providerMap.keySet())
                                                                <option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
                                                        #end
                                                </select>
                                                        <span style="color: blue; display: inline-block; width: 260px; font-size: 12px; margin-top: -5px;" id="accNumberHelp"></span>
                                                        <br><br>
                                                        <input type="text" name='dthnumber' maxlength="20" class="full-size-input"></input>
                                                #else
                                                        <input type="text" name='number' maxlength="10" class="regular-size-input"></input>
                                                        <br><br>
                                                        <select id='operatorSelector' name='operator' style="font-size:20px; padding: 5px;">
                                                        <option value='0'>Select Operator</option>
                                                        #foreach($providerKey in $providerMap.keySet())
                                                                <option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
                                                        #end
                                                        </select>
                                                        <span style="font-size: 12px; padding-left: 10px;color: blue;">MNP Users choose operator manually</span>
                                                #end
                                                <input type='hidden' name='rechargeType' value='$action.getServiceType()'>
                                                <br><br>
                                                <span id='planSelector' class='planSelector'>
                                                        <select id='planDropDown' name='plan' style='font-size: 18px;padding: 5px;'></select>
                                                        <span id='planDescription' style='font-size: 13px;padding-left: 10px;color: blue;'></span>
                                                        <br><br>
                                                </span>
                                                #if($action.getServiceType() == "1")
                                                        #set($name='amount')
                                                #else
                                                        #set($name='dthamount')
                                                #end
                                                <input type="text" maxlength="5" name='$name' style="background: white url('/images/Rupee.png') no-repeat 2px;" class='regular-size-input'></input>
                                                <div style="margin-top:20px">
                                                        #if($action.getUserInfo().isLoggedIn())
                                                                #set($emailId = $action.getUserInfo().getEmail())
                                                        #else
                                                                #set($emailId = "")
                                                        #end
                                                        <input type="text" name='email' class='full-size-input' value ='$emailId'></input>
                                                        <br>
                                                        <span style="font-size:13px">We will send recharge confirmation on this address.</span>
                                                </div>
                                                </form>
                                                <br><br>
                                                <div id="confirm-button" class="submit-button">CONFIRM &gt;</div>
                                        </div>
                                
                                </div>
                        </div>
                        <div class="widgets right">
                                <div style="width:258px; margin-left:10px;float:right;height:636px;background-image:url('/images/back1.jpg');border:solid 1px #2789C1"></div>
                        </div>
                </div>
        </div>
        #include("templates/footer.vm")
        #include ( "templates/commonjsfiles.vm" )
                <script>
        jQuery('.planSelector').hide();
        #if($action.getServiceType() == "1")
        var jsonMap = $action.getPlanMapInJson();
        jQuery('#operatorSelector').change(function() {
                jQuery('#planSelector select#planDropDown').children().remove();
                jQuery('.planSelector').hide();
                var operatorId = jQuery('#operatorSelector option:selected').val();
                plans = jsonMap[operatorId];
                jQuery.each(plans, function(i, plan) {
                        var planName = plan.name;
                        var planDisplayName = plan.displayName;
                        var planDescription = plan.description;
                        jQuery('.planSelector').show();
                        if(i==0) {
                        jQuery('#planDropDown').append("<option value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
                } else {
                        jQuery('#planDropDown').append("<option selected='true' value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
                        }
                });
                jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
        });
        jQuery('#planDropDown').change(function() {
                jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
        });
        #else   
        var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
                                "2":"Smart card number starts with 2 and is 12 digits long.",
                                "3":"Smart card number starts with 4 and is 11 digits long.",
                                "4":"Subscriber ID starts with 1 and is 10 digits long.",
                                "5":"For customer ID, SMS ID to 9212012299 from your registered mobile no."};
        var dthIdAliasMap = {"1":"VC Number",
                                                "2":"Smart Card Number",
                                                "3":"Smart Card Number",
                                                "4":"Subscriber Id",
                                                "5":"Customer Id",
                                                "0":"Account Number"};
        jQuery('#operatorSelector').change(function() {
                jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
                jQuery('#dthIdAlias').html(dthIdAliasMap[jQuery('#operatorSelector option:selected').val()]);
        });
        #end
        </script>
</body>
</html>