added prettier package

frontend/.eslintignore

@@ -1,2 +1,3 @@
 node_modules
 **/*.min.js
+build

frontend/package.json

@@ -45,6 +45,7 @@
     "nouislider": "^12.1.0",
     "particles-bg-vue": "1.2.3",
     "perfect-scrollbar": "^1.3.0",
+    "prettier": "^2.2.1",
     "qrcode": "^1.4.4",
     "quill": "^1.3.6",
     "sweetalert2": "^9.5.4",

frontend/src/App.vue

@@ -10,12 +10,8 @@
           class="m-md-2"
         >
           <b-dropdown-divider></b-dropdown-divider>
-          <b-dropdown-item @click.prevent="setLocale('de')">
+          <b-dropdown-item @click.prevent="setLocale('de')">Deutsch</b-dropdown-item>
-            Deutsch
+          <b-dropdown-item @click.prevent="setLocale('en')">English</b-dropdown-item>
-          </b-dropdown-item>
-          <b-dropdown-item @click.prevent="setLocale('en')">
-            English
-          </b-dropdown-item>
         </b-dropdown>
       </b-col>
     </header>

frontend/src/apis/communityAPI.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 import CONFIG from '../config'
 
-const apiGet = async url => {
+const apiGet = async (url) => {
   try {
     const result = await axios.get(url)
     if (result.status !== 200) {
@@ -32,10 +32,10 @@ const apiPost = async (url, payload) => {
 }
 
 const communityAPI = {
-  balance: async session_id => {
+  balance: async (session_id) => {
     return apiGet(CONFIG.COMMUNITY_API_STATE_BALANCE_URL + 'ajaxGetBalance/' + session_id)
   },
-  transactions: async session_id => {
+  transactions: async (session_id) => {
     return apiGet(CONFIG.COMMUNITY_API_STATE_BALANCE_URL + 'ajaxListTransactions/' + session_id)
   },
   create: async (session_id, email, amount, memo, target_date = new Date()) => {

frontend/src/apis/loginAPI.js

@@ -30,7 +30,7 @@ const loginAPI = {
     }
     return apiPost(CONFIG.LOGIN_API_URL + 'unsecureLogin', payload)
   },
-  logout: async session_id => {
+  logout: async (session_id) => {
     const payload = { session_id }
     return apiPost(CONFIG.LOGIN_API_URL + 'logout', payload)
   },

frontend/src/components/BasePagination.vue

@@ -6,7 +6,7 @@
       :per-page="perPage"
       :size="size"
       :value="value"
-      @change="val => $emit('change', val)"
+      @change="(val) => $emit('change', val)"
       :align="align"
       :total-rows="total"
     >

frontend/src/components/BaseProgress.vue

@@ -59,7 +59,7 @@ export default {
     value: {
       type: Number,
       default: 0,
-      validator: value => {
+      validator: (value) => {
         return value >= 0 && value <= 100
       },
       description: 'Progress value',

frontend/src/components/Breadcrumb/RouteBreadcrumb.vue

@@ -9,7 +9,7 @@
       v-for="(route, index) in $route.matched.slice()"
       :key="route.name"
       :active="index === $route.matched.length - 1"
-      style="display:inline-block"
+      style="display: inline-block"
     >
       <router-link :to="{ name: route.name }" v-if="index < $route.matched.length - 1">
         {{ route.name }}

frontend/src/components/Charts/config.js

@@ -93,11 +93,11 @@ function chartOptions() {
           mode: 'point',
         },
         cutoutPercentage: 83,
-        legendCallback: function(chart) {
+        legendCallback: function (chart) {
           let data = chart.data
           let content = ''
 
-          data.labels.forEach(function(label, index) {
+          data.labels.forEach(function (label, index) {
             let bgColor = data.datasets[0].backgroundColor[index]
 
             content += '<span class="chart-legend-item">'
@@ -129,7 +129,7 @@ function chartOptions() {
     ticks: {
       beginAtZero: true,
       padding: 10,
-      callback: function(value) {
+      callback: function (value) {
         if (!(value % 10)) {
           return value
         }

frontend/src/components/Charts/roundedCornersExtension.js

@@ -3,7 +3,7 @@
 // Code from: https://codepen.io/jedtrow/full/ygRYgo
 //
 import Chart from 'chart.js'
-Chart.elements.Rectangle.prototype.draw = function() {
+Chart.elements.Rectangle.prototype.draw = function () {
   let ctx = this._chart.ctx
   let vm = this._view
   let left, right, top, bottom, signX, signY, borderSkipped, radius

frontend/src/components/Collapse/Collapse.vue

@@ -53,7 +53,7 @@ export default {
       }
     },
     deactivateAll() {
-      this.items.forEach(item => {
+      this.items.forEach((item) => {
         item.active = false
       })
     },

frontend/src/components/Inputs/BaseCheckbox.vue

@@ -72,9 +72,7 @@ export default {
     },
   },
   created() {
-    this.cbId = Math.random()
+    this.cbId = Math.random().toString(16).slice(2)
-      .toString(16)
-      .slice(2)
   },
 }
 </script>

frontend/src/components/Inputs/BaseInput.vue

@@ -58,7 +58,7 @@
         </div>
       </slot>
       <slot name="error">
-        <div v-if="errors[0]" class="invalid-feedback" style="display: block;">
+        <div v-if="errors[0]" class="invalid-feedback" style="display: block">
           {{ errors[0] }}
         </div>
       </slot>

frontend/src/components/Inputs/BaseRadio.vue

@@ -58,9 +58,7 @@ export default {
     },
   },
   created() {
-    this.cbId = Math.random()
+    this.cbId = Math.random().toString(16).slice(2)
-      .toString(16)
-      .slice(2)
   },
 }
 </script>

frontend/src/components/NotificationPlugin/Notification.vue

@@ -40,7 +40,7 @@ export default {
   components: {
     contentRender: {
       props: ['component'],
-      render: function(createElement) {
+      render: function (createElement) {
         return createElement(this.component)
       },
     },
@@ -58,7 +58,7 @@ export default {
     verticalAlign: {
       type: String,
       default: 'top',
-      validator: value => {
+      validator: (value) => {
         let acceptedValues = ['top', 'bottom']
         return acceptedValues.indexOf(value) !== -1
       },
@@ -67,7 +67,7 @@ export default {
     horizontalAlign: {
       type: String,
       default: 'right',
-      validator: value => {
+      validator: (value) => {
         let acceptedValues = ['left', 'center', 'right']
         return acceptedValues.indexOf(value) !== -1
       },
@@ -76,7 +76,7 @@ export default {
     type: {
       type: String,
       default: 'info',
-      validator: value => {
+      validator: (value) => {
         let acceptedValues = ['default', 'info', 'primary', 'danger', 'warning', 'success']
         return acceptedValues.indexOf(value) !== -1
       },
@@ -86,7 +86,7 @@ export default {
     timeout: {
       type: Number,
       default: 5000,
-      validator: value => {
+      validator: (value) => {
         return value >= 0
       },
       description: 'Notification timeout (closes after X milliseconds). Default is 5000 (5s)',
@@ -131,7 +131,7 @@ export default {
     customPosition() {
       let initialMargin = 20
       let alertHeight = this.elmHeight + 10
-      let sameAlertsCount = this.$notifications.state.filter(alert => {
+      let sameAlertsCount = this.$notifications.state.filter((alert) => {
         return (
           alert.horizontalAlign === this.horizontalAlign &&
           alert.verticalAlign === this.verticalAlign &&

frontend/src/components/NotificationPlugin/Notifications.vue

@@ -44,7 +44,7 @@ export default {
     this.$notifications.settings.overlap = this.overlap
   },
   watch: {
-    overlap: function(newVal) {
+    overlap: function (newVal) {
       this.$notifications.settings.overlap = newVal
     },
   },

frontend/src/components/NotificationPlugin/index.js

@@ -15,7 +15,7 @@ const NotificationStore = {
     this.settings = Object.assign(this.settings, options)
   },
   removeNotification(timestamp) {
-    const indexToDelete = this.state.findIndex(n => n.timestamp === timestamp)
+    const indexToDelete = this.state.findIndex((n) => n.timestamp === timestamp)
     if (indexToDelete !== -1) {
       this.state.splice(indexToDelete, 1)
     }
@@ -33,7 +33,7 @@ const NotificationStore = {
   },
   notify(notification) {
     if (Array.isArray(notification)) {
-      notification.forEach(notificationInstance => {
+      notification.forEach((notificationInstance) => {
         this.addNotification(notificationInstance)
       })
     } else {

frontend/src/components/SidebarPlugin/SideBar.vue

@@ -27,15 +27,15 @@
               <i class="ni ni-single-02"></i>
               <span>{{ $t('site.overview.account_overview') }}</span>
             </router-link>
-            <router-link to="/profile" class="dropdown-item  text-lg text-muted">
+            <router-link to="/profile" class="dropdown-item text-lg text-muted">
               <i class="ni ni-single-02"></i>
               <span>{{ $t('site.navbar.my-profil') }}</span>
             </router-link>
-            <router-link to="/profileedit" class="dropdown-item  text-lg text-muted">
+            <router-link to="/profileedit" class="dropdown-item text-lg text-muted">
               <i class="ni ni-settings-gear-65"></i>
               <span>{{ $t('site.navbar.settings') }}</span>
             </router-link>
-            <router-link to="/transactions" class="dropdown-item  text-lg text-muted">
+            <router-link to="/transactions" class="dropdown-item text-lg text-muted">
               <i class="ni ni-calendar-grid-58"></i>
               <span>Transactions</span>
             </router-link>
@@ -46,7 +46,7 @@
                         </router-link>
                        -->
             <div class="dropdown-divider"></div>
-            <div @click="logout" class="dropdown-item  text-lg text-muted">
+            <div @click="logout" class="dropdown-item text-lg text-muted">
               <i class="ni ni-support-16"></i>
               {{ $t('logout') }}
             </div>

frontend/src/components/SidebarPlugin/SidebarItem.vue

@@ -111,7 +111,7 @@ export default {
     linkPrefix() {
       if (this.link.name) {
         let words = this.link.name.split(' ')
-        return words.map(word => word.substring(0, 1)).join('')
+        return words.map((word) => word.substring(0, 1)).join('')
       }
       return ''
     },
@@ -120,7 +120,7 @@ export default {
     },
     isActive() {
       if (this.$route && this.$route.path) {
-        let matchingRoute = this.children.find(c => this.$route.path.startsWith(c.link.path))
+        let matchingRoute = this.children.find((c) => this.$route.path.startsWith(c.link.path))
         if (matchingRoute !== undefined) {
           return true
         }

frontend/src/components/Tabs/Tabs.vue

@@ -66,7 +66,7 @@ export default {
     type: {
       type: String,
       default: 'primary',
-      validator: value => {
+      validator: (value) => {
         let acceptedValues = ['primary', 'info', 'success', 'warning', 'danger']
         return acceptedValues.indexOf(value) !== -1
       },
@@ -102,7 +102,7 @@ export default {
   },
   methods: {
     findAndActivateTab(title) {
-      let tabToActivate = this.tabs.find(t => t.title === title)
+      let tabToActivate = this.tabs.find((t) => t.title === title)
       if (tabToActivate) {
         this.activateTab(tabToActivate)
       }
@@ -115,7 +115,7 @@ export default {
       tab.active = true
     },
     deactivateTabs() {
-      this.tabs.forEach(tab => {
+      this.tabs.forEach((tab) => {
         tab.active = false
       })
     },

frontend/src/directives/click-ouside.js

@@ -1,6 +1,6 @@
 export default {
-  bind: function(el, binding, vnode) {
+  bind: function (el, binding, vnode) {
-    el.clickOutsideEvent = function(event) {
+    el.clickOutsideEvent = function (event) {
       // here I check that click was outside the el and his childrens
       if (!(el == event.target || el.contains(event.target))) {
         // and if it did, call method provided in attribute value
@@ -9,7 +9,7 @@ export default {
     }
     document.body.addEventListener('click', el.clickOutsideEvent)
   },
-  unbind: function(el) {
+  unbind: function (el) {
     document.body.removeEventListener('click', el.clickOutsideEvent)
   },
 }

frontend/src/i18n.js

@@ -9,7 +9,7 @@ Vue.use(VueI18n)
 function loadLocaleMessages() {
   const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
   const messages = {}
-  locales.keys().forEach(key => {
+  locales.keys().forEach((key) => {
     const matched = key.match(/([A-Za-z0-9-_]+)\./i)
     if (matched && matched.length > 1) {
       const locale = matched[1]

frontend/src/main.js

@@ -22,5 +22,5 @@ new Vue({
   router,
   store,
   i18n,
-  render: h => h(App),
+  render: (h) => h(App),
 })

frontend/src/plugins/dashboard-plugin.js

@@ -37,7 +37,7 @@ import 'vue-good-table/dist/vue-good-table.css'
 
 import VueMoment from 'vue-moment'
 
-Object.keys(rules).forEach(rule => {
+Object.keys(rules).forEach((rule) => {
   extend(rule, {
     ...rules[rule], // copies rule configuration
     message: messages[rule], // assign message

frontend/src/store/store.js

@@ -98,10 +98,10 @@ export const store = new Vuex.Store({
         //dispatch('logout')
       }
     },
-    passwordReset: async data => {
+    passwordReset: async (data) => {
       //console.log('<<<<<<<<<<< PASSWORT RESET TODO >>>>>>>>>>>', data.email)
     },
-    schoepfen: async data => {
+    schoepfen: async (data) => {
       // http://localhost/transaction-creations/ajaxCreate
     },
     createUser: async ({ commit, dispatch }, data) => {

frontend/src/views/AdminOverview.vue

@@ -291,77 +291,77 @@ export default {
   methods: {
     TransienceList() {
       axios.get('/json-example/admin_transience_list.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.transiencelist = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )
     },
     TransactionList() {
       axios.get('/json-example/admin_transaction_list.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.transactionlist = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )
     },
     UserList() {
       axios.get('/json-example/admin_userlist.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.userlist = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )
     },
     CommunityStatistic() {
       axios.get('/json-example/admin_community_statistic.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.communitystatistic = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )
     },
     ChartsStatistic() {
       axios.get('/json-example/admin_charts_statistic.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.chartsstatistic = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )
     },
     CardStatistic() {
       axios.get('/json-example/admin_card_statistic.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.cardstatistic = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )
     },
     StatisticDatas() {
       axios.get('/json-example/admin_statisticdatas.json').then(
-        d => {
+        (d) => {
           //console.log(d);
           this.userdata = d.data
         },
-        error => {
+        (error) => {
           //console.log(error)
         },
       )

frontend/src/views/AdminOverview/AdminUserCreation.vue

@@ -26,9 +26,7 @@
             mode: 'pages',
           }"
         >
-          <div slot="table-actions">
+          <div slot="table-actions">Einträge suchen .</div>
-            Einträge suchen .
-          </div>
         </vue-good-table>
       </b-col>
       <b-col xl="4" class="mb-5 mb-xl-0">

frontend/src/views/AdminOverview/AdminUserSearch.vue

@@ -25,9 +25,7 @@
             mode: 'pages',
           }"
         >
-          <div slot="table-actions">
+          <div slot="table-actions">Mitglieder suchen .</div>
-            Mitglieder suchen .
-          </div>
         </vue-good-table>
       </b-col>
       <b-col xl="4" class="mb-5 mb-xl-0">
@@ -46,9 +44,7 @@
           <b-card-body>
             <form>
               <b-row class="">
-                <label class="col-md-3 col-form-label form-control-label">
+                <label class="col-md-3 col-form-label form-control-label">Name</label>
-                  Name
-                </label>
                 <b-col md="10">
                   <base-input placeholder="Jon Snow"></base-input>
                 </b-col>
@@ -66,9 +62,7 @@
                 </b-col>
               </b-row>
               <b-row class="">
-                <label class="col-md-3 col-form-label form-control-label">
+                <label class="col-md-3 col-form-label form-control-label">Gruppe</label>
-                  Gruppe
-                </label>
                 <b-col md="10">
                   <base-input placeholder="Gruppe"></base-input>
                 </b-col>
@@ -99,9 +93,7 @@
 
             <form>
               <b-row class="">
-                <label class="col-md-3 col-form-label form-control-label">
+                <label class="col-md-3 col-form-label form-control-label">Name</label>
-                  Name
-                </label>
                 <b-col md="10">
                   <base-input placeholder="name"></base-input>
                 </b-col>
@@ -120,9 +112,7 @@
                 </b-col>
               </b-row>
               <b-row class="">
-                <label class="col-md-3 col-form-label form-control-label">
+                <label class="col-md-3 col-form-label form-control-label">Gruppe</label>
-                  Gruppe
-                </label>
                 <b-col md="10">
                   <base-input placeholder="Gruppe"></base-input>
                 </b-col>

frontend/src/views/AdminOverview/default.vue

@@ -1,7 +1,5 @@
 <template>
-  <div>
+  <div>default</div>
-    default
-  </div>
 </template>
 
 <script>

frontend/src/views/Dashboard/GoodTable.vue

@@ -24,9 +24,7 @@
             mode: 'pages',
           }"
         >
-          <div slot="table-actions">
+          <div slot="table-actions">Mitglieder suchen .</div>
-            Mitglieder suchen .
-          </div>
         </vue-good-table>
       </b-col>
       <b-col xl="4" class="mb-5 mb-xl-0">

frontend/src/views/GoogleMaps.vue

@@ -66,7 +66,7 @@
       <b-row>
         <b-col>
           <b-card no-body class="border-0">
-            <div id="map-custom" class="map-canvas" style="height: 600px;"></div>
+            <div id="map-custom" class="map-canvas" style="height: 600px"></div>
           </b-card>
         </b-col>
       </b-row>
@@ -155,13 +155,13 @@ export default {
         content: contentString,
       })
 
-      google.maps.event.addListener(marker, 'click', function() {
+      google.maps.event.addListener(marker, 'click', function () {
         infowindow.open(map, marker)
       })
     },
   },
   mounted() {
-    GoogleMapsLoader.load(google => {
+    GoogleMapsLoader.load((google) => {
       this.initMap(google)
     })
   },

frontend/src/views/KontoOverview/GddAddWork.vue

@@ -179,7 +179,7 @@ export default {
     dateDiff() {
       this.form.hours = (this.$moment(this.form.to) - this.$moment(this.form.from)) / 1000 / 3600
     },
-    getNow: function() {
+    getNow: function () {
       //const today = new Date()
       //const date = today.getDate()+'.'+(today.getMonth()+1)+'.'+ today.getFullYear();
       //const time = today.getHours() + ":" + today.getMinutes();

frontend/src/views/KontoOverview/GddAddWork2.vue

@@ -131,9 +131,7 @@ export default {
       config: {
         altInput: false,
         dateFormat: 'd-m-Y',
-        minDate: this.$moment()
+        minDate: this.$moment().startOf('month').format('DD.MM.YYYY'),
-          .startOf('month')
-          .format('DD.MM.YYYY'),
         maxDate: this.$moment().format('DD.MM.YYYY'),
         mode: 'range',
       },
@@ -169,9 +167,7 @@ export default {
       messages: [],
       submitted: false,
       days: {
-        thisMonth: this.$moment()
+        thisMonth: this.$moment().month(this.$moment().month()).daysInMonth(),
-          .month(this.$moment().month())
-          .daysInMonth(),
         lastMonth: this.$moment()
           .month(this.$moment().month() - 1)
           .daysInMonth(),
@@ -180,9 +176,7 @@ export default {
           .daysInMonth(),
       },
       names: {
-        thisMonth: this.$moment()
+        thisMonth: this.$moment().month(this.$moment().month()).format('MMMM'),
-          .month(this.$moment().month())
-          .format('MMMM'),
         lastMonth: this.$moment()
           .month(this.$moment().month() - 1)
           .format('MMMM'),
@@ -194,7 +188,7 @@ export default {
   },
   created() {},
   watch: {
-    $form: function() {
+    $form: function () {
       stunden(this.form)
     },
   },
@@ -228,20 +222,20 @@ export default {
       this.index++
       //console.log('this.stundenSumme ende=> ', this.stundenSumme)
     },
-    addNewMessage: function() {
+    addNewMessage: function () {
       this.messages.push({
         DaysNumber: '',
         TextDecoded: '',
       })
     },
-    deleteNewMessage: function(event) {
+    deleteNewMessage: function (event) {
       //console.log('deleteNewMessage:event) => ', event)
       //console.log("deleteNewMessage:this.events.splice(this.event) => ", this.events.splice(this.event))
       this.form.splice(event, null)
       this.messages.splice(index, 1)
       this.index--
     },
-    submitForm: function(e) {
+    submitForm: function (e) {
       //console.log(this.messages)
 
       this.messages = [{ DaysNumber: '', TextDecoded: '' }]

frontend/src/views/KontoOverview/GddSend.vue

@@ -13,7 +13,7 @@
               <strong>QR Code Scanner</strong>
               - Scanne den QR Code deines Partners
             </span>
-            <b-col v-show="!scan" lg="12" class="text-right ">
+            <b-col v-show="!scan" lg="12" class="text-right">
               <img src="/img/icons/gradido/qr-scan-pure.png" height="50" @click="scan = true" />
             </b-col>
             <b-alert v-show="scan" show variant="warning">
@@ -56,9 +56,7 @@
               </div>
               <br />
               <div>
-                <b-col class="text-left p-3 p-sm-1">
+                <b-col class="text-left p-3 p-sm-1">Empfänger</b-col>
-                  Empfänger
-                </b-col>
 
                 <b-input-group
                   id="input-group-1"
@@ -68,7 +66,7 @@
                   size="lg"
                   class="mb-3"
                 >
-                  <b-input-group-prepend class="p-3 d-none d-md-block  ">
+                  <b-input-group-prepend class="p-3 d-none d-md-block">
                     <b-icon icon="envelope" class="display-3"></b-icon>
                   </b-input-group-prepend>
                   <b-form-input
@@ -78,19 +76,15 @@
                     placeholder="E-Mail"
                     :rules="{ required: true, email: true }"
                     required
-                    style="font-size: xx-large; padding-left:20px"
+                    style="font-size: xx-large; padding-left: 20px"
                   ></b-form-input>
                 </b-input-group>
               </div>
               <br />
               <div>
-                <b-col class="text-left p-3 p-sm-1">
+                <b-col class="text-left p-3 p-sm-1">Betrag</b-col>
-                  Betrag
-                </b-col>
                 <b-col v-if="$store.state.user.balance == form.amount" class="text-right">
-                  <b-badge variant="primary">
+                  <b-badge variant="primary">maximale anzahl GDD zum versenden erreicht!</b-badge>
-                    maximale anzahl GDD zum versenden erreicht!
-                  </b-badge>
                 </b-col>
                 <b-input-group
                   id="input-group-2"
@@ -99,7 +93,7 @@
                   size="lg"
                   class="mb-3"
                 >
-                  <b-input-group-prepend class="p-2 d-none d-md-block  ">
+                  <b-input-group-prepend class="p-2 d-none d-md-block">
                     <div class="h3 pt-3 pr-3">GDD</div>
                   </b-input-group-prepend>
                   <b-form-input
@@ -110,22 +104,20 @@
                     step="0.01"
                     min="0.01"
                     :max="$store.state.user.balance"
-                    style="font-size: xx-large; padding-left:20px"
+                    style="font-size: xx-large; padding-left: 20px"
                   ></b-form-input>
                 </b-input-group>
-                <b-col class="text-left p-3 p-sm-1">
+                <b-col class="text-left p-3 p-sm-1">Nachricht für den Empfänger</b-col>
-                  Nachricht für den Empfänger
-                </b-col>
 
                 <b-input-group>
-                  <b-input-group-prepend class="p-3 d-none d-md-block ">
+                  <b-input-group-prepend class="p-3 d-none d-md-block">
                     <b-icon icon="chat-right-text" class="display-3"></b-icon>
                   </b-input-group-prepend>
                   <b-form-textarea
                     rows="3"
                     v-model="form.memo"
                     class="pl-3"
-                    style="font-size: x-large;"
+                    style="font-size: x-large"
                   ></b-form-textarea>
                 </b-input-group>
               </div>

frontend/src/views/KontoOverview/GddTable.vue

@@ -4,7 +4,7 @@
       <b-list-group-item
         v-for="item in filteredItems"
         :key="item.id"
-        style="background-color:#ebebeba3 !important;"
+        style="background-color: #ebebeba3 !important"
       >
         <div class="d-flex w-100 justify-content-between" @click="toogle(item)">
           <b-icon
@@ -12,14 +12,14 @@
             icon="box-arrow-left"
             class="m-1"
             font-scale="2"
-            style="color:red"
+            style="color: red"
           ></b-icon>
           <b-icon
             v-else
             icon="box-arrow-right"
             class="m-1"
             font-scale="2"
-            style="color:green"
+            style="color: green"
           ></b-icon>
           <h1 class="mb-1">
             {{ $n(item.balance / 10000) }}

frontend/src/views/KontoOverview/GddWorkTable.vue

@@ -8,9 +8,9 @@
             icon="clock-history"
             class="m-1"
             font-scale="2"
-            style="color:orange"
+            style="color: orange"
           ></b-icon>
-          <b-icon v-else icon="check2-all" class="m-1" font-scale="2" style="color:green"></b-icon>
+          <b-icon v-else icon="check2-all" class="m-1" font-scale="2" style="color: green"></b-icon>
           <h2 class="text-muted">
             <small>{{ item.datel }}</small>
             - {{ item.text }}

frontend/src/views/KontoOverview/default.vue

@@ -1,7 +1,5 @@
 <template>
-  <div>
+  <div>default</div>
-    default
-  </div>
 </template>
 
 <script>

frontend/src/views/Landing.vue

@@ -18,9 +18,7 @@
             </b-col>
           </b-row> -->
           <hr />
-          <p class="lead">
+          <p class="lead">Anmelden</p>
-            Anmelden
-          </p>
 
           <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="6" class="px-5">
@@ -65,25 +63,19 @@
           </b-row>
 
           <hr />
-          <p class="lead">
+          <p class="lead">neues Mitglied anlegen</p>
-            neues Mitglied anlegen
-          </p>
 
           <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="6" class="px-5">
               <form>
                 <b-row class="form-group">
-                  <label class="col-md-2 col-form-label form-control-label">
+                  <label class="col-md-2 col-form-label form-control-label">Vorname</label>
-                    Vorname
-                  </label>
                   <b-col md="10">
                     <base-input placeholder="Jon " v-model="rfname"></base-input>
                   </b-col>
                 </b-row>
                 <b-row class="form-group">
-                  <label class="col-md-2 col-form-label form-control-label">
+                  <label class="col-md-2 col-form-label form-control-label">Nachname</label>
-                    Nachname
-                  </label>
                   <b-col md="10">
                     <base-input placeholder=" Snow" v-model="rlname"></base-input>
                   </b-col>
@@ -122,9 +114,7 @@
                   </b-col>
                 </b-row>
               </form>
-              <b-button block type="submit" @click="createUser()">
+              <b-button block type="submit" @click="createUser()">Anmelden</b-button>
-                Anmelden
-              </b-button>
             </b-col>
           </b-row>
         </div>

frontend/src/views/Layout/AuthLayout.vue

@@ -51,9 +51,7 @@
           </b-col>
           <b-col xl="6" class="col-xl-6">
             <b-nav class="nav-footer justify-content-center justify-content-lg-end">
-              <b-nav-item ref="https://www.creative-tim.com" target="_blank">
+              <b-nav-item ref="https://www.creative-tim.com" target="_blank">Gradido</b-nav-item>
-                Gradido
-              </b-nav-item>
               <b-nav-item href="https://www.creative-tim.com/presentation" target="_blank">
                 Impressum
               </b-nav-item>
@@ -136,7 +134,7 @@ export default {
   watch: {
     $route: {
       immediate: true,
-      handler: function() {
+      handler: function () {
         this.updateBackground()
       },
     },

frontend/src/views/Layout/ContentFooter.vue

@@ -4,9 +4,7 @@
       <b-col>
         <div class="copyright text-center text-lg-center text-muted">
           © {{ year }}
-          <a href="#!" to="/login" class="font-weight-bold ml-1">
+          <a href="#!" to="/login" class="font-weight-bold ml-1">Gradido-Akademie</a>
-            Gradido-Akademie
-          </a>
         </div>
       </b-col>
     </b-row>

frontend/src/views/Layout/DashboardNavbar.vue

@@ -34,7 +34,7 @@
               {{ $store.state.email }}
             </span>
             <b-media-body class="ml-2 d-none d-lg-block">
-              <span class="avatar ">
+              <span class="avatar">
                 <vue-qrcode :value="$store.state.email" type="image/png"></vue-qrcode>
               </span>
             </b-media-body>

frontend/src/views/Pages/Explorer.vue

@@ -25,9 +25,7 @@
 
     <div>
       <b-card>
-        <b-card-body>
+        <b-card-body>This is some text within a card body.</b-card-body>
-          This is some text within a card body.
-        </b-card-body>
       </b-card>
     </div>
   </div>

frontend/src/views/Pages/Login.vue

@@ -17,7 +17,7 @@
     <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="5" md="7">
-          <b-card no-body class="border-0 mb-0" style="background-color: #ebebeba3 !important;">
+          <b-card no-body class="border-0 mb-0" style="background-color: #ebebeba3 !important">
             <b-card-body class="py-lg-4 px-sm-0 px-0 px-md-2 px-lg-4">
               <div class="text-center text-muted mb-4">
                 <small>{{ $t('login') }}</small>

frontend/src/views/Pages/Password.vue

@@ -15,7 +15,7 @@
     <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="6" md="8">
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important;">
+          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important">
             <b-card-body class="px-lg-5 py-lg-5">
               <validation-observer v-slot="{ handleSubmit }" ref="formValidator">
                 <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">

frontend/src/views/Pages/Register.vue

@@ -18,7 +18,7 @@
       <!-- Table -->
       <b-row class="justify-content-center">
         <b-col lg="6" md="8">
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important;">
+          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important">
             <b-card-body class="py-lg-4 px-sm-0 px-0 px-md-2 px-lg-4">
               <div class="text-center text-muted mb-4">
                 <small>{{ $t('signup') }}</small>
@@ -72,7 +72,7 @@
                       </span>
                     </small>
                   </div>
-                  <b-row class=" my-4">
+                  <b-row class="my-4">
                     <b-col cols="12">
                       <base-input
                         :rules="{ required: { allowFalse: false } }"

frontend/src/views/Pages/UserProfile.vue

@@ -2,7 +2,12 @@
   <div>
     <div
       class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
-      style="min-height: 600px; background-image: url(img/theme/profile-cover.jpg); background-size: cover; background-position: center top;"
+      style="
+        min-height: 600px;
+        background-image: url(img/theme/profile-cover.jpg);
+        background-size: cover;
+        background-position: center top;
+      "
     >
       <b-container fluid>
         <b-container fluid class="d-flex align-items-center">

frontend/src/views/Pages/UserProfile/ImageUploaderAvatar.vue

@@ -10,7 +10,7 @@
       ref="file"
       :name="uploadFieldName"
       @change="onFileChange($event.target.name, $event.target.files)"
-      style="display:none"
+      style="display: none"
     />
     <!-- error dialog displays any potential errors -->
     <v-dialog v-model="errorDialog" max-width="300">

frontend/src/views/Pages/UserProfileActivity.vue

@@ -2,7 +2,7 @@
   <div>
     <div
       class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
-      style="max-height:200px"
+      style="max-height: 200px"
     ></div>
 
     <b-container fluid class="mt--6">

frontend/src/views/Pages/UserProfileTransactionList.vue

@@ -2,7 +2,7 @@
   <div>
     <div
       class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
-      style="max-height:200px"
+      style="max-height: 200px"
     ></div>
     <b-container fluid class="mt--6">
       <b-row>

frontend/src/views/default.vue

@@ -1,7 +1,5 @@
 <template>
-  <div>
+  <div>default</div>
-    default
-  </div>
 </template>
 
 <script>

frontend/yarn.lock

@@ -9417,6 +9417,11 @@ prettier@^1.15.2, prettier@^1.18.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
+prettier@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
+  integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
+
 pretty-error@^2.0.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"