Subversion Repositories SmartDukaan

Rev

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

Rev 35620 Rev 35726
Line 22... Line 22...
22 
background-color: #000000;
 22 
background-color: #000000;
23 
}
 23 
}
24 
 
 24 
 
25 
.table-striped > tbody > tr:hover > td,
 25 
.table-striped > tbody > tr:hover > td,
26 
	.table-striped > tbody > tr:hover {
 26 
	.table-striped > tbody > tr:hover {
27 
	  background-color: #e98c8f;
 27 
	  background-color: #f5f5f5;
28 
	  color:white;
 - 
 
29 
	}
 28 
	}
30 
	.btn:hover{
 29 
	.btn:hover{
31 
  	color: grey;
 30 
  	color: grey;
32 
  	text-decoration: none;
 31 
  	text-decoration: none;
33 
	}
 32 
	}
Line 124... Line 123...
124 
	    						<th>#springMessage("mystrocks.modelnumber")</th>
 123 
	    						<th>#springMessage("mystrocks.modelnumber")</th>
125 
	    						<th>#springMessage("mystrocks.color")</th>
 124 
	    						<th>#springMessage("mystrocks.color")</th>
126 
	    						<th>#springMessage("mystrocks.mop")</th>
 125 
	    						<th>#springMessage("mystrocks.mop")</th>
127 
	    						<th>#springMessage("mystrocks.availability")</th>
 126 
	    						<th>#springMessage("mystrocks.availability")</th>
128 
	    						<th>#springMessage("mystrocks.customeroffers")</th>
 127 
	    						<th>#springMessage("mystrocks.customeroffers")</th>
- 
 
 128 
	    						<th>#springMessage("mystrocks.pinelabsoffers")</th>
129 
	    						<th>#springMessage("mystrocks.addtobag")</th>
 129 
	    						<th>#springMessage("mystrocks.addtobag")</th>
130 
	    						<th>#springMessage("mystrocks.addtocompare")</th>
 130 
	    						<th>#springMessage("mystrocks.addtocompare")</th>
131 
	    					</tr>
 131 
	    					</tr>
132 
	    					#if(!$currentInventorySnapshot.isEmpty())
 132 
	    					#if(!$currentInventorySnapshot.isEmpty())
133 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
 133 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
Line 142... Line 142...
142 
		    					 		#if($webOfferMap.get($inventorySnapshot.getCatalogItemId()))
 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>
 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
 144 
		    					 		#else
145 
		    					 		 <td>-</td>
 145 
		    					 		 <td>-</td>
146 
		    					 		#end
 146 
		    					 		#end
- 
 
 147 
		    					 		#if($pinelabsOfferMap.get($inventorySnapshot.getItemId()))
- 
 
 148 
		    					 		<td><a class="pinelabs-offer-submit" data-itemid="$inventorySnapshot.getItemId()" data-target="#pinelabsOfferModal" data-toggle="modal">View Offers</a></td>
- 
 
 149 
		    					 		#else
- 
 
 150 
		    					 		 <td>-</td>
- 
 
 151 
		    					 		#end
147 
		    					 		<td><button class="add-bag-submit" id="add-bag-button" type="button" data-target="#bagModel" data-toggle="modal" >Add To Bag</button></td>
 152 
		    					 		<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>
 153 
		    					 	     <td><input type="checkbox" class="add-compare-checkbox" data-catalogitemid="$inventorySnapshot.getCatalogItemId()" id="add-to-compare-check" name="compare-check"><span></span></td>
149 
		    					 	</tr>
 154 
		    					 	</tr>
150 
		    					 #end
 155 
		    					 #end
151 
		    				#else
 156 
		    				#else
Line 163... Line 168...
163 
	    	<div class="row" id="catalog-paginated">
 168 
	    	<div class="row" id="catalog-paginated">
164 
	    		<div class="col-lg-9">
 169 
	    		<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>
 170 
	    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
166 
	    		</div>
 171 
	    		</div>
167 
	    		<div class="col-lg-3" style="text-align:right;">
 172 
	    		<div class="col-lg-3" style="text-align:right;">
168 
	    				<div class="btn-group" style="width:40%">
 173 
					<div class="btn-group" style="width:40%">
169 
							<button class="btn btn-primary previous" disabled="disabled" style="width:100%">#springMessage("mystrocks.previous")</button>
 174 
						<button class="btn btn-primary previous" disabled="disabled" style="width:100%">#springMessage("mystrocks.previous")</button>
170 
						</div>
 175 
					</div>
171 
						<div class="btn-group" style="width:40%">
 176 
					<div class="btn-group" style="width:40%">
172 
							#if($end >= $size)
 177 
						#if($end >= $size)
173 
								<button class="btn btn-primary next" style="width:100%" disabled="disabled">#springMessage("mystrocks.next")</button>
 178 
							<button class="btn btn-primary next" style="width:100%" disabled="disabled">#springMessage("mystrocks.next")</button>
174 
							#else
 179 
						#else
175 
								<button class="btn btn-primary next" style="width:100%">#springMessage("mystrocks.next")</button>
 180 
							<button class="btn btn-primary next" style="width:100%">#springMessage("mystrocks.next")</button>
176 
							#end
 181 
						#end
177 
						</div>
 182 
					</div>
178 
	    		</div>
 183 
	    		</div>
179 
	    	</div>
 184 
	    	</div>
180 
    	#end
 185 
    	#end
181
186
182 
    	<div id="itemSimilarContainer">
 187 
    	<div id="itemSimilarContainer">
Line 225... Line 230...
225 
 </div>
 230 
 </div>
226
231
227 
    <div id="todayOfferModal" class="modal" role="dialog">
 232 
    <div id="todayOfferModal" class="modal" role="dialog">
228 
	  <div class="modal-dialog">
 233 
	  <div class="modal-dialog">
229 
	    <div class="modal-content">
 234 
	    <div class="modal-content">
230
235 
 
231 
    </div>
 236 
    </div>
232 
   </div>
 237 
   </div>
233 
	</div>
 238 
	</div>
234 
 
 239 
 
- 
 
 240 
    <div id="pinelabsOfferModal" class="modal" role="dialog">
- 
 
 241 
      <div class="modal-dialog modal-lg">
- 
 
 242 
        <div class="modal-content">
- 
 
 243 
          <div class="modal-header">
- 
 
 244 
            <button type="button" class="close" data-dismiss="modal">&times;</button>
- 
 
 245 
            <h4 class="modal-title">Pinelabs EMI Offers <small class="text-danger">All plans are showing on MOP basis</small></h4>
- 
 
 246 
          </div>
- 
 
 247 
          <div class="modal-body" id="pinelabsOfferModalBody" style="max-height:450px;overflow-y:auto;">
- 
 
 248 
          </div>
- 
 
 249 
        </div>
- 
 
 250 
      </div>
- 
 
 251 
    </div>
- 
 
 252 
 
235 
<!-- Modal HTML -->
 253 
<!-- Modal HTML -->
236 
<div id="videoModal" class="modal fade">
 254 
<div id="videoModal" class="modal fade">
237 
	<div class="modal-dialog">
 255 
	<div class="modal-dialog">
238 
		<div class="modal-content">
 256 
		<div class="modal-content">
239 
			<div class="modal-body">
 257 
			<div class="modal-body">
Line 264... Line 282...
264 
		$("#videoModal").on('show.bs.modal', function (event) {
 282 
		$("#videoModal").on('show.bs.modal', function (event) {
265 
			let button = $(event.relatedTarget);
 283 
			let button = $(event.relatedTarget);
266 
			let youtubeUrl = button.data("src");
 284 
			let youtubeUrl = button.data("src");
267 
			$("#trainingVideo").attr('src', `//www.youtube.com/embed/${youtubeUrl}?autoplay=1`);
 285 
			$("#trainingVideo").attr('src', `//www.youtube.com/embed/${youtubeUrl}?autoplay=1`);
268 
		});
 286 
		});
- 
 
 287 
 
- 
 
 288 
		$(document).on('click', '.pinelabs-offer-submit', function() {
- 
 
 289 
			var itemId = $(this).data('itemid');
- 
 
 290 
			var content = $('#pinelabs-data-' + itemId).html();
- 
 
 291 
			$('#pinelabsOfferModalBody').html(content || '<p>No offers available</p>');
- 
 
 292 
		});
269 
		});
 293 
		});
270 
 </script>
 294 
 </script>
- 
 
 295 
 
- 
 
 296 
## Pinelabs offer data rendered per item - grouped accordion by bank name
- 
 
 297 
#if($pinelabsOfferMap && !$pinelabsOfferMap.isEmpty())
- 
 
 298 
#foreach($entry in $pinelabsOfferMap.entrySet())
- 
 
 299 
<div id="pinelabs-data-$entry.key" style="display:none;">
- 
 
 300 
    <div class="panel-group" id="pinelabs-accordion-$entry.key">
- 
 
 301 
        #foreach($issuerEntry in $entry.value.entrySet())
- 
 
 302 
        <div class="panel panel-default">
- 
 
 303 
            <div class="panel-heading" style="cursor:pointer;" data-toggle="collapse" data-parent="#pinelabs-accordion-$entry.key" data-target="#pinelabs-collapse-${entry.key}-${velocityCount}">
- 
 
 304 
                <h4 class="panel-title">
- 
 
 305 
                    <span class="glyphicon glyphicon-chevron-down" style="margin-right:8px;font-size:12px;"></span>
- 
 
 306 
                    $!issuerEntry.key
- 
 
 307 
                    <span class="badge" style="margin-left:8px;">$issuerEntry.value.size() offers</span>
- 
 
 308 
                </h4>
- 
 
 309 
            </div>
- 
 
 310 
            <div id="pinelabs-collapse-${entry.key}-${velocityCount}" class="panel-collapse collapse#if($velocityCount == 1) in#end">
- 
 
 311 
                <div class="panel-body" style="padding:0;">
- 
 
 312 
                    <table class="table table-striped table-hover" style="margin-bottom:0;">
- 
 
 313 
                        <thead>
- 
 
 314 
                            <tr>
- 
 
 315 
                                <th>Tenure</th>
- 
 
 316 
                                <th>Monthly EMI</th>
- 
 
 317 
                                <th>Interest Rate</th>
- 
 
 318 
                                <th>EMI Type</th>
- 
 
 319 
                            </tr>
- 
 
 320 
                        </thead>
- 
 
 321 
                        <tbody>
- 
 
 322 
                        #foreach($tenure in $issuerEntry.value)
- 
 
 323 
                            <tr>
- 
 
 324 
                                <td>$!tenure.getTenureValue() months</td>
- 
 
 325 
                                <td>#if($tenure.getMonthlyEmiAmount())$!tenure.getMonthlyEmiAmount().getValue() $!tenure.getMonthlyEmiAmount().getCurrency()#end</td>
- 
 
 326 
                                <td>$!tenure.getInterestRatePercentage()%</td>
- 
 
 327 
                                <td>$!tenure.getEmiType()</td>
- 
 
 328 
                            </tr>
- 
 
 329 
                        #end
- 
 
 330 
                        </tbody>
- 
 
 331 
                    </table>
- 
 
 332 
                </div>
- 
 
 333 
            </div>
- 
 
 334 
        </div>
- 
 
 335 
        #end
- 
 
 336 
    </div>
- 
 
 337 
</div>
- 
 
 338 
#end
- 
 
 339 
#end