Subversion Repositories SmartDukaan

Rev

Rev 7108 | Rev 7116 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
7068 anupam.sin 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">
3 
<head>
4 
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
7073 anupam.sin 5 
    <link rel="stylesheet" href="css/rechargewebapp.css" type="text/css" />
7068 anupam.sin 6 
 
7 
	<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
8 
    <script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
9 
    <script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
10 
    <script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
11 
    <script language="javascript" type="text/javascript" src="js/rechargewebapp.js"></script>
12 
</head>
13 
 
14 
<body style="margin: 0;">
15 
<div style="height:45px;">
16 
</div>
17 
<div style="height:45px;background: url('images/topbar.png') repeat-x left bottom;color: white;margin: 0px;padding-left: 35px;">
18 
	<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>
7113 rajveer 19 
	<span style="color:yellow;margin-left:20px;">Store Code :- $action.getStoreCode()</span>
20 
	<span style="color:yellow;margin-left:20px;">Today's Collection :- $action.getCollectedAmount()</span>
7096 anupam.sin 21 
	<a class='home-link' href='/rch/!doLogout'>Logout</a>
22 
	<a class='home-link' href='/rch/report'>REPORTS</a>
7068 anupam.sin 23 
</div>
24 
<div id="main" style="width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
25 
 
26 
	<div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
27 
		<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
28 
			<span style="float:left">PLEASE ENTER DETAILS</span>
29 
		</div>
30 
	</div>
31 
 
7096 anupam.sin 32 
	<form id='rechargeDetailsForm' action='/rch/confirm' method='post' onsubmit='return validateAllFields()'>
7073 anupam.sin 33 
    	#if($action.getErrorMsg() == "")
34 
    	<div class='padding-row'>
35 
    	</div>
36 
    	#else
37 
    	<div class="padding-row" style="font-size: 16px;color: red;text-align: center;border: 1px solid red;margin: 5px;padding: 5px;">
38 
    		$action.getErrorMsg()
39 
    	</div>
40 
    	#end
41 
    	<div class="row">
42 
        	<div class="text">Recharge Type : </div>
43 
        	<div style="0 0 0 10px;">
7080 anupam.sin 44 
    			<input class='rechargetype' type="radio" checked name="rechargeType" value="1">Normal</input>
45 
    			<input class='rechargetype' type="radio" name="rechargeType" value="2">New Connection</input>
7073 anupam.sin 46 
    		</div>
47 
        </div>
48 
 
49 
    	<div class="row">
50 
        	<div class="text">Device Type : </div>
51 
        	<div style="0 0 0 10px;">
7080 anupam.sin 52 
    			<input class='devicetype' type="radio" checked name="deviceType" value="1">Mobile</input>
53 
    			<input class='devicetype' type="radio" name="deviceType" value="2">DTH</input>
7073 anupam.sin 54 
    		</div>
55 
        </div>
56 
 
57 
        <div class="row">
58 
        	<div class="text">Device Number : </div>
7068 anupam.sin 59 
        	<div class="input-div">
7073 anupam.sin 60 
    			<input class='inputbox num-prefix padding48' type='text' name='number'></input>
7068 anupam.sin 61 
    		</div>
7073 anupam.sin 62 
        </div>
63 
 
64 
    	#set($mobileProviderMap = $action.getMobileProvidersMap())
65 
    	#set($dthProviderMap = $action.getDthProvidersMap())
66 
 
67 
    	<div class="row">
68 
            <div class="text">Operator : </div>
69 
            <div class="input-div">
70 
    			<select select id='mobileSelector' name='mobileOperator' style="height: 30px;font-size: 18px;width: 180px;">
71 
            		<option value='0'>Select Operator</option>
72 
            		#foreach($mobileProviderKey in $mobileProviderMap.keySet())
73 
            			<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
74 
    				#end
75 
    			</select>
76 
    			<select select id='dthSelector' name='dthOperator' style="display:none;height: 30px;font-size: 18px;width: 180px;">
77 
            		<option value='0'>Select Operator</option>
78 
    				#foreach($dthProviderKey in $dthProviderMap.keySet())
79 
            			<option value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
80 
    				#end
81 
            	</select>
7108 anupam.sin 82 
				<div class="text" style="text-align: left;font-size: 15px;width: 340px;color: blue;">For MNP numbers choose operator manually</div>
7073 anupam.sin 83 
    		</div>
84 
        </div>
7096 anupam.sin 85 
 
86 
		<div class="row planSelector">
87 
            <div class="text">Plan : </div>
88 
            <div class="input-div">
89 
    			<select id='planDropDown' name='plan' style="height: 30px;font-size: 18px;width: 95px;">
90 
        		</select>
91 
    		</div>
92 
        </div>
7073 anupam.sin 93 
 
94 
        <div class="row">
95 
            <div class="text">Amount : </div>
96 
            <div class="input-div">
97 
    			<input class='inputbox rupee padding48' type='text' name='amount'></input>
98 
    		</div>
99 
        </div>
100 
 
101 
    	<div class="row">
102 
        	<div class="text">Customer Name : </div>
7068 anupam.sin 103 
        	<div class="input-div">
7073 anupam.sin 104 
    			<input class='inputbox padding15' type='text' name='name'></input>
105 
    		</div>
106 
        </div>
107 
 
108 
    	<div class="row">
109 
        	<div class="text">Email Id : </div>
110 
        	<div class="input-div">
7068 anupam.sin 111 
    			<input class='inputbox padding15' type='text' name='email'></input>
112 
    		</div>
7073 anupam.sin 113 
        </div>
114 
 
115 
    	<div id='frc-div' style='display:none;'>
116 
    		<div class="row">
117 
            	<div class="text">SIM Number : </div>
118 
            	<div class="input-div">
7096 anupam.sin 119 
        			<input class='inputbox padding15' type='text' name='simNum'></input>
7073 anupam.sin 120 
        		</div>
121 
    		</div>
122 
 
123 
    		<div class="row">
124 
            	<div class="text">CAF Number : </div>
125 
            	<div class="input-div">
7096 anupam.sin 126 
        			<input class='inputbox padding15' type='text' name='cafNum'></input>
7073 anupam.sin 127 
        		</div>
128 
    		</div>
129 
 
130 
			<div class="row">
7080 anupam.sin 131 
            	<div class="text">Discount : </div>
132 
            	<div class="input-div">
133 
        			<input class='inputbox rupee padding48' type='text' name='discount'></input>
134 
        		</div>
135 
    		</div>
136 
 
137 
			<div class="row">
7073 anupam.sin 138 
            	<div class="text">Alternate Number : </div>
139 
            	<div class="input-div">
140 
        			<input class='inputbox padding15' type='text' name='altNum'></input>
141 
        		</div>
142 
    		</div>
143 
    	</div>
144 
 
7096 anupam.sin 145 
		<input type='hidden' name='circlecode' id='circlecode'></input>
7073 anupam.sin 146 
    	<div class="row">
147 
        	<div style="padding-top:10px;margin-top: 25px;padding-left: 200px;">
7096 anupam.sin 148 
    			<input type="submit" value='submit' style="height: 30px;background-color: orange;cursor: pointer;width: 140px;font-size: 21px;">
7073 anupam.sin 149 
    		</div>
150 
    	</div>
151 
 
152 
    	<div class='padding-row'>
153 
    	</div>
154 
	</form>
7068 anupam.sin 155 
</div>
7096 anupam.sin 156 
<script>
7068 anupam.sin 157 
 
7096 anupam.sin 158 
jQuery('.planSelector').hide();
159 
var jsonMap = $action.getPlanMapInJson();
7068 anupam.sin 160 
 
7096 anupam.sin 161 
jQuery('#mobileSelector').change(function() {
162 
	populatePlans();
163 
});
164 
 
165 
if(jQuery('#mobileSelector option:selected').val() != '0'){
166 
	populatePlans();
167 
}
168 
 
169 
function populatePlans() {
170 
	jQuery('.planSelector select#planDropDown').children().remove();
171 
	jQuery('.planSelector').hide();
172 
	var operatorId = jQuery('#mobileSelector option:selected').val();
173 
	plans = jsonMap[operatorId];
174 
	if(plans) {
175 
		jQuery.each(plans, function(i, plan) {
176 
			var planName = plan.name;
177 
			var planDisplayName = plan.displayName;
178 
			jQuery('.planSelector').show();
179 
			if(i==0) {
180 
    			jQuery('#planDropDown').append("<option value='" + planName + "'>" + planDisplayName + "</option>");
181 
    		} else {
182 
    			jQuery('#planDropDown').append("<option selected='true' value='" + planName + "'>" + planDisplayName + "</option>");
183 
			}
184 
		});
185 
	}
186 
}
187 
</script>
188 
 
7068 anupam.sin 189 
</body>
190 
 
191 
</html>