From 4bbd891ca27f7cafe2f1c504de42c64ec0654504 Mon Sep 17 00:00:00 2001
From: Christian Mayer <chris@meggsimum.de>
Date: Mon, 2 Jul 2018 14:21:15 +0200
Subject: [PATCH] Rename 'TopLogo' to 'AppLogo'

Renames the TopLogo component to AppLogo since the old name was
misleading, because the logo is not bound to the top of the app.
---
 src/WguApp.vue                              |  6 +++---
 src/assets/css/wegue.css                    |  2 +-
 src/components/{TopLogo.vue => AppLogo.vue} |  6 +++---
 test/unit/specs/AppLogo.spec.js             | 15 +++++++++++++++
 test/unit/specs/TopLogo.spec.js             | 15 ---------------
 5 files changed, 22 insertions(+), 22 deletions(-)
 rename src/components/{TopLogo.vue => AppLogo.vue} (86%)
 create mode 100644 test/unit/specs/AppLogo.spec.js
 delete mode 100644 test/unit/specs/TopLogo.spec.js

diff --git a/src/WguApp.vue b/src/WguApp.vue
index 8c6b048b..aa4bb02c 100644
--- a/src/WguApp.vue
+++ b/src/WguApp.vue
@@ -33,7 +33,7 @@
         </v-toolbar-items>
       </wgu-app-header>
 
-      <wgu-top-logo />
+      <wgu-app-logo />
 
       <wgu-map />
 
@@ -54,7 +54,7 @@ import OlMap from './components/ol/Map'
 import InfoWindow from './components/InfoWindow'
 import FeatureInfoWindow from './components/FeatureInfoWindow'
 import AppHeader from './components/AppHeader'
-import TopLogo from './components/TopLogo'
+import AppLogo from './components/AppLogo'
 import MenuButton from './components/MenuButton'
 import LayerListToggleButton from './components/layerlist/ToggleButton'
 import HelpWinToggleButton from './components/helpwin/ToggleButton'
@@ -69,7 +69,7 @@ export default {
     'wgu-info-window': InfoWindow,
     'wgu-feature-infowindow': FeatureInfoWindow,
     'wgu-app-header': AppHeader,
-    'wgu-top-logo': TopLogo,
+    'wgu-app-logo': AppLogo,
     'wgu-menubutton': MenuButton,
     'wgu-toggle-layerlist-button': LayerListToggleButton,
     'wgu-toggle-helpwin-button': HelpWinToggleButton,
diff --git a/src/assets/css/wegue.css b/src/assets/css/wegue.css
index 19d26005..2fcfbcf5 100644
--- a/src/assets/css/wegue.css
+++ b/src/assets/css/wegue.css
@@ -26,7 +26,7 @@ html {
   height: calc(100% - 56px);
 }
 
-.wgu-top-logo {
+.wgu-app-logo {
   left: 25px;
   top: 45px;
 }
diff --git a/src/components/TopLogo.vue b/src/components/AppLogo.vue
similarity index 86%
rename from src/components/TopLogo.vue
rename to src/components/AppLogo.vue
index 42fd45c6..b092c2b1 100644
--- a/src/components/TopLogo.vue
+++ b/src/components/AppLogo.vue
@@ -3,7 +3,7 @@
   <v-avatar
      :size="logoSize"
      :tile="true"
-     class="wgu-top-logo"
+     class="wgu-app-logo"
     >
     <img :src="logoSrc" alt="App Logo">
   </v-avatar>
@@ -13,7 +13,7 @@
 <script>
 
 export default {
-  name: 'wgu-top-logo',
+  name: 'wgu-app-logo',
   data () {
     return {
       logoSrc: this.$appConfig.logo,
@@ -26,7 +26,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style>
 
-  .wgu-top-logo {
+  .wgu-app-logo {
     position: absolute;
     z-index: 1000;
     border: 2px solid white;
diff --git a/test/unit/specs/AppLogo.spec.js b/test/unit/specs/AppLogo.spec.js
new file mode 100644
index 00000000..90c467ad
--- /dev/null
+++ b/test/unit/specs/AppLogo.spec.js
@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import AppLogo from '@/components/AppLogo'
+
+describe('AppLogo.vue', () => {
+  it('should render an <img> tag', () => {
+    const Constructor = Vue.extend(AppLogo);
+    const AppLogoComponent = new Constructor({
+      logoSrc: 'foosrc'
+    }).$mount();
+
+    // assert that component has an img tag
+    const avatarImg = AppLogoComponent.$el.querySelector('img');
+    expect(avatarImg.src !== null).to.equal(true);
+  });
+});
diff --git a/test/unit/specs/TopLogo.spec.js b/test/unit/specs/TopLogo.spec.js
deleted file mode 100644
index feb0633c..00000000
--- a/test/unit/specs/TopLogo.spec.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import Vue from 'vue'
-import TopLogo from '@/components/TopLogo'
-
-describe('TopLogo.vue', () => {
-  it('should render an <img> tag', () => {
-    const Constructor = Vue.extend(TopLogo);
-    const TopLogoComponent = new Constructor({
-      logoSrc: 'foosrc'
-    }).$mount();
-
-    // assert that component has an img tag
-    const avatarImg = TopLogoComponent.$el.querySelector('img');
-    expect(avatarImg.src !== null).to.equal(true);
-  })
-})