Line data    Source code

       1           1 : <template lang='pug'>
       2           6 : BaseCard
       3           6 :   template(v-slot:header='')
       4           6 :     .d-flex.flex-wrap.align-items-center
       5           6 :       strong Values
       6             :       button.btn.btn-sm.btn-outline-dark.ml-auto(v-if='inEdit' title='Add Value' @click='add()')
       7             :         i.fa.fa-plus
       8             :   template(v-slot:default)
       9             :     template(v-if='inEdit')
      10          24 :       draggable(key='edit'
      11             :           :list='editValueList'
      12             :           class='list-group' ghost-class='list-group-item-primary' handle='.x-grip')
      13             :         li.list-group-item.d-flex.align-items-center.justify-content-between.px-0.py-1(
      14             :             v-for='value, idx in editValueList' :key='idx')
      15             :           div.px-2.b-clickable.x-grip
      16             :             i.fa.fa-grip-vertical
      17             :           input.form-control.form-control-sm(type='text'
      18             :             placeholder='enter value ...'
      19             :             v-model='editValueList[idx]')
      20             :           div.px-2.b-clickable(@click='removeAt(idx)')
      21           1 :             i.fa.fa-times
      22             :     template(v-else)
      23             :       li.list-group-item.py-1(:key='`value-${idx}`' v-for='value, idx in valueList') {{ value }}
      24             : </template>
      25             : <script src='./PropertyEnumValuesEdit.vue.js' />