Subversion Repositories SmartDukaan

Rev

Rev 30596 | Go to most recent revision | Details | 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">
16 
	$(function() {
17 
    	$('input[name="dateRange"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
18 
	});
19 
 
20 
	$(".edit-web-listing").click(function() {
21 
		$("#web-editable-container").modal({
22 
			backdrop : false
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">
66 
							<label for="web-listing-bannerurl">Small Banner</label> <input
67 
								class="form-control" id="offer-banner-small"
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>
75 
						<input id="offerDuration" name="dateRange" type="text" value="" class="form-control input-sm">
76 
					</div>
77 
					<div class="form-group">
78 
					<button type="submit" class="btn btn-default">Add Offer</button>
79 
					</div>
80 
				</div>
81 
			</form>
82 
		</div>
83 
		<div class="row col-lg-4" style="padding: 15px">
84 
			<button id="weblisting-update-rank" disabled class="btn btn-default"
85 
				type="button">Update Rank</button>
86 
		</div>
87 
 
88 
		<div class="row">
89 
			<table class="table table-border table-condensed table-bordered"
90 
				id="catalog-feature-table">
91 
				<thead>
92 
					<tr>
93 
						<th>Id</th>
94 
						<th>Title</th>
95 
						<th>Banner Url</th>
96 
						<th>Active</th>
97 
						<th>Edit</th>
98 
					</tr>
99 
				</thead>
100 
				<tbody id="web-listing-tbody">
101 
					#foreach($webListing in $webListings)
102 
					<tr class="grab" data-id="$webListing.getId()">
103 
						<td>$webListing.getId()</td>
104 
						<td><a href="javascript:void(0)"
105 
							data-id="$webListing.getId()" class="web-offer-details">$webListing.getTitle()</a></td>
106 
						#if($webListing.getSmallBannerUrl())
107 
						<td>$webListing.getSmallBannerUrl()</td> #else
108 
						<td>-</td> #end
109 
						#if($webListing.isActive())
110 
						<td><a class="web-listing-active">Mark InActive</a></td>
111 
						#else
112 
						<td><a class="web-listing-active">Mark Active</a></td>
113 
						#end
114 
						<td><a
115 
							data-target="#web-listing-edit-modal" data-toggle="modal"
116 
							class="web-listing-id">edit</a></td>
117 
					</tr>
118 
					#end
119 
 
120 
 
121 
				</tbody>
122 
			</table>
123 
		</div>
124 
	</div>
125 
	<div class="col-lg-6">
126 
		<div id="web-offer">
127 
			<div class="row">
128 
				<div class="col-lg-12 web-offer-products-container"></div>
129 
			</div>
130 
		</div>
131 
	</div>
132 
</section>
133 
 
134 
<div class="web-offer-edit-container">
135 
 
136 
	<div id="web-listing-edit-modal" class="modal"
137 
		id="web-editable-container" role="dialog">
138 
		<div class="modal-dialog modal-md">
139 
			<!-- Modal content-->
140 
			<div class="modal-content" style="width: 800px; height: 200px;"></div>
141 
		</div>
142 
	</div>
143 
</div>
144 
 
145 
<script type="text/javascript">
146 
	$(document).ready(function() {
147 
		$('#catalog-feature-table').DataTable({
148 
			"bPaginate" : true,
149 
			"bLengthChange" : true,
150 
			"bFilter" : true,
151 
			"bInfo" : false,
152 
			"bAutoWidth" : false,
153 
			"pageLength" : 100
154 
		});
155 
	});
156 
</script>