Added user-specific task list.

src/scripts/tutti/10_tasks.js

@@ -15,15 +15,17 @@ function _remove_task_from_list(task_id) {
 /**
  * Open an item such as tasks/shots in the #item-details div
  */
-function item_open(item_id, item_type, pushState)
+function item_open(item_id, item_type, pushState, project_url)
 {
     if (item_id === undefined || item_type === undefined) {
         throw new ReferenceError("item_open(" + item_id + ", " + item_type + ") called.");
     }
 
-    var project_url = ProjectUtils.projectUrl();
     if (typeof project_url === 'undefined') {
-        throw new ReferenceError("ProjectUtils.projectUrl() undefined");
+        project_url = ProjectUtils.projectUrl();
+        if (typeof project_url === 'undefined') {
+            throw new ReferenceError("ProjectUtils.projectUrl() undefined");
+        }
     }
 
     if ($(window).scrollTop() > 0) {
@@ -76,9 +78,10 @@ function item_open(item_id, item_type, pushState)
     );
 }
 
-function task_open(task_id)
+// Fine if project_url is undefined, but that requires ProjectUtils.projectUrl().
+function task_open(task_id, project_url)
 {
-    item_open(task_id, 'task');
+    item_open(task_id, 'task', true, project_url);
 
     if (ProjectUtils.context() == 'shot'){
         $('[id^="shot-"]').removeClass('active');
@@ -360,6 +363,7 @@ $(function() {
     $("a.task-link[data-task-id]").click(function(e) {
         e.preventDefault();
         var task_id = e.delegateTarget.dataset.taskId;
-        task_open(task_id);
+        var project_url = e.delegateTarget.dataset.projectUrl;  // fine if undefined
+        task_open(task_id, project_url);
     });
 });

src/styles/_config.sass

@@ -6,6 +6,8 @@ $color-background-nav: hsl(hue($color-background), 20%, 25%)
 $color-background-nav-light: hsl(hue($color-background), 20%, 35%)
 $color-background-nav-dark: hsl(hue($color-background), 20%, 15%)
 
+$color-background-active: #dafff5  // background colour for active items.
+
 $font-body: 'Roboto'
 $font-headings: 'Lato'
 $font-size: 14px

src/styles/_tasks.sass

@@ -79,7 +79,7 @@
 		border-color: $color-background-dark
 		border-right-color: $color-primary
 		text-decoration: none
-		background-color: rgba($color-background, .5)
+		background-color: $color-background-active
 
 		.status-indicator
 			transform: scale(1.1)

src/templates/attract/tasks/for_project.jade

@@ -36,7 +36,7 @@
 | {% block footer_scripts %}
 script.
 	{% if open_task_id %}
-		$(function() { task_open('{{ open_task_id }}'); });
+		$(function() { item_open('{{ open_task_id }}', 'task', false); });
 	{% endif %}
 
 script(src="{{ url_for('static_attract', filename='assets/js/vendor/clipboard.min.js')}}")

src/templates/attract/tasks/for_user.jade

@@ -0,0 +1,45 @@
+| {% extends 'attract/layout.html' %}
+| {% block bodyattrs %}{{ super() }} data-context='task'{% endblock %}
+| {% block page_title %}Tasks for you{% endblock %}
+| {% block body %}
+#col_main
+	.col_header.task-list-header
+		| Your tasks ({{ task_count }})
+
+	#task-list.col-list
+		| {% for task in tasks %}
+		//- NOTE: this is tightly linked to the JS in tasks.js, function task_add()
+		a.col-list-item.task-list-item(
+			class="status-{{ task.properties.status }} task-link",
+			title="In project '{{ task._project_info.name }}'",
+			href="{{ url_for('attract.tasks.perproject.view_task', project_url=task._project_info.url, task_id=task._id) }}")
+			span.status-indicator
+			span.name {{ task.name }}
+			span.type {{ task.properties.task_type }}
+		| {% endfor %}
+
+.col-splitter
+
+#col_right
+	.col_header
+		span.header_text
+		#status-bar
+	#item-details
+		.item-details-empty
+			| Select a Task
+| {% endblock %}
+
+| {% block footer_scripts %}
+script.
+	{% if open_task_id %}
+		$(function() { task_open('{{ open_task_id }}'); });
+	{% endif %}
+
+script(src="{{ url_for('static_attract', filename='assets/js/vendor/clipboard.min.js')}}")
+script(src="{{ url_for('static_attract', filename='assets/js/vendor/jquery-resizable.min.js')}}")
+script.
+	$("#col_main").resizable({
+		handleSelector: ".col-splitter",
+		resizeHeight: false
+	});
+| {% endblock %}