Adding the ability to allow, inherit or deny for all permissions at once

Modules/User/Assets/js/components/AsgardPermissions.vue

 <template>
     <div>
+        <p class="pull-right">
+            <el-button type="text"
+                       @click="changeStateForAll(1)">
+                {{ trans('roles.allow all') }}
+            </el-button>
+            <el-button type="text"
+                       :disabled="isRole"
+                       @click="changeStateForAll(0)">
+                {{ trans('roles.inherit all') }}
+            </el-button>
+            <el-button type="text"
+                       @click="changeStateForAll(-1)">
+                {{ trans('roles.deny all') }}
+            </el-button>
+        </p>
         <div v-for="(value, name) in allPermissions" :key="name">
             <h3>{{ name }}</h3>
             <div v-for="(permissionActions, subPermissionTitle) in value" :key="subPermissionTitle">
@@ -84,6 +99,11 @@
                     this.permissions[`${permissionPart}.${key}`] = state;
                 });
             },
+            changeStateForAll(state) {
+                _.forEach(this.permissions, (index, permission) => {
+                    this.permissions[permission] = state;
+                });
+            },
             fetchPermissions() {
                 axios.get(route('api.user.permissions.index'))
                     .then((response) => {