Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
21987 kshitij.so 1 
<style>
2 
	.table-striped > tbody > tr:nth-child(odd) > td{
3 
  background: white;
4 
  background-color: white;
5 
}
6 
.table-striped > tbody > tr:nth-child(even) > td{
7 
  background: white;
8 
  background-color:white;
9 
}
27583 tejbeer 10 
 
11 
.add-bag-submit{
12 
color: white;
13 
background-color: #008CBA;
14 
}
15 
 
16 
#find-similar-products{
17 
padding-top: 10px;
18 
}
19 
 
20 
.add-bag-submit:hover{
21 
color: red;
22 
background-color: #000000;
23 
}
24 
 
21987 kshitij.so 25 
.table-striped > tbody > tr:hover > td,
26 
	.table-striped > tbody > tr:hover {
23181 ashik.ali 27 
	  background-color: #e98c8f;
21987 kshitij.so 28 
	  color:white;
29 
	}
30 
	.btn:hover{
31 
  	color: grey;
32 
  	text-decoration: none;
33 
	}
34 
	.btn-primary:hover{
35 
  	color: grey;
36 
  	text-decoration: none;
37 
	}
27583 tejbeer 38 
	#add-to-compare-check{
21987 kshitij.so 39 
		cursor:pointer;
40 
	}
41 
	modal-dialog.modal-lg{
42 
		left:10%;
43 
		right:auto;
44 
		width:80%;
45 
	}
46 
	.modal-content{
47 
		background : white;
48 
	}
49 
	.modelHeaderCustom{
50 
		font-size:14px;
51 
		font-weight:bold;
52 
	}
53 
	hr{
54 
		background-color:#007aff;
55 
		border:none;
56 
		height:1px;
57 
		background:#007aff;
58 
	}
59 
</style>
23396 ashik.ali 60 
<section class="wrapper">
21987 kshitij.so 61 
	<div class="row">
62 
		<div class="col-lg-12">
63 
			<h3 class="page-header"><i class="icon_genius"></i>CATALOG</h3>
64 
			<ol class="breadcrumb">
22116 amit.gupta 65 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
23396 ashik.ali 66 
				<li><i class="icon_genius"></i>CATALOG</li>
31986 tejbeer 67 
				 <li><a href="#videoModal" class="btn btn-danger" data-toggle="modal" data-src="oozbvqapL60"><span
68 
                     class="glyphicon glyphicon-play-circle"></span> Play Video</a></li>
69 
 
21987 kshitij.so 70 
			</ol>
71 
		</div>
72 
	</div>
73 
 
27583 tejbeer 74 
	<div id="find-similar-products">
75 
    		<div class="row">
76 
    			<div class="col-lg-12">
77 
                <div class="col-md-3 col-sm-3 col-xs-12  form-group pull-left top_search">
78 
                  <div class="input-group">
79 
                     <input type="text" class="typeahead form-control" id="catalog-search-text-compare" name="Item" data-provide="typeahead" autocomplete="off" value="" style ="
80 
                        width: 200px;" placeholder="Search for product..."/>
81 
 
82 
                    <span class="input-group-btn">
83 
                      <button class="btn btn-primary submit" id="catalog-button" type="button">Find Similar Products!</button>
84 
                    </span>
85 
                    </div>
86 
                  </div>
87 
                </div>
88 
              </div>
89 
            </div>
90 
 
23396 ashik.ali 91 
	<div id="catalog-search">
92 
    		<div class="row">
93 
    			<div class="col-lg-12">
27583 tejbeer 94 
                <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-left top_search">
21987 kshitij.so 95 
                  <div class="input-group">
27583 tejbeer 96 
                    <input type="text" class="form-control" id="catalog-search-text"  autocomplete="off" placeholder="Search for product..." value="$searchTerm" />
21987 kshitij.so 97 
                    <span class="input-group-btn">
98 
                      <button class="btn btn-primary submit" id="catalog-search-button" type="button">Go!</button>
99 
                    </span>
100 
                  </div>
101 
                </div>
102 
              </div>
103 
         </div>
104 
        </div>
27583 tejbeer 105 
          <div id="catalog-search-capmare-go">
106 
    		<div class="col-lg-12">
107 
            <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-right top_search" style="width:15%;">
108 
                    <span class="input-group-btn">
109 
                  <button class="btn btn-primary submit"  id="Go-compare-button" type="button">Go-To-Compare!</button>
110 
                   </span>
111 
              </div>
112 
              </div>
113 
            </div>
114 
 
21987 kshitij.so 115 
         <div id="catalog-table">
116 
	         <div class="row">
117 
	    		<div class="col-lg-12">
118 
	    			<table class="table table-striped table-advance table-hover">
119 
	    				<tbody>
120 
	    					<tr>
121 
	    						<th>Item Code</th>
122 
	    						<th>Brand</th>
123 
	    						<th>Model Name</th>
124 
	    						<th>Model Number</th>
125 
	    						<th>Color</th>
22354 ashik.ali 126 
	    						<th>MOP</th>
127 
	    						<th>Availability</th>
30603 tejbeer 128 
	    						<th>Customer Offers</th>
27583 tejbeer 129 
	    						<th>Add To Bag</th>
130 
	    						<th>Add To Compare</th>
21987 kshitij.so 131 
	    					</tr>
22354 ashik.ali 132 
	    					#if(!$currentInventorySnapshot.isEmpty())
21987 kshitij.so 133 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
27583 tejbeer 134 
		    					 	<tr data="$inventorySnapshot.getItemId()" class="add-to-bag" >
22860 ashik.ali 135 
		    					 		<td>$inventorySnapshot.getItemId()</td>
27583 tejbeer 136 
		    					 		<td>$inventorySnapshot.getBrand()</td>
137 
		    					 		<td>$inventorySnapshot.getModelName()</td>
138 
		    					 		<td>$inventorySnapshot.getModelNumber()</td>
139 
		    					 		<td>$inventorySnapshot.getColor()</td>
140 
		    					 		<td>$inventorySnapshot.getPrice()</td>
22354 ashik.ali 141 
		    					 		<td>$inventorySnapshot.getAvailability()</td>
30603 tejbeer 142 
		    					 		#if($webOfferMap.get($inventorySnapshot.getCatalogItemId()))
143 
		    					 		<td><a class="web-offer-submit" data-catalogid= "$inventorySnapshot.getCatalogItemId()" id="web-offer-button"  data-target="#todayOfferModal" data-toggle="modal">Customer Offers</a></td>
144 
		    					 		#else
145 
		    					 		 <td>-</td>
146 
		    					 		#end
27583 tejbeer 147 
		    					 		<td><button class="add-bag-submit" id="add-bag-button" type="button" data-target="#bagModel" data-toggle="modal" >Add To Bag</button></td>
148 
		    					 	     <td><input type="checkbox" class="add-compare-checkbox" data-catalogitemid="$inventorySnapshot.getCatalogItemId()" id="add-to-compare-check" name="compare-check"><span></span></td>
21987 kshitij.so 149 
		    					 	</tr>
150 
		    					 #end
151 
		    				#else
152 
		    					<tr>
153 
		    						<td colspan="5" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
154 
		    					</tr>
155 
		    				#end
27583 tejbeer 156 
 
21987 kshitij.so 157 
	    				</tbody>
158 
	    			</table>
159 
	    		</div>
160 
	    	</div>
161 
    	</div>
22354 ashik.ali 162 
    	#if(!$currentInventorySnapshot.isEmpty())
163 
	    	<div class="row" id="catalog-paginated">
164 
	    		<div class="col-lg-9">
165 
	    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
166 
	    		</div>
167 
	    		<div class="col-lg-3" style="text-align:right;">
168 
	    				<div class="btn-group" style="width:40%">
169 
							<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
170 
						</div>
171 
						<div class="btn-group" style="width:40%">
172 
							#if($end >= $size)
173 
								<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
174 
							#else
175 
								<button class="btn btn-primary next" style="width:100%">Next</button>
176 
							#end
177 
						</div>
178 
	    		</div>
179 
	    	</div>
21987 kshitij.so 180 
    	#end
27583 tejbeer 181 
 
182 
    	<div id="itemSimilarContainer">
183 
 
184 
    	</div>
185 
 
186 
 
21987 kshitij.so 187 
</section>
188 
 
26316 tejbeer 189 
<div id="bagModel" class="modal" role="dialog">
23181 ashik.ali 190 
  		<div class="modal-dialog modal-md">
21987 kshitij.so 191 
	       <!-- Modal content-->
192 
		    <div class="modal-content">
193 
		      <div class="modal-header">
194 
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
195 
		        <h4 class="modal-title">Add Item To Bag</h4>
196 
		      </div>
23405 amit.gupta 197 
		      <div class="modal-body" style="min-height:200px">
198 
		      <div id="catalogModalBody">
21987 kshitij.so 199 
					<input type="hidden" class="itemId" />
200 
					<input type="hidden" class="availability" />
201 
					<h4 class="bagModalProductInfo modelHeaderCustom">Product Details : <span></span></h4>
22354 ashik.ali 202 
					<h4 class="bagModalAvailability modelHeaderCustom">Availability : <span></span></h4>
24446 amit.gupta 203 
					<h4 class="bagModalEarlyImeis modelHeaderCustom">Imeis to bill: <span></span></h4>
204 
					<h4 class="bagModalQuantity modelHeaderCustom">Enter Quantity
23170 amit.gupta 205 
					<span>
21987 kshitij.so 206 
						<input type="number" min="1" class="form-control quantity"></input>
23405 amit.gupta 207 
					</span></h4>
21987 kshitij.so 208 
				<hr/>
23181 ashik.ali 209 
				<span>
21987 kshitij.so 210 
					<button type="submit" id="addToBagButton" class="btn btn-primary">Submit!</button>
211 
		       	</span>
212 
			  </div>
23405 amit.gupta 213 
			  </div>
23170 amit.gupta 214 
		    </div>
21987 kshitij.so 215 
		</div>
24203 amit.gupta 216 
 </div>
30603 tejbeer 217 
 
218 
    <div id="todayOfferModal" class="modal" role="dialog">
219 
	  <div class="modal-dialog">
220 
	    <div class="modal-content">
221 
 
222 
    </div>
223 
   </div>
224 
 </div>
225 
 
24203 amit.gupta 226 
 <script type="text/javascript">
227 
 	hasGift = $hasGift;
27583 tejbeer 228 
 
229 
	$(function(){
27620 tejbeer 230 
            getItemAheadOptions($("#catalog-search-text-compare"),false,function(selectedItem){
27583 tejbeer 231 
		 	currentItem = selectedItem;
232 
		 	console.log(currentItem);
233 
		 });
234 
		});
24203 amit.gupta 235 
 </script>