X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?p=bottlenecks.git;a=blobdiff_plain;f=test-scheduler%2Fui%2Fsrc%2Fcomponents%2Fenv_component%2Fservice_modal.vue;fp=testing-scheduler%2Fui%2Fsrc%2Fcomponents%2Fenv_component%2Fservice_modal.vue;h=ea2f0cbb1391b6ed4acd9ce3db0e75af9ed6b6e2;hp=015c91cddd20531bb72a36a3a135371d05e026fa;hb=e32043f58a2450b6a5986dc2a01f64f8b22c3992;hpb=a09bbea983aca3e437e254566da98196177748d9

diff --git a/testing-scheduler/ui/src/components/env_component/service_modal.vue b/test-scheduler/ui/src/components/env_component/service_modal.vue
similarity index 97%
rename from testing-scheduler/ui/src/components/env_component/service_modal.vue
rename to test-scheduler/ui/src/components/env_component/service_modal.vue
index 015c91cd..ea2f0cbb 100644
--- a/testing-scheduler/ui/src/components/env_component/service_modal.vue
+++ b/test-scheduler/ui/src/components/env_component/service_modal.vue
@@ -1,193 +1,193 @@
-<template>
-    <div class="modal inmodal fade" id="myModal">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content animated">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal">
-                        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
-                    </button>
-                    <h3 class="modal-title">{{type.service}}</h3>
-                </div>
-                <div class="modal-body">
-                    <div class="row">
-                        <form method="get" class="form-horizontal">
-                            <div id="service-address">
-                                <button class="btn btn-default">Basic</button>
-                                <div class="form-group">
-                                    <label class="col-sm-3 control-label">name</label>
-                                    <div class="col-sm-7">
-                                        <input  type="text" class="form-control service-title" v-model="type.service" placeholder="please input service name.">
-                                    </div>
-                                </div>
-                                <div class="form-group">
-                                    <label class="col-sm-3 control-label">ip</label>
-                                    <div class="col-sm-7"><input type="text" class="form-control" v-model="ip"></div>
-                                </div>
-                                <div class="form-group">
-                                    <label class="col-sm-3 control-label">port</label>
-                                    <div class="col-sm-7"><input type="text" class="form-control" v-model="port"></div>
-                                </div>
-                            </div>
-                            <div class="hr-line-dashed"></div>
-                            <div id="service-apis">
-                                <div id="apis-nav">
-                                    <button class="btn btn-default">Apis</button>
-                                </div>
-                                <br />
-                                <div id="api-panels" class="api col-sm-offset-1 col-sm-10">
-                                    <div class="panel-group" id="accordion">
-                                        <service-api v-for="api in apis" panel-parent="#accordion" v-bind="api" v-on:name="api.name = $event" v-on:method="api.method = $event" v-on:baseuri="api.baseuri = $event" v-on:params="api.params = $event" v-on:template="api.template = $event" v-on:delete="removeApi"></service-api>
-                                    </div>
-                                    <button type="button" class="btn btn-primary pull-right" v-on:click="addNewApi()">New</button>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
-                    <button type="button" class="btn btn-primary" v-on:click="save()">Save changes</button>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-import service_api from "./service_api.vue";
-import showMessage from '../message/showMessage.js'
-export default {
-    props: ['type'],
-    data: function() {
-        return {
-            typeTag: this.type.tag,
-            ip: "",
-            port: "",
-            apis: []
-        }
-    },
-    created: function() {
-    },
-    watch: {
-        type: {
-            handler: function(newVal, oldVal) {
-                console.log("###########type is changed!");
-                if(newVal.content) {
-                   var content = newVal.content;
-                   this.ip =  content.ip;
-                   this.port = content.port;
-                   this.apis = content.apis;
-                   console.log(this.apis);
-                } else {
-                    this.resetModalData();
-                }
-                console.log("end!");
-            },
-            deep: true
-        }
-    },
-    methods: {
-        addNewApi: function() {
-            var newApi = {'name': 'new', 'method': 'GET', 'baseuri': '', 'params': [], 'template': {"uri": "((baseuri))"}};
-            this.apis.push(newApi);
-        },
-        removeApi: function(name) {
-            for(var i = 0; i < this.apis.length; i++) {
-                if(name == this.apis[i]['name']) {
-                    this.apis.splice(i, 1);
-                }
-            }
-        },
-        save: function() {
-            if(this.ip == "") {
-                showMessage("warning", "SERVICE", "ip is not filled!");
-                return;
-            } else if (this.port == "") {
-                showMessage("warning", "SERVICE", "port is not filled!");
-                return;
-            } else if (this.type.service == "") {
-                showMessage("warning", "SERVICE", "service name is not filled!");
-                return;
-            }
-            if(this.type.edit == true) {
-                this.saveEdition();
-            } else {
-                this.saveCreation();
-            }
-            this.resetModalData();
-            $("#myModal").modal("hide");
-        },
-        saveEdition: function() {
-            var self = this;
-            var msgTitle = "SAVE -- SERVICE";
-            $.ajax({
-                url: this.global.SERVER_ADDR + "env/editService",
-                method: "post",
-                data: {
-                    "oldName":     self.type.originName,
-                    "newName":     self.type.service,
-                    "ip":         self.ip,
-                    "port":     self.port,
-                    "apis":     JSON.stringify(self.apis),
-                },
-                success: function(data) {
-                    if(data['code'] == 200) {
-                        showMessage("success", msgTitle, "Save service <strong>" + self.type.service + "</strong> successfully!");
-                    } else {
-                        showMessage(data['code'], msgTitle, "Failed to save service <strong>" + self.type.service + "</strong>!", data['error']);
-                    }
-                },
-                error: function() {
-                    showMessage("error", msgTitle, "Failed to save service <strong>" + self.type.service + "</strong>!", msg);
-                }
-            });
-            var edition = {
-                'oldName': this.type.originName,
-                'newName': this.type.service
-            };
-            this.$emit("service-edition", edition);
-        },
-        saveCreation: function() {
-            console.log("save creation!!!");
-            var self = this;
-            var msgTitle = "CREATE -- SERVICE";
-            $.ajax({
-                url: this.global.SERVER_ADDR + "env/createService",
-                method: "post",
-                data: {
-                    "name": self.type.service,
-                    "ip":     self.ip,
-                    "port": self.port,
-                    "apis": JSON.stringify(self.apis)
-                },
-                success: function(data) {
-                    if(data['code'] == 200) {
-                        showMessage("success", msgTitle, "Create <strong>"+ self.type.service + "</strong> successfully!");
-                    } else {
-                        showMessage(data['code'], msgTitle, "Failed to create service <strong>" + self.type.service + "</strong>!", data['error']);
-                        self.$emit("creation-fail", self.type.service);
-                    }
-                },
-                error: function() {
-                    showMessage("error", msgTitle, "Failed to create service <strong>" + self.type.service + "</strong>!", msg);
-                    self.$emit("creation-fail", self.type.service);
-                }
-            });
-            this.$emit("service-creation", this.type.service);
-        },
-        resetModalData: function() {
-            this.ip = "";
-            this.port = "";
-            this.apis = [];
-        },
-        getData: function() {
-            console.log("apis:");
-            for(i in this.apis) {
-                console.log(this.apis[i]);
-            }
-        }
-    },
-    components: {
-        'service-api': service_api
-    }
-}
-</script>
\ No newline at end of file
+<template>
+    <div class="modal inmodal fade" id="myModal">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content animated">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">
+                        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
+                    </button>
+                    <h3 class="modal-title">{{type.service}}</h3>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                        <form method="get" class="form-horizontal">
+                            <div id="service-address">
+                                <button class="btn btn-default">Basic</button>
+                                <div class="form-group">
+                                    <label class="col-sm-3 control-label">name</label>
+                                    <div class="col-sm-7">
+                                        <input  type="text" class="form-control service-title" v-model="type.service" placeholder="please input service name.">
+                                    </div>
+                                </div>
+                                <div class="form-group">
+                                    <label class="col-sm-3 control-label">ip</label>
+                                    <div class="col-sm-7"><input type="text" class="form-control" v-model="ip"></div>
+                                </div>
+                                <div class="form-group">
+                                    <label class="col-sm-3 control-label">port</label>
+                                    <div class="col-sm-7"><input type="text" class="form-control" v-model="port"></div>
+                                </div>
+                            </div>
+                            <div class="hr-line-dashed"></div>
+                            <div id="service-apis">
+                                <div id="apis-nav">
+                                    <button class="btn btn-default">Apis</button>
+                                </div>
+                                <br />
+                                <div id="api-panels" class="api col-sm-offset-1 col-sm-10">
+                                    <div class="panel-group" id="accordion">
+                                        <service-api v-for="api in apis" panel-parent="#accordion" v-bind="api" v-on:name="api.name = $event" v-on:method="api.method = $event" v-on:baseuri="api.baseuri = $event" v-on:params="api.params = $event" v-on:template="api.template = $event" v-on:delete="removeApi"></service-api>
+                                    </div>
+                                    <button type="button" class="btn btn-primary pull-right" v-on:click="addNewApi()">New</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-primary" v-on:click="save()">Save changes</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import service_api from "./service_api.vue";
+import showMessage from '../message/showMessage.js'
+export default {
+    props: ['type'],
+    data: function() {
+        return {
+            typeTag: this.type.tag,
+            ip: "",
+            port: "",
+            apis: []
+        }
+    },
+    created: function() {
+    },
+    watch: {
+        type: {
+            handler: function(newVal, oldVal) {
+                console.log("###########type is changed!");
+                if(newVal.content) {
+                   var content = newVal.content;
+                   this.ip =  content.ip;
+                   this.port = content.port;
+                   this.apis = content.apis;
+                   console.log(this.apis);
+                } else {
+                    this.resetModalData();
+                }
+                console.log("end!");
+            },
+            deep: true
+        }
+    },
+    methods: {
+        addNewApi: function() {
+            var newApi = {'name': 'new', 'method': 'GET', 'baseuri': '', 'params': [], 'template': {"uri": "((baseuri))"}};
+            this.apis.push(newApi);
+        },
+        removeApi: function(name) {
+            for(var i = 0; i < this.apis.length; i++) {
+                if(name == this.apis[i]['name']) {
+                    this.apis.splice(i, 1);
+                }
+            }
+        },
+        save: function() {
+            if(this.ip == "") {
+                showMessage("warning", "SERVICE", "ip is not filled!");
+                return;
+            } else if (this.port == "") {
+                showMessage("warning", "SERVICE", "port is not filled!");
+                return;
+            } else if (this.type.service == "") {
+                showMessage("warning", "SERVICE", "service name is not filled!");
+                return;
+            }
+            if(this.type.edit == true) {
+                this.saveEdition();
+            } else {
+                this.saveCreation();
+            }
+            this.resetModalData();
+            $("#myModal").modal("hide");
+        },
+        saveEdition: function() {
+            var self = this;
+            var msgTitle = "SAVE -- SERVICE";
+            $.ajax({
+                url: this.global.SERVER_ADDR + "env/editService",
+                method: "post",
+                data: {
+                    "oldName":     self.type.originName,
+                    "newName":     self.type.service,
+                    "ip":         self.ip,
+                    "port":     self.port,
+                    "apis":     JSON.stringify(self.apis),
+                },
+                success: function(data) {
+                    if(data['code'] == 200) {
+                        showMessage("success", msgTitle, "Save service <strong>" + self.type.service + "</strong> successfully!");
+                    } else {
+                        showMessage(data['code'], msgTitle, "Failed to save service <strong>" + self.type.service + "</strong>!", data['error']);
+                    }
+                },
+                error: function() {
+                    showMessage("error", msgTitle, "Failed to save service <strong>" + self.type.service + "</strong>!", msg);
+                }
+            });
+            var edition = {
+                'oldName': this.type.originName,
+                'newName': this.type.service
+            };
+            this.$emit("service-edition", edition);
+        },
+        saveCreation: function() {
+            console.log("save creation!!!");
+            var self = this;
+            var msgTitle = "CREATE -- SERVICE";
+            $.ajax({
+                url: this.global.SERVER_ADDR + "env/createService",
+                method: "post",
+                data: {
+                    "name": self.type.service,
+                    "ip":     self.ip,
+                    "port": self.port,
+                    "apis": JSON.stringify(self.apis)
+                },
+                success: function(data) {
+                    if(data['code'] == 200) {
+                        showMessage("success", msgTitle, "Create <strong>"+ self.type.service + "</strong> successfully!");
+                    } else {
+                        showMessage(data['code'], msgTitle, "Failed to create service <strong>" + self.type.service + "</strong>!", data['error']);
+                        self.$emit("creation-fail", self.type.service);
+                    }
+                },
+                error: function() {
+                    showMessage("error", msgTitle, "Failed to create service <strong>" + self.type.service + "</strong>!", msg);
+                    self.$emit("creation-fail", self.type.service);
+                }
+            });
+            this.$emit("service-creation", this.type.service);
+        },
+        resetModalData: function() {
+            this.ip = "";
+            this.port = "";
+            this.apis = [];
+        },
+        getData: function() {
+            console.log("apis:");
+            for(i in this.apis) {
+                console.log(this.apis[i]);
+            }
+        }
+    },
+    components: {
+        'service-api': service_api
+    }
+}
+</script>