summaryrefslogtreecommitdiff
path: root/src/client/components/waiting-dialog.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/components/waiting-dialog.vue')
-rw-r--r--src/client/components/waiting-dialog.vue92
1 files changed, 0 insertions, 92 deletions
diff --git a/src/client/components/waiting-dialog.vue b/src/client/components/waiting-dialog.vue
deleted file mode 100644
index ea9f6756b2..0000000000
--- a/src/client/components/waiting-dialog.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-<MkModal ref="modal" @click="success ? done() : () => {}" @closed="$emit('closed')">
- <div class="iuyakobc" :class="{ iconOnly: (text == null) || success }">
- <i v-if="success" class="fas fa-check icon success"></i>
- <i v-else class="fas fa-spinner fa-pulse icon waiting"></i>
- <div class="text" v-if="text && !success">{{ text }}<MkEllipsis/></div>
- </div>
-</MkModal>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import MkModal from '@client/components/ui/modal.vue';
-
-export default defineComponent({
- components: {
- MkModal,
- },
-
- props: {
- success: {
- type: Boolean,
- required: true,
- },
- showing: {
- type: Boolean,
- required: true,
- },
- text: {
- type: String,
- required: false,
- },
- },
-
- emits: ['done', 'closed'],
-
- data() {
- return {
- };
- },
-
- watch: {
- showing() {
- if (!this.showing) this.done();
- }
- },
-
- methods: {
- done() {
- this.$emit('done');
- this.$refs.modal.close();
- },
- }
-});
-</script>
-
-<style lang="scss" scoped>
-.iuyakobc {
- position: relative;
- padding: 32px;
- box-sizing: border-box;
- text-align: center;
- background: var(--panel);
- border-radius: var(--radius);
- width: 250px;
-
- &.iconOnly {
- padding: 0;
- width: 96px;
- height: 96px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- > .icon {
- font-size: 32px;
-
- &.success {
- color: var(--accent);
- }
-
- &.waiting {
- opacity: 0.7;
- }
- }
-
- > .text {
- margin-top: 16px;
- }
-}
-</style>