Subversion Repositories SmartDukaan

Rev

Rev 26316 | Rev 27620 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 26316 Rev 27583
Line 5... Line 5...
5 
}
 5 
}
6 
.table-striped > tbody > tr:nth-child(even) > td{
 6 
.table-striped > tbody > tr:nth-child(even) > td{
7 
  background: white;
 7 
  background: white;
8 
  background-color:white;
 8 
  background-color:white;
9 
}
 9 
}
- 
 
 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 
 
10 
.table-striped > tbody > tr:hover > td,
 25 
.table-striped > tbody > tr:hover > td,
11 
	.table-striped > tbody > tr:hover {
 26 
	.table-striped > tbody > tr:hover {
12 
	  background-color: #e98c8f;
 27 
	  background-color: #e98c8f;
13 
	  color:white;
 28 
	  color:white;
14 
	}
 29 
	}
Line 18... Line 33...
18 
	}
 33 
	}
19 
	.btn-primary:hover{
 34 
	.btn-primary:hover{
20 
  	color: grey;
 35 
  	color: grey;
21 
  	text-decoration: none;
 36 
  	text-decoration: none;
22 
	}
 37 
	}
23 
	.add-to-bag{
 38 
	#add-to-compare-check{
24 
		cursor:pointer;
 39 
		cursor:pointer;
25 
	}
 40 
	}
26 
	modal-dialog.modal-lg{
 41 
	modal-dialog.modal-lg{
27 
		left:10%;
 42 
		left:10%;
28 
		right:auto;
 43 
		right:auto;
Line 51... Line 66...
51 
				<li><i class="icon_genius"></i>CATALOG</li>
 66 
				<li><i class="icon_genius"></i>CATALOG</li>
52 
			</ol>
 67 
			</ol>
53 
		</div>
 68 
		</div>
54 
	</div>
 69 
	</div>
55
70
- 
 
 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
56 
	<div id="catalog-search">
 88 
	<div id="catalog-search">
57 
    		<div class="row">
 89 
    		<div class="row">
58 
    			<div class="col-lg-12">
 90 
    			<div class="col-lg-12">
59 
                <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-right top_search">
 91 
                <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-left top_search">
60 
                  <div class="input-group">
 92 
                  <div class="input-group">
61 
                    <input type="text" class="form-control" id="catalog-search-text" placeholder="Search for product..." value="$searchTerm" />
 93 
                    <input type="text" class="form-control" id="catalog-search-text"  autocomplete="off" placeholder="Search for product..." value="$searchTerm" />
62 
                    <span class="input-group-btn">
 94 
                    <span class="input-group-btn">
63 
                      <button class="btn btn-primary submit" id="catalog-search-button" type="button">Go!</button>
 95 
                      <button class="btn btn-primary submit" id="catalog-search-button" type="button">Go!</button>
64 
                    </span>
 96 
                    </span>
65 
                  </div>
 97 
                  </div>
66 
                </div>
 98 
                </div>
67 
              </div>
 99 
              </div>
68 
         </div>
 100 
         </div>
69 
        </div>
 101 
        </div>
- 
 
 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
70 
         <div id="catalog-table">
 112 
         <div id="catalog-table">
71 
	         <div class="row">
 113 
	         <div class="row">
72 
	    		<div class="col-lg-12">
 114 
	    		<div class="col-lg-12">
73 
	    			<table class="table table-striped table-advance table-hover">
 115 
	    			<table class="table table-striped table-advance table-hover">
74 
	    				<tbody>
 116 
	    				<tbody>
Line 78... Line 120...
78 
	    						<th>Model Name</th>
 120 
	    						<th>Model Name</th>
79 
	    						<th>Model Number</th>
 121 
	    						<th>Model Number</th>
80 
	    						<th>Color</th>
 122 
	    						<th>Color</th>
81 
	    						<th>MOP</th>
 123 
	    						<th>MOP</th>
82 
	    						<th>Availability</th>
 124 
	    						<th>Availability</th>
- 
 
 125 
	    						<th>Add To Bag</th>
- 
 
 126 
	    						<th>Add To Compare</th>
83 
	    					</tr>
 127 
	    					</tr>
84 
	    					#if(!$currentInventorySnapshot.isEmpty())
 128 
	    					#if(!$currentInventorySnapshot.isEmpty())
85 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
 129 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
86 
		    					 	<tr data="$inventorySnapshot.getItemId()" class="add-to-bag" data-toggle="modal" data-target="#bagModel">
 130 
		    					 	<tr data="$inventorySnapshot.getItemId()" class="add-to-bag" >
87 
		    					 		<td>$inventorySnapshot.getItemId()</td>
 131 
		    					 		<td>$inventorySnapshot.getItemId()</td>
88 
		    					 		<td>$inventorySnapshot.getItem().getBrand()</td>
 132 
		    					 		<td>$inventorySnapshot.getBrand()</td>
89 
		    					 		<td>$inventorySnapshot.getItem().getModelName()</td>
 133 
		    					 		<td>$inventorySnapshot.getModelName()</td>
90 
		    					 		<td>$inventorySnapshot.getItem().getModelNumber()</td>
 134 
		    					 		<td>$inventorySnapshot.getModelNumber()</td>
91 
		    					 		<td>$inventorySnapshot.getItem().getColor()</td>
 135 
		    					 		<td>$inventorySnapshot.getColor()</td>
92 
		    					 		<td>$mopPriceMap.get($inventorySnapshot.getItemId()).getPrice()</td>
 136 
		    					 		<td>$inventorySnapshot.getPrice()</td>
93 
		    					 		<td>$inventorySnapshot.getAvailability()</td>
 137 
		    					 		<td>$inventorySnapshot.getAvailability()</td>
- 
 
 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>
94 
		    					 	</tr>
 140 
		    					 	</tr>
95 
		    					 #end
 141 
		    					 #end
96 
		    				#else
 142 
		    				#else
97 
		    					<tr>
 143 
		    					<tr>
98 
		    						<td colspan="5" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
 144 
		    						<td colspan="5" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
99 
		    					</tr>
 145 
		    					</tr>
100 
		    				#end
 146 
		    				#end
- 
 
 147
101 
	    				</tbody>
 148 
	    				</tbody>
102 
	    			</table>
 149 
	    			</table>
103 
	    		</div>
 150 
	    		</div>
104 
	    	</div>
 151 
	    	</div>
105 
    	</div>
 152 
    	</div>
Line 120... Line 167...
120 
							#end
 167 
							#end
121 
						</div>
 168 
						</div>
122 
	    		</div>
 169 
	    		</div>
123 
	    	</div>
 170 
	    	</div>
124 
    	#end
 171 
    	#end
- 
 
 172
- 
 
 173 
    	<div id="itemSimilarContainer">
- 
 
 174
- 
 
 175 
    	</div>
- 
 
 176
- 
 
 177
125 
</section>
 178 
</section>
126 
 
 179 
 
127 
<div id="bagModel" class="modal" role="dialog">
 180 
<div id="bagModel" class="modal" role="dialog">
128 
  		<div class="modal-dialog modal-md">
 181 
  		<div class="modal-dialog modal-md">
129 
	       <!-- Modal content-->
 182 
	       <!-- Modal content-->
Line 152... Line 205...
152 
		    </div>
 205 
		    </div>
153 
		</div>
 206 
		</div>
154 
 </div>
 207 
 </div>
155 
 <script type="text/javascript">
 208 
 <script type="text/javascript">
156 
 	hasGift = $hasGift;
 209 
 	hasGift = $hasGift;
- 
 
 210 
 
- 
 
 211 
	$(function(){
- 
 
 212 
            getItemAheadOptions($("#catalog-search-text-compare"),function(selectedItem){
- 
 
 213 
		 	currentItem = selectedItem;
- 
 
 214 
		 	console.log(currentItem);
- 
 
 215 
		 });
- 
 
 216 
		});
157 
 </script>
 217 
 </script>
158 

            218