slavailchenko35
/
restApi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
							<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>AJAX</title>
	<link rel="stylesheet" type="text/css" href="https://bootswatch.com//3/slate/bootstrap.css">
	<script src="lib/jquery/dist/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">

</head>
<body>
<div class="container">
<div class="row">

	<div class="col-sm-4">
	<div class="panel panel-primary">
  <div class="panel-heading">All students</div>
  <div class="list-group" id='students-list'>
  	
  </div>
  <div class="panel-body">
   
  </div>
</div>
</div>
	<div class="col-sm-4"> 
		<div class="panel panel-success">
  <div class="panel-heading">Students info</div>
  <div class="panel-body">
<form id="form-update">
<input type="hidden" name="id">
	<div class="form-group">
	<label>Firstname</label>
	<input type="text" name="firstname" placeholder="firstname" class="form-control">
	</div>	
	<div class="form-group">
	<label>Lastname</label>
	<input type="text" name="lastname" placeholder="Lastname" class="form-control">
	</div>	
		<div class="form-group">
	<label>email</label>
	<input type="text" name="email" placeholder="email" class="form-control">
	</div>	
		<div class="form-group">
	<label>gitLab</label>
	<input type="text" name="gitlab" placeholder="gitLab" class="form-control">
	</div>	
		<div class="form-group">
	<label>group ID</label>
	<input type="text" name="group_id" disabled placeholder="group ID" class="form-control">
	</div>	
		<div class="form-group">
	<label>description</label>
	<textarea name="description"class="form-control" > </textarea>
	</div>	
	<button class="btn btn-info" id="btn-update">Update</button>
	<button class="btn btn-danger" id="btn-delete">Delete</button>
</form>
  </div>
</div>
</div>
	<div class="col-sm-4">
		<div class="panel panel-primary">
  <div class="panel-heading">Add students</div>
  <div class="panel-body">
<form id="form-create-student">
<input type="hidden" name="id">
	<div class="form-group">
	<label>Firstname</label>
	<input type="text" name="firstname" placeholder="firstname" class="form-control">
	</div>	
	<div class="form-group">
	<label>Lastname</label>
	<input type="text" name="lastname" placeholder="Lastname" class="form-control">
	</div>	
		<div class="form-group">
	<label>email</label>
	<input type="text" name="email" placeholder="email" class="form-control">
	</div>	
		<div class="form-group">
	<label>gitLab</label>
	<input type="text" name="gitlab" placeholder="gitLab" class="form-control">
	</div>	
		
		<div class="form-group">
	<label>description</label>
	<textarea name="description" class="form-control" > </textarea>
	</div>	
	<div class="panel-footer">

		<button type="submit" form="form-create-student" class="btn btn-success">Create</button>
		<button type="button" form="form-create-student" class="btn btn-primary pull-right" id="delField"><i class="glyphicon glyphicon-minus"></i></button>
		<button type="button" form="form-create-student" class="btn btn-primary pull-right" id="addField"><i class="glyphicon glyphicon-plus"></i></button>
	</div>
</form>
  </div>
</div>
</div>
</div>

</div>
	<script src="js/service.js"></script>
	<script src="js/main.js"></script>
	<script src="js/service.js"></script>
</body>
</html>