Subversion Repositories SmartDukaan

Rev

Rev 24446 | Rev 27583 | 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>
23396 ashik.ali 45
<section class="wrapper">
21987 kshitij.so 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>
23396 ashik.ali 51
				<li><i class="icon_genius"></i>CATALOG</li>
21987 kshitij.so 52
			</ol>
53
		</div>
54
	</div>
55
 
23396 ashik.ali 56
	<div id="catalog-search">
57
    		<div class="row">
58
    			<div class="col-lg-12">
21987 kshitij.so 59
                <div class="col-md-3 col-sm-3 col-xs-12 form-group pull-right top_search">
60
                  <div class="input-group">
23405 amit.gupta 61
                    <input type="text" class="form-control" id="catalog-search-text" placeholder="Search for product..." value="$searchTerm" />
21987 kshitij.so 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
 
26316 tejbeer 127
<div id="bagModel" class="modal" 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>
23405 amit.gupta 135
		      <div class="modal-body" style="min-height:200px">
136
		      <div id="catalogModalBody">
21987 kshitij.so 137
					<input type="hidden" class="itemId" />
138
					<input type="hidden" class="availability" />
139
					<h4 class="bagModalProductInfo modelHeaderCustom">Product Details : <span></span></h4>
22354 ashik.ali 140
					<h4 class="bagModalAvailability modelHeaderCustom">Availability : <span></span></h4>
24446 amit.gupta 141
					<h4 class="bagModalEarlyImeis modelHeaderCustom">Imeis to bill: <span></span></h4>
142
					<h4 class="bagModalQuantity modelHeaderCustom">Enter Quantity
23170 amit.gupta 143
					<span>
21987 kshitij.so 144
						<input type="number" min="1" class="form-control quantity"></input>
23405 amit.gupta 145
					</span></h4>
21987 kshitij.so 146
				<hr/>
23181 ashik.ali 147
				<span>
21987 kshitij.so 148
					<button type="submit" id="addToBagButton" class="btn btn-primary">Submit!</button>
149
		       	</span>
150
			  </div>
23405 amit.gupta 151
			  </div>
23170 amit.gupta 152
		    </div>
21987 kshitij.so 153
		</div>
24203 amit.gupta 154
 </div>
155
 <script type="text/javascript">
156
 	hasGift = $hasGift;
157
 </script>