Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
23819 govind 1 
<style>
2 
 
3 
	.btn:hover{
4 
  		color: grey;
5 
  		text-decoration: none;
6 
	}
7 
	.btn-info:hover{
8 
  		color: grey;
9 
  		text-decoration: none;
10 
	}
11 
}
12 
</style>
13 
<section class="wrapper">
14 
	<div class="row">
15 
		<div class="col-lg-12">
16 
			<h3 class="page-header"><i class="icon_document_alt"></i>PriceDrop</h3>
17 
			<ol class="breadcrumb">
18 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
19 
				<li><i class="icon_document_alt"></i>PriceDrop</li>
24055 amit.gupta 20 
				<li><button type="button" data-toggle="modal" class="btn btn-sm btn-primary" data-target="#newPriceDropModal">Add new Price Drop</li>
24406 amit.gupta 21 
				<li><button type="button" data-toggle="modal" class="btn btn-sm btn-primary" data-target="#addPriceModal">Add/Update Pricing</li>
24052 amit.gupta 22 
				<li><button type="button" data-toggle="modal" class="btn btn-sm btn-primary mk_download_pricing" data-target="#addPricing">Download Pricing</li>
26318 tejbeer 23 
				<div id="addPriceModal" class="modal" role="dialog">
24052 amit.gupta 24 
				  <div class="modal-dialog">
25 
 
26 
				    <!-- Modal content-->
27 
				    <div class="modal-content">
28 
				      <div class="modal-header">
29 
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
24406 amit.gupta 30 
				        <h4 class="modal-title">Add/Update Pricing</h4>
24052 amit.gupta 31 
				      </div>
32 
				      <div class="modal-body">
33 
			      		<form id="pdForm1">
34 
				      		<div class="form-group row">
24411 amit.gupta 35 
					  			<div class="col-lg-8">
24062 amit.gupta 36 
					  				<label for="typeaheaditem1">Item:</label>
24052 amit.gupta 37 
							    	<input placeholder="Search Item" type="text" class="form-control typeahead" id="typeaheaditem1" name="Item" data-provide="typeahead" autocomplete="off">
38 
							    </div>
24743 amit.gupta 39 
					  			<div class="col-lg-4">
24744 amit.gupta 40 
					  			<div>&nbsp;</div>
24743 amit.gupta 41 
					  			<button type="button" class="btn btn-primary mk_pause_button">Active/Pause</button>
42 
							    </div>
24411 amit.gupta 43 
							</div>
44 
				      		<div class="form-group row">
24058 amit.gupta 45 
							    <div class="col-lg-2">
24411 amit.gupta 46 
							    	<label id="tpValue">TP - </label>
47 
								    <input type="text" class="form-control" id="tp" placeholder="TP" type="text"/>
48 
								</div>
49 
							    <div class="col-lg-2">
24062 amit.gupta 50 
							    	<label id="dpValue">DP - </label>
24052 amit.gupta 51 
								    <input type="text" class="form-control" id="dp" placeholder="DP" type="text"/>
52 
								</div>
24055 amit.gupta 53 
							    <div class="col-lg-2">
24062 amit.gupta 54 
							    	<label id="mopValue">MOP - </label>
24052 amit.gupta 55 
								    <input type="text" class="form-control" id="mop" placeholder="MOP" type="text"/>
56 
								</div>
24055 amit.gupta 57 
							    <div class="col-lg-2">
24062 amit.gupta 58 
							    	<label id="mrpValue">MRP -</label>
24058 amit.gupta 59 
								    <input type="text" class="form-control" id="mrp" placeholder="MRP" type="text"/>
24055 amit.gupta 60 
								</div>
24052 amit.gupta 61 
							</div>
24056 amit.gupta 62 
			      		</form>
63 
					</div>
64 
					<div class="modal-footer">
65 
						<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
66 
						<button type="button" class="btn btn-primary add-pricing">Add Pricing</button>
67 
				    </div>
24052 amit.gupta 68 
 
69 
			   		</div>
24055 amit.gupta 70 
			   	</div>
71 
			  </div>
24052 amit.gupta 72 
 
26318 tejbeer 73 
			  <div id="viewImeisModal" class="modal" role="dialog">
24083 amit.gupta 74 
				  <div class="modal-dialog">
75 
				    <!-- Modal content-->
76 
				    <div class="modal-content">
77 
				      <div class="modal-header">
78 
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
28903 amit.gupta 79 
				        <h4 class="modal-title">Process Price Drop - <b class="process-drop-id"></b></h4>
24083 amit.gupta 80 
				      </div>
81 
				      <div class="modal-body">
26351 amit.gupta 82 
			      		<form id="statusForm">
24083 amit.gupta 83 
						  <div class="form-group row">
28903 amit.gupta 84 
						  	<div class="col-lg-7 ">
26347 amit.gupta 85 
						      	<input placeholder="Imeis to approve/reject" type="text" class="form-control mk_imeis_text" aria-label="...">
26354 amit.gupta 86 
						  	</div>
28903 amit.gupta 87 
						  	<div class="col-lg-4 form-group">
88 
							    <select class="form-control input-sm" id = "selectPriceDropStatus" name="selectPriceDropStatus" placeholder="Status" style="border: 3px solid black; width: 94px;" >
89 
							    	<option value="status"disabled selected>Status</option>
90 
							    	<option value="pending">Pending</option>
91 
							    	<option value="rejected">Rejected</option>
92 
							    	<option value="approved">Approved</option>
93 
							    </select>
94 
							</div>
95 
						  	<div class="col-lg-10">
26347 amit.gupta 96 
						      		<input placeholder="Rejection reason" type="text" class="form-control mk_rejection_reason" aria-label="...">
28903 amit.gupta 97 
						      		<button type="button" class="btn btn-primary" id="processPDButton">Submit</button>
28568 amit.gupta 98 
						    </div>
28903 amit.gupta 99 
				         </div>
24083 amit.gupta 100 
						  <div class="form-group row">
28568 amit.gupta 101 
						  	<div class="col-lg-3">
102 
						  		<h4>Pending (<span class="mk_pending_count"></span>)</h4>
103 
								<select multiple id="pendingList" class="mk_pending" style="width:98%;height:400px">
24083 amit.gupta 104 
								</select>
105 
							</div>
28568 amit.gupta 106 
						  	<div class="col-lg-3">
107 
						  		<h4>Rejected (<span class="mk_rejected_count"></span>)</h4>
108 
								<select multiple class="mk_rejected" style="width:98%;height:400px">
24083 amit.gupta 109 
								</select>
110 
							</div>
28568 amit.gupta 111 
						  	<div class="col-lg-3">
112 
						  		<h4>Approved (<span class="mk_approved_count"></span>)</h4>
113 
								<select multiple class="mk_approved" style="width:98%;height:400px">
114 
								</select>
115 
							</div>
116 
 
24083 amit.gupta 117 
						  </div>
118 
						</form>
119 
					  </div>
120 
				      <div class="modal-footer">
26354 amit.gupta 121 
				      	<button type="button" class="closePriceDrop btn btn-primary">Close Price Dop</button>
24083 amit.gupta 122 
				        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
123 
				      </div>
124 
					</div>
125 
				</div>
126 
			</div>
23868 amit.gupta 127 
				<!-- Modal -->
26318 tejbeer 128 
				<div id="newPriceDropModal" class="modal" role="dialog">
23868 amit.gupta 129 
				  <div class="modal-dialog">
130 
 
131 
				    <!-- Modal content-->
132 
				    <div class="modal-content">
133 
				      <div class="modal-header">
134 
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
135 
				        <h4 class="modal-title">Add Price Drop</h4>
136 
				      </div>
137 
				      <div class="modal-body">
138 
			      		<form id="pdForm">
23876 amit.gupta 139 
						  <div class="form-group row">
23951 amit.gupta 140 
					  			<div class="col-lg-6">
23876 amit.gupta 141 
							    	<input placeholder="Search Item" type="text" class="form-control typeahead" id="typeaheaditem" name="Item" data-provide="typeahead" autocomplete="off">
142 
							    </div>
23951 amit.gupta 143 
							    <div class="col-lg-3">
144 
								    <input type="text" class="form-control" id="affectedDate" placeholder="Affected on" type="text"/>
145 
								</div>
146 
							    <div class="col-lg-3">
147 
									<button type="button" class="btn btn-primary download-imeis">Download IMEIs</button>
148 
								</div>
149 
							    <!--<div class="col-lg-4 checkbox">
23876 amit.gupta 150 
								  <label><input id="allColors" type="checkbox" value="">Apply to all Colors</label>
23951 amit.gupta 151 
								</div>-->
23868 amit.gupta 152 
						  </div>
153 
						  <div class="form-group row">
24409 amit.gupta 154 
							<div class="col-lg-3">
155 
							    <label for="dpDrop">MOP:(<span id="oldMop"></span>)</label>
156 
							    <input type="number" class="form-control" id="newMop">
23868 amit.gupta 157 
							</div>
24049 amit.gupta 158 
						  	<div class="col-lg-3">
24409 amit.gupta 159 
						  		<label for="dp">DP:(<span id="oldDp"></span>)</label>
160 
							    <input type="number" class="form-control" id="newDp">
23868 amit.gupta 161 
							</div>
24409 amit.gupta 162 
							<div class="col-lg-3">
163 
							    <label for="newTp">TP:(<span id="oldTp"></span>)</label>
164 
							    <input type="number" class="form-control" id="newTp">
24047 amit.gupta 165 
							</div>
23868 amit.gupta 166 
						  </div>
167 
						</form>
168 
				      </div>
169 
				      <div class="modal-footer">
23951 amit.gupta 170 
						  <button type="button" class="addPriceDrop btn btn-primary">Add Price Drop</button>
23868 amit.gupta 171 
				        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
172 
				      </div>
173 
				    </div>
174 
 
175 
				  </div>
176 
				</div>
23819 govind 177 
			</ol>
178 
		</div>
179 
	</div>
180 
 
181 
    <div class="price-drop-table">
182 
	  <div class="row">
183 
			<div class="col-lg-12" id="priceDrop" >
184 
				<table class="table table-striped table-condensed table-bordered">
185 
	    			<thead>
186 
			            <tr>
25122 amit.gupta 187 
			            	<th>Drop Id</th>
23968 amit.gupta 188 
							<th>Item Name</th>
24410 amit.gupta 189 
							<th>TP</th>
190 
							<th>DP</th>
191 
							<th>Mop</th>
23968 amit.gupta 192 
							<th>Price Drop</th>
24410 amit.gupta 193 
							<th>New DP</th>
23968 amit.gupta 194 
							<th>Affected On</th>
23876 amit.gupta 195 
							<th>Created On</th>
26346 amit.gupta 196 
							<th>Payout</th>
28643 amit.gupta 197 
							#if(!$processOn)
23876 amit.gupta 198 
							<th>Processed On</th>
28641 amit.gupta 199 
							#else
200 
							#end
23876 amit.gupta 201 
							<th>Download IMEIs</th>
23819 govind 202 
 
203 
			            </tr>
204 
			        </thead>
205 
					<tbody>
206 
						#foreach($priceDrop in $priceDrops )
23968 amit.gupta 207 
						<tr data-pricedropid="$priceDrop.getId()">
25122 amit.gupta 208 
							<td>$priceDrop.getId()</td>
23968 amit.gupta 209 
							<td>$catalogDescription.get($priceDrop.getCatalogItemId())</td>
24992 tejbeer 210 
							<td class="currency">$priceDrop.getTp()</td>
211 
							<td class="currency">$priceDrop.getOldDp()</td>
212 
							<td class="currency">$priceDrop.getMop()</td>
213 
							<td class="currency">$priceDrop.getAmount()</td>
214 
							<td class="currency">$priceDrop.getNewDp()</td>
23868 amit.gupta 215 
							<td>$priceDrop.getAffectedOn().format($dateFormatter)</td>
24176 amit.gupta 216 
							<td>$priceDrop.getCreatedOn().format($dateFormatter)</td>
26333 amit.gupta 217 
							<td>
27054 amit.gupta 218 
								#if($priceDrop.getProcessTimestamp())
27071 amit.gupta 219 
									$priceDrop.getProcessTimestamp().format($dateTimeFormatter)<br>
220 
									<input type="number" name="partnerPayout" readonly value="$priceDrop.getAutoPartnerPayout()" class="form-control partner-payout input-sm"/>
221 
								#else
222 
									<input type="number" name="partnerPayout" value="$priceDrop.getAutoPartnerPayout()" class="form-control partner-payout input-sm"/>
27054 amit.gupta 223 
								#end
26334 amit.gupta 224 
							</td>
28641 amit.gupta 225 
							#if(!$priceDrop.getCompleteTimestamp())
26334 amit.gupta 226 
							<td>
27071 amit.gupta 227 
								<input class="btn btn-info btn-sm mk_view_imeis" data-toggle="modal" data-target="#viewImeisModal" type="submit" value="Process Manually"/>
228 
								<input class="btn btn-info btn-sm mk_auto_process" data-activatedonly="false" type="submit" value="Process All"/><br>
229 
								<input class="btn btn-info btn-sm mk_auto_process" data-activatedonly="true" type="submit" value="Process Activated Only"/>
230 
							</td>
28641 amit.gupta 231 
							#else
232 
 
233 
							#end
27071 amit.gupta 234 
							<td>
23876 amit.gupta 235 
								<input class="downloadtotalIMEI btn btn-info btn-sm" value="Download" type="submit" />
236 
							</td>
237 
						</tr>
23819 govind 238 
						#end
239 
					</tbody>
240 
				</table>
241 
				</div>
242 
				</div>
243 
				</div>
244 
				</section>
24406 amit.gupta 245 
<script type="text/javascript">
24410 amit.gupta 246 
$(document).ready(function() {
28903 amit.gupta 247 
	$(".modal").on("hidden.bs.modal", function(){
248 
    	$(".modal-body1").find(".mk_imeis_text").val('');
28568 amit.gupta 249 
	});
250 
 
24410 amit.gupta 251 
	var start = moment().subtract(29, 'days');
252 
	var end = moment();
253 
 
254 
  	priceDropTable = $('#priceDrop').find('table').DataTable({
255 
  		pageLength: 20,
256 
  		order:[[ 5, 'desc' ]]
257 
	});
258 
 
259 
 
27618 tejbeer 260 
  	getItemAheadOptions($("#typeaheaditem"),true,function(selectedItem){
24410 amit.gupta 261 
		currentItem = selectedItem;
262 
		doGetAjaxRequestHandler(context+"/item-pricing/"+currentItem.itemId, function(response){
263 
			response = JSON.parse(response);
264 
			$('#oldDp').html(response.dp);
265 
			$('#oldMop').html(response.mop);
266 
			$('#oldTp').html(response.tp);
267 
			$('#oldNlc').html(response.nlc);
268 
		});
269 
	});
27618 tejbeer 270 
	getItemAheadOptions($("#typeaheaditem1"),true, function(selectedItem){
24410 amit.gupta 271 
		currentItem = selectedItem;
272 
		doGetAjaxRequestHandler(context+"/item-pricing/"+currentItem.itemId, function(response){
24745 amit.gupta 273 
			$('.mk_pause_button').data("id", currentItem.catalogId);
24746 amit.gupta 274 
			$('.mk_pause_button').data("description", currentItem.itemDescription);
24410 amit.gupta 275 
			response = JSON.parse(response);
276 
			$("#mop").val(response.mop);
277 
			$("#mrp").val(response.mrp);
278 
			$("#dp").val(response.dp);
24411 amit.gupta 279 
			$("#tp").val(response.tp);
24410 amit.gupta 280 
			$('#dpValue').html("DP -" + response.dp);
281 
			$('#mopValue').html("MOP -" + response.mop);
30601 amit.gupta 282 
			$('#mrpValue').html("MRP -" + response.mrp);
283 
			$('#tpValue').html("TP -" + response.tp);
24410 amit.gupta 284 
		});
285 
	});
30601 amit.gupta 286 
	affectedDateInput = $('#affectedDate');
287 
	affectedDateInput.daterangepicker(getSingleDatePicker());
24410 amit.gupta 288 
	$("#newPriceDropModal").on('hidden.bs.modal', function () {
30601 amit.gupta 289 
		$("#pdForm").trigger("reset");
24410 amit.gupta 290 
	});
291 
	$("#addPriceModal").on('hidden.bs.modal', function () {
30601 amit.gupta 292 
		$("#pdForm1").trigger("reset");
24410 amit.gupta 293 
	});
294 
});
23819 govind 295 
</script>