diff options
Diffstat (limited to 'app/assets/javascripts/batch_comments/components/diff_file_drafts.vue')
-rw-r--r-- | app/assets/javascripts/batch_comments/components/diff_file_drafts.vue | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/app/assets/javascripts/batch_comments/components/diff_file_drafts.vue b/app/assets/javascripts/batch_comments/components/diff_file_drafts.vue new file mode 100644 index 00000000000..570954c7200 --- /dev/null +++ b/app/assets/javascripts/batch_comments/components/diff_file_drafts.vue @@ -0,0 +1,41 @@ +<script> +import { mapGetters } from 'vuex'; +import imageDiff from '~/diffs/mixins/image_diff'; +import DraftNote from './draft_note.vue'; + +export default { + components: { + DraftNote, + }, + mixins: [imageDiff], + props: { + fileHash: { + type: String, + required: true, + }, + }, + computed: { + ...mapGetters('batchComments', ['draftsForFile']), + drafts() { + return this.draftsForFile(this.fileHash); + }, + }, +}; +</script> + +<template> + <div> + <div + v-for="(draft, index) in drafts" + :key="draft.id" + class="discussion-notes diff-discussions position-relative" + > + <div class="notes"> + <span class="d-block btn-transparent badge badge-pill is-draft js-diff-notes-index"> + {{ toggleText(draft, index) }} + </span> + <draft-note :draft="draft" /> + </div> + </div> + </div> +</template> |