Commit a678fef8 authored by Phil Hughes's avatar Phil Hughes

Added resolved by users name into tooltip

parent 5e860656
......@@ -19,7 +19,7 @@
allResolved: function () {
let isResolved = true;
for (const noteId in this.comments[this.discussionId]) {
const resolved = this.comments[this.discussionId][noteId];
const resolved = this.comments[this.discussionId][noteId].resolved;
if (!resolved) {
isResolved = false;
......
......@@ -9,6 +9,8 @@
resolved: Boolean,
namespacePath: String,
projectPath: String,
canResolve: Boolean,
resolvedBy: String
},
data: function () {
return {
......@@ -18,19 +20,24 @@
},
computed: {
buttonText: function () {
if (!this.canResolve) return;
if (this.isResolved) {
return "Mark as unresolved";
return `Resolved by ${this.resolvedByName}`;
} else {
return "Mark as resolved";
return 'Mark as resolved';
}
},
isResolved: function () { return CommentsStore.get(this.discussionId, this.noteId); },
isResolved: function () { return CommentsStore.get(this.discussionId, this.noteId).resolved; },
resolvedByName: function () { return CommentsStore.get(this.discussionId, this.noteId).user; },
},
methods: {
updateTooltip: function () {
if (this.canResolve) {
$(this.$els.button)
.tooltip('hide')
.tooltip('fixTitle');
}
},
resolve: function () {
let promise;
......@@ -45,10 +52,12 @@
}
promise.then((response) => {
const data = response.data;
const user = data ? data.resolved_by : null;
this.loading = false;
if (response.status === 200) {
CommentsStore.update(this.discussionId, this.noteId, !this.isResolved);
CommentsStore.update(this.discussionId, this.noteId, !this.isResolved, user);
}
this.$nextTick(this.updateTooltip);
......@@ -56,13 +65,17 @@
}
},
compiled: function () {
$(this.$els.button).tooltip();
if (this.canResolve) {
$(this.$els.button).tooltip({
container: 'body'
});
}
},
destroyed: function () {
CommentsStore.delete(this.discussionId, this.noteId)
CommentsStore.delete(this.discussionId, this.noteId);
},
created: function () {
CommentsStore.create(this.discussionId, this.noteId, this.resolved)
CommentsStore.create(this.discussionId, this.noteId, this.resolved, this.resolvedBy);
}
});
}(window));
......@@ -28,7 +28,7 @@
let isResolved = true;
for (const noteId of noteIds) {
const resolved = CommentsStore.state[discussionId][noteId];
const resolved = CommentsStore.state[discussionId][noteId].resolved;
if (!resolved) {
isResolved = false;
......@@ -52,9 +52,11 @@
mergeRequestId,
discussionId
}, {}).then((response) => {
const data = response.data;
const user = data ? data.resolved_by : null;
CommentsStore.loading[discussionId] = false;
CommentsStore.updateCommentsForDiscussion(discussionId, true);
CommentsStore.updateCommentsForDiscussion(discussionId, true, user);
});
}
......
......@@ -5,16 +5,17 @@
get: function (discussionId, noteId) {
return this.state[discussionId][noteId];
},
create: function (discussionId, noteId, resolved) {
create: function (discussionId, noteId, resolved, user) {
if (!this.state[discussionId]) {
Vue.set(this.state, discussionId, {});
Vue.set(this.loading, discussionId, false);
}
Vue.set(this.state[discussionId], noteId, resolved);
Vue.set(this.state[discussionId], noteId, { resolved, user});
},
update: function (discussionId, noteId, resolved) {
this.state[discussionId][noteId] = resolved;
update: function (discussionId, noteId, resolved, user) {
this.state[discussionId][noteId].resolved = resolved;
this.state[discussionId][noteId].user = user;
},
delete: function (discussionId, noteId) {
Vue.delete(this.state[discussionId], noteId);
......@@ -24,11 +25,11 @@
Vue.delete(this.loading, discussionId);
}
},
updateCommentsForDiscussion: function (discussionId, resolve) {
updateCommentsForDiscussion: function (discussionId, resolve, user) {
const noteIds = CommentsStore.resolvedNotesForDiscussion(discussionId, resolve);
for (const noteId of noteIds) {
CommentsStore.update(discussionId, noteId, resolve);
CommentsStore.update(discussionId, noteId, resolve, user);
}
},
notesForDiscussion: function (discussionId) {
......@@ -44,7 +45,7 @@
let ids = [];
for (const noteId in CommentsStore.state[discussionId]) {
const resolved = CommentsStore.state[discussionId][noteId];
const resolved = CommentsStore.state[discussionId][noteId].resolved;
if (resolved !== resolve) {
ids.push(noteId);
......
......@@ -411,7 +411,7 @@ ul.notes {
outline: 0;
vertical-align: middle;
&:hover,
&:not(.is-disabled):hover,
&.is-active {
color: #fff;
background-color: $gl-text-green;
......
......@@ -9,7 +9,9 @@ class Projects::DiscussionsController < Projects::ApplicationController
discussion.resolve!(current_user)
head :ok
render json: {
resolved_by: discussion.resolved_by.try(:name)
}
end
def unresolve
......
......@@ -72,7 +72,9 @@ class Projects::NotesController < Projects::ApplicationController
note.resolve!(current_user)
head :ok
render json: {
resolved_by: note.resolved_by.try(:name)
}
end
def unresolve
......
- if discussion.can_resolve?(current_user)
- if discussion.can_resolve?(current_user) && discussion.resolvable?
%resolve-all-btn{ ":namespace-path" => "'#{discussion.project.namespace.path}'",
":project-path" => "'#{discussion.project.path}'",
":discussion-id" => "'#{discussion.id}'",
......
......@@ -23,28 +23,29 @@
%span.note-role.hidden-xs= access
- if note.resolvable?
- if can?(current_user, :resolve_note, note)
%resolve-btn{ ":namespace-path" => "'#{note.project.namespace.path}'",
":project-path" => "'#{note.project.path}'",
":discussion-id" => "'#{note.discussion_id}'",
":note-id" => note.id,
":resolved" => note.resolved?,
":can-resolve" => can?(current_user, :resolve_note, note),
":resolved-by" => "'#{note.resolved_by.try(:name)}'",
"inline-template" => true,
"v-ref:note_#{note.id}" => true }
.note-action-button
= icon("spin spinner", "v-show" => "loading")
%button.line-resolve-btn{ type: "button",
class: ("is-disabled" if !can?(current_user, :resolve_note, note)),
":class" => "{ 'is-active': isResolved }",
":aria-label" => "buttonText",
":disabled" => !can?(current_user, :resolve_note, note),
"@click" => "resolve",
":title" => "buttonText",
"v-show" => "!loading",
"v-el:button" => true }
= icon("check")
- else
-# TODO: Just render status
- if current_user
- if note.emoji_awardable?
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment