Subversion Repositories SmartDukaan

Rev

Rev 30605 | Rev 30633 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
28371 amit.gupta 1
<style>
2
.grab {
3
	cursor: grab;
4
}
5
 
6
.grabbed {
7
	box-shadow: 0 0 13px #000;
8
}
9
 
10
.grabCursor, .grabCursor * {
11
	cursor: grabbing !important;
12
}
13
</style>
14
 
15
<script type="text/javascript">
30601 amit.gupta 16
	$(function () {
30605 tejbeer 17
		$('input[name="offerdateRange"]').daterangepicker(getRangedDatePicker());
28371 amit.gupta 18
	});
30601 amit.gupta 19
 
20
	$(".edit-web-listing").click(function () {
28371 amit.gupta 21
		$("#web-editable-container").modal({
30601 amit.gupta 22
			backdrop: false
28371 amit.gupta 23
		});
24
 
25
	});
26
</script>
27
 
28
<section class="wrapper">
29
	<div class="row">
30
		<div class="col-lg-12">
31
			<h3 class="page-header">
32
				<i class="icon_document_alt"></i>Web Offers
33
			</h3>
34
			<ol class="breadcrumb">
35
				<li><i class="fa fa-home"></i><a
36
					href="${rc.contextPath}/dashboard">Home</a></li>
37
				<li><i class="icon_document_alt"></i>Web Offers</li>
38
			</ol>
39
		</div>
40
	</div>
41
	<div class="col-lg-6">
42
		<div class="row">
43
			<form onsubmit="event.preventDefault();addWebOffer();">
44
				<div class="col-lg-4">
45
					<div class="form-group">
46
						<label for="web-listing-title">Title</label> <input type="text"
47
							class="form-control" id="web-offer-title"
48
							placeholder="Hdfc Bank Offer">
49
					</div>
50
					<div class="form-group">
51
						<label for="web-listing-title">Small Text</label> 
52
						 <input type="text"
53
							class="form-control" id="small-text"
54
							placeholder="Small Text"/>
55
					</div>
56
				</div>
57
				<div class="col-lg-4">
58
					<div class="form-group">
59
						<label for="web-listing-title">Detailed Text</label>
60
							<textarea
61
							class="form-control" id="detailed-text"
62
							></textarea>
63
					</div>
64
					<div class="form-group" style="margin-top: 15px">
65
						<div class="form-group">
30632 tejbeer 66
							<label for="web-listing-bannerurl">Banner Url</label> <input
67
								class="form-control" id="offer-banner-large"
28371 amit.gupta 68
								placeholder="Banner Url">
69
						</div>
70
					</div>
71
				</div>
72
				<div class="col-lg-4">
73
					<div class="form-group">
74
						<label for="schemeDuration">Offer Duration :</label> 
30605 tejbeer 75
						<input id="offerDuration" name="offerdateRange" type="text" value="" class="form-control input-sm">
28371 amit.gupta 76
					</div>
77
					<div class="form-group">
30596 tejbeer 78
					<label></label> 
28371 amit.gupta 79
					<button type="submit" class="btn btn-default">Add Offer</button>
80
					</div>
81
				</div>				
82
			</form>
83
		</div>
84
 
30596 tejbeer 85
 
28371 amit.gupta 86
		<div class="row">
87
			<table class="table table-border table-condensed table-bordered"
88
				id="catalog-feature-table">
89
				<thead>
90
					<tr>
91
						<th>Id</th>
92
						<th>Title</th>
93
						<th>Banner Url</th>
94
						<th>Active</th>
95
						<th>Edit</th>
96
					</tr>
97
				</thead>
98
				<tbody id="web-listing-tbody">
99
					#foreach($webListing in $webListings)
100
					<tr class="grab" data-id="$webListing.getId()">
101
						<td>$webListing.getId()</td>
102
						<td><a href="javascript:void(0)"
103
							data-id="$webListing.getId()" class="web-offer-details">$webListing.getTitle()</a></td>
104
						#if($webListing.getSmallBannerUrl())
105
						<td>$webListing.getSmallBannerUrl()</td> #else
106
						<td>-</td> #end 
107
						#if($webListing.isActive())
108
						<td><a class="web-listing-active">Mark InActive</a></td> 
109
						#else
110
						<td><a class="web-listing-active">Mark Active</a></td>
111
						#end
30596 tejbeer 112
						<td><a data-id="$webListing.getId()"
113
							data-target="#web-offer-edit-modal" data-toggle="modal"
114
							class="web-offer-id">edit</a></td>
28371 amit.gupta 115
					</tr>
116
					#end
117
 
118
 
119
				</tbody>
120
			</table>
121
		</div>
122
	</div>
123
	<div class="col-lg-6">
124
		<div id="web-offer">
125
			<div class="row">
126
				<div class="col-lg-12 web-offer-products-container"></div>
127
			</div>
128
		</div>
129
	</div>
130
</section>
131
 
132
<div class="web-offer-edit-container">
133
 
30596 tejbeer 134
	<div id="web-offer-edit-modal" class="modal"
28371 amit.gupta 135
		id="web-editable-container" role="dialog">
136
		<div class="modal-dialog modal-md">
137
			<!-- Modal content-->
138
			<div class="modal-content" style="width: 800px; height: 200px;"></div>
139
		</div>
140
	</div>
141
</div>
142
 
143
<script type="text/javascript">
144
	$(document).ready(function() {
145
		$('#catalog-feature-table').DataTable({
146
			"bPaginate" : true,
147
			"bLengthChange" : true,
148
			"bFilter" : true,
149
			"bInfo" : false,
150
			"bAutoWidth" : false,
151
			"pageLength" : 100
152
		});
153
	});
154
</script>