image-export-report.component.html 7.01 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>Image Export Report</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="FromDate" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">From Date :</label>
										<div class="col-sm-12 col-lg-6 padd-left0 padd-right0">
										  <div id="datetimepicker2" class="input-group input-group-sm input-append date">
										  <input type="text" class="form-control">
										  <span class="input-group-btn add-on">
											  <button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
										  </span>
										</div>
										</div>
										
										</div>
									</div>
									
									<div class="col-sm-12">
										<div class="form-group marginTop10">
											<label for="ToDate" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">To Date :</label>
										<div class="col-sm-12 col-lg-6 padd-left0 padd-right0">
										  <div id="datetimepicker2" class="input-group input-group-sm input-append date">
										  <input type="text" class="form-control">
										  <span class="input-group-btn add-on">
											  <button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
										  </span>
										</div>
										</div>
										
										</div>
									</div>
							</div>
						</div>
						
						<div class="col-lg-4 col-sm-4">
							<div class="row">									
									<div class="col-sm-12">
										<div class="form-group marginTop10">
											<label for="AccountNumber" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
										</div>
										<div class="col-sm-12 col-lg-6 padd-left0 padd-right0">
										<input type="text" class="form-control input-sm" id="acc-num" placeholder="">
										</div>
									</div>
							</div>
						</div>
					</div>
								
                    <div class="row">
						<div class="col-sm-12 marginTop20 text-center">
							<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#mymodal"><i class="fa fa-file"></i>  Generate Report</button>
							<!--modal-->
										  <div class="modal fade bs-example-modal-sm text-left" tabindex="-1" role="dialog" id="mymodal">
											  <div class="modal-dialog modal-sm" role="document">
												<div class="modal-content">
													  <div class="modal-header annotation-modal-header ui-draggable-handle">
														<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
														<h4 class="modal-title" id="">Alert</h4>
													  </div>
													  <div class="modal-body">
														<h5>No record found.</h5>	
													  </div>
														<div class="modal-footer">
															<div class="row">
																<div class="col-sm-12"><button class="btn btn-primary btn-sm">Ok</button></div>
															</div>
														</div>
													  
													</div><!-- /.modal-content -->
											  </div><!-- /.modal-dialog -->
											</div><!-- /.modal -->
										  <!--modal-->
						</div>
					</div>	
								
				</div>
				
				<div class="well">
					<table id="fixed_hdr2" class="table-hover ">
					  <thead>
						<tr>
						  <th>Title</th>
						  <th>Image Name</th>
						  <th>Original Name</th>
                          <th>Module</th>
						  <th>Exported Date</th>
						  <th>Account Number</th>
						  <th>User Name</th>
						  <th>Export Limit</th>
						  <th>Number of export image</th>
						</tr>
					  </thead>
					  <tbody>
						<tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						
						<tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>
						  
						  <tr>
						  <td>Export</td>
						  <td>image</td>
						  <td>Export1</td>
						  <td>6</td>
						  <td>12-01-2017</td>
						  <td>46346436131</td>
						  <td>Export</td>
						  <td>2 year</td>
						  <td>10</td>
						  </tr>

					  </tbody>
					</table>
					<div class="row">
						<div class="col-sm-12 marginTop20 text-center">
							<button type="button" class="btn btn-primary btn-sm"><i class="fa fa-file-excel-o"></i>  Export To CSV</button>					  
						</div>
					</div>
				</div>
				
			</div>
      	</div>
      </div>
	  </div>
	  <!-- main-heading -->
	  
	  <!--container-->
	  
	  <!--container-->
    </div>