2 |
3 | {% include tasks/task-details.html %}
4 |
5 |
6 |
7 | {% include V2/header-small.html
8 | headerSmallIcon="paperclip"
9 | headerSmallTitle="Files"
10 | %}
11 |
12 |
13 |
14 | {% include tasks/subtask/files.html %}
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | {% include V2/header-small.html
24 | headerSmallButton="true"
25 | headerSmallIcon="list"
26 | headerSmallTitle="Subtasks"
27 | %}
28 |
29 | {% include tasks/subtask/card-subtask.html %}
30 |
31 |
32 | {% include tasks/subtask/table-subtasks.html %}
33 |
34 |
37 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
Password reset
17 |
18 | Your password has been successully reset. Click below to log in magically.
19 |
20 |
21 |
22 |
23 |
31 |
32 |
33 | {% include auth/footer.html %}
34 |
35 |
36 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
Check yor email
17 |
We sent a password reset link to Hershel_Kassulke12@yahoo.com
18 |
19 |
20 |
21 |
29 |
30 |
31 | {% include auth/footer.html %}
32 |
33 |
34 |
7 |
8 |
9 |
10 |
11 |
16 |
17 |
18 |
Forgot Password
19 |
Take advantage of the help below.
20 |
21 |
22 |
23 |
24 |
35 |
40 |
41 |
42 | {% include auth/footer.html %}
43 |
44 |
45 |
--------------------------------------------------------------------------------
/css/mixins/_caret.scss:
--------------------------------------------------------------------------------
1 | // scss-docs-start caret-mixins
2 | @mixin caret-down($width: $caret-width) {
3 | border-top: $width solid;
4 | border-right: $width solid transparent;
5 | border-bottom: 0;
6 | border-left: $width solid transparent;
7 | }
8 |
9 | @mixin caret-up($width: $caret-width) {
10 | border-top: 0;
11 | border-right: $width solid transparent;
12 | border-bottom: $width solid;
13 | border-left: $width solid transparent;
14 | }
15 |
16 | @mixin caret-end($width: $caret-width) {
17 | border-top: $width solid transparent;
18 | border-right: 0;
19 | border-bottom: $width solid transparent;
20 | border-left: $width solid;
21 | }
22 |
23 | @mixin caret-start($width: $caret-width) {
24 | border-top: $width solid transparent;
25 | border-right: $width solid;
26 | border-bottom: $width solid transparent;
27 | }
28 |
29 | @mixin caret(
30 | $direction: down,
31 | $width: $caret-width,
32 | $spacing: $caret-spacing,
33 | $vertical-align: $caret-vertical-align
34 | ) {
35 | @if $enable-caret {
36 | &::after {
37 | display: inline-block;
38 | margin-left: $spacing;
39 | vertical-align: $vertical-align;
40 | content: "";
41 | @if $direction == down {
42 | @include caret-down($width);
43 | } @else if $direction == up {
44 | @include caret-up($width);
45 | } @else if $direction == end {
46 | @include caret-end($width);
47 | }
48 | }
49 |
50 | @if $direction == start {
51 | &::after {
52 | display: none;
53 | }
54 |
55 | &::before {
56 | display: inline-block;
57 | margin-right: $spacing;
58 | vertical-align: $vertical-align;
59 | content: "";
60 | @include caret-start($width);
61 | }
62 | }
63 |
64 | &:empty::after {
65 | margin-left: 0;
66 | }
67 | }
68 | }
69 | // scss-docs-end caret-mixins
70 |
--------------------------------------------------------------------------------
/css/_breadcrumb.scss:
--------------------------------------------------------------------------------
1 | .breadcrumb {
2 | // scss-docs-start breadcrumb-css-vars
3 | --#{$prefix}breadcrumb-padding-x: #{$breadcrumb-padding-x};
4 | --#{$prefix}breadcrumb-padding-y: #{$breadcrumb-padding-y};
5 | --#{$prefix}breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom};
6 | @include rfs($breadcrumb-font-size, --#{$prefix}breadcrumb-font-size);
7 | --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg};
8 | --#{$prefix}breadcrumb-border-radius: #{$breadcrumb-border-radius};
9 | --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color};
10 | --#{$prefix}breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x};
11 | --#{$prefix}breadcrumb-item-active-color: #{$breadcrumb-active-color};
12 | // scss-docs-end breadcrumb-css-vars
13 |
14 | display: flex;
15 | flex-wrap: wrap;
16 | padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x);
17 | margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);
18 | @include font-size(var(--#{$prefix}breadcrumb-font-size));
19 | list-style: none;
20 | background-color: var(--#{$prefix}breadcrumb-bg);
21 | @include border-radius(var(--#{$prefix}breadcrumb-border-radius));
22 | }
23 |
24 | .breadcrumb-item {
25 | // The separator between breadcrumbs (by default, a forward-slash: "/")
26 | + .breadcrumb-item {
27 | padding-left: var(--#{$prefix}breadcrumb-item-padding-x);
28 |
29 | &::before {
30 | float: left; // Suppress inline spacings and underlining of the separator
31 | padding-right: var(--#{$prefix}breadcrumb-item-padding-x);
32 | color: var(--#{$prefix}breadcrumb-divider-color);
33 | content: var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
34 | }
35 | }
36 |
37 | &.active {
38 | color: var(--#{$prefix}breadcrumb-item-active-color);
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/js/cheatsheet.js:
--------------------------------------------------------------------------------
1 | /* global bootstrap: false */
2 |
3 | (function () {
4 | 'use strict'
5 |
6 | // Tooltip and popover demos
7 | document.querySelectorAll('.tooltip-demo')
8 | .forEach(function (tooltip) {
9 | new bootstrap.Tooltip(tooltip, {
10 | selector: '[data-bs-toggle="tooltip"]'
11 | })
12 | })
13 |
14 | document.querySelectorAll('[data-bs-toggle="popover"]')
15 | .forEach(function (popover) {
16 | new bootstrap.Popover(popover)
17 | })
18 |
19 | document.querySelectorAll('.toast')
20 | .forEach(function (toastNode) {
21 | var toast = new bootstrap.Toast(toastNode, {
22 | autohide: false
23 | })
24 |
25 | toast.show()
26 | })
27 |
28 | // Disable empty links and submit buttons
29 | document.querySelectorAll('[href="#"], [type="submit"]')
30 | .forEach(function (link) {
31 | link.addEventListener('click', function (event) {
32 | event.preventDefault()
33 | })
34 | })
35 |
36 | function setActiveItem() {
37 | var hash = window.location.hash
38 |
39 | if (hash === '') {
40 | return
41 | }
42 |
43 | var link = document.querySelector('.bd-aside a[href="' + hash + '"]')
44 |
45 | if (!link) {
46 | return
47 | }
48 |
49 | var active = document.querySelector('.bd-aside .active')
50 | var parent = link.parentNode.parentNode.previousElementSibling
51 |
52 | link.classList.add('active')
53 |
54 | if (parent.classList.contains('collapsed')) {
55 | parent.click()
56 | }
57 |
58 | if (!active) {
59 | return
60 | }
61 |
62 | var expanded = active.parentNode.parentNode.previousElementSibling
63 |
64 | active.classList.remove('active')
65 |
66 | if (expanded && parent !== expanded) {
67 | expanded.click()
68 | }
69 | }
70 |
71 | setActiveItem()
72 | window.addEventListener('hashchange', setActiveItem)
73 | })()
74 |
--------------------------------------------------------------------------------
/css/utilities/_api.scss:
--------------------------------------------------------------------------------
1 | // Loop over each breakpoint
2 | @each $breakpoint in map-keys($grid-breakpoints) {
3 |
4 | // Generate media query if needed
5 | @include media-breakpoint-up($breakpoint) {
6 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
7 |
8 | // Loop over each utility property
9 | @each $key, $utility in $utilities {
10 | // The utility can be disabled with `false`, thus check if the utility is a map first
11 | // Only proceed if responsive media queries are enabled or if it's the base media query
12 | @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
13 | @include generate-utility($utility, $infix);
14 | }
15 | }
16 | }
17 | }
18 |
19 | // RFS rescaling
20 | @media (min-width: $rfs-mq-value) {
21 | @each $breakpoint in map-keys($grid-breakpoints) {
22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
23 |
24 | @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
25 | // Loop over each utility property
26 | @each $key, $utility in $utilities {
27 | // The utility can be disabled with `false`, thus check if the utility is a map first
28 | // Only proceed if responsive media queries are enabled or if it's the base media query
29 | @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") {
30 | @include generate-utility($utility, $infix, true);
31 | }
32 | }
33 | }
34 | }
35 | }
36 |
37 |
38 | // Print utilities
39 | @media print {
40 | @each $key, $utility in $utilities {
41 | // The utility can be disabled with `false`, thus check if the utility is a map first
42 | // Then check if the utility needs print styles
43 | @if type-of($utility) == "map" and map-get($utility, print) == true {
44 | @include generate-utility($utility, "-print");
45 | }
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/projects/table/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: V2/1-column
3 | title: 'Projects Table'
4 | showTitle: true
5 | navbarTitle: 'Projects Table'
6 | layoutProjectsTable: true
7 |
8 | ---
9 |
10 |
11 |
12 |
13 | |
14 | |
15 | Title |
16 | Last Updated |
17 | Due Date |
18 | Members |
19 | Status |
20 | Progress |
21 | |
22 |
23 |
24 |
25 | {% for table in site.data.tableTask %}
26 | {% include tasks/tr-project.html
27 | avatar4=""
28 | paused=""
29 | %}
30 | {% include tasks/tr-project.html
31 | avatar3=""
32 | cancelled=""
33 | %}
34 | {% include tasks/tr-project.html
35 | avatar2=""
36 | active=""
37 | %}
38 | {% include tasks/tr-project.html
39 | avatar1=""
40 | completed=""
41 | %}
42 | {% include tasks/tr-project.html
43 | avatar2=""
44 | planned=""
45 | %}
46 | {% endfor %}
47 |
48 |
49 |
50 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
Set new password
18 |
Your password must be diffrent to previusly used passwords.
19 |
20 |
21 |
22 |
23 |
41 |
46 |
47 |
48 | {% include auth/footer.html %}
49 |
50 |
51 |
11 |
12 |
13 | {% include V2/card-task.html
14 | important=""
15 | finished=""
16 | %}
17 |
18 |
19 | {% include V2/card-task.html
20 | high=""
21 | backlog=""
22 | %}
23 |
24 |
25 | {% include V2/card-task.html
26 | normal=""
27 | rejected=""
28 | %}
29 |
30 |
31 | {% include V2/card-task.html
32 | low=""
33 | doing=""
34 | %}
35 |
36 |
37 | {% include V2/card-task.html
38 | important=""
39 | finished=""
40 | %}
41 |
42 |
43 | {% include V2/card-task.html
44 | high=""
45 | backlog=""
46 | %}
47 |
48 |
49 | {% include V2/card-task.html
50 | normal=""
51 | rejected=""
52 | %}
53 |
54 |
55 | {% include V2/card-task.html
56 | important=""
57 | finished=""
58 | %}
59 |
60 |
61 | {% include V2/card-task.html
62 | high=""
63 | backlog=""
64 | %}
65 |
66 |
67 | {% include V2/card-task.html
68 | normal=""
69 | rejected=""
70 | %}
71 |
72 |
73 | {% include V2/card-task.html
74 | low=""
75 | doing=""
76 | %}
77 |
78 |
79 | {% include V2/card-task.html
80 | important=""
81 | finished=""
82 | %}
83 |
84 |
85 |
7 |
8 |
9 |
10 |
11 |
16 |
17 |
18 |
Log in to your account
19 |
Welcome back! Please enter your details.
20 |
21 |
22 |
23 |
24 |
48 |
49 | Don't have an account?
Sign up
50 |
51 |
52 |
53 | {% include auth/footer.html %}
54 |
55 |
56 |
14 |
15 |
16 | {% include V2/card-task.html
17 | important=""
18 | finished=""
19 | %}
20 |
21 |
22 | {% include V2/card-task.html
23 | high=""
24 | backlog=""
25 | %}
26 |
27 |
28 | {% include V2/card-task.html
29 | normal=""
30 | rejected=""
31 | %}
32 |
33 |
34 | {% include V2/card-task.html
35 | low=""
36 | doing=""
37 | %}
38 |
39 |
40 | {% include V2/card-task.html
41 | important=""
42 | finished=""
43 | %}
44 |
45 |
46 | {% include V2/card-task.html
47 | high=""
48 | backlog=""
49 | %}
50 |
51 |
52 | {% include V2/card-task.html
53 | normal=""
54 | rejected=""
55 | %}
56 |
57 |
58 | {% include V2/card-task.html
59 | important=""
60 | finished=""
61 | %}
62 |
63 |
64 | {% include V2/card-task.html
65 | high=""
66 | backlog=""
67 | %}
68 |
69 |
70 | {% include V2/card-task.html
71 | normal=""
72 | rejected=""
73 | %}
74 |
75 |
76 | {% include V2/card-task.html
77 | low=""
78 | doing=""
79 | %}
80 |
81 |
82 | {% include V2/card-task.html
83 | important=""
84 | finished=""
85 | %}
86 |
87 |
88 |
7 |
8 |
9 |
10 |
11 |
16 |
17 |
18 |
Create an Account
19 |
Create an account in 10 seconds to enjoy a free 30-day trial period.
20 |
21 |
22 |
23 |
24 |
48 |
49 | Already have an account?
Log In
50 |
51 |
52 |
53 | {% include auth/footer.html %}
54 |
55 |
56 |
11 | In the upper right corner there is a blue button + and below where you can add a task.
12 |
13 |
14 |
26 | You have projects and if you press then you will see here a list of tasks.
27 |
28 | {% elsif include.clickTask %}
29 |
30 |
37 | You have tasks, and if you press one then you will see details.
38 |
39 | {% elsif include.emptyTask %}
40 |
41 |
45 | In the upper right corner there is a blue button +.
46 |
47 |
48 |
54 |
55 |
56 | Click on a project on the left to see the task list.
57 |
58 |
6 | A premium and open source dashboard template with a responsive and high-quality UI.
7 |
8 |
9 | 
12 |
13 |