Subversion Repositories SmartDukaan

Rev

Rev 24062 | Rev 24083 | 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>
21 
				<li><button type="button" data-toggle="modal" class="btn btn-sm btn-primary" data-target="#addPriceModal">Add 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>
23 
				<div id="addPriceModal" class="modal fade" role="dialog">
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>
30 
				        <h4 class="modal-title">Add Pricing</h4>
31 
				      </div>
32 
				      <div class="modal-body">
33 
			      		<form id="pdForm1">
34 
				      		<div class="form-group row">
24058 amit.gupta 35 
					  			<div class="col-lg-6">
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>
24058 amit.gupta 39 
							    <div class="col-lg-2">
24062 amit.gupta 40 
							    	<label id="dpValue">DP - </label>
24052 amit.gupta 41 
								    <input type="text" class="form-control" id="dp" placeholder="DP" type="text"/>
42 
								</div>
24055 amit.gupta 43 
							    <div class="col-lg-2">
24062 amit.gupta 44 
							    	<label id="mopValue">MOP - </label>
24052 amit.gupta 45 
								    <input type="text" class="form-control" id="mop" placeholder="MOP" type="text"/>
46 
								</div>
24055 amit.gupta 47 
							    <div class="col-lg-2">
24062 amit.gupta 48 
							    	<label id="mrpValue">MRP -</label>
24058 amit.gupta 49 
								    <input type="text" class="form-control" id="mrp" placeholder="MRP" type="text"/>
24055 amit.gupta 50 
								</div>
24052 amit.gupta 51 
							</div>
24056 amit.gupta 52 
			      		</form>
53 
					</div>
54 
					<div class="modal-footer">
55 
						<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
56 
						<button type="button" class="btn btn-primary add-pricing">Add Pricing</button>
57 
				    </div>
24052 amit.gupta 58 
 
59 
			   		</div>
24055 amit.gupta 60 
			   	</div>
61 
			  </div>
24052 amit.gupta 62 
 
63 
 
23868 amit.gupta 64 
				<!-- Modal -->
65 
				<div id="newPriceDropModal" class="modal fade" role="dialog">
66 
				  <div class="modal-dialog">
67 
 
68 
				    <!-- Modal content-->
69 
				    <div class="modal-content">
70 
				      <div class="modal-header">
71 
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
72 
				        <h4 class="modal-title">Add Price Drop</h4>
73 
				      </div>
74 
				      <div class="modal-body">
75 
			      		<form id="pdForm">
23876 amit.gupta 76 
						  <div class="form-group row">
23951 amit.gupta 77 
					  			<div class="col-lg-6">
23876 amit.gupta 78 
							    	<input placeholder="Search Item" type="text" class="form-control typeahead" id="typeaheaditem" name="Item" data-provide="typeahead" autocomplete="off">
79 
							    </div>
23951 amit.gupta 80 
							    <div class="col-lg-3">
81 
								    <input type="text" class="form-control" id="affectedDate" placeholder="Affected on" type="text"/>
82 
								</div>
83 
							    <div class="col-lg-3">
84 
									<button type="button" class="btn btn-primary download-imeis">Download IMEIs</button>
85 
								</div>
86 
							    <!--<div class="col-lg-4 checkbox">
23876 amit.gupta 87 
								  <label><input id="allColors" type="checkbox" value="">Apply to all Colors</label>
23951 amit.gupta 88 
								</div>-->
23868 amit.gupta 89 
						  </div>
90 
						  <div class="form-group row">
24019 amit.gupta 91 
							<div class="col-lg-4">
24049 amit.gupta 92 
							    <label for="dpDrop">MOP:(<span id="oldMop"></span>)</label>
24019 amit.gupta 93 
							    <input type="number" class="form-control" id="newMop">
23868 amit.gupta 94 
							</div>
24019 amit.gupta 95 
						    <div class="col-lg-3">
96 
								<button type="button" class="btn btn-primary update-mop">Update MOP</button>
97 
							</div>
23951 amit.gupta 98 
 
23868 amit.gupta 99 
						  </div>
100 
						  <div class="form-group row">
24049 amit.gupta 101 
						  	<div class="col-lg-3">
102 
						  		<label for="priceDrop">Drop Announced:</label>
24019 amit.gupta 103 
							    <input type="number" class="form-control" id="pd">
23868 amit.gupta 104 
							</div>
24049 amit.gupta 105 
						  	<div class="col-lg-3">
106 
						  		<label for="dp">Current DP</label>
24058 amit.gupta 107 
							    <input type="number" readonly class="form-control" id="currentDp">
24047 amit.gupta 108 
							</div>
24048 amit.gupta 109 
							<div class="col-lg-3">
24049 amit.gupta 110 
							    <label for="newTp">TP:(<span id="oldTp"></span>)</label>
23868 amit.gupta 111 
							    <input type="number" class="form-control" id="newTp">
112 
							</div>
24048 amit.gupta 113 
							<div class="col-lg-3">
24049 amit.gupta 114 
							    <label for="newNlc">NLC:(<span id="oldNlc"></span>)</label>
23868 amit.gupta 115 
							    <input type="number" class="form-control" id="newNlc">
116 
							</div>
117 
						  </div>
118 
						</form>
119 
				      </div>
120 
				      <div class="modal-footer">
23951 amit.gupta 121 
						  <button type="button" class="addPriceDrop btn btn-primary">Add Price Drop</button>
23868 amit.gupta 122 
				        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
123 
				      </div>
124 
				    </div>
125 
 
126 
				  </div>
127 
				</div>
23819 govind 128 
			</ol>
129 
		</div>
130 
	</div>
131 
 
132 
    <div class="price-drop-table">
133 
	  <div class="row">
134 
			<div class="col-lg-12" id="priceDrop" >
135 
				<table class="table table-striped table-condensed table-bordered">
136 
	    			<thead>
137 
			            <tr>
23968 amit.gupta 138 
							<th>Item Name</th>
139 
							<th>Old DP</th>
140 
							<th>Price Drop</th>
24047 amit.gupta 141 
							<th>Mop</th>
23968 amit.gupta 142 
							<th>TP</th>
143 
							<th>NLC </th>
144 
							<th>Affected On</th>
23876 amit.gupta 145 
							<th>Created On</th>
23968 amit.gupta 146 
							<th>Price Drop In</th>
23876 amit.gupta 147 
							<th>Partner Payout</th>
148 
							<th>Processed On</th>
149 
							<th>Download IMEIs</th>
23819 govind 150 
 
151 
			            </tr>
152 
			        </thead>
153 
					<tbody>
154 
						#foreach($priceDrop in $priceDrops )
23968 amit.gupta 155 
						<tr data-pricedropid="$priceDrop.getId()">
156 
							<td>$catalogDescription.get($priceDrop.getCatalogItemId())</td>
157 
							<td>$priceDrop.getOldDp()</td>
23819 govind 158 
							<td>$priceDrop.getAmount()</td>
24047 amit.gupta 159 
							<td>$priceDrop.getMop()</td>
23968 amit.gupta 160 
							<td>$priceDrop.getTp()</td>
161 
							<td>$priceDrop.getNlc()</td>
23868 amit.gupta 162 
							<td>$priceDrop.getAffectedOn().format($dateFormatter)</td>
23876 amit.gupta 163 
							<td>$priceDrop.getCreatedOn().format($dateTimeFormatter)</td>
23819 govind 164 
							#if($priceDrop.getProcessTimestamp())
23876 amit.gupta 165 
							<td>$priceDrop.getPriceDropIn()</td>
166 
							<td>$priceDrop.getPartnerPayout()</td>
23868 amit.gupta 167 
							<td>$priceDrop.getProcessTimestamp().format($dateTimeFormatter)</td>
23819 govind 168 
							#else
23876 amit.gupta 169 
							<td>
23968 amit.gupta 170 
									<input type="number" name="priceDropIn" placeholder = "Price Drop In"   class="form-control price-drop-in input-sm"/>
23876 amit.gupta 171 
							</td>
172 
							<td>
23968 amit.gupta 173 
									<input type="number" name="partnerPayout" placeholder = "Partner Payout"   class="form-control partner-payout input-sm"/>
23876 amit.gupta 174 
							</td>
175 
							<td>
23968 amit.gupta 176 
								<input class="btn btn-info btn-sm mk_process_price_drop" data-cashback="$priceDrop.getId()" type="submit" value="Process"/>
23876 amit.gupta 177 
							</td>
23819 govind 178 
							#end
23876 amit.gupta 179 
							<td>
180 
								<input class="downloadtotalIMEI btn btn-info btn-sm" value="Download" type="submit" />
181 
							</td>
182 
						</tr>
23819 govind 183 
						#end
184 
					</tbody>
185 
				</table>
186 
				</div>
187 
				</div>
188 
				</div>
189 
				</section>
190 
 
191 
				<script type="text/javascript">
192 
$(document).ready(function() {
23868 amit.gupta 193 
	    var start = moment().subtract(29, 'days');
194 
    	var end = moment();
195 
 
23819 govind 196 
  priceDropTable = $('#priceDrop').find('table').DataTable({
24047 amit.gupta 197 
  "pageLength": 20,
23819 govind 198 
  order:[[ 5, 'desc' ]]
199 
  });
23868 amit.gupta 200 
  customItems = $customItems;
201 
  itemAhead = $("#typeaheaditem").typeahead({
202 
	  source: customItems,
203 
	  autoSelect: false,
204 
	  displayText:function(item){return item.itemDescription;},
23876 amit.gupta 205 
	  afterSelect:	function(selectedItem){
206 
	  					console.log(selectedItem);
207 
	  					currentItem = selectedItem;
24047 amit.gupta 208 
	  					doGetAjaxRequestHandler(context+"/item-pricing/"+currentItem.itemId, function(response){
209 
	  						response = JSON.parse(response);
24066 amit.gupta 210 
							$('#currentDp').val(response.dp);
211 
							$('#oldMop').html(response.mop);
212 
							$('#oldTp').html(response.tp);
213 
							$('#oldNlc').html(response.nlc);
24047 amit.gupta 214 
						});
23868 amit.gupta 215 
	  				}
216 
	});
24055 amit.gupta 217 
 
218 
  newCustomItems = $newCustomItems;
24052 amit.gupta 219 
  itemAhead1 = $("#typeaheaditem1").typeahead({
220 
	  source: newCustomItems,
221 
	  autoSelect: false,
222 
	  displayText:function(item){return item.itemDescription;},
223 
	  afterSelect:	function(selectedItem){
224 
	  					currentItem1 = selectedItem;
24062 amit.gupta 225 
	  					doGetAjaxRequestHandler(context+"/item-pricing/"+currentItem1.itemId, function(response){
226 
	  						response = JSON.parse(response);
24066 amit.gupta 227 
 
228 
	  						if(response.dp > 0) {
229 
	  							$("#dp").val(response.dp).prop("readOnly", true);
230 
	  						} else {
231 
	  							$("#dp").val(response.dp).prop("readOnly", false);
232 
	  						}
233 
  							$("#mop").val(response.mop);
234 
  							$("#mrp").val(response.mrp);
235 
							$('#dpValue').html("DP -" + response.dp);
236 
							$('#mopValue').html("MOP -" + response.mop);
237 
							$('#mrpValue').html("MRP -"+ response.mrp);
24062 amit.gupta 238 
						});
24052 amit.gupta 239 
	  				}
240 
	});
241 
 
23819 govind 242 
  });
23868 amit.gupta 243 
  affectedDateInput=$('#affectedDate');
23886 amit.gupta 244 
  affectedDateInput.daterangepicker(getSingleDatePicker(), dateRangeCallback);
23868 amit.gupta 245 
  $("#newPriceDropModal").on('hidden.bs.modal', function () {
246 
            $("#pdForm").trigger("reset");
247 
  });
24052 amit.gupta 248 
  $("#addPriceModal").on('hidden.bs.modal', function () {
249 
            $("#pdForm1").trigger("reset");
250 
  });
23819 govind 251 
</script>