50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<h6>Editing Item <span class="badge badge-secondary">#{{ item.uid }}</span></h6>
|
|
<InputPhoto
|
|
:model="item"
|
|
field="file"
|
|
:on-capture="storeImage"
|
|
/>
|
|
<InputString
|
|
label="description"
|
|
:model="item"
|
|
field="description"
|
|
:validation-fn="str => str && str.length > 0"
|
|
/>
|
|
<div class="form-group">
|
|
<label for="box">box</label>
|
|
<InputCombo
|
|
label="box"
|
|
:model="item"
|
|
nameKey="box"
|
|
uniqueKey="cid"
|
|
:options="boxes"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import InputString from './inputs/InputString';
|
|
import InputCombo from './inputs/InputCombo';
|
|
import {mapGetters} from 'vuex';
|
|
import InputPhoto from './inputs/InputPhoto';
|
|
|
|
export default {
|
|
name: 'EditItem',
|
|
components: {InputPhoto, InputCombo, InputString},
|
|
props: ['item'],
|
|
computed: {
|
|
...mapGetters(['getBoxes']),
|
|
boxes({getBoxes}) {
|
|
return getBoxes.map(obj => ({cid: obj.cid, box: obj.name}));
|
|
}
|
|
},
|
|
methods: {
|
|
storeImage(image) {
|
|
this.item.dataImage = image;
|
|
}
|
|
}
|
|
};
|
|
</script>
|