Subversion Repositories SmartDukaan

Rev

Rev 7068 | Rev 7080 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 7068 Rev 7073
Line 1... Line 1...
1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 
<html xmlns="http://www.w3.org/1999/xhtml">
 2 
<html xmlns="http://www.w3.org/1999/xhtml">
3 
<head>
 3 
<head>
4 
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 4 
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5 
    <style>
 - 
 
6 
		.row {
 - 
 
7 
			height:45px;
 - 
 
8 
			line-height:45px;
 - 
 
9 
		}
 - 
 
10 
		.text {
 - 
 
11 
    		text-align: right;
 - 
 
12 
            float: left;
 - 
 
13 
            width: 25%;
 - 
 
14 
            color: #666;
 - 
 
15 
            font-size: 21px;
 - 
 
16 
		}
 - 
 
17 
		body {
 - 
 
18 
			font-family: Arial,Arial, sans-serif;
 - 
 
19 
		}
 - 
 
20 
		.padding-row{
 - 
 
21 
			height:20px;
 - 
 
22 
		}
 - 
 
23
- 
 
24 
		.inputbox {
 - 
 
25 
    		background-color: white;
 - 
 
26 
    		height: 100%;
 - 
 
27 
    		font-size: 18px;
 - 
 
28 
    		border: solid 1px grey;
 - 
 
29 
		}
 - 
 
30
- 
 
31 
        .padding48 {
 - 
 
32 
    		width: 227px;
 - 
 
33 
            padding-left: 48px;
 - 
 
34 
		}
 - 
 
35
- 
 
36 
		.padding15 {
 - 
 
37 
            padding-left: 15px;
 - 
 
38 
            width: 260px;
 - 
 
39 
		}
 - 
 
40
- 
 
41 
		.num-prefix {
 - 
 
42 
			background: white url('/images/+91.png') no-repeat 2px;
 - 
 
43 
		}
 - 
 
44
- 
 
45 
		.rupee {
 - 
 
46 
			background: white url('/images/Rupee.png') no-repeat 2px;
 5 
    <link rel="stylesheet" href="css/rechargewebapp.css" type="text/css" />
47 
		}
 - 
 
48
- 
 
49 
		.input-div {
 - 
 
50 
    		padding: 10px 15px 0px 5px;
 - 
 
51 
            display: inline-block;
 - 
 
52 
            height: 25px;
 - 
 
53 
            width: 280px;
 - 
 
54 
            float: left;
 - 
 
55 
		}
 - 
 
56
- 
 
57 
	</style>
 - 
 
58
6
59 
	<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
 7 
	<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
60 
    <script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
 8 
    <script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
61 
    <script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
 9 
    <script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
62 
    <script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
 10 
    <script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
Line 75... Line 23...
75 
		<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
 23 
		<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
76 
			<span style="float:left">PLEASE ENTER DETAILS</span>
 24 
			<span style="float:left">PLEASE ENTER DETAILS</span>
77 
		</div>
 25 
		</div>
78 
	</div>
 26 
	</div>
79
27
80 
	<div class='padding-row'>
 - 
 
81 
	</div>
 - 
 
82
- 
 
83 
	<div class="row">
 - 
 
84 
    	<div class="text">Recharge Type : </div>
 - 
 
85 
    	<div style="0 0 0 10px;">
 - 
 
86 
			<input class='rechargetype' type="radio" checked name="rechargetype" value="1">Normal</input>
 28 
	<form id='rechargeDetailsForm' action='/confirm' method='post' onsubmit='validateAllFields()'>
87 
			<input class='rechargetype' type="radio" name="rechargetype" value="2">New Connection</input>
 - 
 
88 
		</div>
 - 
 
89 
    </div>
 - 
 
90
- 
 
91 
	<div class="row">
 - 
 
92 
    	<div class="text">Device Type : </div>
 29 
    	#if($action.getErrorMsg() == "")
93 
    	<div style="0 0 0 10px;">
 30 
    	<div class='padding-row'>
94 
			<input class='devicetype' type="radio" checked name="devicetype" value="1">Mobile</input>
 - 
 
95 
			<input class='devicetype' type="radio" name="devicetype" value="2">DTH</input>
 - 
 
96 
		</div>
 31 
    	</div>
97 
    </div>
 32 
    	#else
98
- 
 
99 
    <div class="row">
 - 
 
100 
    	<div class="text">Device Number : </div>
 33 
    	<div class="padding-row" style="font-size: 16px;color: red;text-align: center;border: 1px solid red;margin: 5px;padding: 5px;">
101 
    	<div class="input-div">
 34 
    		$action.getErrorMsg()
102 
			<input class='inputbox num-prefix padding48' type='text' name='number'></input>
 - 
 
103 
		</div>
 35 
    	</div>
104 
    </div>
 36 
    	#end
105
- 
 
106 
	#set($mobileProviderMap = $action.getMobileProvidersMap())
 - 
 
107 
	#set($dthProviderMap = $action.getDthProvidersMap())
 - 
 
108
- 
 
109 
	<div class="row">
 37 
    	<div class="row">
110 
        <div class="text">Operator : </div>
 38 
        	<div class="text">Recharge Type : </div>
111 
        <div class="input-div">
 39 
        	<div style="0 0 0 10px;">
112 
			<select select id='operatorSelector' name='operator' style="height: 30px;font-size: 18px;width: 180px;">
 - 
 
113 
        		<option value='0'>Select Operator</option>
 - 
 
114 
        		#foreach($mobileProviderKey in $mobileProviderMap.keySet())
 - 
 
115 
        			<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
 40 
    			<input class='rechargetype' type="radio" checked name="rechargetype" value="1">Normal</input>
116 
				#end
 - 
 
117 
				#foreach($dthProviderKey in $dthProviderMap.keySet())
 - 
 
118 
        			<option class='dthProviders' style='display:none;' value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
 41 
    			<input class='rechargetype' type="radio" name="rechargetype" value="2">New Connection</input>
119 
				#end
 - 
 
120 
        	</select>
 - 
 
121 
		</div>
 42 
    		</div>
122 
    </div>
 43 
        </div>
123
44
124 
    <div class="row">
 45 
    	<div class="row">
125 
        <div class="text">Amount : </div>
 46 
        	<div class="text">Device Type : </div>
126 
        <div class="input-div">
 47 
        	<div style="0 0 0 10px;">
127 
			<input class='inputbox rupee padding48' type='text' name='amount'></input>
 48 
    			<input class='devicetype' type="radio" checked name="devicetype" value="1">Mobile</input>
128 
		</div>
 - 
 
129 
    </div>
 - 
 
130
- 
 
131 
	<div class="row">
 - 
 
132 
    	<div class="text">Email Id : </div>
 - 
 
133 
    	<div class="input-div">
 - 
 
134 
			<input class='inputbox padding15' type='text' name='email'></input>
 49 
    			<input class='devicetype' type="radio" name="devicetype" value="2">DTH</input>
135 
		</div>
 50 
    		</div>
136 
    </div>
 51 
        </div>
137
52
138 
	<div id='frc-div' style='display:none;'>
 - 
 
139 
		<div class="row">
 53 
        <div class="row">
140 
        	<div class="text">FRC 1 : </div>
 54 
        	<div class="text">Device Number : </div>
141 
        	<div class="input-div">
 55 
        	<div class="input-div">
142 
    			<input class='inputbox padding15' type='text' name='email'></input>
 56 
    			<input class='inputbox num-prefix padding48' type='text' name='number'></input>
143 
    		</div>
 57 
    		</div>
- 
 
 58 
        </div>
- 
 
 59
- 
 
 60 
    	#set($mobileProviderMap = $action.getMobileProvidersMap())
- 
 
 61 
    	#set($dthProviderMap = $action.getDthProvidersMap())
- 
 
 62
- 
 
 63 
    	<div class="row">
- 
 
 64 
            <div class="text">Operator : </div>
- 
 
 65 
            <div class="input-div">
- 
 
 66 
    			<select select id='mobileSelector' name='mobileOperator' style="height: 30px;font-size: 18px;width: 180px;">
- 
 
 67 
            		<option value='0'>Select Operator</option>
- 
 
 68 
            		#foreach($mobileProviderKey in $mobileProviderMap.keySet())
- 
 
 69 
            			<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
- 
 
 70 
    				#end
- 
 
 71 
    			</select>
- 
 
 72 
    			<select select id='dthSelector' name='dthOperator' style="display:none;height: 30px;font-size: 18px;width: 180px;">
- 
 
 73 
            		<option value='0'>Select Operator</option>
- 
 
 74 
    				#foreach($dthProviderKey in $dthProviderMap.keySet())
- 
 
 75 
            			<option value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
- 
 
 76 
    				#end
- 
 
 77 
            	</select>
- 
 
 78 
    		</div>
- 
 
 79 
        </div>
- 
 
 80
- 
 
 81 
        <div class="row">
- 
 
 82 
            <div class="text">Amount : </div>
- 
 
 83 
            <div class="input-div">
- 
 
 84 
    			<input class='inputbox rupee padding48' type='text' name='amount'></input>
- 
 
 85 
    		</div>
- 
 
 86 
        </div>
- 
 
 87
- 
 
 88 
    	<div class="row">
- 
 
 89 
        	<div class="text">Customer Name : </div>
- 
 
 90 
        	<div class="input-div">
- 
 
 91 
    			<input class='inputbox padding15' type='text' name='name'></input>
144 
		</div>
 92 
    		</div>
- 
 
 93 
        </div>
145
94
146 
		<div class="row">
 95 
    	<div class="row">
147 
        	<div class="text">FRC 2 : </div>
 96 
        	<div class="text">Email Id : </div>
148 
        	<div class="input-div">
 97 
        	<div class="input-div">
149 
    			<input class='inputbox padding15' type='text' name='email'></input>
 98 
    			<input class='inputbox padding15' type='text' name='email'></input>
150 
    		</div>
 99 
    		</div>
- 
 
 100 
        </div>
- 
 
 101
- 
 
 102 
    	<div id='frc-div' style='display:none;'>
- 
 
 103 
    		<div class="row">
- 
 
 104 
            	<div class="text">SIM Number : </div>
- 
 
 105 
            	<div class="input-div">
- 
 
 106 
        			<input class='inputbox padding15' type='text' name='sim'></input>
- 
 
 107 
        		</div>
151 
		</div>
 108 
    		</div>
- 
 
 109
- 
 
 110 
    		<div class="row">
- 
 
 111 
            	<div class="text">CAF Number : </div>
- 
 
 112 
            	<div class="input-div">
- 
 
 113 
        			<input class='inputbox padding15' type='text' name='caf'></input>
- 
 
 114 
        		</div>
152 
	</div>
 115 
    		</div>
153
116
- 
 
 117 
			<div class="row">
- 
 
 118 
            	<div class="text">Alternate Number : </div>
- 
 
 119 
            	<div class="input-div">
- 
 
 120 
        			<input class='inputbox padding15' type='text' name='altNum'></input>
- 
 
 121 
        		</div>
- 
 
 122 
    		</div>
- 
 
 123 
    	</div>
- 
 
 124
- 
 
 125 
    	<div class="row">
- 
 
 126 
        	<div style="padding-top:10px;margin-top: 25px;padding-left: 200px;">
- 
 
 127 
    			<input type="submit" style="height: 30px;background-color: orange;cursor: pointer;width: 140px;font-size: 21px;">
- 
 
 128 
    		</div>
- 
 
 129 
    	</div>
- 
 
 130
154 
	<div class='padding-row'>
 131 
    	<div class='padding-row'>
155 
	</div>
 132 
    	</div>
156
133 
	</form>
157 
</div>
 134 
</div>
158 
 
 135 
 
159 
 
 136 
 
160 
</body>
 137 
</body>
161 
 
 138