manage-module.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>Manage Module</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="Account Number" 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">
										<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>
					
				</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="inputPassword3" class="col-sm-3 control-label">Module :</label>
											<div class="col-sm-9">
											    <div class="row">
												   <div class="col-sm-6">
												      <span class="help-block">Curriculum Builder</span>
												   </div>
												
													<div class="col-sm-6">
													  <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-6">
												      <span class="help-block">Anatomy Test</span>
												   </div>
												
													<div class="col-sm-6">
													  <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-6">
												      <span class="help-block">IP 10</span>
												   </div>
												
													<div class="col-sm-6">
													  <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-6">
												      <span class="help-block">In-Depth Reports</span>
												   </div>
												
													<div class="col-sm-6">
													  <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-6">
												      <span class="help-block">Lab Excercises</span>
												   </div>
												
													<div class="col-sm-6">
													  <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-6">
												      <span class="help-block">Lab Excercises</span>
												   </div>
												
													<div class="col-sm-6">
													  <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>
								
								 <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>
	  <!-- main-heading -->
	  
	  <!--container-->
	  
	  <!--container-->
    </div>