c3lf/c3lf-system-3
9
0
Fork 0
Code Issues 55 Pull requests Projects 2 Releases Wiki Activity Actions

use AuthenticatedImage component in Items view

Browse source
This commit is contained in:
j3d1 2024-01-07 21:39:33 +01:00
parent 21ec29caa8
commit c5023202fc
3 changed files with 52 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

11
web/src/views/Items.vue
View file

@ -44,10 +44,10 @@
v-slot="{ item }"
@itemActivated="openLightboxModalWith($event)"
>
<img
:src="`${baseUrl}/1/thumbs/${item.file}`"
<AuthenticatedImage v-if="item.file"
:src="`/media/2/256/${item.file}/`"
class="card-img-top img-fluid"
>
/>
<div class="card-body">
<h6 class="card-title">{{ item.description }}</h6>
<h6 class="card-subtitle text-secondary">uid: {{ item.uid }} box: {{ item.box }}</h6>
@ -75,17 +75,16 @@ import Cards from '@/components/Cards';
import Modal from '@/components/Modal';
import EditItem from '@/components/EditItem';
import {mapActions, mapState} from 'vuex';
import config from '../config';
import Lightbox from '../components/Lightbox';
import AuthenticatedImage from "@/components/AuthenticatedImage.vue";
export default {
name: 'Items',
data: () => ({
lightboxItem: null,
editingItem: null,
baseUrl: config.service.url,
}),
components: {Lightbox, Table, Cards, Modal, EditItem},
components: {AuthenticatedImage, Lightbox, Table, Cards, Modal, EditItem},
computed: mapState(['loadedItems', 'layout']),
methods: {
...mapActions(['deleteItem', 'markItemReturned']),