Skip to content

Exercício Rakuten Resolvido - Daniel de Sales #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nuvenn wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Exercício Rakuten Resolvido - Daniel de Sales #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
2710ad7
layou implementado
nuvenn Mar 3, 2017
2a22d2b
admin page fazendo http get
nuvenn Mar 6, 2017
e0a2256
montando controller sign up
nuvenn Mar 6, 2017
17c6a7e
montando controller sign up
nuvenn Mar 6, 2017
2d48c3b
http post funcionando com required nos campos
nuvenn Mar 6, 2017
c211705
filtro de pesquisa adicionado na admin page
nuvenn Mar 6, 2017
5b054b8
ajustando código
nuvenn Mar 6, 2017
d194f65
exercicio resolvido
nuvenn Mar 6, 2017
50a650e
exercicio resolvido
nuvenn Mar 7, 2017
da92b97
exercicio pronto e organizado
nuvenn Mar 7, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 50 additions & 4 deletions public/admin.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,56 @@
<!DOCTYPE html>
<html>

<head>
<meta charset=utf-8>
<title>Admin Page</title>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Page</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script defer src="js/jquery.min.js"></script>
<script defer src="js/angular.min.js"></script>
<script defer src="js/bootstrap.min.js"></script>
<script defer src="js/module.js"></script>
<script defer src="js/controllers/admin-controller.js"></script>
<script defer src="js/services/main-service.js"></script>
</head>
<body>
List user data here

<body ng-app="regEmail">
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="/signup.html">Registration Page</a></li>
<li class="active"><a href="/admin.html">Admin Page</a></li>
</ul>
</div>
</nav>
<h2 class="text-primary text-center">Registered Users</h2>
<input type="text" class="form-control search" ng-model="search" placeholder="Filtro">
<div class="container" ng-controller="adminCtrl">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Email</th>
<th>Name</th>
<th>Last Name</th>
<th>State</th>
</tr>
</thead>
<tbody ng-repeat="user in users | filter:search">
<tr>
<td>{{user.id}}</td>
<td>{{user.email}}</td>
<td>{{user.firstName}}</td>
<td>{{user.lastName}}</td>
<td>{{user.state}}</td>
</tr>
</tbody>
</table>
</div>
</div>

</body>

</html>
6 changes: 6 additions & 0 deletions public/css/bootstrap.min.css
View file
Open in desktop

Large diffs are not rendered by default.

30 changes: 30 additions & 0 deletions public/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
html, body {
height: 100%;
}
body {
margin: 0;
}
.flex-container {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}

.flex-item {
width: 300px;
height: 400px;
text-align: center;
}

.search {
width: 300px;
margin: 0 auto;
}
29 changes: 22 additions & 7 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,29 @@
<!DOCTYPE html>
<html>

<head>
<meta charset=utf-8>
<title>Design Challenge</title>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design Challenge</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script defer src="js/jquery.min.js"></script>
<script defer src="js/bootstrap.min.js"></script>
</head>

<body>
<h1>Design Challenge</h1>
<p>
<a href="/signup.html">Registration Page</a><br/>
<a href="/admin.html">Admin Page</a>
</p>
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="/signup.html">Registration Page</a></li>
<li><a href="/admin.html">Admin Page</a></li>
</ul>
</div>
</nav>
<h2 class="text-primary text-center">Design Challenge</h2>
<div class="container">

</div>
</body>

</html>
332 changes: 332 additions & 0 deletions public/js/angular.min.js
View file
Open in desktop

Large diffs are not rendered by default.

7 changes: 7 additions & 0 deletions public/js/bootstrap.min.js
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions public/js/controllers/admin-controller.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
app.controller("adminCtrl", function($scope, $http, mainService) {

mainService.getData().then(function(response){
$scope.users = response;
console.log($scope.users);
});

});
11 changes: 11 additions & 0 deletions public/js/controllers/signup-controller.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
app.controller("signupCtrl", function($scope, $http, mainService) {

$scope.register = function() {
console.log($scope.data);
mainService.postData($scope.data).then(function(){
alert('Registered successfully');
$scope.data = {};
});
}

});
4 changes: 4 additions & 0 deletions public/js/jquery.min.js
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions public/js/module.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
var app = angular.module("regEmail", ['meusServicos']);
24 changes: 24 additions & 0 deletions public/js/services/main-service.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
angular.module('meusServicos', [])
.factory('mainService', function($http) {

var data = [];
var getData = function() {
return $http.get('http://localhost:3000/users')
.then(function(response) {
data = response.data;
return data;
});
}

var postData = function(data) {
return $http.post('http://localhost:3000/users', data)
.then(function(data) {
console.log(data);
})
}

return {
getData: getData,
postData: postData
};
});
55 changes: 44 additions & 11 deletions public/signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,50 @@
<!DOCTYPE html>
<html>

<head>
<meta charset=utf-8>
<title>Registration Portal</title>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Portal</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script defer src="js/jquery.min.js"></script>
<script defer src="js/angular.min.js"></script>
<script defer src="js/bootstrap.min.js"></script>
<script defer src="js/module.js"></script>
<script defer src="js/controllers/signup-controller.js"></script>
<script defer src="js/services/main-service.js"></script>
</head>
<body>
<h1>Registration Portal</h1>
<form>
Email: <input type="email" name="email"></br>
<button type="submit">Submit</button>
</form>
<p>
<a href="/admin.html">Admin Page</a>
</p>

<body ng-app="regEmail">
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="/signup.html">Registration Page</a></li>
<li><a href="/admin.html">Admin Page</a></li>
</ul>
</div>
</nav>
<h2 class="text-primary text-center">Registration Portal</h2>
<div class="flex-container">
<div class="row">
<div class="flex-item">
<form ng-submit="register()" ng-controller="signupCtrl">
<input class="form-control" ng-model="data.firstName" type="text" name="name" placeholder="Name" required>
</br>
<input class="form-control" ng-model="data.lastName" type="text" name="lastName" placeholder="Last Name" required>
</br>
<input class="form-control" ng-model="data.email" type="text" name="email" placeholder="Email" required>
</br>
<button class="btn btn-primary btn-block" type="submit">Submit</button>
</form>
<br>
<br>
<p class="text-center">
<a href="/admin.html">Admin Page</a>
</p>
</div>
</div>
</div>
</body>

</html>