Subversion Repositories SmartDukaan

Rev

Rev 7073 | 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">
    <style>
                .row {
                        height:45px;
                        line-height:45px;
                }
                .text {
                text-align: right;
            float: left;
            width: 25%;
            color: #666;
            font-size: 21px;
                }
                body {
                        font-family: Arial,Arial, sans-serif;
                }
                .padding-row{
                        height:20px;
                }
                
                .inputbox {
                background-color: white;
                height: 100%;
                font-size: 18px;
                border: solid 1px grey;
                }
                
        .padding48 {
                width: 227px;
            padding-left: 48px;
                }
                
                .padding15 {
            padding-left: 15px;
            width: 260px;
                }
                
                .num-prefix {
                        background: white url('/images/+91.png') no-repeat 2px;
                }
                
                .rupee {
                        background: white url('/images/Rupee.png') no-repeat 2px;
                }
                
                .input-div {
                padding: 10px 15px 0px 5px;
            display: inline-block;
            height: 25px;
            width: 280px;
            float: left;
                }
                
        </style>
        
        <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.js"></script>
</head>

<body style="margin: 0;">
<div style="height:45px;">
</div>
<div style="height:45px;background: url('images/topbar.png') repeat-x left bottom;color: white;margin: 0px;padding-left: 35px;">
        <span style="font-size: 35px;font-family:'Times New Roman', Times, serif;">HotSpot Recharge Dashboard<span style="font-size: 14px;font-family:Arial, Arial, sans-serif;">  -  Powered by Saholic.com</span></span>
</div>
<div id="main" style="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">PLEASE ENTER DETAILS</span>
                </div>
        </div>
        
        <div class='padding-row'>
        </div>
        
        <div class="row">
        <div class="text">Recharge Type : </div>
        <div style="0 0 0 10px;">
                        <input class='rechargetype' type="radio" checked name="rechargetype" value="1">Normal</input>
                        <input class='rechargetype' type="radio" name="rechargetype" value="2">New Connection</input>
                </div>
    </div>
        
        <div class="row">
        <div class="text">Device Type : </div>
        <div style="0 0 0 10px;">
                        <input class='devicetype' type="radio" checked name="devicetype" value="1">Mobile</input>
                        <input class='devicetype' type="radio" name="devicetype" value="2">DTH</input>
                </div>
    </div>
        
    <div class="row">
        <div class="text">Device Number : </div>
        <div class="input-div">
                        <input class='inputbox num-prefix padding48' type='text' name='number'></input>
                </div>
    </div>
        
        #set($mobileProviderMap = $action.getMobileProvidersMap())
        #set($dthProviderMap = $action.getDthProvidersMap())
        
        <div class="row">
        <div class="text">Operator : </div>
        <div class="input-div">
                        <select select id='operatorSelector' name='operator' style="height: 30px;font-size: 18px;width: 180px;">
                        <option value='0'>Select Operator</option>
                        #foreach($mobileProviderKey in $mobileProviderMap.keySet())
                                <option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
                                #end
                                #foreach($dthProviderKey in $dthProviderMap.keySet())
                                <option class='dthProviders' style='display:none;' value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
                                #end
                </select>
                </div>
    </div>
    
    <div class="row">
        <div class="text">Amount : </div>
        <div class="input-div">
                        <input class='inputbox rupee padding48' type='text' name='amount'></input>
                </div>
    </div>
        
        <div class="row">
        <div class="text">Email Id : </div>
        <div class="input-div">
                        <input class='inputbox padding15' type='text' name='email'></input>
                </div>
    </div>
        
        <div id='frc-div' style='display:none;'>
                <div class="row">
                <div class="text">FRC 1 : </div>
                <div class="input-div">
                        <input class='inputbox padding15' type='text' name='email'></input>
                </div>
                </div>
                
                <div class="row">
                <div class="text">FRC 2 : </div>
                <div class="input-div">
                        <input class='inputbox padding15' type='text' name='email'></input>
                </div>
                </div>
        </div>
        
        <div class='padding-row'>
        </div>
        
</div>


</body>

</html>