From 40930a946f9981798fce385dae567f7ba0930091 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kuna?= <1282324+codecalm@users.noreply.github.com> Date: Sat, 26 Feb 2022 15:44:47 +0100 Subject: [PATCH] new tasks dashboard (#1062) --- src/pages/_data/menu.yml | 5 +- src/pages/_data/tasks-list.yml | 13 +++ src/pages/_data/tasks.yml | 96 ++++++++++++++--- src/pages/_includes/cards/tasks.html | 2 +- .../layout/header-actions/add-board.html | 1 + src/pages/_includes/parts/tasks.html | 100 ++++++++++++++++++ src/pages/_includes/ui/switch-icon.html | 2 +- src/pages/tasks.html | 21 ++++ src/scss/_variables.scss | 2 +- src/scss/ui/_cards.scss | 2 +- src/scss/ui/_icons.scss | 6 ++ src/scss/ui/_nav.scss | 1 + src/scss/ui/_switch-icon.scss | 1 + src/static/projects/dashboard-1.png | Bin 0 -> 110074 bytes src/static/projects/dashboard-2.png | Bin 0 -> 77614 bytes src/static/projects/dashboard-3.png | Bin 0 -> 105466 bytes 16 files changed, 234 insertions(+), 18 deletions(-) create mode 100644 src/pages/_data/tasks-list.yml create mode 100644 src/pages/_includes/layout/header-actions/add-board.html create mode 100644 src/pages/_includes/parts/tasks.html create mode 100644 src/pages/tasks.html create mode 100644 src/static/projects/dashboard-1.png create mode 100644 src/static/projects/dashboard-2.png create mode 100644 src/static/projects/dashboard-3.png diff --git a/src/pages/_data/menu.yml b/src/pages/_data/menu.yml index 3c2d8e23..b9ed3e54 100644 --- a/src/pages/_data/menu.yml +++ b/src/pages/_data/menu.yml @@ -155,10 +155,13 @@ extra: music: title: Music url: music.html + tasks: + title: Tasks + url: tasks.html + badge: New uptime: title: Uptime monitor url: uptime.html - badge: New widgets: title: Widgets url: widgets.html diff --git a/src/pages/_data/tasks-list.yml b/src/pages/_data/tasks-list.yml new file mode 100644 index 00000000..00633024 --- /dev/null +++ b/src/pages/_data/tasks-list.yml @@ -0,0 +1,13 @@ +- name: Extend the data model. + checked: true +- name: Verify the event flow. + checked: false +- name: Database backup and maintenance + checked: false +- name: Identify the implementation team. + checked: true +- name: Define users and workflow + checked: false +- name: Check Pull Requests + checked: true + diff --git a/src/pages/_data/tasks.yml b/src/pages/_data/tasks.yml index 00633024..e730e494 100644 --- a/src/pages/_data/tasks.yml +++ b/src/pages/_data/tasks.yml @@ -1,13 +1,83 @@ -- name: Extend the data model. - checked: true -- name: Verify the event flow. - checked: false -- name: Database backup and maintenance - checked: false -- name: Identify the implementation team. - checked: true -- name: Define users and workflow - checked: false -- name: Check Pull Requests - checked: true - +columns: + - name: To Do + tasks: + - name: Enable analytics tracking + users: 4 + users-offset: 6 + comments: 2 + image: static/projects/dashboard-1.png + likes: 7 + - name: User should receive a daily digest email + description: Dedicated form for a category of users that will perform actions. + users: 1 + users-offset: 4 + due-date: 10 Sep + likes: 6 + - name: Change license and remove references to products + color: yellow + favorite: true + comments: 4 + likes: 34 + - name: In Progress + tasks: + - name: Write a release note for Admin v1.0 + color: green + comments: 11 + subtasks: + - name: Implement new designs + done: true + - name: Usability testing + - name: Design navigation changes + - name: Product Update - Q4 2021 + description: Dedicated form for a category of users that will perform actions. + starred: true + users: 2 + users-offset: 7 + comments: 6 + likes: 11 + - name: Code HTML email template for welcome email + image: static/projects/dashboard-3.png + comments: 11 + - name: Test + tasks: + - name: Design new diagrams + color: red + users: 2 + users-offset: 9 + comments: 9 + likes: 6 + - name: Improve animation loader + favorite: true + likes: 5 + users: 1 + users-offset: 11 + comments: 6 + image: static/projects/dashboard-2.png + - name: iOS App home page + users: 2 + users-offset: 2 + - name: Changelog 1.7 + color: blue + due-date: 10 Jan + comments: 6 + - name: Completed + tasks: + - name: Enable analytics tracking + users: 1 + users-offset: 7 + likes: 1 + - name: Coordinate with business development + description: This content is a little bit longer. + favorite: true + likes: 7 + users: 5 + subtasks: + - name: Find out the old contract documents + done: true + - name: Organize meeting sales associates to understand need in detail + - name: Make sure to cover every small details + - name: Managing teams + description: Publishing industries for previewing layouts and visual #family 🔥 + users: 2 + likes: 4 + users-offset: 10 \ No newline at end of file diff --git a/src/pages/_includes/cards/tasks.html b/src/pages/_includes/cards/tasks.html index 09a35fb3..d8992b57 100644 --- a/src/pages/_includes/cards/tasks.html +++ b/src/pages/_includes/cards/tasks.html @@ -4,7 +4,7 @@
- {% for task in site.data.tasks %} + {% for task in site.data.tasks-list %}
diff --git a/src/pages/_includes/layout/header-actions/add-board.html b/src/pages/_includes/layout/header-actions/add-board.html new file mode 100644 index 00000000..6bd444b0 --- /dev/null +++ b/src/pages/_includes/layout/header-actions/add-board.html @@ -0,0 +1 @@ +{% include ui/button.html color="primary" icon="plus" text="Add board" %} \ No newline at end of file diff --git a/src/pages/_includes/parts/tasks.html b/src/pages/_includes/parts/tasks.html new file mode 100644 index 00000000..b6c9c157 --- /dev/null +++ b/src/pages/_includes/parts/tasks.html @@ -0,0 +1,100 @@ +{% assign data = include.data | default: site.data.tasks %} + +
+ {% for column in data.columns %} +
+

{{ column.name }}

+ +
+
+ {% for task in column.tasks %} +
+
+ {% if task.color %} +
+ {% endif %} + + {% if task.starred %} +
+ {% include ui/icon.html icon="star" %} +
+ {% endif %} + +
+

{{ task.name }}

+ + {% if task.description %} +
{{ task.description }}
+ {% endif %} + + {% if task.image %} +
+ {{ task.name }} +
+ {% endif %} + +
+
+
+ {% if task.users %} + {% include ui/avatar-list.html limit=task.users offset=task.users-offset stacked=true size="xs" %} + {% endif %} +
+ + {% if task.due-date %} +
+ + {% include ui/icon.html icon="calendar" %} + {{ task.due-date }} + +
+ {% endif %} + +
+ {% include ui/switch-icon.html icon="heart" icon-b-color="red" variant="scale" active=task.favorite %} + {% if task.likes %}{{ task.likes }}{% endif %} +
+ + {% if task.subtasks %} +
+ + {% include ui/icon.html icon="activity" %} + 1/{{ task.subtasks.size }} + +
+ {% endif %} + {% if task.comments %} +
+ {% include ui/icon.html icon="message" %} {{ task.comments }} +
+ {% endif %} +
+ {% include ui/icon.html icon="share" %} +
+
+
+ + {% if task.subtasks %} +
+ {% for subtask in task.subtasks %} +
+ {% if subtask.done %} + {% include ui/icon.html icon="check" color="muted" %} + {{ subtask.name }} + {% else %} + {% include ui/icon.html icon="check" color="green" %} + {{ subtask.name }} + {% endif %} +
+ {% endfor %} +
+ {% endif %} +
+
+
+ {% endfor %} +
+
+
+ {% endfor %} +
\ No newline at end of file diff --git a/src/pages/_includes/ui/switch-icon.html b/src/pages/_includes/ui/switch-icon.html index ab0f75b2..fae73f12 100644 --- a/src/pages/_includes/ui/switch-icon.html +++ b/src/pages/_includes/ui/switch-icon.html @@ -9,7 +9,7 @@ {% assign icon-b-class = include.icon-b-class %} {% endif %} -