Update linting packages to use latest
- 99% of changes were small syntax changes that were changed by the
lint command. There were a couple of small manual changes to meet the
property order patterns established as part of the vue:recommended
guidelines.
There are rules that were set from errors to warnings and new stories
are being opened to address those issues.
Testing:
- Successfully ran npm run serve
- Successfully ran npm run lint
- Verified functionality works as expected, e.g. success and failure use cases
- Resolved any JavaScript errors thrown to the console
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ie082f31c73ccbe8a60afa8f88a9ef6dbf33d9fd2
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index 9978f4a..5c2d7f1 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -39,7 +39,7 @@
@row-selected="onRowSelected($event, tableItems.length)"
>
<!-- Checkbox column -->
- <template v-slot:head(checkbox)>
+ <template #head(checkbox)>
<b-form-checkbox
v-model="tableHeaderCheckboxModel"
data-test-id="localUserManagement-checkbox-tableHeaderCheckbox"
@@ -47,7 +47,7 @@
@change="onChangeHeaderCheckbox($refs.table)"
/>
</template>
- <template v-slot:cell(checkbox)="row">
+ <template #cell(checkbox)="row">
<b-form-checkbox
v-model="row.rowSelected"
data-test-id="localUserManagement-checkbox-toggleSelectRow"
@@ -56,7 +56,7 @@
</template>
<!-- table actions column -->
- <template v-slot:cell(actions)="{ item }">
+ <template #cell(actions)="{ item }">
<table-row-action
v-for="(action, index) in item.actions"
:key="index"
@@ -65,18 +65,14 @@
:title="action.title"
@click:tableAction="onTableRowAction($event, item)"
>
- <template v-slot:icon>
+ <template #icon>
<icon-edit
v-if="action.value === 'edit'"
- :data-test-id="
- `localUserManagement-tableRowAction-edit-${index}`
- "
+ :data-test-id="`localUserManagement-tableRowAction-edit-${index}`"
/>
<icon-trashcan
v-if="action.value === 'delete'"
- :data-test-id="
- `localUserManagement-tableRowAction-delete-${index}`
- "
+ :data-test-id="`localUserManagement-tableRowAction-delete-${index}`"
/>
</template>
</table-row-action>
@@ -142,48 +138,52 @@
PageTitle,
TableRoles,
TableRowAction,
- TableToolbar
+ TableToolbar,
},
mixins: [BVTableSelectableMixin, BVToastMixin, LoadingBarMixin],
+ beforeRouteLeave(to, from, next) {
+ this.hideLoader();
+ next();
+ },
data() {
return {
activeUser: null,
fields: [
{
- key: 'checkbox'
+ key: 'checkbox',
},
{
key: 'username',
- label: this.$t('pageLocalUserManagement.table.username')
+ label: this.$t('pageLocalUserManagement.table.username'),
},
{
key: 'privilege',
- label: this.$t('pageLocalUserManagement.table.privilege')
+ label: this.$t('pageLocalUserManagement.table.privilege'),
},
{
key: 'status',
- label: this.$t('pageLocalUserManagement.table.status')
+ label: this.$t('pageLocalUserManagement.table.status'),
},
{
key: 'actions',
label: '',
- tdClass: 'text-right text-nowrap'
- }
+ tdClass: 'text-right text-nowrap',
+ },
],
tableToolbarActions: [
{
value: 'delete',
- label: this.$t('global.action.delete')
+ label: this.$t('global.action.delete'),
},
{
value: 'enable',
- label: this.$t('global.action.enable')
+ label: this.$t('global.action.enable'),
},
{
value: 'disable',
- label: this.$t('global.action.disable')
- }
- ]
+ label: this.$t('global.action.disable'),
+ },
+ ],
};
},
computed: {
@@ -192,7 +192,7 @@
},
tableItems() {
// transform user data to table data
- return this.allUsers.map(user => {
+ return this.allUsers.map((user) => {
return {
username: user.UserName,
privilege: user.RoleId,
@@ -205,15 +205,15 @@
{
value: 'edit',
enabled: true,
- title: this.$t('pageLocalUserManagement.editUser')
+ title: this.$t('pageLocalUserManagement.editUser'),
},
{
value: 'delete',
enabled: user.UserName === 'root' ? false : true,
- title: this.$tc('pageLocalUserManagement.deleteUser')
- }
+ title: this.$tc('pageLocalUserManagement.deleteUser'),
+ },
],
- ...user
+ ...user,
};
});
},
@@ -222,7 +222,7 @@
},
passwordRequirements() {
return this.$store.getters['localUsers/accountPasswordRequirements'];
- }
+ },
},
created() {
this.startLoader();
@@ -230,10 +230,6 @@
this.$store.dispatch('localUsers/getAccountSettings');
this.$store.dispatch('localUsers/getAccountRoles');
},
- beforeRouteLeave(to, from, next) {
- this.hideLoader();
- next();
- },
methods: {
initModalUser(user) {
this.activeUser = user;
@@ -243,14 +239,14 @@
this.$bvModal
.msgBoxConfirm(
this.$t('pageLocalUserManagement.modal.deleteConfirmMessage', {
- user: user.username
+ user: user.username,
}),
{
title: this.$tc('pageLocalUserManagement.deleteUser'),
- okTitle: this.$tc('pageLocalUserManagement.deleteUser')
+ okTitle: this.$tc('pageLocalUserManagement.deleteUser'),
}
)
- .then(deleteConfirmed => {
+ .then((deleteConfirmed) => {
if (deleteConfirmed) {
this.deleteUser(user);
}
@@ -264,13 +260,13 @@
if (isNewUser) {
this.$store
.dispatch('localUsers/createUser', userData)
- .then(success => this.successToast(success))
+ .then((success) => this.successToast(success))
.catch(({ message }) => this.errorToast(message))
.finally(() => this.endLoader());
} else {
this.$store
.dispatch('localUsers/updateUser', userData)
- .then(success => this.successToast(success))
+ .then((success) => this.successToast(success))
.catch(({ message }) => this.errorToast(message))
.finally(() => this.endLoader());
}
@@ -279,7 +275,7 @@
this.startLoader();
this.$store
.dispatch('localUsers/deleteUser', username)
- .then(success => this.successToast(success))
+ .then((success) => this.successToast(success))
.catch(({ message }) => this.errorToast(message))
.finally(() => this.endLoader());
},
@@ -300,15 +296,15 @@
okTitle: this.$tc(
'pageLocalUserManagement.deleteUser',
this.selectedRows.length
- )
+ ),
}
)
- .then(deleteConfirmed => {
+ .then((deleteConfirmed) => {
if (deleteConfirmed) {
this.startLoader();
this.$store
.dispatch('localUsers/deleteUsers', this.selectedRows)
- .then(messages => {
+ .then((messages) => {
messages.forEach(({ type, message }) => {
if (type === 'success') this.successToast(message);
if (type === 'error') this.errorToast(message);
@@ -322,7 +318,7 @@
this.startLoader();
this.$store
.dispatch('localUsers/enableUsers', this.selectedRows)
- .then(messages => {
+ .then((messages) => {
messages.forEach(({ type, message }) => {
if (type === 'success') this.successToast(message);
if (type === 'error') this.errorToast(message);
@@ -334,7 +330,7 @@
this.startLoader();
this.$store
.dispatch('localUsers/disableUsers', this.selectedRows)
- .then(messages => {
+ .then((messages) => {
messages.forEach(({ type, message }) => {
if (type === 'success') this.successToast(message);
if (type === 'error') this.errorToast(message);
@@ -360,11 +356,11 @@
this.startLoader();
this.$store
.dispatch('localUsers/saveAccountSettings', settings)
- .then(message => this.successToast(message))
+ .then((message) => this.successToast(message))
.catch(({ message }) => this.errorToast(message))
.finally(() => this.endLoader());
- }
- }
+ },
+ },
};
</script>