X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/986346a0e9de839ac876cf74c2b9e7d15da43d9b..refs/pull/5280/head:/resources/js/components/entity-permissions.js

diff --git a/resources/js/components/entity-permissions.js b/resources/js/components/entity-permissions.js
index 0dec5ca09..7ab99a2a7 100644
--- a/resources/js/components/entity-permissions.js
+++ b/resources/js/components/entity-permissions.js
@@ -1,9 +1,7 @@
-/**
- * @extends {Component}
- */
-import {htmlToDom} from "../services/dom";
+import {htmlToDom} from '../services/dom';
+import {Component} from './component';
 
-class EntityPermissions {
+export class EntityPermissions extends Component {
 
     setup() {
         this.container = this.$el;
@@ -31,12 +29,12 @@ class EntityPermissions {
         this.container.addEventListener('click', event => {
             const button = event.target.closest('button');
             if (button && button.dataset.roleId) {
-                this.removeRowOnButtonClick(button)
+                this.removeRowOnButtonClick(button);
             }
         });
 
         // Role select change
-        this.roleSelect.addEventListener('change', event => {
+        this.roleSelect.addEventListener('change', () => {
             const roleId = this.roleSelect.value;
             if (roleId) {
                 this.addRoleRow(roleId);
@@ -63,8 +61,8 @@ class EntityPermissions {
 
     removeRowOnButtonClick(button) {
         const row = button.closest('.item-list-row');
-        const roleId = button.dataset.roleId;
-        const roleName = button.dataset.roleName;
+        const {roleId} = button.dataset;
+        const {roleName} = button.dataset;
 
         const option = document.createElement('option');
         option.value = roleId;
@@ -75,5 +73,3 @@ class EntityPermissions {
     }
 
 }
-
-export default EntityPermissions;
\ No newline at end of file