diff options
Diffstat (limited to 'app/assets')
4 files changed, 14 insertions, 0 deletions
diff --git a/app/assets/javascripts/boards/components/issue_card_inner.vue b/app/assets/javascripts/boards/components/issue_card_inner.vue index 0e0d1e64f4a..bdaed17fd09 100644 --- a/app/assets/javascripts/boards/components/issue_card_inner.vue +++ b/app/assets/javascripts/boards/components/issue_card_inner.vue @@ -162,6 +162,14 @@ export default { <div class="d-flex board-card-header" dir="auto"> <h4 class="board-card-title append-bottom-0 prepend-top-0"> <icon + v-if="issue.blocked" + v-gl-tooltip + name="issue-block" + :title="__('Blocked issue')" + class="issue-blocked-icon append-right-4" + :aria-label="__('Blocked issue')" + /> + <icon v-if="issue.confidential" v-gl-tooltip name="eye-slash" diff --git a/app/assets/javascripts/boards/models/issue.js b/app/assets/javascripts/boards/models/issue.js index 1cee9e5725a..044d96a9aec 100644 --- a/app/assets/javascripts/boards/models/issue.js +++ b/app/assets/javascripts/boards/models/issue.js @@ -37,6 +37,7 @@ class ListIssue { this.project_id = obj.project_id; this.timeEstimate = obj.time_estimate; this.assignableLabelsEndpoint = obj.assignable_labels_endpoint; + this.blocked = obj.blocked; if (obj.project) { this.project = new IssueProject(obj.project); diff --git a/app/assets/javascripts/lib/utils/http_status.js b/app/assets/javascripts/lib/utils/http_status.js index 1c7d59054dc..08a77966bbd 100644 --- a/app/assets/javascripts/lib/utils/http_status.js +++ b/app/assets/javascripts/lib/utils/http_status.js @@ -19,6 +19,7 @@ const httpStatusCodes = { UNAUTHORIZED: 401, FORBIDDEN: 403, NOT_FOUND: 404, + CONFLICT: 409, GONE: 410, UNPROCESSABLE_ENTITY: 422, SERVICE_UNAVAILABLE: 503, diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index 31e87d1a7cf..42d7b0d08f7 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -287,6 +287,10 @@ cursor: help; } + .issue-blocked-icon { + color: $red-500; + } + @include media-breakpoint-down(md) { padding: $gl-padding-8; } |