Display more information in the task list
This commit is contained in:
parent
f3ebd29661
commit
c768751c23
|
@ -1,10 +1,32 @@
|
||||||
|
#tasks{position:fixed; overflow: auto; top:6.4em; width:50em; background:#f8f8f8; border-right:1px solid #ddd; }
|
||||||
|
#task_details{position:absolute;left:63em;top:6.4em;}
|
||||||
#task_details th{padding:2px;text-align:right;vertical-align:top; }
|
#task_details th{padding:2px;text-align:right;vertical-align:top; }
|
||||||
#task_details td{padding:2px;text-align:left;vertical-align:top; }
|
#task_details td{padding:2px;text-align:left;vertical-align:top; }
|
||||||
.error_msg{color:red;}
|
.error_msg{color:red;}
|
||||||
.error{border-color:red;border-width:2px;}
|
.error{border-color:red;border-width:2px;}
|
||||||
.task{position:relative;padding:0.5em 1em;}
|
.task{position:relative;padding:0.5em 1em;}
|
||||||
.task_actions{display:none;}
|
.task_actions{display:none;}
|
||||||
.task .categories{position:absolute;right:0.6em;text-align:right;top:0.5em}
|
|
||||||
.task .categories a{background-color:#1d2d44;color:white;border-radius:0.4em;display:inline-block;opacity:0.2;margin:0 0.2em;padding:0 0.4em;}
|
.task .priority{background-color:black;color:white;position:absolute;top:0.5em}
|
||||||
#tasks{position:fixed; overflow: auto; top:6.4em; width:40em; background:#f8f8f8; border-right:1px solid #ddd; }
|
.task .priority-n{height:2.66ex;width:0.6em;}
|
||||||
#task_details{position:absolute;left:53em;top:6.4em;}
|
.task .priority-1{background:rgb(255,0,0);}
|
||||||
|
.task .priority-2{background:rgb(200,0,0);}
|
||||||
|
.task .priority-3{background:rgb(150,0,0);}
|
||||||
|
.task .priority-4{background:rgb(100,0,0);}
|
||||||
|
.task .priority-5{background:rgb(255,255,0);color:black;}
|
||||||
|
.task .priority-6{background:rgb(192,255,0);color:black;}
|
||||||
|
.task .priority-7{background:rgb(128,255,0);color:black;}
|
||||||
|
.task .priority-8{background:rgb(64,255,0);color:black;}
|
||||||
|
.task .priority-9{background:rgb(0,255,0);color:black;}
|
||||||
|
|
||||||
|
.task .completed {position:absolute;left:3em;top:0.3em;}
|
||||||
|
|
||||||
|
.task .summary{padding-left:4em;}
|
||||||
|
|
||||||
|
.task .tag{border-radius:0.4em;display:inline-block;opacity:0.2;margin:0 0.2em;padding:0 0.4em;}
|
||||||
|
.task .tag:hover{opacity:0.5;}
|
||||||
|
|
||||||
|
.task .categories{position:absolute;right:6em;text-align:right;top:0.5em}
|
||||||
|
.task .categories a{background-color:#1d2d44;color:white;}
|
||||||
|
|
||||||
|
.task .location{background-color:#442d44;color:white;position:absolute;right:0.6em;width:4.2em;text-align:left;top:0.5em}
|
||||||
|
|
|
@ -14,14 +14,37 @@ $(document).ready(function(){
|
||||||
.html('<a href="index.php?id='+task.id+'">'+task.summary+'</a>')
|
.html('<a href="index.php?id='+task.id+'">'+task.summary+'</a>')
|
||||||
.addClass('summary')
|
.addClass('summary')
|
||||||
)
|
)
|
||||||
.append(actions.clone().removeAttr('id'))
|
//.append(actions.clone().removeAttr('id'))
|
||||||
;
|
;
|
||||||
|
var checkbox = $('<input type="checkbox">');
|
||||||
|
if (task.completed) {
|
||||||
|
checkbox.attr('checked', 'checked');
|
||||||
|
}
|
||||||
|
$('<div>')
|
||||||
|
.addClass('completed')
|
||||||
|
.append(checkbox)
|
||||||
|
.prependTo(task_container);
|
||||||
|
var priority = task.priority;
|
||||||
|
$('<div>')
|
||||||
|
.addClass('tag')
|
||||||
|
.addClass('priority')
|
||||||
|
.addClass('priority-'+(priority?priority:'n'))
|
||||||
|
.text(priority)
|
||||||
|
.prependTo(task_container);
|
||||||
|
if (task.location) {
|
||||||
|
$('<div>')
|
||||||
|
.addClass('tag')
|
||||||
|
.addClass('location')
|
||||||
|
.text(task.location)
|
||||||
|
.appendTo(task_container);
|
||||||
|
}
|
||||||
if (task.categories.length > 0) {
|
if (task.categories.length > 0) {
|
||||||
var categories = $('<div>')
|
var categories = $('<div>')
|
||||||
.addClass('categories')
|
.addClass('categories')
|
||||||
.appendTo(task_container);
|
.appendTo(task_container);
|
||||||
$(task.categories).each(function(i, category){
|
$(task.categories).each(function(i, category){
|
||||||
categories.append($('<a>')
|
categories.append($('<a>')
|
||||||
|
.addClass('tag')
|
||||||
.text(category)
|
.text(category)
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue