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

populate items trough apicall

Browse source
This commit is contained in:
j3d1 2019-12-05 20:10:43 +01:00
parent cc9ba38dac
commit b911b38074
3 changed files with 11 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/views/Items.vue
View file

@ -3,27 +3,27 @@
<div class="row" v-if="layout === 'table'">
<div class="col-xl-8 offset-xl-2">
<Table
:columns="['uid', 'description', 'box', 'image']"
:columns="['iid', 'item_uid', 'bezeichnung', 'container']"
:items="loadedItems"
:keyName="'uid'"
:keyName="'item_uid'"
/>
</div>
</div>
<Cards
v-if="layout === 'cards'"
:columns="['uid', 'description', 'box', 'image']"
:columns="['iid', 'item_uid', 'bezeichnung', 'container']"
:items="loadedItems"
:keyName="'uid'"
:keyName="'item_uid'"
v-slot="{ item }"
>
<img
:src="`https://picsum.photos/id/${item.image + 50}/200/200`"
:src="`https://c3lf.de/api/1/thumbs/${item.file}`"
alt="item"
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>
<h6 class="card-title">{{ item.bezeichnung }}</h6>
<h6 class="card-subtitle text-secondary">uid: {{ item.item_uid }} box: {{ item.container }}</h6>
</div>
</Cards>
</div>