logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git

security_tab.js (4664B)

    

  1. import ProgressButton from 'src/components/progress_button/progress_button.vue'
  2. import Checkbox from 'src/components/checkbox/checkbox.vue'
  3. import Mfa from './mfa.vue'
  4. import localeService from 'src/services/locale/locale.service.js'
  6. const SecurityTab = {
  7.   data () {
  8.     return {
  9.       newEmail: '',
  10.       changeEmailError: false,
  11.       changeEmailPassword: '',
  12.       changedEmail: false,
  13.       deletingAccount: false,
  14.       deleteAccountConfirmPasswordInput: '',
  15.       deleteAccountError: false,
  16.       changePasswordInputs: ['', '', ''],
  17.       changedPassword: false,
  18.       changePasswordError: false,
  19.       moveAccountTarget: '',
  20.       moveAccountPassword: '',
  21.       movedAccount: false,
  22.       moveAccountError: false,
  23.       aliases: [],
  24.       listAliasesError: false,
  25.       addAliasTarget: '',
  26.       addedAlias: false,
  27.       addAliasError: false
  28.     }
  29.   },
  30.   created () {
  31.     this.$store.dispatch('fetchTokens')
  32.     this.fetchAliases()
  33.   },
  34.   components: {
  35.     ProgressButton,
  36.     Mfa,
  37.     Checkbox
  38.   },
  39.   computed: {
  40.     user () {
  41.       return this.$store.state.users.currentUser
  42.     },
  43.     pleromaBackend () {
  44.       return this.$store.state.instance.pleromaBackend
  45.     },
  46.     oauthTokens () {
  47.       return this.$store.state.oauthTokens.tokens.map(oauthToken => {
  48.         return {
  49.           id: oauthToken.id,
  50.           appName: oauthToken.app_name,
  51.           validUntil: new Date(oauthToken.valid_until).toLocaleDateString(localeService.internalToBrowserLocale(this.$i18n.locale))
  52.         }
  53.       })
  54.     }
  55.   },
  56.   methods: {
  57.     confirmDelete () {
  58.       this.deletingAccount = true
  59.     },
  60.     deleteAccount () {
  61.       this.$store.state.api.backendInteractor.deleteAccount({ password: this.deleteAccountConfirmPasswordInput })
  62.         .then((res) => {
  63.           if (res.status === 'success') {
  64.             this.$store.dispatch('logout')
  65.             this.$router.push({ name: 'root' })
  66.           } else {
  67.             this.deleteAccountError = res.error
  68.           }
  69.         })
  70.     },
  71.     changePassword () {
  72.       const params = {
  73.         password: this.changePasswordInputs[0],
  74.         newPassword: this.changePasswordInputs[1],
  75.         newPasswordConfirmation: this.changePasswordInputs[2]
  76.       }
  77.       this.$store.state.api.backendInteractor.changePassword(params)
  78.         .then((res) => {
  79.           if (res.status === 'success') {
  80.             this.changedPassword = true
  81.             this.changePasswordError = false
  82.             this.logout()
  83.           } else {
  84.             this.changedPassword = false
  85.             this.changePasswordError = res.error
  86.           }
  87.         })
  88.     },
  89.     changeEmail () {
  90.       const params = {
  91.         email: this.newEmail,
  92.         password: this.changeEmailPassword
  93.       }
  94.       this.$store.state.api.backendInteractor.changeEmail(params)
  95.         .then((res) => {
  96.           if (res.status === 'success') {
  97.             this.changedEmail = true
  98.             this.changeEmailError = false
  99.           } else {
  100.             this.changedEmail = false
  101.             this.changeEmailError = res.error
  102.           }
  103.         })
  104.     },
  105.     moveAccount () {
  106.       const params = {
  107.         targetAccount: this.moveAccountTarget,
  108.         password: this.moveAccountPassword
  109.       }
  110.       this.$store.state.api.backendInteractor.moveAccount(params)
  111.         .then((res) => {
  112.           if (res.status === 'success') {
  113.             this.movedAccount = true
  114.             this.moveAccountError = false
  115.           } else {
  116.             this.movedAccount = false
  117.             this.moveAccountError = res.error
  118.           }
  119.         })
  120.     },
  121.     removeAlias (alias) {
  122.       this.$store.state.api.backendInteractor.deleteAlias({ alias })
  123.         .then(() => this.fetchAliases())
  124.     },
  125.     addAlias () {
  126.       this.$store.state.api.backendInteractor.addAlias({ alias: this.addAliasTarget })
  127.         .then((res) => {
  128.           this.addedAlias = true
  129.           this.addAliasError = false
  130.           this.addAliasTarget = ''
  131.         })
  132.         .catch((error) => {
  133.           this.addedAlias = false
  134.           this.addAliasError = error
  135.         })
  136.         .then(() => this.fetchAliases())
  137.     },
  138.     fetchAliases () {
  139.       this.$store.state.api.backendInteractor.listAliases()
  140.         .then((res) => {
  141.           this.aliases = res.aliases
  142.           this.listAliasesError = false
  143.         })
  144.         .catch((error) => {
  145.           this.listAliasesError = error.error
  146.         })
  147.     },
  148.     logout () {
  149.       this.$store.dispatch('logout')
  150.       this.$router.replace('/')
  151.     },
  152.     revokeToken (id) {
  153.       if (window.confirm(`${this.$i18n.t('settings.revoke_token')}?`)) {
  154.         this.$store.dispatch('revokeToken', id)
  155.       }
  156.     }
  157.   }
  158. }
  160. export default SecurityTab