Change naming and veriy test-scheduler function
[bottlenecks.git] / test-scheduler / ui / src / components / env_component / api_param.vue
@@ -1,63 +1,63 @@
-<template>\r
-    <div class="row">\r
-         <div class="form-group">\r
-            <label class="col-lg-3 control-label">Params</label>\r
-            <div class="col-lg-2">\r
-                <button type="button" class="btn btn-primary btn-sm" v-on:click="addNewParam()">New</button>\r
-            </div>\r
-         </div>\r
-         <div class="form-group">\r
-            <div class="col-lg-offset-2 col-lg-8">\r
-                <div class="table-responsive">\r
-                 <table class="table table-bordered text-center">\r
-                    <thead>\r
-                        <tr>\r
-                            <th>name</th>\r
-                            <th class="text-center">description</th>\r
-                            <th class="text-center">operation</th>\r
-                        </tr>\r
-                    </thead>\r
-                    <tbody>\r
-                        <tr v-for="param in params">\r
-                            <td><input type="text" class="form-control text-center" style="border: 0px" v-model="param['name']"></td>\r
-                            <td><input type="text" class="form-control text-center" style="border: 0px" v-bind:title="param['description']" v-model="param['description']"></td>\r
-                            <td>\r
-                                <button type="button" class="btn btn-white" v-on:click="deleteParam(param['name'])">\r
-                                    <i class="fa fa-trash"></i>\r
-                                </button>\r
-                            </td>\r
-                        </tr>\r
-                    </tbody>\r
-                 </table>\r
-                </div>\r
-             </div>\r
-          </div>\r
-     </div>\r
-</template>\r
-<script>\r
-export default {\r
-    props: ["params"],\r
-    data: function() {\r
-        return {\r
-            paramArr: this.params\r
-        }\r
-    },\r
-    watch: {\r
-        paramArr: function(){\r
-            this.$emit("params", this.paramArr);\r
-        }\r
-    },\r
-    methods: {\r
-        addNewParam: function() {\r
-            this.params.push({'name': '', 'description': ''});\r
-        },\r
-        deleteParam: function(paramName) {\r
-            for(var i = 0;i < this.params.length; i++) {\r
-                if(paramName == this.params[i]['name']) {\r
-                    this.params.splice(i, 1);\r
-                }\r
-            }\r
-        }\r
-    }\r
-}\r
-</script>
\ No newline at end of file
+<template>
+    <div class="row">
+         <div class="form-group">
+            <label class="col-lg-3 control-label">Params</label>
+            <div class="col-lg-2">
+                <button type="button" class="btn btn-primary btn-sm" v-on:click="addNewParam()">New</button>
+            </div>
+         </div>
+         <div class="form-group">
+            <div class="col-lg-offset-2 col-lg-8">
+                <div class="table-responsive">
+                 <table class="table table-bordered text-center">
+                    <thead>
+                        <tr>
+                            <th>name</th>
+                            <th class="text-center">description</th>
+                            <th class="text-center">operation</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="param in params">
+                            <td><input type="text" class="form-control text-center" style="border: 0px" v-model="param['name']"></td>
+                            <td><input type="text" class="form-control text-center" style="border: 0px" v-bind:title="param['description']" v-model="param['description']"></td>
+                            <td>
+                                <button type="button" class="btn btn-white" v-on:click="deleteParam(param['name'])">
+                                    <i class="fa fa-trash"></i>
+                                </button>
+                            </td>
+                        </tr>
+                    </tbody>
+                 </table>
+                </div>
+             </div>
+          </div>
+     </div>
+</template>
+<script>
+export default {
+    props: ["params"],
+    data: function() {
+        return {
+            paramArr: this.params
+        }
+    },
+    watch: {
+        paramArr: function(){
+            this.$emit("params", this.paramArr);
+        }
+    },
+    methods: {
+        addNewParam: function() {
+            this.params.push({'name': '', 'description': ''});
+        },
+        deleteParam: function(paramName) {
+            for(var i = 0;i < this.params.length; i++) {
+                if(paramName == this.params[i]['name']) {
+                    this.params.splice(i, 1);
+                }
+            }
+        }
+    }
+}
+</script>