Subversion Repositories SmartDukaan

Rev

Rev 27583 | Rev 30603 | 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>
21987 kshitij.so 67 
			</ol>
68 
		</div>
69 
	</div>
70 
 
27583 tejbeer 71 
	<div id="find-similar-products">
72 
    		<div class="row">
73 
    			<div class="col-lg-12">
74 
                <div class="col-md-3 col-sm-3 col-xs-12  form-group pull-left top_search">
75 
                  <div class="input-group">
76 
                     <input type="text" class="typeahead form-control" id="catalog-search-text-compare" name="Item" data-provide="typeahead" autocomplete="off" value="" style ="
77 
                        width: 200px;" placeholder="Search for product..."/>
78 
 
79 
                    <span class="input-group-btn">
80 
                      <button class="btn btn-primary submit" id="catalog-button" type="button">Find Similar Products!</button>
81 
                    </span>
82 
                    </div>
83 
                  </div>
84 
                </div>
85 
              </div>
86 
            </div>
87 
 
23396 ashik.ali 88 
	<div id="catalog-search">
89 
    		<div class="row">
90 
    			<div class="col-lg-12">
27583 tejbeer 91 
                <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-left top_search">
21987 kshitij.so 92 
                  <div class="input-group">
27583 tejbeer 93 
                    <input type="text" class="form-control" id="catalog-search-text"  autocomplete="off" placeholder="Search for product..." value="$searchTerm" />
21987 kshitij.so 94 
                    <span class="input-group-btn">
95 
                      <button class="btn btn-primary submit" id="catalog-search-button" type="button">Go!</button>
96 
                    </span>
97 
                  </div>
98 
                </div>
99 
              </div>
100 
         </div>
101 
        </div>
27583 tejbeer 102 
          <div id="catalog-search-capmare-go">
103 
    		<div class="col-lg-12">
104 
            <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-right top_search" style="width:15%;">
105 
                    <span class="input-group-btn">
106 
                  <button class="btn btn-primary submit"  id="Go-compare-button" type="button">Go-To-Compare!</button>
107 
                   </span>
108 
              </div>
109 
              </div>
110 
            </div>
111 
 
21987 kshitij.so 112 
         <div id="catalog-table">
113 
	         <div class="row">
114 
	    		<div class="col-lg-12">
115 
	    			<table class="table table-striped table-advance table-hover">
116 
	    				<tbody>
117 
	    					<tr>
118 
	    						<th>Item Code</th>
119 
	    						<th>Brand</th>
120 
	    						<th>Model Name</th>
121 
	    						<th>Model Number</th>
122 
	    						<th>Color</th>
22354 ashik.ali 123 
	    						<th>MOP</th>
124 
	    						<th>Availability</th>
27583 tejbeer 125 
	    						<th>Add To Bag</th>
126 
	    						<th>Add To Compare</th>
21987 kshitij.so 127 
	    					</tr>
22354 ashik.ali 128 
	    					#if(!$currentInventorySnapshot.isEmpty())
21987 kshitij.so 129 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
27583 tejbeer 130 
		    					 	<tr data="$inventorySnapshot.getItemId()" class="add-to-bag" >
22860 ashik.ali 131 
		    					 		<td>$inventorySnapshot.getItemId()</td>
27583 tejbeer 132 
		    					 		<td>$inventorySnapshot.getBrand()</td>
133 
		    					 		<td>$inventorySnapshot.getModelName()</td>
134 
		    					 		<td>$inventorySnapshot.getModelNumber()</td>
135 
		    					 		<td>$inventorySnapshot.getColor()</td>
136 
		    					 		<td>$inventorySnapshot.getPrice()</td>
22354 ashik.ali 137 
		    					 		<td>$inventorySnapshot.getAvailability()</td>
27583 tejbeer 138 
		    					 		<td><button class="add-bag-submit" id="add-bag-button" type="button" data-target="#bagModel" data-toggle="modal" >Add To Bag</button></td>
139 
		    					 	     <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 140 
		    					 	</tr>
141 
		    					 #end
142 
		    				#else
143 
		    					<tr>
144 
		    						<td colspan="5" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
145 
		    					</tr>
146 
		    				#end
27583 tejbeer 147 
 
21987 kshitij.so 148 
	    				</tbody>
149 
	    			</table>
150 
	    		</div>
151 
	    	</div>
152 
    	</div>
22354 ashik.ali 153 
    	#if(!$currentInventorySnapshot.isEmpty())
154 
	    	<div class="row" id="catalog-paginated">
155 
	    		<div class="col-lg-9">
156 
	    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
157 
	    		</div>
158 
	    		<div class="col-lg-3" style="text-align:right;">
159 
	    				<div class="btn-group" style="width:40%">
160 
							<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
161 
						</div>
162 
						<div class="btn-group" style="width:40%">
163 
							#if($end >= $size)
164 
								<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
165 
							#else
166 
								<button class="btn btn-primary next" style="width:100%">Next</button>
167 
							#end
168 
						</div>
169 
	    		</div>
170 
	    	</div>
21987 kshitij.so 171 
    	#end
27583 tejbeer 172 
 
173 
    	<div id="itemSimilarContainer">
174 
 
175 
    	</div>
176 
 
177 
 
21987 kshitij.so 178 
</section>
179 
 
26316 tejbeer 180 
<div id="bagModel" class="modal" role="dialog">
23181 ashik.ali 181 
  		<div class="modal-dialog modal-md">
21987 kshitij.so 182 
	       <!-- Modal content-->
183 
		    <div class="modal-content">
184 
		      <div class="modal-header">
185 
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
186 
		        <h4 class="modal-title">Add Item To Bag</h4>
187 
		      </div>
23405 amit.gupta 188 
		      <div class="modal-body" style="min-height:200px">
189 
		      <div id="catalogModalBody">
21987 kshitij.so 190 
					<input type="hidden" class="itemId" />
191 
					<input type="hidden" class="availability" />
192 
					<h4 class="bagModalProductInfo modelHeaderCustom">Product Details : <span></span></h4>
22354 ashik.ali 193 
					<h4 class="bagModalAvailability modelHeaderCustom">Availability : <span></span></h4>
24446 amit.gupta 194 
					<h4 class="bagModalEarlyImeis modelHeaderCustom">Imeis to bill: <span></span></h4>
195 
					<h4 class="bagModalQuantity modelHeaderCustom">Enter Quantity
23170 amit.gupta 196 
					<span>
21987 kshitij.so 197 
						<input type="number" min="1" class="form-control quantity"></input>
23405 amit.gupta 198 
					</span></h4>
21987 kshitij.so 199 
				<hr/>
23181 ashik.ali 200 
				<span>
21987 kshitij.so 201 
					<button type="submit" id="addToBagButton" class="btn btn-primary">Submit!</button>
202 
		       	</span>
203 
			  </div>
23405 amit.gupta 204 
			  </div>
23170 amit.gupta 205 
		    </div>
21987 kshitij.so 206 
		</div>
24203 amit.gupta 207 
 </div>
208 
 <script type="text/javascript">
209 
 	hasGift = $hasGift;
27583 tejbeer 210 
 
211 
	$(function(){
27620 tejbeer 212 
            getItemAheadOptions($("#catalog-search-text-compare"),false,function(selectedItem){
27583 tejbeer 213 
		 	currentItem = selectedItem;
214 
		 	console.log(currentItem);
215 
		 });
216 
		});
24203 amit.gupta 217 
 </script>