Subversion Repositories SmartDukaan

Rev

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