|
|
|
|
@ -21,14 +21,6 @@ |
|
|
|
|
@change="onTitleChange"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="!readOnly" class="kit__field field"> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<textarea class="field__textarea field__textarea_sm" |
|
|
|
|
:value="text" |
|
|
|
|
placeholder="Описание" |
|
|
|
|
@change="onTextChange"></textarea> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="kit__gallery"> |
|
|
|
|
<div class="kit__preview" v-for="(image, index) in images" v-bind:class="{ 'kit__preview--loading': image.loading }"> |
|
|
|
|
<img :src="image.src" class="kit__pic"> |
|
|
|
|
@ -53,14 +45,11 @@ |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "block-images", |
|
|
|
|
props: ["index", "title", "text", "images", "accessToken", "readOnly"], |
|
|
|
|
props: ["index", "title", "images", "accessToken", "readOnly"], |
|
|
|
|
methods: { |
|
|
|
|
onTitleChange(event) { |
|
|
|
|
this.$emit('update:title', event.target.value); |
|
|
|
|
}, |
|
|
|
|
onTextChange(event) { |
|
|
|
|
this.$emit('update:text', event.target.value); |
|
|
|
|
}, |
|
|
|
|
onImageAdded(event) { |
|
|
|
|
Array.from(event.target.files).forEach((file) => { |
|
|
|
|
let reader = new FileReader(); |
|
|
|
|
|