Differential D2581 Diff 7351 src/resources/vue/Widgets/ListInput.vue

Changeset View

Standalone View

src/resources/vue/Widgets/ListInput.vue

	<template>			<template>
	<div class="list-input" :id="id">			<div class="list-input" :id="id">
	<div class="input-group">			<div class="input-group">
	<input :id="id + '-input'" type="text" class="form-control main-input" @keydown="keyDown">			<input :id="id + '-input'" type="text" class="form-control main-input" @keydown="keyDown">
	<div class="input-group-append">			<div class="input-group-append">
	<a href="#" class="btn btn-outline-secondary" @click.prevent="addItem">			<a href="#" class="btn btn-outline-secondary" @click.prevent="addItem">
	<svg-icon icon="plus"></svg-icon>			<svg-icon icon="plus"></svg-icon>
	<span class="sr-only">Add</span>			<span class="sr-only">{{ $t('btn.add') }}</span>
	</a>			</a>
	</div>			</div>
	</div>			</div>
	<div class="input-group" v-for="(item, index) in list" :key="index">			<div class="input-group" v-for="(item, index) in list" :key="index">
	<input type="text" class="form-control" v-model="list[index]">			<input type="text" class="form-control" v-model="list[index]">
	<div class="input-group-append">			<div class="input-group-append">
	<a href="#" class="btn btn-outline-secondary" @click.prevent="deleteItem(index)">			<a href="#" class="btn btn-outline-secondary" @click.prevent="deleteItem(index)">
	<svg-icon icon="trash-alt"></svg-icon>			<svg-icon icon="trash-alt"></svg-icon>
	<span class="sr-only">Delete</span>			<span class="sr-only">{{ $t('btn.delete') }}</span>
	</a>			</a>
	</div>			</div>
	</div>			</div>
	</div>			</div>
	</template>			</template>

	<script>			<script>
	export default {			export default {
	▲ Show 20 Lines • Show All 50 Lines • Show Last 20 Lines