Changeset View
Changeset View
Standalone 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">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" :value="item"> | <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">Delete</span> | ||||
</a> | </a> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
Show All 34 Lines |