added prettier package

2025-12-13 07:45:54 +00:00 · 2021-03-24 19:42:17 +01:00 · 2021-03-24 19:42:17 +01:00 · 83fc483eaf
commit 83fc483eaf
parent f09d2328d3
51 changed files with 124 additions and 170 deletions
--- a/frontend/.eslintignore
+++ b/frontend/.eslintignore
@ -1,2 +1,3 @@
 node_modules
 **/*.min.js
+build
--- a/frontend/package.json
+++ b/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",
--- a/frontend/src/App.vue
+++ b/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')">
-            Deutsch
-          </b-dropdown-item>
-          <b-dropdown-item @click.prevent="setLocale('en')">
-            English
-          </b-dropdown-item>
+          <b-dropdown-item @click.prevent="setLocale('de')">Deutsch</b-dropdown-item>
+          <b-dropdown-item @click.prevent="setLocale('en')">English</b-dropdown-item>
        </b-dropdown>
      </b-col>
    </header>
--- a/frontend/src/apis/communityAPI.js
+++ b/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()) => {
--- a/frontend/src/apis/loginAPI.js
+++ b/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)
  },
--- a/frontend/src/components/BasePagination.vue
+++ b/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"
    >
--- a/frontend/src/components/BaseProgress.vue
+++ b/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',
--- a/frontend/src/components/Breadcrumb/RouteBreadcrumb.vue
+++ b/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 }}
--- a/frontend/src/components/Charts/config.js
+++ b/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
        }
--- a/frontend/src/components/Charts/roundedCornersExtension.js
+++ b/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
--- a/frontend/src/components/Collapse/Collapse.vue
+++ b/frontend/src/components/Collapse/Collapse.vue
@ -53,7 +53,7 @@ export default {
      }
    },
    deactivateAll() {
-      this.items.forEach(item => {
+      this.items.forEach((item) => {
        item.active = false
      })
    },
--- a/frontend/src/components/Inputs/BaseCheckbox.vue
+++ b/frontend/src/components/Inputs/BaseCheckbox.vue
@ -72,9 +72,7 @@ export default {
    },
  },
  created() {
-    this.cbId = Math.random()
-      .toString(16)
-      .slice(2)
+    this.cbId = Math.random().toString(16).slice(2)
  },
 }
 </script>
--- a/frontend/src/components/Inputs/BaseInput.vue
+++ b/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>
--- a/frontend/src/components/Inputs/BaseRadio.vue
+++ b/frontend/src/components/Inputs/BaseRadio.vue
@ -58,9 +58,7 @@ export default {
    },
  },
  created() {
-    this.cbId = Math.random()
-      .toString(16)
-      .slice(2)
+    this.cbId = Math.random().toString(16).slice(2)
  },
 }
 </script>
--- a/frontend/src/components/NotificationPlugin/Notification.vue
+++ b/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 &&
--- a/frontend/src/components/NotificationPlugin/Notifications.vue
+++ b/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
    },
  },
--- a/frontend/src/components/NotificationPlugin/index.js
+++ b/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 {
--- a/frontend/src/components/SidebarPlugin/SidebarItem.vue
+++ b/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
        }
--- a/frontend/src/components/Tabs/Tabs.vue
+++ b/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
      })
    },
--- a/frontend/src/directives/click-ouside.js
+++ b/frontend/src/directives/click-ouside.js
@ -1,6 +1,6 @@
 export default {
-  bind: function(el, binding, vnode) {
-    el.clickOutsideEvent = function(event) {
+  bind: function (el, binding, vnode) {
+    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)
  },
 }
--- a/frontend/src/i18n.js
+++ b/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]
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@ -22,5 +22,5 @@ new Vue({
  router,
  store,
  i18n,
-  render: h => h(App),
+  render: (h) => h(App),
 })
--- a/frontend/src/plugins/dashboard-plugin.js
+++ b/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
--- a/frontend/src/store/store.js
+++ b/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) => {
--- a/frontend/src/views/AdminOverview.vue
+++ b/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)
        },
      )
--- a/frontend/src/views/AdminOverview/AdminUserCreation.vue
+++ b/frontend/src/views/AdminOverview/AdminUserCreation.vue
@ -26,9 +26,7 @@
            mode: 'pages',
          }"
        >
-          <div slot="table-actions">
-            Einträge suchen .
-          </div>
+          <div slot="table-actions">Einträge suchen .</div>
        </vue-good-table>
      </b-col>
      <b-col xl="4" class="mb-5 mb-xl-0">
--- a/frontend/src/views/AdminOverview/AdminUserSearch.vue
+++ b/frontend/src/views/AdminOverview/AdminUserSearch.vue
@ -25,9 +25,7 @@
            mode: 'pages',
          }"
        >
-          <div slot="table-actions">
-            Mitglieder suchen .
-          </div>
+          <div slot="table-actions">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">
-                  Name
-                </label>
+                <label class="col-md-3 col-form-label form-control-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">
-                  Gruppe
-                </label>
+                <label class="col-md-3 col-form-label form-control-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">
-                  Name
-                </label>
+                <label class="col-md-3 col-form-label form-control-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">
-                  Gruppe
-                </label>
+                <label class="col-md-3 col-form-label form-control-label">Gruppe</label>
                <b-col md="10">
                  <base-input placeholder="Gruppe"></base-input>
                </b-col>
--- a/frontend/src/views/AdminOverview/default.vue
+++ b/frontend/src/views/AdminOverview/default.vue
@ -1,7 +1,5 @@
 <template>
-  <div>
-    default
-  </div>
+  <div>default</div>
 </template>

 <script>
--- a/frontend/src/views/Dashboard/GoodTable.vue
+++ b/frontend/src/views/Dashboard/GoodTable.vue
@ -24,9 +24,7 @@
            mode: 'pages',
          }"
        >
-          <div slot="table-actions">
-            Mitglieder suchen .
-          </div>
+          <div slot="table-actions">Mitglieder suchen .</div>
        </vue-good-table>
      </b-col>
      <b-col xl="4" class="mb-5 mb-xl-0">
--- a/frontend/src/views/GoogleMaps.vue
+++ b/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)
    })
  },
--- a/frontend/src/views/KontoOverview/GddAddWork.vue
+++ b/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();
--- a/frontend/src/views/KontoOverview/GddAddWork2.vue
+++ b/frontend/src/views/KontoOverview/GddAddWork2.vue
@ -131,9 +131,7 @@ export default {
      config: {
        altInput: false,
        dateFormat: 'd-m-Y',
-        minDate: this.$moment()
-          .startOf('month')
-          .format('DD.MM.YYYY'),
+        minDate: this.$moment().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()
-          .month(this.$moment().month())
-          .daysInMonth(),
+        thisMonth: this.$moment().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()
-          .month(this.$moment().month())
-          .format('MMMM'),
+        thisMonth: this.$moment().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: '' }]
--- a/frontend/src/views/KontoOverview/GddSend.vue
+++ b/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">
-                  Empfänger
-                </b-col>
+                <b-col class="text-left p-3 p-sm-1">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">
-                  Betrag
-                </b-col>
+                <b-col class="text-left p-3 p-sm-1">Betrag</b-col>
                <b-col v-if="$store.state.user.balance == form.amount" class="text-right">
-                  <b-badge variant="primary">
-                    maximale anzahl GDD zum versenden erreicht!
-                  </b-badge>
+                  <b-badge variant="primary">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">
-                  Nachricht für den Empfänger
-                </b-col>
+                <b-col class="text-left p-3 p-sm-1">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>
--- a/frontend/src/views/KontoOverview/GddTable.vue
+++ b/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) }}
--- a/frontend/src/views/KontoOverview/GddWorkTable.vue
+++ b/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 }}
--- a/frontend/src/views/KontoOverview/default.vue
+++ b/frontend/src/views/KontoOverview/default.vue
@ -1,7 +1,5 @@
 <template>
-  <div>
-    default
-  </div>
+  <div>default</div>
 </template>

 <script>
--- a/frontend/src/views/Landing.vue
+++ b/frontend/src/views/Landing.vue
@ -18,9 +18,7 @@
            </b-col>
          </b-row> -->
          <hr />
-          <p class="lead">
-            Anmelden
-          </p>
+          <p class="lead">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">
-            neues Mitglied anlegen
-          </p>
+          <p class="lead">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">
-                    Vorname
-                  </label>
+                  <label class="col-md-2 col-form-label form-control-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">
-                    Nachname
-                  </label>
+                  <label class="col-md-2 col-form-label form-control-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()">
-                Anmelden
-              </b-button>
+              <b-button block type="submit" @click="createUser()">Anmelden</b-button>
            </b-col>
          </b-row>
        </div>
--- a/frontend/src/views/Layout/AuthLayout.vue
+++ b/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">
-                Gradido
-              </b-nav-item>
+              <b-nav-item ref="https://www.creative-tim.com" target="_blank">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()
      },
    },
--- a/frontend/src/views/Layout/ContentFooter.vue
+++ b/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">
-            Gradido-Akademie
-          </a>
+          <a href="#!" to="/login" class="font-weight-bold ml-1">Gradido-Akademie</a>
        </div>
      </b-col>
    </b-row>
--- a/frontend/src/views/Layout/DashboardNavbar.vue
+++ b/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>
--- a/frontend/src/views/Pages/Explorer.vue
+++ b/frontend/src/views/Pages/Explorer.vue
@ -25,9 +25,7 @@

    <div>
      <b-card>
-        <b-card-body>
-          This is some text within a card body.
-        </b-card-body>
+        <b-card-body>This is some text within a card body.</b-card-body>
      </b-card>
    </div>
  </div>
--- a/frontend/src/views/Pages/Login.vue
+++ b/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>
--- a/frontend/src/views/Pages/Password.vue
+++ b/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)">
--- a/frontend/src/views/Pages/Register.vue
+++ b/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 } }"
--- a/frontend/src/views/Pages/UserProfile.vue
+++ b/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">
--- a/frontend/src/views/Pages/UserProfile/ImageUploaderAvatar.vue
+++ b/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">
--- a/frontend/src/views/Pages/UserProfileActivity.vue
+++ b/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">
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/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>
--- a/frontend/src/views/default.vue
+++ b/frontend/src/views/default.vue
@ -1,7 +1,5 @@
 <template>
-  <div>
-    default
-  </div>
+  <div>default</div>
 </template>

 <script>
--- a/frontend/yarn.lock
+++ b/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"