web/satellite/vuetify-poc: show loader when creating a folder

This change makes the New Folder dialog indicate its loading status.

Resolves #6307

Change-Id: I37c87ce78f5dfa0d2594e874f248c451fb0d710f
This commit is contained in:
Jeremy Wharton 2023-09-21 01:09:05 -05:00 committed by Storj Robot
parent 0205a08c20
commit e92acca937

View File

@ -8,6 +8,7 @@
width="auto" width="auto"
min-width="400px" min-width="400px"
transition="fade-transition" transition="fade-transition"
:persistent="isLoading"
> >
<v-card ref="innerContent" rounded="xlg"> <v-card ref="innerContent" rounded="xlg">
<v-sheet> <v-sheet>
@ -24,6 +25,7 @@
variant="text" variant="text"
size="small" size="small"
color="default" color="default"
:disabled="isLoading"
@click="dialog = false" @click="dialog = false"
/> />
</template> </template>
@ -55,10 +57,27 @@
<v-card-actions class="pa-7"> <v-card-actions class="pa-7">
<v-row> <v-row>
<v-col> <v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn> <v-btn
variant="outlined"
color="default"
block
:disabled="isLoading"
@click="dialog = false"
>
Cancel
</v-btn>
</v-col> </v-col>
<v-col> <v-col>
<v-btn color="primary" variant="flat" :disabled="!formValid" block @click="createFolder">Create Folder</v-btn> <v-btn
color="primary"
variant="flat"
:disabled="!formValid"
:loading="isLoading"
block
@click="createFolder"
>
Create Folder
</v-btn>
</v-col> </v-col>
</v-row> </v-row>
</v-card-actions> </v-card-actions>