Skip to content

Commit 98fa13a

Browse files
arifkhriarifkhri
committed
git add all file
1 parent a7fe4b5 commit 98fa13a

File tree

194 files changed

+81407
-187
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

194 files changed

+81407
-187
lines changed

‎auth.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<div class="col-sm-4 col-sm-offset-4">
2+
<div class="well">
3+
<h3>Login</h3>
4+
<form>
5+
<div class="form-group">
6+
<input type="email" class="form-control" placeholder="Email" ng-model="auth.email">
7+
</div>
8+
<div class="form-group">
9+
<input type="password" class="form-control" placeholder="Password" ng-model="auth.password">
10+
</div>
11+
<button class="btn btn-primary" ng-click="auth.login()">Submit</button>
12+
</form>
13+
</div>
14+
</div>
15+
<!-- <script src="js/userController.js"></script> -->
16+
<!-- <script src="node_modules/angular/angular.js"></script>
17+
<script src="node_modules/angular-ui-router/release/angular-ui-router.js"></script> -->
18+
<!-- <script src="js/authController.js"></script> -->
19+

‎index.html

+20-187
Original file line numberDiff line numberDiff line change
@@ -1,192 +1,25 @@
1-
<html lang="en" >
2-
<head>
3-
<title>Angular Study</title>
4-
<meta name="viewport" content="width=device-width, initial-scale=1">
5-
<!-- cdn bootstrap -->
6-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
7-
<!-- custom css -->
8-
<style type="text/css">
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Angular-Laravel Authentication</title>
6+
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
7+
</head>
8+
<script src="node_modules/angular/angular.js"></script>
9+
<body ng-app="authApp">
910

10-
</style>
11-
<!-- end css -->
12-
<script src="js/angular.js"></script>
13-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
14-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
15-
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.5.8/angular-resource.js"></script> -->
16-
</head>
17-
<body ng-app="employees" ng-controller="employeesCtrl">
18-
<div class="container">
19-
<div class="row">
20-
<h3>Input Employees</h3>
21-
<div class="col-xs-5">
22-
<form>
23-
<div class="form-group">
24-
<input type="text" class="form-control" placeholder="Name" ng-model="employee.name">
25-
</div>
26-
<div class="form-group">
27-
<input type="text" class="form-control" placeholder="Address" ng-model="employee.address">
28-
</div>
29-
<div class="form-group">
30-
<input type="text" class="form-control" placeholder="Birthday" ng-model="employee.birthday">
31-
</div>
32-
<div class="form-group">
33-
<div class="dropdown">
34-
<a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" data-target="#" href="#">
35-
<div class="input-group"><input type="text" class="form-control" data-ng-model="data.dateDropDownInput"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
36-
</div>
37-
</a>
38-
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
39-
<datetimepicker data-ng-model="data.dateDropDownInput" data-datetimepicker-config="{ dropdownSelector: '#dropdown2' }"/>
40-
</ul>
41-
</div>
42-
</div>
43-
<div class="form-group">
44-
<input type="text" class="form-control" placeholder="Gender" ng-model="employee.gender">
45-
</div>
46-
<div class="form-group">
47-
<input type="text" class="form-control" placeholder="Email" ng-model="employee.email">
48-
</div>
49-
<button ng-click="save(employee)" class="btn btn-primary">Create Employee </button>
50-
<button ng-click="index()" class="btn btn-primary">List Employee</button>
51-
</form>
52-
<div>{{ employees.message }}</div>
53-
</div>
54-
<div class="col-xs-7">
55-
<table class="table table-hover">
56-
<thead>
57-
<tr>
58-
<th width="50px">ID</th>
59-
<th width="150px">Name</th>
60-
<th width="150px">Email</th>
61-
<th width="150px">Action</th>
62-
</tr>
63-
</thead>
64-
<tbody style="text-align: center;">
65-
<tr ng-repeat="employee in employees">
66-
<td>{{ employee.id }}</td>
67-
<td>{{ employee.name }}</td>
68-
<td>{{ employee.address }}</td>
69-
<td>
70-
<button ng-click="show(employee.id)" class="btn btn-info btn-s" data-toggle="modal" data-target="#myModal">
71-
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
72-
</button>
73-
<button ng-click="edit(employee.id)" class="btn btn-warning btn-s" data-toggle="modal" data-target="#myModal_edit">
74-
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
75-
</button>
76-
<button ng-click="delete(employee.id)" class="btn btn-danger btn-s">
77-
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
78-
</button>
79-
</td>
80-
</tr>
81-
</tbody>
82-
</table>
83-
</div>
84-
</div>
85-
</div>
86-
<!-- Button trigger modal -->
87-
<!-- <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
88-
Launch demo modal
89-
</button> -->
11+
<div class="container">
12+
<div ui-view></div>
13+
</div>
9014

91-
<!-- Modal -->
92-
<!-- Modal Detail -->
93-
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
94-
<div class="modal-dialog" role="document">
95-
<div class="modal-content">
96-
<div class="modal-header">
97-
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
98-
<h4 class="modal-title" id="myModalLabel">Detail Employee</h4>
99-
</div>
100-
<div class="modal-body">
101-
<table class="table table-hover" border="0">
102-
<tr><td>ID</td><td>{{ employees.employee.id }}</td></tr>
103-
<tr><td>Name</td><td>{{ employees.employee.name }}</td></tr>
104-
<tr><td>Birthday</td><td>{{ employees.employee.birthday }}</td></tr>
105-
<tr><td>Gender</td><td>{{ employees.employee.gender }}</td></tr>
106-
<tr><td>Email</td><td>{{ employees.employee.email }}</td></tr>
107-
<tr><td>Address</td><td>{{ employees.employee.address }}</td></tr>
108-
</table>
109-
</div>
110-
<div class="modal-footer">
111-
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
112-
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
113-
</div>
114-
</div>
115-
</div>
116-
</div>
117-
<!-- Modal Edit -->
118-
<div class="modal fade" id="myModal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
119-
<div class="modal-dialog" role="document">
120-
<div class="modal-content">
121-
<div class="modal-header">
122-
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
123-
<h4 class="modal-title" id="myModalLabel">Detail Employee</h4>
124-
</div>
125-
<div class="modal-body">
126-
<form>
127-
<div class="form-group">
128-
<input type="text" class="form-control" placeholder="Name" ng-model="employees.employee.name">
129-
</div>
130-
<div class="form-group">
131-
<input type="text" class="form-control" placeholder="Address" ng-model="employees.employee.address">
132-
</div>
133-
<div class="form-group">
134-
<input type="text" class="form-control" placeholder="Birthday" ng-model="employees.employee.birthday">
135-
</div>
136-
<!-- <div class="form-group">
137-
<div class="dropdown">
138-
<a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" data-target="#" href="#">
139-
<div class="input-group"><input type="text" class="form-control" data-ng-model="data.dateDropDownInput"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
140-
</div>
141-
</a>
142-
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
143-
<datetimepicker data-ng-model="data.dateDropDownInput" data-datetimepicker-config="{ dropdownSelector: '#dropdown2' }"/>
144-
</ul>
145-
</div>
146-
</div> -->
147-
<div class="form-group">
148-
<input type="text" class="form-control" placeholder="Gender" ng-model="employees.employee.gender">
149-
<!-- <div class="checkbox">
150-
<label>
151-
<input type="checkbox" name="male" ng-model="employees.employee.gender">Pria
152-
<input type="checkbox" name="female" ng-model="employees.employee.gender"> Wanita
153-
</label>
154-
</div> -->
155-
</div>
156-
<div class="form-group">
157-
<input type="text" class="form-control" placeholder="Email" ng-model="employees.employee.email">
158-
</div>
159-
<button ng-click="update(employees.employee.id)" class="btn btn-primary">Update</button>
160-
</form>
161-
162-
</div>
163-
<div class="modal-footer">
164-
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
165-
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
166-
</div>
167-
</div>
168-
</div>
169-
</div>
170-
<!-- js http get url serve -->
171-
<script src="js/module-http.js" type="text/javascript"></script>
172-
<!-- end http -->
173-
<!-- <script src="js/routes.js" type="text/javascript"></script> -->
174-
<!-- Your application bootstrap -->
175-
<script type="text/javascript">
176-
// js call modal
177-
$('#myModal').on('shown.bs.modal', function () {
178-
$('#myInput').focus()
179-
})
15+
</body>
18016

181-
// js dtpicker
182-
// $( function() {
183-
// $( "#datepicker" ).datepicker({
184-
// changeMonth: true,
185-
// changeYear: true,
186-
// dateFormat: 'yy/mm/dd'
187-
// });
188-
// } );
17+
<!-- Application Dependencies -->
18+
<script src="node_modules/angular-ui-router/release/angular-ui-router.js"></script>
19+
<script src="node_modules/satellizer/dist/satellizer.js"></script>
18920

190-
</script>
191-
</body>
21+
<!-- Application Scripts -->
22+
<script src="js/app.js"></script>
23+
<script src="js/authController.js"></script>
24+
<script src="js/userController.js"></script>
19225
</html>

0 commit comments

Comments
 (0)