66 lines
1.9 KiB
JavaScript
66 lines
1.9 KiB
JavaScript
import { deprecatedCreateFlash as Flash } from '~/flash';
|
|
import { __ } from '~/locale';
|
|
import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
|
|
|
|
export default {
|
|
mixins: [glFeatureFlagsMixin()],
|
|
computed: {
|
|
discussionResolved() {
|
|
if (this.discussion) {
|
|
const { notes, resolved } = this.discussion;
|
|
|
|
if (this.glFeatures.removeResolveNote) {
|
|
return Boolean(resolved);
|
|
}
|
|
|
|
if (notes) {
|
|
// Decide resolved state using store. Only valid for discussions.
|
|
return notes.filter((note) => !note.system).every((note) => note.resolved);
|
|
}
|
|
|
|
return resolved;
|
|
}
|
|
|
|
return this.note.resolved;
|
|
},
|
|
resolveButtonTitle() {
|
|
if (this.updatedNoteBody) {
|
|
if (this.discussionResolved) {
|
|
return __('Comment & unresolve thread');
|
|
}
|
|
|
|
return __('Comment & resolve thread');
|
|
}
|
|
|
|
return this.discussionResolved ? __('Unresolve thread') : __('Resolve thread');
|
|
},
|
|
},
|
|
methods: {
|
|
resolveHandler(resolvedState = false) {
|
|
if (this.note && this.note.isDraft) {
|
|
return this.$emit('toggleResolveStatus');
|
|
}
|
|
|
|
this.isResolving = true;
|
|
const isResolved = this.discussionResolved || resolvedState;
|
|
const discussion = this.resolveAsThread;
|
|
let endpoint =
|
|
discussion && this.discussion ? this.discussion.resolve_path : `${this.note.path}/resolve`;
|
|
|
|
if (this.glFeatures.removeResolveNote && this.discussionResolvePath) {
|
|
endpoint = this.discussionResolvePath;
|
|
}
|
|
|
|
return this.toggleResolveNote({ endpoint, isResolved, discussion })
|
|
.then(() => {
|
|
this.isResolving = false;
|
|
})
|
|
.catch(() => {
|
|
this.isResolving = false;
|
|
|
|
const msg = __('Something went wrong while resolving this discussion. Please try again.');
|
|
Flash(msg, 'alert', this.$el);
|
|
});
|
|
},
|
|
},
|
|
};
|