Files
speckle-server/packages/frontend-2/components/project/PendingFileImportStatus.vue
T
andrewwallacespeckle cde5dd355c Pre Specklecon polish - Various tasks (#1849)
* “Selection info” panel should remember the Fold/Unfold state of it

* Remove old naming terminology strings

* Rename “Share” To “Copy Link” - Difficult to find the model ID for a new model before data is uploaded

* Add & Rearrange new Viewer Buttons WIP

* Small enhancements to the registration form

* {mobile } The extra “new model” functionality in Model tree/list view just falls apart

* {mobile } Shorten the long Webhook buttons

* Revert "“Selection info” panel should remember the Fold/Unfold state of it"

This reverts commit d1b94036a596c3c995e65eae32ebe2f63580ea66.

* Revert Player controls default

* Responsive changes to Viewer

* Responsive Comments

* Responsive Viewer

* Small fix

* Small fix

* Design improvements

* Styling updates

* style fixes

* Profile pop-up stays opened after selecting “Server Management”

* Profile pop-up stays opened after selecting “Server Management”

* Change the Project Settings Icon to a gear

* Misleading text while uploading ifc/obj file

* Amends from polish list

* Viewer Buttons WIP

* Updates buttons in Viewer

* No backdrop blur

* Style updates

* New Colouring Icon

* New useBreakpoints

* Latest fixes pre PR

* Updates from PR Comments
2023-11-02 11:56:16 +00:00

54 lines
1.7 KiB
Vue

<template>
<div class="text-foreground-2 text-sm flex flex-col items-center space-y-1">
<template
v-if="
[
FileUploadConvertedStatus.Queued,
FileUploadConvertedStatus.Converting
].includes(upload.convertedStatus)
"
>
<span>{{ isSelfImport ? 'Importing' : 'Uploading new version' }}</span>
<CommonLoadingBar loading class="max-w-[100px]" />
</template>
<template
v-else-if="upload.convertedStatus === FileUploadConvertedStatus.Completed"
>
<span class="inline-flex items-center space-x-1">
<CheckCircleIcon class="h-4 w-4 text-success" />
<span>
{{ isSelfImport ? 'Import successful' : 'Version import successful' }}
</span>
</span>
</template>
<template v-else>
<span class="inline-flex items-center space-x-1">
<ExclamationTriangleIcon class="h-4 w-4 text-danger" />
<span>{{ isSelfImport ? 'Import failed' : 'Version import failed' }}</span>
</span>
<span v-if="upload.convertedMessage" class="text-center">
{{ upload.convertedMessage }}
</span>
</template>
</div>
</template>
<script setup lang="ts">
import { PendingFileUploadFragment } from '~~/lib/common/generated/gql/graphql'
import { FileUploadConvertedStatus } from '~~/lib/core/api/fileImport'
import { CheckCircleIcon, ExclamationTriangleIcon } from '@heroicons/vue/24/solid'
type ImportedItemType = 'self' | 'subversion'
const props = withDefaults(
defineProps<{
upload: PendingFileUploadFragment
type?: ImportedItemType
}>(),
{
type: 'self'
}
)
const isSelfImport = computed(() => props.type === 'self')
</script>