Subversion Repositories SmartDukaan

Rev

Rev 27618 | Rev 28641 | 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>
79 
				        <h4 class="modal-title">Add Price Drop</h4>
80 
				      </div>
81 
				      <div class="modal-body">
26351 amit.gupta 82 
			      		<form id="statusForm">
24083 amit.gupta 83 
						  <div class="form-group row">
28568 amit.gupta 84 
						  <div class="col-lg-12 row">
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>
26355 amit.gupta 87 
						  	<div class="col-lg-9">
26347 amit.gupta 88 
						      		<input placeholder="Rejection reason" type="text" class="form-control mk_rejection_reason" aria-label="...">
28568 amit.gupta 89 
						  	    </div>
90 
						 <div class="col-lg-2 form-group">
91 
						    <select class="form-control input-sm" id = "selectPriceDropStatus" name="selectPriceDropStatus" placeholder="Status" style="border: 3px solid black; width: 94px;" >
92 
 
93 
						      <option value="status"disabled selected>Status</option>
94 
						      <option value="hold" >Hold</option>
95 
						      <option value="pending">Pending</option>
96 
						      <option value="rejected">Rejected</option>
97 
						      <option value="approved">Approved</option>
98 
 
99 
		             	     </select>
100 
			      	      </div>
101 
						    </div>
102 
 
24083 amit.gupta 103 
						  <div class="form-group row">
28568 amit.gupta 104 
						    <div class="col-lg-3">
105 
						  		<h4>Hold (<span class="mk_hold_count"></span>)</h4>
106 
								<select multiple id="holdList" class="mk_hold" style="width:98%;height:400px">
24083 amit.gupta 107 
								</select>
108 
							</div>
28568 amit.gupta 109 
						  	<div class="col-lg-3">
110 
						  		<h4>Pending (<span class="mk_pending_count"></span>)</h4>
111 
								<select multiple id="pendingList" class="mk_pending" style="width:98%;height:400px">
24083 amit.gupta 112 
								</select>
113 
							</div>
28568 amit.gupta 114 
						  	<div class="col-lg-3">
115 
						  		<h4>Rejected (<span class="mk_rejected_count"></span>)</h4>
116 
								<select multiple class="mk_rejected" style="width:98%;height:400px">
24083 amit.gupta 117 
								</select>
118 
							</div>
28568 amit.gupta 119 
						  	<div class="col-lg-3">
120 
						  		<h4>Approved (<span class="mk_approved_count"></span>)</h4>
121 
								<select multiple class="mk_approved" style="width:98%;height:400px">
122 
								</select>
123 
							</div>
124 
 
24083 amit.gupta 125 
						  </div>
126 
						</form>
127 
					  </div>
128 
				      <div class="modal-footer">
26354 amit.gupta 129 
				      	<button type="button" class="closePriceDrop btn btn-primary">Close Price Dop</button>
24083 amit.gupta 130 
				        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
131 
				      </div>
132 
					</div>
133 
				</div>
134 
			</div>
23868 amit.gupta 135 
				<!-- Modal -->
26318 tejbeer 136 
				<div id="newPriceDropModal" class="modal" role="dialog">
23868 amit.gupta 137 
				  <div class="modal-dialog">
138 
 
139 
				    <!-- Modal content-->
140 
				    <div class="modal-content">
141 
				      <div class="modal-header">
142 
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
143 
				        <h4 class="modal-title">Add Price Drop</h4>
144 
				      </div>
145 
				      <div class="modal-body">
146 
			      		<form id="pdForm">
23876 amit.gupta 147 
						  <div class="form-group row">
23951 amit.gupta 148 
					  			<div class="col-lg-6">
23876 amit.gupta 149 
							    	<input placeholder="Search Item" type="text" class="form-control typeahead" id="typeaheaditem" name="Item" data-provide="typeahead" autocomplete="off">
150 
							    </div>
23951 amit.gupta 151 
							    <div class="col-lg-3">
152 
								    <input type="text" class="form-control" id="affectedDate" placeholder="Affected on" type="text"/>
153 
								</div>
154 
							    <div class="col-lg-3">
155 
									<button type="button" class="btn btn-primary download-imeis">Download IMEIs</button>
156 
								</div>
157 
							    <!--<div class="col-lg-4 checkbox">
23876 amit.gupta 158 
								  <label><input id="allColors" type="checkbox" value="">Apply to all Colors</label>
23951 amit.gupta 159 
								</div>-->
23868 amit.gupta 160 
						  </div>
161 
						  <div class="form-group row">
24409 amit.gupta 162 
							<div class="col-lg-3">
163 
							    <label for="dpDrop">MOP:(<span id="oldMop"></span>)</label>
164 
							    <input type="number" class="form-control" id="newMop">
23868 amit.gupta 165 
							</div>
24049 amit.gupta 166 
						  	<div class="col-lg-3">
24409 amit.gupta 167 
						  		<label for="dp">DP:(<span id="oldDp"></span>)</label>
168 
							    <input type="number" class="form-control" id="newDp">
23868 amit.gupta 169 
							</div>
24409 amit.gupta 170 
							<div class="col-lg-3">
171 
							    <label for="newTp">TP:(<span id="oldTp"></span>)</label>
172 
							    <input type="number" class="form-control" id="newTp">
24047 amit.gupta 173 
							</div>
23868 amit.gupta 174 
						  </div>
175 
						</form>
176 
				      </div>
177 
				      <div class="modal-footer">
23951 amit.gupta 178 
						  <button type="button" class="addPriceDrop btn btn-primary">Add Price Drop</button>
23868 amit.gupta 179 
				        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
180 
				      </div>
181 
				    </div>
182 
 
183 
				  </div>
184 
				</div>
23819 govind 185 
			</ol>
186 
		</div>
187 
	</div>
188 
 
189 
    <div class="price-drop-table">
190 
	  <div class="row">
191 
			<div class="col-lg-12" id="priceDrop" >
192 
				<table class="table table-striped table-condensed table-bordered">
193 
	    			<thead>
194 
			            <tr>
25122 amit.gupta 195 
			            	<th>Drop Id</th>
23968 amit.gupta 196 
							<th>Item Name</th>
24410 amit.gupta 197 
							<th>TP</th>
198 
							<th>DP</th>
199 
							<th>Mop</th>
23968 amit.gupta 200 
							<th>Price Drop</th>
24410 amit.gupta 201 
							<th>New DP</th>
23968 amit.gupta 202 
							<th>Affected On</th>
23876 amit.gupta 203 
							<th>Created On</th>
26346 amit.gupta 204 
							<th>Payout</th>
23876 amit.gupta 205 
							<th>Processed On</th>
206 
							<th>Download IMEIs</th>
23819 govind 207 
 
208 
			            </tr>
209 
			        </thead>
210 
					<tbody>
211 
						#foreach($priceDrop in $priceDrops )
23968 amit.gupta 212 
						<tr data-pricedropid="$priceDrop.getId()">
25122 amit.gupta 213 
							<td>$priceDrop.getId()</td>
23968 amit.gupta 214 
							<td>$catalogDescription.get($priceDrop.getCatalogItemId())</td>
24992 tejbeer 215 
							<td class="currency">$priceDrop.getTp()</td>
216 
							<td class="currency">$priceDrop.getOldDp()</td>
217 
							<td class="currency">$priceDrop.getMop()</td>
218 
							<td class="currency">$priceDrop.getAmount()</td>
219 
							<td class="currency">$priceDrop.getNewDp()</td>
23868 amit.gupta 220 
							<td>$priceDrop.getAffectedOn().format($dateFormatter)</td>
24176 amit.gupta 221 
							<td>$priceDrop.getCreatedOn().format($dateFormatter)</td>
26333 amit.gupta 222 
							<td>
27054 amit.gupta 223 
								#if($priceDrop.getProcessTimestamp())
27071 amit.gupta 224 
									$priceDrop.getProcessTimestamp().format($dateTimeFormatter)<br>
225 
									<input type="number" name="partnerPayout" readonly value="$priceDrop.getAutoPartnerPayout()" class="form-control partner-payout input-sm"/>
226 
								#else
227 
									<input type="number" name="partnerPayout" value="$priceDrop.getAutoPartnerPayout()" class="form-control partner-payout input-sm"/>
27054 amit.gupta 228 
								#end
26334 amit.gupta 229 
							</td>
230 
							<td>
27071 amit.gupta 231 
								<input class="btn btn-info btn-sm mk_view_imeis" data-toggle="modal" data-target="#viewImeisModal" type="submit" value="Process Manually"/>
232 
								<input class="btn btn-info btn-sm mk_auto_process" data-activatedonly="false" type="submit" value="Process All"/><br>
233 
								<input class="btn btn-info btn-sm mk_auto_process" data-activatedonly="true" type="submit" value="Process Activated Only"/>
234 
							</td>
235 
							<td>
23876 amit.gupta 236 
								<input class="downloadtotalIMEI btn btn-info btn-sm" value="Download" type="submit" />
237 
							</td>
238 
						</tr>
23819 govind 239 
						#end
240 
					</tbody>
241 
				</table>
242 
				</div>
243 
				</div>
244 
				</div>
245 
				</section>
24406 amit.gupta 246 
<script type="text/javascript">
24410 amit.gupta 247 
$(document).ready(function() {
28568 amit.gupta 248 
  $(document).on('click', "#selectPriceDropStatus", function() {
249 
  var  status = $("#selectPriceDropStatus").val();
250 
     updatePriceDropImeis(status)
251 
	});
252 
 
24410 amit.gupta 253 
	var start = moment().subtract(29, 'days');
254 
	var end = moment();
255 
 
256 
  	priceDropTable = $('#priceDrop').find('table').DataTable({
257 
  		pageLength: 20,
258 
  		order:[[ 5, 'desc' ]]
259 
	});
260 
 
261 
 
27618 tejbeer 262 
  	getItemAheadOptions($("#typeaheaditem"),true,function(selectedItem){
24410 amit.gupta 263 
		currentItem = selectedItem;
264 
		doGetAjaxRequestHandler(context+"/item-pricing/"+currentItem.itemId, function(response){
265 
			response = JSON.parse(response);
266 
			$('#oldDp').html(response.dp);
267 
			$('#oldMop').html(response.mop);
268 
			$('#oldTp').html(response.tp);
269 
			$('#oldNlc').html(response.nlc);
270 
		});
271 
	});
27618 tejbeer 272 
	getItemAheadOptions($("#typeaheaditem1"),true, function(selectedItem){
24410 amit.gupta 273 
		currentItem = selectedItem;
274 
		doGetAjaxRequestHandler(context+"/item-pricing/"+currentItem.itemId, function(response){
24745 amit.gupta 275 
			$('.mk_pause_button').data("id", currentItem.catalogId);
24746 amit.gupta 276 
			$('.mk_pause_button').data("description", currentItem.itemDescription);
24410 amit.gupta 277 
			response = JSON.parse(response);
278 
			$("#mop").val(response.mop);
279 
			$("#mrp").val(response.mrp);
280 
			$("#dp").val(response.dp);
24411 amit.gupta 281 
			$("#tp").val(response.tp);
24410 amit.gupta 282 
			$('#dpValue').html("DP -" + response.dp);
283 
			$('#mopValue').html("MOP -" + response.mop);
284 
			$('#mrpValue').html("MRP -"+ response.mrp);
24411 amit.gupta 285 
			$('#tpValue').html("TP -"+ response.tp);
24410 amit.gupta 286 
		});
287 
	});
288 
	affectedDateInput=$('#affectedDate');
289 
	affectedDateInput.daterangepicker(getSingleDatePicker(), dateRangeCallback);
290 
	$("#newPriceDropModal").on('hidden.bs.modal', function () {
291 
	      $("#pdForm").trigger("reset");
292 
	});
293 
	$("#addPriceModal").on('hidden.bs.modal', function () {
294 
	      $("#pdForm1").trigger("reset");
295 
	});
296 
});
23819 govind 297 
</script>