Line data    Source code

       1           1 : <template lang="pug">
       2           0 : .x-input.col.b-input.b-input-simple
       3           0 :   .x-input.row.align-items-center.no-gutters.my-1(
       4           0 :     @focusin="setHasFocus(true)",
       5           0 :     @focusout="setHasFocus(false)"
       6             :   )
       7             :     InputError(:showErrors="inEdit", :errors="errors", :warnings="warnings")
       8             :     .input-group.input-group-sm&attributes(attributes)
       9             :       .input-group-prepend(v-if="name")
      10             :         .input-group-text.text-muted(style="min-width: 8rem") {{ name }}
      11             :       slot(name="default", v-bind="{ $props, $data, addError, removeError }")
      12           0 :         input.text-right.text-sm-center(
      13             :           v-if="inEdit",
      14             :           ref="input",
      15           0 :           v-model="editValue",
      16             :           v-bind="$attrs"
      17             :         )
      18             :         input.text-right.text-sm-center(
      19             :           v-else,
      20             :           ref="input",
      21             :           readonly="1",
      22             :           :value="value",
      23             :           v-bind="$attrs"
      24             :         )
      25             : </template>
      26             : <script src='./Input.vue.js' />
      27             : <style lang='scss'>
      28             : .x-input.b-input {
      29             :   .b-alerts .alert:last-child {
      30             :     margin-bottom: 0.25rem !important;
      31             :   }
      32             :   input[readonly] {
      33             :     background: #e9ecef !important;
      34             :     color: rgb(108, 117, 125);
      35             :   }
      36             : }
      37             : </style>