jellyfin/jellyfin-vue
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-vue.git synced 2024-12-14 01:18:49 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat(add api keys): add loading state to button when adding API keys

Browse Source
This commit is contained in:
Cameron Clark 2021-02-10 14:27:26 +00:00
parent 17ac05f28d
commit 6a47293b44
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/System/AddApiKey.vue
View File

@ -14,7 +14,7 @@
outlined
:label="$t('settings.apiKeys.appName')"
/>
<v-btn color="primary" @click="addApiKey">
<v-btn color="primary" :loading="loading" @click="addApiKey">
{{ $t('confirm') }}
</v-btn>
<v-btn @click="() => (addingNewKey = false)">
@ -35,7 +35,8 @@ export default Vue.extend({
data() {
return {
addingNewKey: false,
newKeyAppName: ''
newKeyAppName: '',
loading: false
};
},
computed: {
@ -57,6 +58,7 @@ export default Vue.extend({
methods: {
...mapActions('snackbar', ['pushSnackbarMessage']),
async addApiKey(): Promise<void> {
this.loading = true;
try {
await this.$api.apiKey.createKey({
app: this.newKeyAppName
@ -78,6 +80,7 @@ export default Vue.extend({
color: 'error'
});
}
this.loading = false;
this.addingNewKey = false;
},
openDialog(): void {