archive/attract
0
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

Shots view: set task as active when selecting it

Browse Source
This commit is contained in:
Pablo Vazquez
2016-09-22 17:09:43 +02:00
parent e2db647c20
commit 85c7908ac6
4 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
attract/static/js/tasks.js
View File

@@ -40,11 +40,10 @@ function task_open(task_id, project_url) {
return; return;
} }
$('#task-list').find('a').removeClass('active'); $('[id^="task-"]').removeClass('active');
$('#task-' + task_id).addClass('active'); $('#task-' + task_id).addClass('active');
var task_url = '/attract/' + project_url + '/tasks/' + task_id; var task_url = '/attract/' + project_url + '/tasks/' + task_id;
console.log('task_url is ' + task_url);
$.get(task_url, function(task_data) { $.get(task_url, function(task_data) {
$('#task-details').html(task_data); $('#task-details').html(task_data);

7
src/styles/_shots.sass
View File

@@ -31,6 +31,8 @@
opacity: 0 opacity: 0
color: $color-text-dark-primary color: $color-text-dark-primary
+status-color +status-color
border: thin solid transparent
border-radius: 3px
transition: all 150ms ease-in-out transition: all 150ms ease-in-out
span span
@@ -38,6 +40,11 @@
display: block display: block
padding: 3px 10px padding: 3px 10px
&.active
font-weight: bold
+status-border-color
a[class^="status-"] a[class^="status-"]
opacity: 1 opacity: 1

35
src/styles/_utils.sass
View File

@@ -510,21 +510,21 @@
=status-background-color =status-background-color
&.status &.status
&-invalid &-invalid
color: hsl(hue($color-status-invalid), 100%, 75%) background-color: hsl(hue($color-status-invalid), 100%, 75%)
&-todo &-todo
color: hsl(hue($color-status-todo), 100%, 75%) background-color: hsl(hue($color-status-todo), 100%, 75%)
&-in_progress &-in_progress
color: hsl(hue($color-status-in_progress), 100%, 60%) background-color: hsl(hue($color-status-in_progress), 100%, 60%)
&-on_hold &-on_hold
color: hsl(hue($color-status-on_hold), 100%, 75%) background-color: hsl(hue($color-status-on_hold), 100%, 75%)
&-approved &-approved
color: hsl(hue($color-status-approved), 100%, 75%) background-color: hsl(hue($color-status-approved), 100%, 75%)
&-cbb &-cbb
color: hsl(hue($color-status-cbb), 100%, 75%) background-color: hsl(hue($color-status-cbb), 100%, 75%)
&-final &-final
color: hsl(hue($color-status-final), 100%, 40%) background-color: hsl(hue($color-status-final), 100%, 40%)
&-review &-review
color: hsl(hue($color-status-review), 100%, 75%) background-color: hsl(hue($color-status-review), 100%, 75%)
=status-color =status-color
&.status &.status
@@ -544,3 +544,22 @@
color: $color-status-final-dark color: $color-status-final-dark
&-review &-review
color: $color-status-review-dark color: $color-status-review-dark
=status-border-color
&.status
&-invalid
border-color: $color-status-invalid-dark
&-todo
border-color: $color-status-todo-dark
&-in_progress
border-color: $color-status-in_progress-dark
&-on_hold
border-color: $color-status-on_hold-dark
&-approved
border-color: $color-status-approved-dark
&-cbb
border-color: $color-status-cbb-dark
&-final
border-color: $color-status-final-dark
&-review
border-color: $color-status-review-dark

1
src/templates/attract/shots/for_project.jade
View File

@@ -37,6 +37,7 @@
.table-cell.task-type(class="{{ task_type }}") .table-cell.task-type(class="{{ task_type }}")
| {% for task in tasks_for_shots[shot._id][task_type] %} | {% for task in tasks_for_shots[shot._id][task_type] %}
a( a(
id="task-{{ task._id }}",
href="javascript:task_open('{{ task._id }}', '{{ project.url }}');", href="javascript:task_open('{{ task._id }}', '{{ project.url }}');",
class="status-{{ task.properties.status }}") class="status-{{ task.properties.status }}")
span(class="task-name-{{ task._id }}") {{ task.name }} span(class="task-name-{{ task._id }}") {{ task.name }}