ksenia_mikhailova
/
to_inventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

load images

This commit is contained in:
Kseninia Mikhaylova 2024-07-19 09:10:21 +03:00
parent a38f5ad12c
commit 8e35d2ecb5
3 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
back/tgbot/tgbot.py
View File

@ -69,7 +69,7 @@ class TgBot:
text = await TgBot.app.bot.get_file(item.text)
TgBotUpdater.return_values[item.text] = text.file_path
except Exception as e:
pass
TgBotUpdater.return_values[item.text] = 'error'
async def set_handlers(self):
TgBot.app.add_handler(

11
front/components/getImage.vue
View File

@ -16,7 +16,7 @@ watch(imagesStore, () => {
}, { deep: true })
</script>
<template>
<template v-if="img.result">
<template v-if="img.status == 'success'">
<a href="#">
<Icon name="i-mdi-image" @click="openImage" />
</a>
@ -24,4 +24,13 @@ watch(imagesStore, () => {
<img :src="img.result" />
</UModal>
</template>
<template v-else-if="img.status == 'error'">
<Icon name="i-mdi-close-circle-outline" />
</template>
<template v-else-if="img.status == 'pending'">
<Icon name="i-mdi-reload" />
</template>
<template v-else-if="img.status == 'idle'">
<Icon name="i-mdi-progress-question" />
</template>
</template>

27
front/store/images.ts
View File

@ -11,10 +11,35 @@ export const useImagesStore = defineStore('images', {
if (!this.list[name]) {
this.list[name] = {
status: 'idle',
result: 'https://media.istockphoto.com/id/1490517357/photo/scientists-are-researching-and-analyzing-harmful-contaminants-in-the-laboratory.webp?s=170667a&w=0&k=20&c=Fh4t-P_b-a1QxwyBUzUa0AuLp8FLNyLy4hl4HUm82Ao='
// result: 'https://media.istockphoto.com/id/1490517357/photo/scientists-are-researching-and-analyzing-harmful-contaminants-in-the-laboratory.webp?s=170667a&w=0&k=20&c=Fh4t-P_b-a1QxwyBUzUa0AuLp8FLNyLy4hl4HUm82Ao='
}
}
if (
!Object.entries(this.list).filter(el => el[1].status == 'pending').length &&
Object.entries(this.list).filter(el => el[1].status == 'idle').length) {
this.loadImages()
}
return this.list[name]
},
async loadOneImage(name: string) {
const file_url_data = await apiCall<string[]>(`tgbot/items/get_image/${name}/`)
if (file_url_data.length > 0 && file_url_data[0] !== 'error') {
this.list[name].status = 'success'
this.list[name].result = file_url_data[0]
} else {
this.list[name].status = 'error'
}
if (Object.entries(this.list).filter(el => el[1].status == 'idle').length) {
this.loadImages()
}
},
loadImages() {
const elements = Object.entries(this.list).filter(el => el[1].status == 'idle')
elements.slice(0, 2).map(el => {
this.list[el[0]].status = 'pending'
this.loadOneImage(el[0])
})
}
},
})