fix-#66

frontend/package.json

@@ -47,7 +47,6 @@
     "vue-clickaway": "^2.2.2",
     "vue-clipboard2": "^0.3.0",
     "vue-cookies": "^1.7.4",
-    "vue-country-flag": "^2.0.3",
     "vue-flatpickr-component": "^8.1.2",
     "vue-good-table": "^2.21.3",
     "vue-i18n": "^8.22.4",

frontend/src/App.vue

@@ -1,6 +1,13 @@
 <template>
 <div id="app" class="font-sans text-gray-800">
-    <header > <b-col class="text-right"><small>sprache wählen</small></b-col>     
+    <header > 
+      <b-col class="text-center">
+        <b-dropdown  variant="secondary" :text="$t('language') + ' - '+$i18n.locale" class="m-md-2">
+        <b-dropdown-divider></b-dropdown-divider> 
+        <b-dropdown-item @click.prevent="setLocale('de')">Deusch</b-dropdown-item>
+        <b-dropdown-item @click.prevent="setLocale('en')">English</b-dropdown-item>
+        </b-dropdown>
+     </b-col>     
     </header>
     <div class="">   
       <particles-bg type="custom" :config="config" :bg="true" />  
@@ -51,6 +58,12 @@ export default {
       },
     };
   },
+   methods: {
+      setLocale(locale) {
+      this.$i18n.locale = locale
+      this.$store.commit('language', this.$i18n.locale)
+    }
+  },
 }
 </script>
 <style>

frontend/src/components/SidebarPlugin/SideBar.vue

@@ -21,7 +21,7 @@
                               </span>
                             </div>
                         </a>
- 
+ xx
                         <router-link to="/overview" class="dropdown-item text-lg text-muted">
                             <i class="ni ni-single-02"></i>
                             <span>{{ $t('site.overview.account_overview')}}</span>

frontend/src/locales/de.json

@@ -9,7 +9,7 @@
   "back":"zurück",
   "sent":"Senden",
   "transactions":"Transaktionen",
-  "language":"Sprachen",
+  "language":"Language",
   "languages":{
     "de": "Deutsch",
     "en": "English"
@@ -101,9 +101,5 @@
   },
   "nav": {
     "features": "Neuigkeiten"
-  },
-  "about": {
-    "title": "Über uns",
-    "content": "Lorem ipsum deutsch dolor sit amet consectetur adipisicing elit. Aut dicta incidunt ea ut commodi quidem temporibus illo quia. Et itaque deleniti veniam tempore facere ipsum animi totam culpa minima vel voluptatem adipisci natus blanditiis similique sunt expedita, ex dicta doloremque repellat vitae temporibus. Quisquam quia, accusantium blanditiis architecto facilis saepe! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad unde laborum ut suscipit iure aliquam sapiente doloribus exercitationem nam sint."
   }
 }

frontend/src/locales/en.json

@@ -9,7 +9,7 @@
   "back":"back",
   "sent":"Send",
   "transactions":"transactions",
-  "language":"Language",
+  "language":"Sprache",
   "languages":{
       "de": "Deutsch",
       "en": "English"
@@ -101,9 +101,5 @@
 },
   "nav": {
     "features": "Features"
-  },
-  "about": {
-    "title": "About",
-    "content": "Lorem ipsum english dolor sit amet consectetur adipisicing elit. Aut dicta incidunt ea ut commodi quidem temporibus illo quia. Et itaque deleniti veniam tempore facere ipsum animi totam culpa minima vel voluptatem adipisci natus blanditiis similique sunt expedita, ex dicta doloremque repellat vitae temporibus. Quisquam quia, accusantium blanditiis architecto facilis saepe! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad unde laborum ut suscipit iure aliquam sapiente doloribus exercitationem nam sint."
   }
 }

frontend/src/views/Layout/ContentFooter.vue

@@ -23,33 +23,16 @@
         </b-nav>
       </b-col>
     </b-row>
-      <br>
-     
-    
-   <b-row >
-            <b-col class="nav-link text-center"  @click.prevent="setLocale('en')"><country-flag country='gb' :size='this.$store.state.sizeGB'/>{{ $t('languages.en') }}</b-col>
-            <b-col class="nav-link text-center" @click.prevent="setLocale('de')"><country-flag country='de' :size='this.$store.state.sizeDE' />{{ $t('languages.de') }}</b-col>
-        </b-row>
+       
   </footer>
 </template>
 <script>
-import CountryFlag from 'vue-country-flag'
-
 export default {
-  comments: {
-    CountryFlag
-  },
   data() {
     return {
       year: new Date().getFullYear(),
     };
-  },
-  methods: {
-      setLocale(locale) {
-      this.$i18n.locale = locale
-      this.$store.commit('language', this.$i18n.locale)
-    }
-  },
+  }
 };
 </script>
 <style></style>

frontend/src/views/Layout/DashboardLayout.vue

@@ -19,12 +19,11 @@
               
               <b-nav-text class="p-0 text-lg text-muted">{{ $t('site.navbar.settings') }}</b-nav-text>
           </b-nav-item>
-          <!--
-         <b-nav-item href="#!" to="/activity">
-             
+           
+         <b-nav-item href="#!" to="/activity">             
               <b-nav-text class="p-0 text-lg text-muted">{{ $t('site.navbar.activity') }}</b-nav-text>
           </b-nav-item>
-          -->
+          
           
       </template>
     </side-bar>

frontend/yarn.lock

@@ -11297,11 +11297,6 @@ vue-cookies@^1.7.4:
   resolved "https://registry.yarnpkg.com/vue-cookies/-/vue-cookies-1.7.4.tgz#d241d0a0431da0795837651d10b4d73e7c8d3e8d"
   integrity sha512-mOS5Btr8V9zvAtkmQ7/TfqJIropOx7etDAgBywPCmHjvfJl2gFbH2XgoMghleLoyyMTi5eaJss0mPN7arMoslA==
 
-vue-country-flag@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/vue-country-flag/-/vue-country-flag-2.0.3.tgz#f644d8f5150a97f473f0c13e04622c6ede37d1de"
-  integrity sha512-QZM3hNNhnGU+G1qnpq1BiICE4Zh91UA++/UpM0go8XbxkVxTiPy4asWY07vL/3PtW8M69YqWVbhwG13rzvNwkA==
-
 vue-eslint-parser@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz#c268c96c6d94cfe3d938a5f7593959b0ca3360d1"