import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'

const DraftCloser = {
  data() {
    return {
      showing: false,
    }
  },
  components: {
    DialogModal,
  },
  emits: ['save', 'discard'],
  computed: {
    action() {
      if (this.$store.getters.mergedConfig.autoSaveDraft) {
        return 'save'
      } else {
        return this.$store.getters.mergedConfig.unsavedPostAction
      }
    },
    shouldConfirm() {
      return this.action === 'confirm'
    },
  },
  methods: {
    requestClose() {
      if (this.shouldConfirm) {
        this.showing = true
      } else if (this.action === 'save') {
        this.save()
      } else {
        this.discard()
      }
    },
    save() {
      this.$emit('save')
      this.showing = false
    },
    discard() {
      this.$emit('discard')
      this.showing = false
    },
    cancel() {
      this.showing = false
    },
  },
}

export default DraftCloser