[incubator-dubbo-ops] branch develop updated: Modify component reference and style

[mjk]

This is an automated email from the ASF dual-hosted git repository.

mjk pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/incubator-dubbo-ops.git


The following commit(s) were added to refs/heads/develop by this push:
     new 37d88b0  Modify component reference and style
37d88b0 is described below

commit 37d88b01e8329470783fa4fd14ab2884b111a79a
Author: Jinkai Ma <m...@vip.qq.com>
AuthorDate: Mon Nov 5 17:40:49 2018 +0800

    Modify component reference and style
---
 dubbo-admin-frontend/src/App.vue                   | 24 ++--------------------
 .../src/components/public/Drawer.vue               |  3 +--
 .../src/components/public/Footers.vue              | 16 +++++++++------
 dubbo-admin-frontend/src/store/index.js            |  2 +-
 4 files changed, 14 insertions(+), 31 deletions(-)

diff --git a/dubbo-admin-frontend/src/App.vue b/dubbo-admin-frontend/src/App.vue
index 9b18d9d..e83bfd4 100644
--- a/dubbo-admin-frontend/src/App.vue
+++ b/dubbo-admin-frontend/src/App.vue
@@ -22,11 +22,7 @@
     <v-content>
       <router-view/>
     </v-content>
-    <v-footer height="auto" class="white pa-3 app--footer">
-      <span class="caption">Dubbo Admin</span>
-      <v-spacer></v-spacer>
-      <span class="caption mr-1">Copyright &copy; {{ new Date().getFullYear() 
}} The Apache Software Foundation.</span>
-    </v-footer>
+    <footers></footers>
   </v-app>
 </template>
 <script>
@@ -42,27 +38,11 @@
     },
     data () {
       return {
-        clipped: false,
-        fixed: false,
-        dark: false,
-        items: [{
-          icon: 'bubble_chart',
-          title: 'Inspire'
-        }],
-        miniVariant: false,
-        right: true
+        dark: false
       }
     },
     created () {
       window.getApp = this
-      window.getApp.$on('CHANGE_THEME', () => {
-        this.dark = (!this.dark)
-      })
-    },
-    computed: {
-      appTitle () {
-        return this.$store.state.appTitle
-      }
     },
     name: 'App'
   }
diff --git a/dubbo-admin-frontend/src/components/public/Drawer.vue 
b/dubbo-admin-frontend/src/components/public/Drawer.vue
index 3d22df8..9f9cb8e 100644
--- a/dubbo-admin-frontend/src/components/public/Drawer.vue
+++ b/dubbo-admin-frontend/src/components/public/Drawer.vue
@@ -24,11 +24,10 @@
     app
     v-model="drawer"
   >
-
     <v-toolbar color="primary darken-1" dark>
       <img src="@/assets/logo.png" width="24" height="24"/>
       <v-toolbar-title class="ml-0 pl-3">
-        <span class="hidden-sm-and-down white--text">Dubbo Admin</span>
+        <span class="hidden-sm-and-down white--text">{{ $store.state.appTitle 
}}</span>
       </v-toolbar-title>
     </v-toolbar>
 
diff --git a/dubbo-admin-frontend/src/components/public/Footers.vue 
b/dubbo-admin-frontend/src/components/public/Footers.vue
index f0f7876..a5bbab6 100644
--- a/dubbo-admin-frontend/src/components/public/Footers.vue
+++ b/dubbo-admin-frontend/src/components/public/Footers.vue
@@ -16,16 +16,20 @@
   -->
 
 <template>
-  <v-footer fixed app>
-    <span>&copy; 2018</span>
+  <v-footer inset height="auto" class="pa-3 footer-border-top" app>
+    <v-spacer></v-spacer>
+    <span class="caption mr-1"><strong>Copyright</strong> &copy;{{ new 
Date().getFullYear() }} <strong>The Apache Software Foundation.</strong></span>
   </v-footer>
 </template>
 <script>
   export default {
-    name: 'footers',
-    data: () => ({
-      fixed: true
-    })
+    name: 'footers'
   }
 </script>
 
+<style>
+  .footer-border-top {
+    border-top: solid 1px rgba(0,0,0,.12);
+  }
+</style>
+
diff --git a/dubbo-admin-frontend/src/store/index.js 
b/dubbo-admin-frontend/src/store/index.js
index 6562aaf..ffbd5fd 100644
--- a/dubbo-admin-frontend/src/store/index.js
+++ b/dubbo-admin-frontend/src/store/index.js
@@ -22,7 +22,7 @@ Vue.use(Vuex)
 
 export const store = new Vuex.Store({
   state: {
-    appTitle: 'Dubbo ops'
+    appTitle: 'Dubbo OPS'
   },
   mutations: {},
   actions: {},