Subversion Repositories SmartDukaan

Rev

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