Subversion Repositories SmartDukaan

Rev

Rev 23181 | Rev 23396 | 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 
}
10 
.table-striped > tbody > tr:hover > td,
11 
	.table-striped > tbody > tr:hover {
23181 ashik.ali 12 
	  background-color: #e98c8f;
21987 kshitij.so 13 
	  color:white;
14 
	}
15 
	.btn:hover{
16 
  	color: grey;
17 
  	text-decoration: none;
18 
	}
19 
	.btn-primary:hover{
20 
  	color: grey;
21 
  	text-decoration: none;
22 
	}
23 
	.add-to-bag{
24 
		cursor:pointer;
25 
	}
26 
	modal-dialog.modal-lg{
27 
		left:10%;
28 
		right:auto;
29 
		width:80%;
30 
	}
31 
	.modal-content{
32 
		background : white;
33 
	}
34 
	.modelHeaderCustom{
35 
		font-size:14px;
36 
		font-weight:bold;
37 
	}
38 
	hr{
39 
		background-color:#007aff;
40 
		border:none;
41 
		height:1px;
42 
		background:#007aff;
43 
	}
44 
</style>
45 
<section class="wrapper">
46 
	<div class="row">
47 
		<div class="col-lg-12">
48 
			<h3 class="page-header"><i class="icon_genius"></i>CATALOG</h3>
49 
			<ol class="breadcrumb">
22116 amit.gupta 50 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
21987 kshitij.so 51 
				<li><i class="icon_genius"></i>CATALOG</li>
52 
			</ol>
53 
		</div>
54 
	</div>
55 
 
56 
	 <div id="catalog-search">
57 
    	<div class="row">
58 
    		<div class="col-lg-12">
59 
                <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-right top_search">
60 
                  <div class="input-group">
61 
                    <input type="text" class="form-control" id="catalog-search-text"" placeholder="Search for product..." value="$searchTerm" />
62 
                    <span class="input-group-btn">
63 
                      <button class="btn btn-primary submit" id="catalog-search-button" type="button">Go!</button>
64 
                    </span>
65 
                  </div>
66 
                </div>
67 
              </div>
68 
         </div>
69 
        </div>
70 
         <div id="catalog-table">
71 
	         <div class="row">
72 
	    		<div class="col-lg-12">
73 
	    			<table class="table table-striped table-advance table-hover">
74 
	    				<tbody>
75 
	    					<tr>
76 
	    						<th>Item Code</th>
77 
	    						<th>Brand</th>
78 
	    						<th>Model Name</th>
79 
	    						<th>Model Number</th>
80 
	    						<th>Color</th>
22354 ashik.ali 81 
	    						<th>MOP</th>
82 
	    						<th>Availability</th>
21987 kshitij.so 83 
	    					</tr>
22354 ashik.ali 84 
	    					#if(!$currentInventorySnapshot.isEmpty())
21987 kshitij.so 85 
		    					 #foreach( $inventorySnapshot in $currentInventorySnapshot )
22860 ashik.ali 86 
		    					 	<tr data="$inventorySnapshot.getItemId()" class="add-to-bag" data-toggle="modal" data-target="#bagModel">
87 
		    					 		<td>$inventorySnapshot.getItemId()</td>
21987 kshitij.so 88 
		    					 		<td>$inventorySnapshot.getItem().getBrand()</td>
89 
		    					 		<td>$inventorySnapshot.getItem().getModelName()</td>
90 
		    					 		<td>$inventorySnapshot.getItem().getModelNumber()</td>
91 
		    					 		<td>$inventorySnapshot.getItem().getColor()</td>
22860 ashik.ali 92 
		    					 		<td>$mopPriceMap.get($inventorySnapshot.getItemId()).getPrice()</td>
22354 ashik.ali 93 
		    					 		<td>$inventorySnapshot.getAvailability()</td>
21987 kshitij.so 94 
		    					 	</tr>
95 
		    					 #end
96 
		    				#else
97 
		    					<tr>
98 
		    						<td colspan="5" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
99 
		    					</tr>
100 
		    				#end
101 
	    				</tbody>
102 
	    			</table>
103 
	    		</div>
104 
	    	</div>
105 
    	</div>
22354 ashik.ali 106 
    	#if(!$currentInventorySnapshot.isEmpty())
107 
	    	<div class="row" id="catalog-paginated">
108 
	    		<div class="col-lg-9">
109 
	    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
110 
	    		</div>
111 
	    		<div class="col-lg-3" style="text-align:right;">
112 
	    				<div class="btn-group" style="width:40%">
113 
							<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
114 
						</div>
115 
						<div class="btn-group" style="width:40%">
116 
							#if($end >= $size)
117 
								<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
118 
							#else
119 
								<button class="btn btn-primary next" style="width:100%">Next</button>
120 
							#end
121 
						</div>
122 
	    		</div>
123 
	    	</div>
21987 kshitij.so 124 
    	#end
125 
</section>
126 
 
127 
<div id="bagModel" class="modal fade" role="dialog">
23181 ashik.ali 128 
  		<div class="modal-dialog modal-md">
21987 kshitij.so 129 
	       <!-- Modal content-->
130 
		    <div class="modal-content">
131 
		      <div class="modal-header">
132 
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
133 
		        <h4 class="modal-title">Add Item To Bag</h4>
134 
		      </div>
135 
		      <div class="modal-body">
136 
					<input type="hidden" class="itemId" />
137 
					<input type="hidden" class="availability" />
138 
					<h4 class="bagModalProductInfo modelHeaderCustom">Product Details : <span></span></h4>
22354 ashik.ali 139 
					<h4 class="bagModalAvailability modelHeaderCustom">Availability : <span></span></h4>
21987 kshitij.so 140 
					<h4 class="modal-title">Enter Quantity</h4>
23170 amit.gupta 141 
					<span>
21987 kshitij.so 142 
						<input type="number" min="1" class="form-control quantity"></input>
143 
					</span>
144 
				<hr/>
23181 ashik.ali 145 
				<span>
21987 kshitij.so 146 
					<button type="submit" id="addToBagButton" class="btn btn-primary">Submit!</button>
147 
		       	</span>
148 
			  </div>
23170 amit.gupta 149 
		    </div>
21987 kshitij.so 150 
		</div>
151 
 </div>