-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (66 loc) · 2.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="controller.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
<div class="container" ng-app="serviceApp" ng-controller="MyController">
<form ng-submit="createUser()">
<h4>Create User fo the testing purpose</h4>
<div class="form-group col-md-4 float-left" ng-show="userid">
<label class="control-label">ID</label>
<input type="number" ng-model="user.id" class="form-control">
</div>
<div class="form-group col-md-4 float-left" ng-show="username">
<label class="control-label">Name :</label>
<input type="text" ng-model="user.username" class="form-control">
</div>
<div class="form-group col-md-4 float-left" ng-show="useremail">
<label class="control-label">Email :</label>
<input type="text" ng-model="user.email" class="form-control">
</div>
<div class="col-md-2">
<input type="submit" value="submit" ng-show="submit" class="btn btn-success btn-sm" />
<input type="button" value="update" ng-show="update" ng-click="updateUser()" class="btn btn-success btn-sm" />
<input type="button" value="cancel" ng-show="cancel" ng-click="cancelupdate()" class="btn btn-danger btn-sm" />
</div>
</form>
<hr>
<span class="col-md-8 float-left"><h4>User List</h4></span>
<span class="col-md-2 float-right text-right"><button type="button" class="btn-sm btn-danger" ng-click="remove()">Delete All Name</button></span>
<table class="table table-striped">
<thead>
<tr>
<td><input type="checkbox" name="" ng-click="selectAllFriends()"></td>
<td>Id</td>
<td>Name</td>
<td>Mail ID</td>
<td>Action</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td><input type="checkbox" name="" ng-model="user.checked"></td>
<td>{{user.id}}</td>
<td>{{user.username}}</td>
<td>{{user.email}}</td>
<td>
<button ng-click="EditUser(user)" class="btn btn-success btn-sm">Edit</button>
<button ng-click="deleteuser(user)" class="btn btn-danger btn-sm">Delete</button>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>