Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion app.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
var todoApp = angular.module('todoApp', []);
var todoApp = angular.module('todoApp', ['ngRoute']);


todoApp.directive('taskListView', function() {
Expand Down
16 changes: 16 additions & 0 deletions controllers/routes.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
var todoApp = angular.module('todoApp');

todoApp.config(function($routeProvider) {

$routeProvider

.when('/', {
templateUrl: '/pages/listTasks.html',
controller: 'taskController'
})

.when('/createTask', {
templateUrl: '/pages/createTask.html',
controller: 'taskController'
})
});
113 changes: 113 additions & 0 deletions controllers/taskControllers.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
// Module
var todoApp = angular.module('todoApp', ['ngRoute']);


// Controllers
todoApp.controller('taskController', ['$scope', '$http', 'dbService', '$window', function($scope, $http, dbService, $window) {

$scope.default = [
{'id' : '0', 'name' : 'Not Started'},
{'id' : '1', 'name' : 'In Progress'},
{'id' : '2', 'name' : 'Done'}
];

// $scope.default = [0, 1, 2];

var getTasks = function() {
dbService.getTasks().then((response) => {
//console.log(response.data);
$scope.tasks = response.data;

}, (response) => {
$scope.getErrMsg = 'Error: ' + response;
});
}


// Add Task
$scope.addTask = function() {
dbService.createTask($scope.task);
redirectHome();
}




// Edit Task
$scope.getTask = function(task_id) {

dbService.getTask(task_id).then((response) => {
console.log(response);
console.log(response.data);
$scope.task = response.data[0];
// $scope.$watch('task', function() {
// $scope.task = response.data;
// });
console.log("Scope: " + $scope);
console.log("Scoperr: " + $scope.task.name + " | " );
redirectPage('edit', task_id);

console.log('Entrou');

}, (response) => {
$scope.getErrMsg = 'Error: ' + response;
});


}


// Delete Task
$scope.deleteTask = function(task_id) {
dbService.deleteTask(task_id);
redirectHome();
}

function redirectHome(){
$window.location.href = '/';
}


function redirectPage(pageName, pageid) {
switch(pageName) {
case 'home':
$window.location.href = '/';
break;

case 'add':
$window.location.href = '/createTask';
break;

case 'edit':
$window.location.href = '#/editTask/' + pageid;
break;

default:
$window.location.href = '/';
}
}


getTasks();
}]);


todoApp.config(function($routeProvider) {
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Try have your routing config defined in one place, like what you were doing in routes.js


$routeProvider

.when('/', {
templateUrl: '/pages/listTasks.html',
controller: 'taskController'
})

.when('/createTask', {
templateUrl: '/pages/createTask.html',
controller: 'taskController'
})

.when('/editTask/:id', {
templateUrl: '/pages/editTask.html',
controller: 'taskController'
})
});
129 changes: 129 additions & 0 deletions controllers/taskControllers2.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
// Module
var todoApp = angular.module('todoApp', ['ngRoute']);


// Controllers
todoApp.controller('taskController', ['$scope', '$http', 'dbService', '$window', '$routeParams', function($scope, $http, dbService, $window, $routeParams) {

$scope.default = [
{'id' : '0', 'name' : 'Not Started'},
{'id' : '1', 'name' : 'In Progress'},
{'id' : '2', 'name' : 'Done'}
];

// $scope.default = [0, 1, 2];

var getTasks = function() {

console.log('Parametros ' + $routeParams.id);

if ($routeParams.id) {

dbService.getTask($routeParams.id).then((response) => {
$scope.task = response.data[0];
}, (response) => {
$scope.getErrMsg = 'Error: ' + response;
});

} else {
dbService.getTasks().then((response) => {
//console.log(response.data);
$scope.tasks = response.data;

}, (response) => {
$scope.getErrMsg = 'Error: ' + response;
});
}

}


// Add Task
$scope.addTask = function() {
dbService.createTask($scope.task);
redirectHome();
}




// Edit Task
$scope.getTask = function(task_id) {

redirectPage('edit', task_id);
/** dbService.getTask(task_id).then((response) => {
//console.log(response);
//console.log(response.data);
//$scope.task = response.data[0];
// $scope.$watch('task', function() {
// $scope.task = response.data;
// });
//console.log("Scope: " + $scope);
//console.log("Scoperr: " + $scope.task.name + " | " );

$scope.task = response.data[0];

console.log('Entrou');

}, (response) => {
$scope.getErrMsg = 'Error: ' + response;
});*/


}


// Delete Task
$scope.deleteTask = function(task_id) {
dbService.deleteTask(task_id);
redirectHome();
}

function redirectHome(){
$window.location.href = '/';
}


function redirectPage(pageName, pageid) {
switch(pageName) {
case 'home':
$window.location.href = '/';
break;

case 'add':
$window.location.href = '/createTask';
break;

case 'edit':
$window.location.href = '#/editTask/' + pageid;
break;

default:
$window.location.href = '/';
}
}


getTasks();
}]);


todoApp.config(function($routeProvider) {

$routeProvider

.when('/', {
templateUrl: '/pages/listTasks.html',
controller: 'taskController'
})

.when('/createTask', {
templateUrl: '/pages/createTask.html',
controller: 'taskController'
})

.when('/editTask/:id', {
templateUrl: '/pages/editTask.html',
controller: 'taskController'
})
});
31 changes: 31 additions & 0 deletions directives/directives.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
var todoApp = angular.module('todoApp');


// todoApp.directive('taskListView', function() {

// return {
// restrict: 'AECM',
// templateUrl: '/pages/listTasks.html',
// replace: true,
// controller: 'taskController',
// scope: {
// tasks: "=",
// errorMessage: "@"
// },
// }
// });


// todoApp.directive('editTaskView', function() {

// return {
// restrict: 'AECM',
// templateUrl: '/pages/editTask.html',
// replace: true,
// controller: 'taskController',
// scope: {
// task: "=",
// errorMessage: "@"
// },
// }
// })
76 changes: 30 additions & 46 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,57 +2,41 @@
<html ng-app="todoApp">

<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.4/angular.min.js"></script>
<script src="app.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-resource.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-route.min.js"></script>
<script src="controllers/taskControllers2.js"></script>
<!-- <script src="controllers/routes.js"></script> -->
<script src="services/dbService.js"></script>
<script src="directives/directives.js"></script>



</head>

<body>

<div class="w3-card-2 w3-margin" style="max-width:400px;" ng-controller="TaskController">
<header class="w3-container w3-light-grey w3-padding-16">
<h3>Task List</h3>
</header>

<todo-list-view tasks="tasks" error-message="getErrMsg"></todo-list-view>

<table class="table table-bordered table-hover table-condensed">
<thead class="thead-dark">
<tr>
<thead>Name</thead>
<thead>Description</thead>
<thead>Assignee</thead>
<thead>Date</thead>
<thead>Status</thead>
<thead colspan='2'>Actions</thead>
</tr>
</thead>
<tbody>
<tr ng-repeat="task in tasks">
<td>{{task.name}}</td>
<td>{{task.description}}</td>
<td>{{task.assignee}}</td>
<td ng-if="task.status == 0">Not Started</td>
<td ng-if="task.status == 1">In Progress</td>
<td ng-if="task.status == 2">Done</td>
<td><a class="btn btn-info" href="#" role="button">Update</a></td>
<td><a class="btn btn-danger" href="#" role="button">Delete</a></td>

</tr>
</tbody>
</table>

<form ng-submit="addTask()">
<input type="text" ng-model="task_name" placeholder="Task name here">
<input type="text" ng-model="task_description" placeholder="Task description here">
<input type="text" ng-model="task_assignee" placeholder="Task assignee here">

<input type="text" ng-model="task_status" placeholder="Task status here">
<input type="submit" value="Add Task">
</form>

{{getErrMsg}}
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#/">Todo App</a>
</div>

<ul class="nav navbar-nav navbar-right">
<li><a href="#/"><i class="fa fa-home"></i> Home</a></li>
</ul>
</div>
</nav>
</header>

<div class="container">

<div ng-view></div>

</div>


Expand Down
Loading