Line data    Source code

       1           1 : <template lang='pug'>
       2          10 : BaseDialog(ref='dialog' title='Add Property')
       3          10 :   BaseAnimationGroup.row.justify-content-center(anim="height")
       4          10 :     .col-12(key='type')
       5          10 :       .input-group.input-group-sm.my-1
       6             :         .input-group-prepend
       7             :           .input-group-text.text-muted(style='min-width: 8rem;') type
       8             :         select.form-control.x-type(v-model='type')
       9             :           option(value='number' :selected="1") number
      10             :           option(value='enum') enum
      11             :           option(value='boolean') boolean
      12             :           option(value='auto') auto
      13             :     .col-12(key='name')
      14          22 :       .input-group.input-group-sm.my-1
      15             :         .input-group-prepend
      16             :           .input-group-text.text-muted(style='min-width: 8rem;') name
      17             :         input.form-control.x-name(type='text' required='1' v-model='name')
      18             :     .col-12(key='computed')
      19             :       .input-group.input-group-sm.my-1
      20             :         .input-group-prepend
      21           0 :           .input-group-text.text-muted(style='min-width: 8rem;') computed
      22             :         .form-control.justify-content-center.d-flex
      23             :           BaseToggle.x-computed(:value='computed' :inEdit='true' @edit='computed = $event')
      24             :     template(v-if='type === "number"')
      25             :       .col-12(key='numberMinMax')
      26             :         .input-group.input-group-sm.my-1
      27             :           .input-group-prepend
      28             :             .input-group-text.text-muted(style='min-width: 8rem;') min/max
      29             :           input.form-control.x-min(type='number' step='1' v-model='min')
      30             :           input.form-control.x-max(type='number' step='1' v-model='max')
      31             :       .col-12(key='numberInitial')
      32             :         .input-group.input-group-sm.my-1
      33             :           .input-group-prepend
      34           2 :             .input-group-text.text-muted(style='min-width: 8rem;') initial
      35             :           input.form-control.x-initial(ref='initial' type='number' step='1')
      36             :     template(v-else-if='type === "enum"')
      37             :       .col-12(key='enumValues')
      38             :         PropertyEnumValuesEdit.my-1(ref='enumValues' value='"";""'
      39             :           :inEdit='true' @edit='enumValues = $event')
      40             :       .col-12(key='enumInitial')
      41             :         .input-group.input-group-sm.my-1
      42             :           .input-group-prepend
      43             :             .input-group-text.text-muted(style='min-width: 8rem;') initial
      44             :           select.form-control.x-initial(ref='initial')
      45             :             option(:value='undefined') not set
      46             :             option(:value='value' v-for='value in enumValues') {{ value || "&lt;empty&gt;" }}
      47             :     template(v-else-if='type === "boolean"')
      48             :       .col-12(key='boolInitial')
      49             :         .input-group.input-group-sm.my-1
      50             :           .input-group-prepend
      51             :             .input-group-text.text-muted(style='min-width: 8rem;') initial
      52             :           .form-control.justify-content-center.d-flex
      53             :             BaseToggle.x-initial(ref='initial' :inEdit='true' :value='false')
      54             :     template(v-else-if='type === "auto"')
      55             :       .col-12(key='autoMinMax')
      56             :         .input-group.input-group-sm.my-1
      57             :           .input-group-prepend
      58             :             .input-group-text.text-muted(style='min-width: 8rem;') min/max
      59             :           input.form-control.x-min(type='number' step='1' v-model='min')
      60             :           input.form-control.x-max(type='number' step='1' v-model='max')
      61             :       .col-12(key='autoInitial')
      62             :         .input-group.input-group-sm.my-1
      63             :           .input-group-prepend
      64             :             .input-group-text.text-muted(style='min-width: 8rem;') initial
      65             :           input.form-control.x-name(ref='initial' type='text' required='1')
      66             :   template(v-slot:footer='d')
      67             :     button.btn.btn-secondary(@click='d.resolve(false)') Cancel
      68             :     button.btn.btn-primary(:disabled='!name' @click='d.resolve(true)') Ok
      69             : </template>
      70             : <script src='./CreatePropertyDialog.vue.js' />