Apply to task
parent
1dcb363389
commit
0905c2b56f
|
@ -35,6 +35,8 @@ class StoryHeaderController
|
||||||
|
|
||||||
console.log @.item
|
console.log @.item
|
||||||
|
|
||||||
|
_checkNav: () ->
|
||||||
|
|
||||||
if @.item.neighbors.previous?.ref?
|
if @.item.neighbors.previous?.ref?
|
||||||
ctx = {
|
ctx = {
|
||||||
project: @.project.slug
|
project: @.project.slug
|
||||||
|
|
|
@ -24,6 +24,7 @@ DetailHeaderDirective = () ->
|
||||||
|
|
||||||
link = (scope, el, attrs, ctrl) ->
|
link = (scope, el, attrs, ctrl) ->
|
||||||
ctrl._checkPermissions()
|
ctrl._checkPermissions()
|
||||||
|
ctrl._checkNav()
|
||||||
|
|
||||||
return {
|
return {
|
||||||
link: link,
|
link: link,
|
||||||
|
|
|
@ -42,6 +42,17 @@
|
||||||
project="project"
|
project="project"
|
||||||
)
|
)
|
||||||
|
|
||||||
|
.task-belongs-to(ng-if="vm.item.user_story")
|
||||||
|
span(translate="TASK.OWNER_US")
|
||||||
|
a(
|
||||||
|
href=""
|
||||||
|
tg-check-permission="view_us"
|
||||||
|
tg-nav="project-userstories-detail:project=project.slug,ref=vm.item.user_story.ref"
|
||||||
|
title="{{'TASK.TITLE_LINK_GO_OWNER' | translate}}"
|
||||||
|
)
|
||||||
|
span.item-ref {{'#' + vm.item.ref}}
|
||||||
|
span {{::vm.item.subject}}
|
||||||
|
|
||||||
.item-origin-issue(
|
.item-origin-issue(
|
||||||
ng-if="vm.item.origin_issue"
|
ng-if="vm.item.origin_issue"
|
||||||
)
|
)
|
||||||
|
|
|
@ -22,13 +22,19 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-origin-issue,
|
.item-origin-issue,
|
||||||
|
.task-belongs-to,
|
||||||
.belong-to-epics-wrapper,
|
.belong-to-epics-wrapper,
|
||||||
.block-desc-container {
|
.block-desc-container {
|
||||||
@include font-size(small);
|
@include font-size(small);
|
||||||
margin-top: .5rem;
|
margin-top: .5rem;
|
||||||
}
|
}
|
||||||
|
.task-belongs-to,
|
||||||
.item-origin-issue {
|
.item-origin-issue {
|
||||||
a {
|
a {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0 .2rem;
|
||||||
|
}
|
||||||
|
.item-ref {
|
||||||
padding: 0 .2rem;
|
padding: 0 .2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -59,7 +65,6 @@
|
||||||
color: $gray;
|
color: $gray;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail-edit {
|
.detail-edit {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-left: .75rem;
|
margin-left: .75rem;
|
||||||
|
@ -111,144 +116,3 @@
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// .us-title {
|
|
||||||
//
|
|
||||||
// &.blocked {
|
|
||||||
// background: $red;
|
|
||||||
// transition: all .2s linear;
|
|
||||||
// vertical-align: middle;
|
|
||||||
// .us-title-text,
|
|
||||||
// input {
|
|
||||||
// margin-bottom: .5rem;
|
|
||||||
// }
|
|
||||||
// .us-number,
|
|
||||||
// .us-name,
|
|
||||||
// .us-related-task {
|
|
||||||
// color: $white;
|
|
||||||
// }
|
|
||||||
// a {
|
|
||||||
// color: $white;
|
|
||||||
// transition: color .3s linear;
|
|
||||||
// }
|
|
||||||
// a:hover {
|
|
||||||
// color: $red-light;
|
|
||||||
// }
|
|
||||||
// .unblock {
|
|
||||||
// @include font-type(bold);
|
|
||||||
// color: $white;
|
|
||||||
// float: right;
|
|
||||||
// }
|
|
||||||
// .unblock:hover {
|
|
||||||
// color: $red-light;
|
|
||||||
// transition: color .3s linear;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// p {
|
|
||||||
// margin-bottom: 0;
|
|
||||||
// }
|
|
||||||
// .us-edit-name-inner {
|
|
||||||
// display: flex;
|
|
||||||
// }
|
|
||||||
// .edit-subject {
|
|
||||||
// align-content: center;
|
|
||||||
// align-items: center;
|
|
||||||
// display: flex;
|
|
||||||
// width: 100%;
|
|
||||||
// }
|
|
||||||
// input {
|
|
||||||
// background: $white;
|
|
||||||
// flex-grow: 1;
|
|
||||||
// }
|
|
||||||
// .save-container {
|
|
||||||
// flex-grow: 1;
|
|
||||||
// .save {
|
|
||||||
// display: block;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .us-title-text {
|
|
||||||
// @include font-size(larger);
|
|
||||||
// @include font-type(text);
|
|
||||||
// align-content: center;
|
|
||||||
// align-items: center;
|
|
||||||
// display: flex;
|
|
||||||
// flex: 1;
|
|
||||||
// margin-bottom: 0;
|
|
||||||
// max-width: 92%;
|
|
||||||
// width: 100%;
|
|
||||||
// }
|
|
||||||
// .us-title-text:hover {
|
|
||||||
// .edit {
|
|
||||||
// opacity: 1;
|
|
||||||
// transition: opacity .3s linear;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .us-number {
|
|
||||||
// @include font-type(text);
|
|
||||||
// color: $gray-light;
|
|
||||||
// flex-shrink: 0;
|
|
||||||
// line-height: 2.2rem;
|
|
||||||
// margin-right: .5rem;
|
|
||||||
// }
|
|
||||||
// .us-name {
|
|
||||||
// color: $gray;
|
|
||||||
// display: inline-block;
|
|
||||||
// flex-grow: 1;
|
|
||||||
// line-height: 2.2rem;
|
|
||||||
// padding-right: 1rem;
|
|
||||||
// width: 100%;
|
|
||||||
// }
|
|
||||||
// .save,
|
|
||||||
// .edit {
|
|
||||||
// cursor: pointer;
|
|
||||||
// margin-left: .5rem;
|
|
||||||
// svg {
|
|
||||||
// fill: $gray-light;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .edit {
|
|
||||||
// opacity: 0;
|
|
||||||
// }
|
|
||||||
// .us-related-task {
|
|
||||||
// @include font-size(small);
|
|
||||||
// color: $gray-light;
|
|
||||||
// margin-top: .5rem;
|
|
||||||
// a {
|
|
||||||
// border-left: 1px solid $gray-light;
|
|
||||||
// padding: 0 .2rem;
|
|
||||||
// }
|
|
||||||
// a:hover {
|
|
||||||
// color: $primary;
|
|
||||||
// }
|
|
||||||
// a:first-child {
|
|
||||||
// border: 0;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .block-desc-container {
|
|
||||||
// @include font-size(small);
|
|
||||||
// }
|
|
||||||
// .block-description-title {
|
|
||||||
// @include font-type(bold);
|
|
||||||
// color: $white;
|
|
||||||
// margin-right: .5rem;
|
|
||||||
// }
|
|
||||||
// .block-description {
|
|
||||||
// color: $white;
|
|
||||||
// display: inline-block;
|
|
||||||
// margin-right: 5rem;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .belong-to-epics-wrapper {
|
|
||||||
// @include font-size(small);
|
|
||||||
// color: $gray-light;
|
|
||||||
// margin-top: .5rem;
|
|
||||||
// a:hover {
|
|
||||||
// color: $primary;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .loading-spinner {
|
|
||||||
// @include loading-spinner;
|
|
||||||
// max-height: 1.5rem;
|
|
||||||
// max-width: 1.5rem;
|
|
||||||
// }
|
|
||||||
|
|
|
@ -26,54 +26,71 @@ div.wrapper(
|
||||||
on-upvote="ctrl.onUpvote",
|
on-upvote="ctrl.onUpvote",
|
||||||
on-downvote="ctrl.onDownvote"
|
on-downvote="ctrl.onDownvote"
|
||||||
)
|
)
|
||||||
div.us-title(ng-class="{blocked: task.is_blocked}")
|
tg-detail-header.detail-header-container(
|
||||||
h2.us-title-text
|
item="task"
|
||||||
span.us-number(tg-bo-ref="task.ref")
|
project="project"
|
||||||
span.us-name(
|
required-perm="modify_task"
|
||||||
tg-editable-subject
|
ng-class="{blocked: task.is_blocked}"
|
||||||
ng-model="task"
|
ng-if="project && task"
|
||||||
required-perm="modify_task"
|
)
|
||||||
)
|
//- h3.us-related-task(ng-if="us")
|
||||||
|
//- | {{ 'TASK.OWNER_US'|translate }}
|
||||||
h3.us-related-task(ng-if="us")
|
//- a(
|
||||||
| {{ 'TASK.OWNER_US'|translate }}
|
//- href=""
|
||||||
a(
|
//- tg-check-permission="view_us"
|
||||||
href=""
|
//- tg-nav="project-userstories-detail:project=project.slug,ref=us.ref"
|
||||||
tg-check-permission="view_us"
|
//- title="{{'TASK.TITLE_LINK_GO_OWNER' | translate}}"
|
||||||
tg-nav="project-userstories-detail:project=project.slug,ref=us.ref"
|
//- )
|
||||||
title="{{'TASK.TITLE_LINK_GO_OWNER' | translate}}"
|
//- span(tg-bo-ref="us.ref")
|
||||||
)
|
//- span(tg-bo-bind="us.subject")
|
||||||
span(tg-bo-ref="us.ref")
|
//- div.us-title(ng-class="{blocked: task.is_blocked}")
|
||||||
span(tg-bo-bind="us.subject")
|
//- h2.us-title-text
|
||||||
|
//- span.us-number(tg-bo-ref="task.ref")
|
||||||
p.external-reference(ng-if="task.external_reference")
|
//- span.us-name(
|
||||||
a(
|
//- tg-editable-subject
|
||||||
tg-bo-href="task.external_reference[1]",
|
//- ng-model="task"
|
||||||
target="_blank"
|
//- required-perm="modify_task"
|
||||||
title="{{'TASK.TITLE_LINK_GO_ORIGIN' | translate}}"
|
//- )
|
||||||
)
|
//-
|
||||||
| {{ "TASK.ORIGIN_US"| translate }}
|
//- h3.us-related-task(ng-if="us")
|
||||||
span {{ task.external_reference[1] }}
|
//- | {{ 'TASK.OWNER_US'|translate }}
|
||||||
|
//- a(
|
||||||
p.block-desc-container(ng-show="task.is_blocked")
|
//- href=""
|
||||||
span.block-description-title(translate="COMMON.BLOCKED")
|
//- tg-check-permission="view_us"
|
||||||
span.block-description(
|
//- tg-nav="project-userstories-detail:project=project.slug,ref=us.ref"
|
||||||
ng-bind="task.blocked_note || ('TASK.BLOCKED_DESCRIPTION' | translate)"
|
//- title="{{'TASK.TITLE_LINK_GO_OWNER' | translate}}"
|
||||||
)
|
//- )
|
||||||
|
//- span(tg-bo-ref="us.ref")
|
||||||
div.issue-nav
|
//- span(tg-bo-bind="us.subject")
|
||||||
a(
|
//-
|
||||||
ng-show="previousUrl"
|
//- p.external-reference(ng-if="task.external_reference")
|
||||||
tg-bo-href="previousUrl"
|
//- a(
|
||||||
title="{{'TASK.PREVIOUS' | translate}}"
|
//- tg-bo-href="task.external_reference[1]",
|
||||||
)
|
//- target="_blank"
|
||||||
tg-svg(svg-icon="icon-arrow-left")
|
//- title="{{'TASK.TITLE_LINK_GO_ORIGIN' | translate}}"
|
||||||
a(
|
//- )
|
||||||
ng-show="nextUrl"
|
//- | {{ "TASK.ORIGIN_US"| translate }}
|
||||||
tg-bo-href="nextUrl"
|
//- span {{ task.external_reference[1] }}
|
||||||
title="{{'TASK.NEXT' | translate}}"
|
//-
|
||||||
)
|
//- p.block-desc-container(ng-show="task.is_blocked")
|
||||||
tg-svg(svg-icon="icon-arrow-right")
|
//- span.block-description-title(translate="COMMON.BLOCKED")
|
||||||
|
//- span.block-description(
|
||||||
|
//- ng-bind="task.blocked_note || ('TASK.BLOCKED_DESCRIPTION' | translate)"
|
||||||
|
//- )
|
||||||
|
//-
|
||||||
|
//- div.issue-nav
|
||||||
|
//- a(
|
||||||
|
//- ng-show="previousUrl"
|
||||||
|
//- tg-bo-href="previousUrl"
|
||||||
|
//- title="{{'TASK.PREVIOUS' | translate}}"
|
||||||
|
//- )
|
||||||
|
//- tg-svg(svg-icon="icon-arrow-left")
|
||||||
|
//- a(
|
||||||
|
//- ng-show="nextUrl"
|
||||||
|
//- tg-bo-href="nextUrl"
|
||||||
|
//- title="{{'TASK.NEXT' | translate}}"
|
||||||
|
//- )
|
||||||
|
//- tg-svg(svg-icon="icon-arrow-right")
|
||||||
.subheader
|
.subheader
|
||||||
tg-tag-line.tags-block(
|
tg-tag-line.tags-block(
|
||||||
ng-if="task && project"
|
ng-if="task && project"
|
||||||
|
|
|
@ -33,46 +33,6 @@ div.wrapper(
|
||||||
ng-class="{blocked: us.is_blocked}"
|
ng-class="{blocked: us.is_blocked}"
|
||||||
ng-if="project && us"
|
ng-if="project && us"
|
||||||
)
|
)
|
||||||
|
|
||||||
//- div.us-title(ng-class="{blocked: us.is_blocked}")
|
|
||||||
//- h2.us-title-text
|
|
||||||
//-
|
|
||||||
//-
|
|
||||||
//- p.us-related-task(ng-if="us.origin_issue") {{ 'US.PROMOTED'|translate }}
|
|
||||||
//- a(
|
|
||||||
//- href=""
|
|
||||||
//- tg-check-permission="view_us"
|
|
||||||
//- tg-nav="project-issues-detail:project=project.slug,ref=us.origin_issue.ref"
|
|
||||||
//- tg-bo-title="'#' + us.origin_issue.ref + ' ' + us.origin_issue.subject"
|
|
||||||
//- title="{{'US.TITLE_LINK_GO_TO_ISSUE' | translate}}"
|
|
||||||
//- )
|
|
||||||
//- span(tg-bo-ref="us.origin_issue.ref")
|
|
||||||
//-
|
|
||||||
//- p.external-reference(ng-if="us.external_reference")
|
|
||||||
//- | {{ 'US.EXTERNAL_REFERENCE'|translate }}
|
|
||||||
//- a(
|
|
||||||
//- tg-bo-href="us.external_reference[1]",
|
|
||||||
//- title="{{'US.GO_TO_EXTERNAL_REFERENCE' | translate}}"
|
|
||||||
//- target="_blank"
|
|
||||||
//- )
|
|
||||||
//- span {{ us.external_reference[1] }}
|
|
||||||
//-
|
|
||||||
//- p.block-desc-container(ng-show="us.is_blocked")
|
|
||||||
//- span.block-description-title(translate="COMMON.BLOCKED")
|
|
||||||
//- span.block-description(ng-bind="us.blocked_note || ('US.BLOCKED' | translate)")
|
|
||||||
//- div.issue-nav
|
|
||||||
//- a(
|
|
||||||
//- ng-show="previousUrl"
|
|
||||||
//- tg-bo-href="previousUrl"
|
|
||||||
//- title="{{'US.PREVIOUS' | translate}}"
|
|
||||||
//- )
|
|
||||||
//- tg-svg(svg-icon="icon-arrow-left")
|
|
||||||
//- a(
|
|
||||||
//- ng-show="nextUrl"
|
|
||||||
//- tg-bo-href="nextUrl"
|
|
||||||
//- title="{{'US.NEXT' | translate}}"
|
|
||||||
//- )
|
|
||||||
//- tg-svg(svg-icon="icon-arrow-right")
|
|
||||||
.subheader
|
.subheader
|
||||||
tg-tag-line.tags-block(
|
tg-tag-line.tags-block(
|
||||||
ng-if="us && project"
|
ng-if="us && project"
|
||||||
|
|
Loading…
Reference in New Issue