manage-modesty-settings.component.html 6.07 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>Manage Modesty Setting</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-6">
							<div class="row">
									<div class="col-sm-12">
										<div class="form-group marginTop10">
											<label for="Account Number" class="col-sm-6 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
										</div>
										<div class="col-sm-6 col-lg-6 padd-left0 padd-right0">
										<select class="form-control input-sm" id="AccountNumber">
											<option>Select</option>
											<option>73-0022796</option>
											<option>73-0022794</option>
											<option>73-0022796</option>
											<option>73-0022796</option>
										</select>
										</div>
									</div>
							</div>
						</div>
						
						<div class="col-lg-4 col-sm-8">
						
						<form class="form-inline marginTop10">
							  <div class="form-group">
								<label class="radio-inline">
								<input name="inlineRadioOptions" id="inlineRadio1" value="option1" type="radio"> License Account </label>
							  </div>
							  
							  <div class="form-group">
								<label class="radio-inline mar-left0">
								<input name="inlineRadioOptions" id="inlineRadio2" value="option2" type="radio"> Building Level Account </label>
							  </div>

							  <button class="btn btn-primary btn-sm">Go <i class="fa fa-arrow-right"></i></button>
							</form>

						</div>
					</div>
					
				</div>
				
				<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
				<div class="well">
                     <div class="row">
								<div class="col-sm-12">
								<div class="panel-body">
								 <!-- form -->
								<form class="form-horizontal">
									  <div class="form-group">
										<label for="AccountNumber" class="col-sm-5 control-label">Account Number :</label>
										<div class="col-sm-6">
										  <input class="form-control" id="AccountNumber" placeholder="" type="text">
										</div>
									  </div>
									  <div class="form-group">
										<label for="inputPassword3" class="col-sm-5 control-label">Building Level Account Name :</label>
										<div class="col-sm-6">
										  <select class="form-control input-sm" id="AccountNumber">
											<option>Select</option>
											<option>73-0022796</option>
											<option>73-0022794</option>
											<option>73-0022796</option>
											<option>73-0022796</option>
										</select>
										</div>
									  </div>
									  <div class="form-group">
										<label for="inputPassword3" class="col-sm-4 control-label">Module Setting :</label>
											<div class="col-sm-8">
											    <div class="row">
												   <div class="col-sm-8">
												      <span class="help-block">Higher Education Instructor</span>
												   </div>
												
													<div class="col-sm-4">
													  <label class="radio-inline">
													  <input name="inlineRadioOptions" id="inlineRadio1" value="option1" type="radio" checked=""> On </label>
													  
													  <label class="radio-inline">
													  <input name="inlineRadioOptions" id="inlineRadio2" value="option2" type="radio"> Off </label>
													</div>
											</div>
											
											<div class="row">
												   <div class="col-sm-8">
												      <span class="help-block">Higher Education Instructor</span>
												   </div>
												
													<div class="col-sm-4">
													  <label class="radio-inline">
													  <input name="inlineRadioOptions" id="inlineRadio1" value="option1" type="radio" checked=""> On </label>
													  
													  <label class="radio-inline">
													  <input name="inlineRadioOptions" id="inlineRadio2" value="option2" type="radio"> Off </label>
													</div>
													
											</div>
											
									  </div>
									</div>						  
									  
							</form>
							 <!-- form -->
						  </div>


						  <div class="row">
							<div class="col-sm-12 marginTop20 text-center">
								<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#mymodal"><i class="fa fa-check"></i> Save</button>
								<!--save-button-->
								  <div class="modal fade bs-example-modal-sm ui-draggable 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>Modules has been updated successfully.</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 -->
										  <!--Save-button-->
										  
										</div>
										
									  </div>
						  
						  
						  
						  </div>					
								</div>
							</div>					
				</div>
				</div>
			</div>
      	</div>
      </div>
	  <!-- main-heading -->
	  
	  <!--container-->
	  
	  <!--container-->
    </div>