3 <div class="form-group">
4 <label class="col-lg-3 control-label">Params</label>
6 <button type="button" class="btn btn-primary btn-sm" v-on:click="addNewParam()">New</button>
9 <div class="form-group">
10 <div class="col-lg-offset-2 col-lg-8">
11 <div class="table-responsive">
12 <table class="table table-bordered text-center">
16 <th class="text-center">description</th>
17 <th class="text-center">operation</th>
21 <tr v-for="param in params">
22 <td><input type="text" class="form-control text-center" style="border: 0px" v-model="param['name']"></td>
23 <td><input type="text" class="form-control text-center" style="border: 0px" v-bind:title="param['description']" v-model="param['description']"></td>
25 <button type="button" class="btn btn-white" v-on:click="deleteParam(param['name'])">
26 <i class="fa fa-trash"></i>
47 this.$emit("params", this.paramArr);
51 addNewParam: function() {
52 this.params.push({'name': '', 'description': ''});
54 deleteParam: function(paramName) {
55 for(var i = 0;i < this.params.length; i++) {
56 if(paramName == this.params[i]['name']) {
57 this.params.splice(i, 1);