user-group.component.html 5.3 KB
<div class="container-fluid">

      <!-- navigation -->
      <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
          <site-menu></site-menu>
        </div>
      </nav>
     <!-- navigation -->
	 
	 <div class="clearfix"></div>
	 	 
      <!-- main-heading -->
      <div class="row">
		  <div class="col-sm-12 pageHeading">
		   <h4>List User Group</h4> 
		  </div>
		  <div class="col-sm-12">
        
        <div class="container-fluid main-full">
			<div class="row">
				<div class="well marginBtm12">
					<div class="row">
						<div class="col-lg-4 col-sm-4">
							<div class="row">
									<div class="col-sm-12">
									<div class="form-group marginTop10">
										<label for="State" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
										<div class="col-sm-12 col-lg-6 padd-left0 padd-right0">
										  <select class="form-control input-sm " id="State">
										  <option selected>Select</option>
										  <option>73-0022796</option>
										  <option>73-0022795</option>
										  <option>73-0022796</option>
                                          <option>73-0022795</option>
										  <option>73-0022796</option>
										  <option>73-0022795</option>
										  <option>73-0022796</option>
										  <option>73-0022795</option>
										</select>
										</div>
							  		</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-sm-4 padd-right0">
							<div class="row">
								<div class="col-sm-12">
										<div class="form-group marginTop10">
											<label for="New Group" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">New Group :</label>
										</div>
										<div class="col-sm-12 col-lg-6 padd-left0 padd-right0">
										<input type="text" class="form-control input-sm" id="new-group" placeholder="">
										</div>
									</div>	
							</div>
						</div>
						
						<div class="col-lg-4 col-sm-4">
							<div class="row">
							<div class="col-sm-2 padd-left0">
										<div class="form-group marginTop10">
											<label for="New Group" class="col-sm-12 col-md-1 paddTop7 padd-left0 padd-right0 hidden-xs">&nbsp;</label>
										</div>
										<div class="col-sm-12 col-lg-2 padd-left0 padd-right0 mar-left6">
										<button class="btn btn-primary btn-sm"><i class="fa fa-plus-circle"></i> Add</button>
										</div>
									</div>
					</div>
						</div>
						
						</div>
						
					</div>
					
					<div class="well">
					<div class="table-responsive blue">
						<table class="table table-condensed table-bordered margin-btm0 table-striped table-hover">
							
							<tr>
								<th>Group Name</th>
								<th>Number of User(s)</th>
								<th>Created Date</th>
								<th>Last Modified Date</th>				
							</tr>
							<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
							<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
								<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
								<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
								<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
								<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
								<tr>
								<td>test</td>
								<td>0</td>
								<td>03/08/2014</td>
								<td>04/08/2014</td>
								</tr>
							<tr>
								<td>test1</td>
								<td>1</td>
								<td>08/03/2014</td>
								<td>03/08/2014</td>
								</tr>
								
						</table>
					</div>
					
					<div class="row">
						<div class="col-sm-12 marginTop20 text-center">
							<a href="admin-add-discount-code.html"><button class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>  View</button></a>
							<button class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> Edit</button>
							<button class="btn btn-primary btn-sm"><i class="fa fa-trash"></i> Remove</button>
						</div>
					</div>
					
				</div>
					
				</div>
				
			</div>
      	</div>
      </div>
	  <!-- main-heading -->
	  
	  <!--container-->
	  
	  <!--container-->
    </div>