diff options
Diffstat (limited to 'test-scheduler/ui/src/App.vue')
-rw-r--r-- | test-scheduler/ui/src/App.vue | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/test-scheduler/ui/src/App.vue b/test-scheduler/ui/src/App.vue new file mode 100644 index 00000000..0b77aa63 --- /dev/null +++ b/test-scheduler/ui/src/App.vue @@ -0,0 +1,43 @@ +<template> + <div id="app"> + <div class="row border-bottom blue-bg my-page-header"> + <p id="title">OPNFV Bottlenecks Portal</p> + <ul id="intr_table" class="nav navbar-nav"> + <li v-bind:class="{'router-link-active': cur_route == '/'}"><router-link to="/">Test Suites</router-link></li> + <li v-bind:class="{'router-link-active': cur_route == 'result'}"><router-link to="/result">Test Results</router-link></li> + <li v-bind:class="{'router-link-active': cur_route == 'report'}"><router-link to="/report">Reports</router-link></li> + <li v-bind:class="{'router-link-active': cur_route == 'environment'}"><router-link to="/environment">Environments</router-link></li> + </ul> + </div> + <router-view/> + </div> +</template> +<script> +export default { + name: 'App', + data: function() { + return { + cur_route: '' + } + }, + watch: { + '$route': function() { + this.highlightLink(); + } + }, + mounted: function() { + this.highlightLink(); + }, + methods: { + highlightLink: function() { + var name = this.$route.name; + if(name == 'result' || name == 'report' || name == 'environment') { + this.cur_route = name; + } else { + this.cur_route = '/'; + } + } + } +} +</script> + |