Add actions to apply to multiple users

src/views/users/components/DropdownMenu.vue

@@ -59,12 +59,88 @@
 
 <script>
 export default {
-  methods: {
+  props: {
-    toggleTagForMultipleUsers(tag) {
+    selectedUsers: {
-      if (tag === 'disable_remote_subscription' || tag === 'disable_any_subscription') {
+      type: Array,
-        // filter users, because these actions can be applied only to local users
+      default: function() {
+        return []
       }
     }
+  },
+  methods: {
+    grantRightToMultipleUsers(right) {
+      const mapSelectedUsers = () => this.selectedUsers
+        .filter(user => user.local && !user.roles[right] && this.$store.state.user.id !== user.id)
+        .map(user => this.$store.dispatch('ToggleRight', { user, right }))
+      this.confirmMessage(
+        'Are you sure you want to grant ' + right + ' rights to all selected users?',
+        mapSelectedUsers
+      )
+    },
+    revokeRightToMultipleUsers(right) {
+      const mapSelectedUsers = () => this.selectedUsers
+        .filter(user => user.local && user.roles[right] && this.$store.state.user.id !== user.id)
+        .map(user => this.$store.dispatch('ToggleRight', { user, right }))
+      this.confirmMessage(
+        'Are you sure you want to revoke ' + right + ' rights from all selected users?',
+        mapSelectedUsers
+      )
+    },
+    activateMultipleUsers() {
+      const mapSelectedUsers = () => this.selectedUsers
+        .filter(user => user.deactivated && this.$store.state.user.id !== user.id)
+        .map(user => this.$store.dispatch('ToggleUserActivation', user.nickname))
+      this.confirmMessage(
+        'Are you sure you want to activate accounts of all selected users?',
+        mapSelectedUsers
+      )
+    },
+    deactivateMultipleUsers() {
+      const mapSelectedUsers = () => this.selectedUsers
+        .filter(user => !user.deactivated && this.$store.state.user.id !== user.id)
+        .map(user => this.$store.dispatch('ToggleUserActivation', user.nickname))
+      this.confirmMessage(
+        'Are you sure you want to deactivate accounts of all selected users?',
+        mapSelectedUsers
+      )
+    },
+    deleteMultipleUsers() {
+      const mapSelectedUsers = () => this.selectedUsers
+        .filter(user => this.$store.state.user.id !== user.id)
+        .map(user => this.$store.dispatch('DeleteUser', user))
+      this.confirmMessage(
+        'Are you sure you want to delete accounts of all selected users?',
+        mapSelectedUsers
+      )
+    },
+    toggleTagForMultipleUsers(tag) {
+      const mapSelectedUsers = () => this.selectedUsers
+        .filter(user => tag === 'disable_remote_subscription' || tag === 'disable_any_subscription'
+          ? user.local : user
+        ).map(user => this.$store.dispatch('ToggleTag', { user, tag }))
+      this.confirmMessage(
+        'Are you sure you want to apply tag to all selected users?',
+        mapSelectedUsers
+      )
+    },
+    confirmMessage(message, mapSelectedUsers) {
+      this.$confirm(message, {
+        confirmButtonText: 'OK',
+        cancelButtonText: 'Cancel',
+        type: 'warning'
+      }).then(() => {
+        mapSelectedUsers()
+        this.$message({
+          type: 'success',
+          message: 'Completed'
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: 'Canceled'
+        })
+      })
+    }
   }
 }
 </script>

src/views/users/index.vue

@@ -7,7 +7,7 @@
     </div>
     <el-dropdown>
       <el-button v-if="isDesktop" icon="el-icon-edit" class="actions-button"/>
-      <dropdown-menu v-if="showDropdownForMultipleUsers"/>
+      <dropdown-menu v-if="showDropdownForMultipleUsers" :selected-users="selectedUsers"/>
       <el-dropdown-menu v-else>
         <el-dropdown-item>
           {{ $t('users.selectUsers') }}