Only add row on button click

app/views/console/comps/permissions-matrix.phtml

@@ -102,7 +102,7 @@ $escapedPermissions = \array_map(function ($perm) {
         <tfoot>
         <tr>
             <td colspan="<?php \count($permissions) + 2 ?>">
-                <button type="button" class="margin-top-small reverse" @click="$dispatch('addrow<?php echo \strtolower($form); ?>')">Add</button>
+                <button type="button" class="margin-top-small reverse" @click="addPermission()">Add Role</button>
             </td>
         </tr>
         </tfoot>

public/scripts/permissions-matrix.js

@@ -32,15 +32,9 @@
                         this.permissions[index] = existing;
                     }
                 });
-
-                this.permissions.push({role: ''});
             },
-            addPermission(formId, role, permissions) {
-
-                this.permissions.push({
-                    role: '',
-                });
-                this.reset();
+            addPermission() {
+                this.permissions.push({ role: '' });
             },
             updatePermission(index) {
                 // Because the x-model does not update before the click event,