From 6021f5718ffd4777c3e2ecb03fba4cf7ebe31543 Mon Sep 17 00:00:00 2001 From: Steve Sutton Date: Sun, 9 Aug 2015 14:16:19 -0400 Subject: [PATCH] Have task outputting into a view Assigning them into the page by using jquery. --- dash/app.js | 56 +++++++++++++++++---- dash/models/Task.js | 1 + dash/views/{TaskView.js => task.js} | 2 +- dash/views/{TaskListView.js => taskList.js} | 8 ++- index.html | 31 ++++++++---- 5 files changed, 74 insertions(+), 24 deletions(-) rename dash/views/{TaskView.js => task.js} (88%) rename dash/views/{TaskListView.js => taskList.js} (52%) diff --git a/dash/app.js b/dash/app.js index 1fb4024..7a8c4c7 100644 --- a/dash/app.js +++ b/dash/app.js @@ -1,26 +1,64 @@ $(document).ready(function(){ // render to the page - // project 1 - var task11 = new Task({title: "new task #11", project: 1}); + // Emmet Gov't + var task11 = new Task({title: "Main Navigation", project: 1, employee: "Laury", status: "On Hold"}); var taskView11 = new TaskView({model: task11}); - var task12 = new Task({title: "new task #12", project: 1}); + var task12 = new Task({title: "Plugin Req: Uber Menu", project: 1, employee: "Laury", status: "New"}); var taskView12 = new TaskView({model: task12}); + var task13 = new Task({title: "Department Section", project: 1, employee: "Laury", status: "In Progress"}); + var taskView13 = new TaskView({model: task13}); + var task14 = new Task({title: "Content Migration", project: 1, employee: "Steve", status: "New"}); + var taskView14 = new TaskView({model: task14}); $('#myList').append(taskView11.render().el); $('#myList').append(taskView12.render().el); + $('#myList').append(taskView13.render().el); - // project 2 - var task21 = new Task({title: "new task #21", project: 2}); + // Western UP + var task21 = new Task({title: "Banner Ads", project: 2, employee: "Steve", status: "New"}); var taskView21 = new TaskView({model: task21}); - var task22 = new Task({title: "new task #22", project: 2}); + var task22 = new Task({title: "Contact Forms MailChimp", project: 2, employee: "Laury", status: "New"}); var taskView22 = new TaskView({model: task22}); + var task23 = new Task({title: "Events", project: 2, employee: "Laury", status: "New"}); + var taskView23 = new TaskView({model: task23}); + var task24 = new Task({title: "Members", project: 2, employee: "Laury", status: "New"}); + var taskView24 = new TaskView({model: task24}); + var task25 = new Task({title: "Wordress Setup", project: 2, employee: "Laury", status: "New"}); + var taskView25 = new TaskView({model: task25}); + var task26 = new Task({title: "Content Migration", project: 2, employee: "Steve", status: "New"}); + var taskView26 = new TaskView({model: task26}); $('#myList2').append(taskView21.render().el); $('#myList2').append(taskView22.render().el); + $('#myList2').append(taskView23.render().el); + $('#myList2').append(taskView24.render().el); + $('#myList2').append(taskView25.render().el); + $('#myList2').append(taskView26.render().el); - // project 3 - var task31 = new Task({title: "new task #31", project: 3}); + // NLEA + var task31 = new Task({title: "Constant Contact", project: 3, employee: "Steve", status: "New"}); var taskView31 = new TaskView({model: task31}); - var task32 = new Task({title: "new task #32", project: 3}); + var task32 = new Task({title: "Forms", project: 3, employee: "Steve", status: "New"}); var taskView32 = new TaskView({model: task32}); $('#myList3').append(taskView31.render().el); $('#myList3').append(taskView32.render().el); + + // Mount Pleasant Wow + var task41 = new Task({title: "Break Out / Theme", project: 4, employee: "Ian", status: "New"}); + var taskView41 = new TaskView({model: task41}); + var task42 = new Task({title: "Forms", project: 4, employee: "Steve", status: "New"}); + var taskView42 = new TaskView({model: task42}); + var task43 = new Task({title: "Coupons", project: 4, employee: "Steve", status: "New"}); + var taskView43 = new TaskView({model: task43}); + var task44 = new Task({title: "Events", project: 4, employee: "Steve", status: "New"}); + var taskView44 = new TaskView({model: task44}); + var task45 = new Task({title: "Members", project: 4, employee: "Steve", status: "New"}); + var taskView45 = new TaskView({model: task45}); + var task46 = new Task({title: "Photos/Videos", project: 4, employee: "Steve", status: "New"}); + var taskView46 = new TaskView({model: task46}); + $('#myList4').append(taskView41.render().el); + $('#myList4').append(taskView42.render().el); + $('#myList4').append(taskView43.render().el); + $('#myList4').append(taskView44.render().el); + $('#myList4').append(taskView45.render().el); + $('#myList4').append(taskView46.render().el); + }); diff --git a/dash/models/Task.js b/dash/models/Task.js index 20f0f71..00250fd 100644 --- a/dash/models/Task.js +++ b/dash/models/Task.js @@ -1,6 +1,7 @@ var Task = Backbone.Model.extend({ defaults: { title: "untitled", + employee: "", status: "new", project: 0 } diff --git a/dash/views/TaskView.js b/dash/views/task.js similarity index 88% rename from dash/views/TaskView.js rename to dash/views/task.js index 420bf55..ae10a55 100644 --- a/dash/views/TaskView.js +++ b/dash/views/task.js @@ -2,8 +2,8 @@ var TaskView = Backbone.View.extend({ tagName: 'tr', className: 'task', template: _.template( + '<%= employee %>' + '<%= status %>' + - '<%= project %>' + '<%= title %>'), render: function(){ this.$el.append(this.template(this.model.toJSON())); diff --git a/dash/views/TaskListView.js b/dash/views/taskList.js similarity index 52% rename from dash/views/TaskListView.js rename to dash/views/taskList.js index 43bb409..13e181c 100644 --- a/dash/views/TaskListView.js +++ b/dash/views/taskList.js @@ -1,13 +1,11 @@ var TaskListView = Backbone.View.extend({ el: '#myList', tagName: 'section', - template: _.template('

<%= title %>

'), - initialize: function(){ - this.render(); - }, render: function(){ var taskView = this.collection.map(function(task){ - return (new TaskView({model: task}).render().el); + return (new TaskView({model: task})).render().el; }); + this.$el.html(taskView); + return this; } }); diff --git a/index.html b/index.html index c673bdd..c1a111b 100644 --- a/index.html +++ b/index.html @@ -37,39 +37,52 @@
-

Project 1

+

NLEA

+ + + + + + + + +
EmployeeStatusTask Name
+
+
+

Emmet - Gov't

+ -
Employee StatusProject Task Name
-

Project 2

+

Western UP

+ -
Employee StatusProject Task Name
-

Project 3

- Mount Pleasant Wow +
+ - @@ -86,8 +99,8 @@ - - + + -- 2.17.1
Employee StatusProject Task Name