diff --git a/src/styles/_dashboard.sass b/src/styles/_dashboard.sass new file mode 100644 index 0000000..c9db387 --- /dev/null +++ b/src/styles/_dashboard.sass @@ -0,0 +1,15 @@ + +#dashboard + width: 100% + padding: 0 20px + +.d-activity + ul + padding: 5px 10px + color: $color-text-dark-primary + list-style: none + + +container-box + + li + padding: 5px 0 diff --git a/src/styles/main.sass b/src/styles/main.sass index 6ded47a..f416b86 100644 --- a/src/styles/main.sass +++ b/src/styles/main.sass @@ -5,3 +5,4 @@ @import _base @import _tasks @import _shots +@import _dashboard diff --git a/src/templates/attract/index.jade b/src/templates/attract/index.jade index 90461b1..8c4d4ee 100644 --- a/src/templates/attract/index.jade +++ b/src/templates/attract/index.jade @@ -1,27 +1,45 @@ | {% extends 'attract/layout.html' %} | {% block page_title %}Attract{% endblock %} -| {% block body %} -#page-container - #page-header - .page-title-icons - i.pi-blender-cloud - i.pi-heart-filled - i.pi-users - .page-title - | Attract - .page-title-summary - | Manage your film project. This is about people. - #page-content - .page-triplet-container.homepage - .row - .col-md-4 - h2 The edit - p one column - .col-md-4 - h2 Tasks - a(href="{{ url_for('attract.tasks.index') }}") Go to task manager - .col-md-4 - h2 Other stuff - p three column +| {% block body %} +#dashboard + .row + .col-md-6 + h3 My Tasks + a.pull-right + small View All + + #task-list.col-list + - for (var i = 0; i < 15; ++i) { + a.col-list-item.task-list-item( + id="task-(TASK_ID)", + class="status-review task-link", + href="#") + span.status-indicator + span.name Task Name + span.type type + - } + + .col-md-6 + h3 Latest Edit + img.img-responsive(src="http://placehold.it/500x250") + + .d-activity + h3 Activity + + ul + - for (var i = 1; i < 11; ++i) { + li= i + span Activity Stuff + - } + + + h3 Stats + .progress + .progress-bar.progress-bar-success(role="progressbar", style="width:50%") + | Final + .progress-bar.progress-bar-info(role="progressbar", style="width:30%") + | Review + .progress-bar.progress-bar-danger(role="progressbar", style="width:20%") + | ToDo | {% endblock %}