Subversion Repositories SmartDukaan

Rev

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