InputBanners
unknown
javascript
a year ago
2.3 kB
10
Indexable
<div>
<Draggable
v-model="rows"
ref="tree"
virtualization
:maxLevel="1"
:watermark="false"
>
<template #default="{ node, stat }">
<span v-if="stat.children.length" @click="stat.open = !stat.open">
{{ stat.open ? "-" : "+" }}
</span>
<div class="w-full mb-5">
<div class="flex w-full">
<a
@click="removeRow(stat)"
class="block text-center py-3 px-3 justify-center"
>
<i
class="fas text-grey-400 mr-2 text-sm fa-vector-square cursor-move"
></i>
</a>
<div class="flex-initial w-full mr-4">
<input type="text" class="w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block" placeholder="Add to ALT image" v-model="node.title"
@change="save" />
<div class="flex w-full gap-3 mb-4 mt-3">
<div class="w-full">
<small class="text-xs"
>The recommended image ratio is 1920 x 1181 px and maximum
file size 1 mb</small
>
<acit-jazz-upload
class="mt-1 block w-full"
title="images"
folder="place-thumbnail"
name="images"
:limit="1"
filetype="image/*"
label="Banner"
v-model="node.image"
@uploaded="uploaded(stat)"
>
</acit-jazz-upload>
</div>
</div>
</div>
<a
@click="removeContent(node)"
class="block text-center py-3 px-3 justify-center cursor-pointer"
>
<i class="fas text-red-400 mr-2 text-sm fa-trash"></i>
</a>
</div>
</div>
</template>
</Draggable>
<div class="flex w-full px-12">
<SecondaryButton @click="addRow" type="button" class="justify-center">
<i class="fas text-white-400 mr-2 text-sm fa-plus"></i> Add New
Banner</SecondaryButton
>
</div>
</div>Editor is loading...
Leave a Comment