diff options
Diffstat (limited to 'app/assets/javascripts/batch_comments/components/parallel_draft_comment_row.vue')
-rw-r--r-- | app/assets/javascripts/batch_comments/components/parallel_draft_comment_row.vue | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/app/assets/javascripts/batch_comments/components/parallel_draft_comment_row.vue b/app/assets/javascripts/batch_comments/components/parallel_draft_comment_row.vue new file mode 100644 index 00000000000..68fd20e56bc --- /dev/null +++ b/app/assets/javascripts/batch_comments/components/parallel_draft_comment_row.vue @@ -0,0 +1,45 @@ +<script> +import { mapGetters } from 'vuex'; +import DraftNote from './draft_note.vue'; + +export default { + components: { + DraftNote, + }, + props: { + line: { + type: Object, + required: true, + }, + diffFileContentSha: { + type: String, + required: true, + }, + }, + computed: { + ...mapGetters('batchComments', ['draftForLine']), + className() { + return this.leftDraft > 0 || this.rightDraft > 0 ? '' : 'js-temp-notes-holder'; + }, + leftDraft() { + return this.draftForLine(this.diffFileContentSha, this.line, 'left'); + }, + rightDraft() { + return this.draftForLine(this.diffFileContentSha, this.line, 'right'); + }, + }, +}; +</script> + +<template> + <tr :class="className" class="notes_holder"> + <td class="notes_line old"></td> + <td class="notes-content parallel old" colspan="2"> + <div v-if="leftDraft.isDraft" class="content"><draft-note :draft="leftDraft" /></div> + </td> + <td class="notes_line new"></td> + <td class="notes-content parallel new" colspan="2"> + <div v-if="rightDraft.isDraft" class="content"><draft-note :draft="rightDraft" /></div> + </td> + </tr> +</template> |