View tutorial finished.

Author: ingogbe

simpleNodeViews/controllers/tasks.js

@@ -1,5 +1,5 @@
 module.exports = function (app) {
-	var Task = app.models.task
+	var Task = app.models.task;
 
 	return {
 		index: function (request, response) {
@@ -35,7 +35,24 @@ module.exports = function (app) {
 		destroy: function (request, response) {
 			Task.remove(request.params.id);
 			response.redirect('/');
+		},
+		create: function (request, response) {
+			response.render('createform', {
+				action: '/',
+				title: 'Nova Tarefa'
+			});
+		},
+		//Nosso método EDIT
+		edit: function (request, response) {
+			var task = Task.find(request.params.id);
+
+			response.render('createform', {
+				task: task,
+				title: 'Editar',
+				action: '/task/' + request.params.id,
+			});
 		}
+
 	}
 
 }

simpleNodeViews/models/task.js

@@ -33,4 +33,12 @@ function remove(id) {
 	return
 }
 
-module.exports = {all, save, update, remove};
+//Nosso método find
+function find (id) {
+	return tasks.data.filter(function (task) {
+		return task._id == id
+	})[0];
+}
+
+//Adicione ele aqui também
+module.exports = {all, save, update, remove, find};

simpleNodeViews/routes/index.js

@@ -3,4 +3,6 @@ module.exports = function (app) {
 	app.post('/', app.controllers.tasks.store);
 	app.post('/task/:id', app.controllers.tasks.update);
 	app.get('/task/:id', app.controllers.tasks.destroy);
+	app.get('/create', app.controllers.tasks.create);
+	app.get('/edit/:id', app.controllers.tasks.edit);
 }

simpleNodeViews/views/createform.hbs

@@ -0,0 +1,30 @@
+<div class="container">
+	<div class="col-md-6 col-md-offset-3">
+		<div class="page-header">
+			<h1>
+				{{title}} <a class="btn btn-primary pull-right" href="/">Home</span></a>
+			</h1>
+		</div><!-- /.page-header -->
+		<form class="form" action="{{action}}" method="post">
+			<div class="form-group">
+				<label>Titulo:</label>
+				<input class="form-control" type="text" class="form-group" name="title" value="{{task.title}}">
+			</div>
+
+
+			{{#if task}}
+			<div class="checkbox">
+				<label>
+					<input type="checkbox" value="1" name="status" {{#if task.status}} checked {{/if}}>
+					<span>Concluído</span>
+				</label>
+			</div>
+			{{/if}}
+
+
+			<button class="btn btn-primary btn-block">
+				{{#if task}} Salvar {{else}} Criar {{/if}}
+			</button>
+		</form>
+	</div><!-- /.col-sm-4 -->
+</div><!-- /.container -->

simpleNodeViews/views/home.hbs

@@ -2,7 +2,7 @@
 	<div class="col-md-6 col-md-offset-3">
 		<div class="page-header">
 			<h1>
-				Tarefas <a class="btn btn-primary pull-right" href="#">Adicionar tarefa</span></a>
+				Tarefas <a class="btn btn-primary pull-right" href="/create">Adicionar tarefa</span></a>
 			</h1>
 		</div><!-- /.page-header -->
 

simpleNodeViews/views/partials/tasklist.hbs

@@ -8,8 +8,8 @@
 		<td>Não concluído</td>
 	{{/if}}
 		<td width="100px">
-			<a class="btn btn-info" href="#"><span class="fa fa-pencil"></span></a>
-			<a class="btn btn-danger" href="#"><span class="fa fa-trash"></span></a>
+			<a class="btn btn-info" href="/edit/{{_id}}"><span class="fa fa-pencil"></span></a>
+			<a class="btn btn-danger" href="/task/{{_id}}"><span class="fa fa-trash"></span></a>
 		</td>
 	</tr>
 {{/each}}