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 | |||||