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

diff --git a/testing-scheduler/ui/src/components/environment.vue b/test-scheduler/ui/src/components/environment.vue
similarity index 97%
rename from testing-scheduler/ui/src/components/environment.vue
rename to test-scheduler/ui/src/components/environment.vue
index 1b9a89f1..2e8ee014 100644
--- a/testing-scheduler/ui/src/components/environment.vue
+++ b/test-scheduler/ui/src/components/environment.vue
@@ -1,239 +1,239 @@
-<template>
-<div class="wrapper wrapper-content">
-    <div class="row">
-        <div class="col-lg-offset-2 col-lg-8">
-            <div class="ibox">
-                <div class="ibox-content">
-                    <h1>CONTEXT <i class="fa fa-question-circle"></i></h1>
-                    <div class="row">
-                        <div class="col-md-offset-1 col-md-10">
-                            <textarea v-model="context" id="context-content" style="white-space:nowrap; overflow:scroll; font-size: 16px; padding: 4px; width: 100%; min-height: 300px; max-height: 300px;">
-                            </textarea>
-                            <button type="button" class="btn btn-primary pull-right" v-on:click="saveContext()">Save</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col-lg-offset-2 col-lg-8">
-            <div class="ibox">
-                <div class="ibox-content">
-                    <h1>Service</h1>
-                    <div class="service-table">
-                        <table id="serviceList" class="table table-bordered table-hover text-center">
-                            <thead>
-                                <tr>
-                                    <th class="text-center">No</th>
-                                    <th class="text-center">Service</th>
-                                    <th class="text-center">Time</th>
-                                    <th class="text-center">Operation</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-for="service in serviceList" v-on:click="editService(service.name)" style="cursor: pointer;">
-                                    <td style="vertical-align: middle;">{{ service.id }}</td>
-                                    <td style="vertical-align: middle;">{{ service.name }}</td>
-                                    <td style="vertical-align: middle;">{{ service.time }}</td>
-                                    <td style="vertical-align: middle;"><button type="button" class="btn btn-white" v-on:click.stop="deleteService(service.name)"><i class="fa fa-trash"></i></button>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div>
-                            <button class="btn btn-lg btn-success" style="float:right;" v-on:click="addNewService()">  Add  </button>
-                        </div>
-                    </div>
-                    <!-- modal of one service -->
-                    <div class="row">
-                        <service-modal v-bind:type="type" v-on:service-creation="plusAService" v-on:service-edition="editAServiceName" v-on:creation-fail="creationFailHandler"></service-modal>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-</template>
-<script>
-import Vue from 'vue'
-import service_modal from "./env_component/service_modal.vue"
-import showMessage from './message/showMessage.js'
-export default {
-    name: 'environment',
-    data: function() {
-        return {
-            serviceList: [],
-            type: {
-                edit: true,
-                service: "ansible",
-                tag: "default"
-            },
-            context: ''
-        }
-    },
-    components: {
-        'service-modal': service_modal
-    },
-    created: function() {
-        var self = this;
-        var msgTitle = "GET -- SERVICE LIST";
-        var errorInfo = 'Unable to get the service list';
-        $.ajax({
-            url: this.global.SERVER_ADDR + "env/getAllServices",
-            method: "GET",
-            success: function(data) {
-                if(data['code'] == 200) {
-                    self.serviceList = data['result'];
-                } else {
-                    showMessage(data['code'], msgTitle, errorInfo, data['error']);
-                }
-            },
-            error: function(obj, status, msg) {
-                showMessage("error", msgTitle, errorInfo, msg);
-            }
-        });
-        $.ajax({
-            url: this.global.SERVER_ADDR + "env/getContext",
-            method: "GET",
-            success: function(data) {
-                if(data['code'] == 200) {
-                    self.context = data['result']['context'];
-                } else {
-                    showMessage(data['code'], msgTitle, errorInfo, data['error']);
-                }
-            },
-            error: function(obj, status, msg) {
-                showMessage("error", msgTitle, errorInfo, msg);
-            }
-        });
-    },
-    methods: {
-        addNewService: function(){
-            this.type.edit = false;
-            this.type.tag = "abc";
-            this.type.service = null;
-            this.type.originName = null;
-            if(this.type.content){
-                this.type.content = null;
-            }
-            $("#myModal").modal("show");
-        },
-        plusAService: function(serviceName){
-            var item = {'id': '', 'name': '', 'time': ''};
-            item['id'] = this.serviceList[this.serviceList.length - 1]['id'] + 1;
-            item['name'] = serviceName;
-            item['time'] = this.getFormatDate(new Date());
-            this.serviceList.push(item);
-        },
-        editAServiceName: function(edition) {
-            for(var i = 0;i < this.serviceList.length; i++) {
-                if(edition['oldName'] == this.serviceList[i]['name']) {
-                    this.serviceList[i]['name'] = edition['newName'];
-                }
-            }
-        },
-        editService: function(serviceName){
-            this.type.edit = true;
-            this.type.tag = "abc";
-            this.type.service = serviceName;
-            this.type.originName = serviceName;
-            if(this.type.content){
-                this.type.content = null;
-            }
-            console.log(this.type);
-            var self = this;
-            var msgTitle = "GET -- SERVICE";
-            var errorInfo = "Unable to get the service: <strong>" + self.type.service + "</strong>";
-            $.ajax({
-                url: this.global.SERVER_ADDR + "env/getService",
-                method: "GET",
-                data: {
-                    "serviceName": serviceName
-                },
-                success: function(data) {
-                    if(data['code'] == 200) {
-                        self.type.tag = "hhh";
-                        self.type.content = data['result'];
-                        self.type.originName = self.type.service;
-                    } else {
-                        showMessage(data['code'], msgTitle, errorInfo, data['error']);
-                    }
-                },
-                error: function(obj, status, msg) {
-                    showMessage("error", msgTitle, errorInfo, msg);
-                }
-            });
-            $("#myModal").modal("show");
-        },
-        deleteService: function(serviceName){
-            var msgTitle = "DELETE -- SERVICE";
-            $.ajax({
-                url: this.global.SERVER_ADDR + "env/deleteService",
-                method: "POST",
-                data: {
-                    "serviceName": serviceName
-                },
-                success: function(data) {
-                    if(data['code'] == 200) {
-                        showMessage(data['code'], msgTitle, "Delete <strong>" + serviceName + "</strong> successfully.");
-                    } else {
-                        showMessage(data['code'], msgTitle,  "Failed to delete <strong>" + serviceName + "</strong>", data['error']);
-                    }
-                },
-                error: function(obj, status, msg) {
-                    showMessage("error", msgTitle, "Failed to delete <strong>" + serviceName + "</strong>", msg);
-                }
-            });
-            for(var i = 0;i < this.serviceList.length; i++) {
-                if(serviceName == this.serviceList[i]['name']) {
-                    this.serviceList.splice(i, 1);
-                }
-            }
-        },
-        creationFailHandler: function(serviceName) {
-            for(var i = 0; i < this.serviceList.length; i++) {
-                if(serviceName == this.serviceList[i].name) {
-                    this.serviceList.splice(i, 1);
-                }
-            }
-        },
-        getFormatDate: function(date) {
-            var year = date.getFullYear();
-            var month = date.getMonth() + 1;
-            var strDate = date.getDate();
-            var seperator = "-";
-            if(month >= 1 && month <= 9) {
-                month = "0" + month;
-            }
-            if(strDate >= 1 && strDate <= 9) {
-                strDate = "0" + strDate;
-            }
-            var formatDate = year + seperator + month + seperator + strDate;
-            return formatDate;
-        },
-        saveContext: function() {
-            var self = this;
-            var msgTitle = "SAVE -- CONTEXT";
-            var errorInfo = "Failed to save context!";
-            $.ajax({
-                url: this.global.SERVER_ADDR + "env/editContext",
-                method: "POST",
-                data: {
-                    context: self.context
-                },
-                success: function(data) {
-                    if(data['code'] == 200) {
-                        showMessage(data['code'], msgTitle, "Save context successfully!");
-                    } else {
-                        showMessage(data['code'], msgTitle, errorInfo, data['error']);
-                    }
-                },
-                error: function(obj, status, msg) {
-                    showMessage("error", msgTitle, errorInfo, msg);
-                }
-            });
-        }
-    }
-}
-</script>
\ No newline at end of file
+<template>
+<div class="wrapper wrapper-content">
+    <div class="row">
+        <div class="col-lg-offset-2 col-lg-8">
+            <div class="ibox">
+                <div class="ibox-content">
+                    <h1>CONTEXT <i class="fa fa-question-circle"></i></h1>
+                    <div class="row">
+                        <div class="col-md-offset-1 col-md-10">
+                            <textarea v-model="context" id="context-content" style="white-space:nowrap; overflow:scroll; font-size: 16px; padding: 4px; width: 100%; min-height: 300px; max-height: 300px;">
+                            </textarea>
+                            <button type="button" class="btn btn-primary pull-right" v-on:click="saveContext()">Save</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-lg-offset-2 col-lg-8">
+            <div class="ibox">
+                <div class="ibox-content">
+                    <h1>Service</h1>
+                    <div class="service-table">
+                        <table id="serviceList" class="table table-bordered table-hover text-center">
+                            <thead>
+                                <tr>
+                                    <th class="text-center">No</th>
+                                    <th class="text-center">Service</th>
+                                    <th class="text-center">Time</th>
+                                    <th class="text-center">Operation</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr v-for="service in serviceList" v-on:click="editService(service.name)" style="cursor: pointer;">
+                                    <td style="vertical-align: middle;">{{ service.id }}</td>
+                                    <td style="vertical-align: middle;">{{ service.name }}</td>
+                                    <td style="vertical-align: middle;">{{ service.time }}</td>
+                                    <td style="vertical-align: middle;"><button type="button" class="btn btn-white" v-on:click.stop="deleteService(service.name)"><i class="fa fa-trash"></i></button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div>
+                            <button class="btn btn-lg btn-success" style="float:right;" v-on:click="addNewService()">  Add  </button>
+                        </div>
+                    </div>
+                    <!-- modal of one service -->
+                    <div class="row">
+                        <service-modal v-bind:type="type" v-on:service-creation="plusAService" v-on:service-edition="editAServiceName" v-on:creation-fail="creationFailHandler"></service-modal>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</template>
+<script>
+import Vue from 'vue'
+import service_modal from "./env_component/service_modal.vue"
+import showMessage from './message/showMessage.js'
+export default {
+    name: 'environment',
+    data: function() {
+        return {
+            serviceList: [],
+            type: {
+                edit: true,
+                service: "ansible",
+                tag: "default"
+            },
+            context: ''
+        }
+    },
+    components: {
+        'service-modal': service_modal
+    },
+    created: function() {
+        var self = this;
+        var msgTitle = "GET -- SERVICE LIST";
+        var errorInfo = 'Unable to get the service list';
+        $.ajax({
+            url: this.global.SERVER_ADDR + "env/getAllServices",
+            method: "GET",
+            success: function(data) {
+                if(data['code'] == 200) {
+                    self.serviceList = data['result'];
+                } else {
+                    showMessage(data['code'], msgTitle, errorInfo, data['error']);
+                }
+            },
+            error: function(obj, status, msg) {
+                showMessage("error", msgTitle, errorInfo, msg);
+            }
+        });
+        $.ajax({
+            url: this.global.SERVER_ADDR + "env/getContext",
+            method: "GET",
+            success: function(data) {
+                if(data['code'] == 200) {
+                    self.context = data['result']['context'];
+                } else {
+                    showMessage(data['code'], msgTitle, errorInfo, data['error']);
+                }
+            },
+            error: function(obj, status, msg) {
+                showMessage("error", msgTitle, errorInfo, msg);
+            }
+        });
+    },
+    methods: {
+        addNewService: function(){
+            this.type.edit = false;
+            this.type.tag = "abc";
+            this.type.service = null;
+            this.type.originName = null;
+            if(this.type.content){
+                this.type.content = null;
+            }
+            $("#myModal").modal("show");
+        },
+        plusAService: function(serviceName){
+            var item = {'id': '', 'name': '', 'time': ''};
+            item['id'] = this.serviceList[this.serviceList.length - 1]['id'] + 1;
+            item['name'] = serviceName;
+            item['time'] = this.getFormatDate(new Date());
+            this.serviceList.push(item);
+        },
+        editAServiceName: function(edition) {
+            for(var i = 0;i < this.serviceList.length; i++) {
+                if(edition['oldName'] == this.serviceList[i]['name']) {
+                    this.serviceList[i]['name'] = edition['newName'];
+                }
+            }
+        },
+        editService: function(serviceName){
+            this.type.edit = true;
+            this.type.tag = "abc";
+            this.type.service = serviceName;
+            this.type.originName = serviceName;
+            if(this.type.content){
+                this.type.content = null;
+            }
+            console.log(this.type);
+            var self = this;
+            var msgTitle = "GET -- SERVICE";
+            var errorInfo = "Unable to get the service: <strong>" + self.type.service + "</strong>";
+            $.ajax({
+                url: this.global.SERVER_ADDR + "env/getService",
+                method: "GET",
+                data: {
+                    "serviceName": serviceName
+                },
+                success: function(data) {
+                    if(data['code'] == 200) {
+                        self.type.tag = "hhh";
+                        self.type.content = data['result'];
+                        self.type.originName = self.type.service;
+                    } else {
+                        showMessage(data['code'], msgTitle, errorInfo, data['error']);
+                    }
+                },
+                error: function(obj, status, msg) {
+                    showMessage("error", msgTitle, errorInfo, msg);
+                }
+            });
+            $("#myModal").modal("show");
+        },
+        deleteService: function(serviceName){
+            var msgTitle = "DELETE -- SERVICE";
+            $.ajax({
+                url: this.global.SERVER_ADDR + "env/deleteService",
+                method: "POST",
+                data: {
+                    "serviceName": serviceName
+                },
+                success: function(data) {
+                    if(data['code'] == 200) {
+                        showMessage(data['code'], msgTitle, "Delete <strong>" + serviceName + "</strong> successfully.");
+                    } else {
+                        showMessage(data['code'], msgTitle,  "Failed to delete <strong>" + serviceName + "</strong>", data['error']);
+                    }
+                },
+                error: function(obj, status, msg) {
+                    showMessage("error", msgTitle, "Failed to delete <strong>" + serviceName + "</strong>", msg);
+                }
+            });
+            for(var i = 0;i < this.serviceList.length; i++) {
+                if(serviceName == this.serviceList[i]['name']) {
+                    this.serviceList.splice(i, 1);
+                }
+            }
+        },
+        creationFailHandler: function(serviceName) {
+            for(var i = 0; i < this.serviceList.length; i++) {
+                if(serviceName == this.serviceList[i].name) {
+                    this.serviceList.splice(i, 1);
+                }
+            }
+        },
+        getFormatDate: function(date) {
+            var year = date.getFullYear();
+            var month = date.getMonth() + 1;
+            var strDate = date.getDate();
+            var seperator = "-";
+            if(month >= 1 && month <= 9) {
+                month = "0" + month;
+            }
+            if(strDate >= 1 && strDate <= 9) {
+                strDate = "0" + strDate;
+            }
+            var formatDate = year + seperator + month + seperator + strDate;
+            return formatDate;
+        },
+        saveContext: function() {
+            var self = this;
+            var msgTitle = "SAVE -- CONTEXT";
+            var errorInfo = "Failed to save context!";
+            $.ajax({
+                url: this.global.SERVER_ADDR + "env/editContext",
+                method: "POST",
+                data: {
+                    context: self.context
+                },
+                success: function(data) {
+                    if(data['code'] == 200) {
+                        showMessage(data['code'], msgTitle, "Save context successfully!");
+                    } else {
+                        showMessage(data['code'], msgTitle, errorInfo, data['error']);
+                    }
+                },
+                error: function(obj, status, msg) {
+                    showMessage("error", msgTitle, errorInfo, msg);
+                }
+            });
+        }
+    }
+}
+</script>