Cloudpods/frontend/containers/Network/views/nats/mixins/singleActions.js

import { mapGetters } from 'vuex'
import { disableDeleteAction } from '@/utils/common/tableActions'
import i18n from '@/locales'
import { checkReadOnly } from '../utils'

export default {
  created () {
    this.singleActions = [
      {
        label: i18n.t('network.text_201'),
        permission: 'natgateways_perform_syncstatus',
        action: obj => {
          this.onManager('performAction', {
            steadyStatus: ['available'],
            id: obj.id,
            managerArgs: {
              action: 'syncstatus',
            },
          })
        },
        meta: (obj) => {
          // const ret = checkReadOnly(obj, i18n.t('network.text_201'))
          // if (!ret.validate) return ret
          if (!this.isOwner(obj)) {
            return {
              validate: false,
              tooltip: i18n.t('network.text_627'),
            }
          }
          return {
            validate: true,
          }
        },
      },
      {
        label: i18n.t('network.text_129'),
        actions: (obj) => {
          const { status } = obj
          const isAvailable = status.toLowerCase() === 'available'
          const notAvailableTip = !isAvailable ? i18n.t('network.instance.not.available.tooltip') : null
          return [
            {
              label: i18n.t('network.expired_release'),
              permission: 'natgateways_perform_postpaid_expire',
              action: () => {
                this.createDialog('SetDurationDialog', {
                  data: [obj],
                  alert: this.$t('network.text_764'),
                  columns: this.columns,
                  onManager: this.onManager,
                  name: this.$t('dictionary.nat'),
                  refresh: this.refresh,
                })
              },
              meta: () => {
                const ret = checkReadOnly(obj, i18n.t('network.expired_release'))
                if (!ret.validate) return ret
                if (obj.billing_type === 'prepaid') {
                  ret.validate = false
                  ret.tooltip = i18n.t('network.nat.prepaid.unsupported')
                  return ret
                }
                if (!this.isOwner(obj)) {
                  return {
                    validate: false,
                    tooltip: i18n.t('network.text_627'),
                  }
                }
                return ret
              },
            },
            {
              label: i18n.t('network.renew'),
              permission: 'natgateways_perform_renew',
              action: () => {
                this.createDialog('RenewDialog', {
                  name: this.$t('dictionary.nat'),
                  data: [obj],
                  alert: this.$t('network.text_765'),
                  columns: this.columns,
                  onManager: this.onManager,
                  refresh: this.refresh,
                })
              },
              meta: () => {
                const ret = checkReadOnly(obj, i18n.t('network.renew'))
                if (!ret.validate) return ret
                if (obj.billing_type === 'postpaid') {
                  ret.validate = false
                  ret.tooltip = i18n.t('network.nat.postpaid.unsupported')
                  return ret
                }
                if (!this.isOwner(obj)) {
                  return {
                    validate: false,
                    tooltip: i18n.t('network.text_627'),
                  }
                }
                return ret
              },
            },
            {
              label: i18n.t('network.auto.renew'),
              permission: 'natgateways_perform_set_auto_renew',
              action: () => {
                this.createDialog('AutoRenewDialog', {
                  name: i18n.t('dictionary.nat'),
                  data: [obj],
                  alert: this.$t('network.text_766'),
                  columns: this.columns,
                  onManager: this.onManager,
                  refresh: this.refresh,
                })
              },
              meta: () => {
                const isPrepaid = obj.billing_type === 'prepaid'
                const validate = (isAvailable && isPrepaid)
                const ret = checkReadOnly(obj, i18n.t('network.auto.renew'))
                if (!ret.validate) return ret
                if (!this.isOwner(obj)) {
                  return {
                    validate: false,
                    tooltip: i18n.t('network.text_627'),
                  }
                }
                return {
                  validate: validate,
                  tooltip: notAvailableTip || (!isPrepaid ? i18n.t('network.nat.postpaid.unsupported') : null),
                }
              },
            },
            disableDeleteAction(this, {
              name: this.$t('dictionary.nat'),
              permission: 'natgateways_update',
              hidden: () => {
                if (!this.isOwner(obj)) {
                  return {
                    validate: false,
                    tooltip: i18n.t('network.text_627'),
                  }
                }
              },
            }),
            {
              label: i18n.t('network.text_131'),
              permission: 'natgateways_delete',
              action: () => {
                this.createDialog('DeleteResDialog', {
                  vm: this,
                  title: i18n.t('network.text_131'),
                  name: this.$t('dictionary.nat'),
                  data: [obj],
                  columns: this.columns,
                  onManager: this.onManager,
                  requestData: { force: true },
                  refresh: this.refresh,
                })
              },
              meta: () => {
                const ret = checkReadOnly(obj, i18n.t('network.text_131'))
                if (!ret.validate) return ret
                if (!this.isOwner(obj)) {
                  return {
                    validate: false,
                    tooltip: i18n.t('network.text_627'),
                  }
                }
                return this.$getDeleteResult(obj)
              },
            },
          ]
        },
      },
    ]
  },
  computed: {
    ...mapGetters(['isAdminMode', 'isDomainMode', 'userInfo']),
  },
  methods: {
    isOwner (obj) {
      if (this.isAdminMode) return true
      if (this.isDomainMode) return obj.domain_id === this.userInfo.projectDomainId
      return false
    },
  },
}