13hannes11/UU_hci_prototype
1
0
Fork 0
mirror of https://github.com/13hannes11/UU_hci_prototype.git synced 2024-09-04 01:11:00 +02:00
Code Issues Projects Releases Wiki Activity

styled task sidebar

Browse Source
This commit is contained in:
Hannes Kuchelmeister
2020-10-19 17:26:16 +02:00
parent 5cb5c939be
commit ec0c13a56e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -63,7 +63,7 @@
<div class="cd-schedule__cover-layer"></div>
</div> <!-- .cd-schedule -->
<div id="tasks_wrapper" style="width: 300px; height: 100%; right: 0px; top: 0px; position: fixed; background: turquoise;">
<div id="tasks_wrapper" style="width: 300px; height: 100%; right: 0px; top: 0px; position: fixed; background: #ededed; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);">
</div>
@@ -145,11 +145,11 @@
this.task_list = task_list;
}
as_html = function() {
var result = "<ul>";
var result = "<div style='margin-top: 20px'><h2 style='padding-left: 16px;'>To-Dos</h2><ul>";
this.task_list.filter(task => task.time_needed_h - task.time_scheduled > 0).forEach(task => {
result += task.as_html();
});
result += "</ul>";
result += "</ul></div>";
return result;
}
rebulid_html = function() {
@@ -168,7 +168,7 @@
}
as_html = function() {
return `<li>${this.name}</li>`;
return '<li>' + `<div style="margin: 10px; background-color: white; padding: 5px 16px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);"><h4><b>${this.name}</b></h4><p>Scheduled ${this.time_scheduled}h of ${this.time_needed_h}h</p></div>` + '</li>';
}
set_parent = function(parent) {