<template>
  <v-bottom-sheet persistent v-model="show" hide-overlay>
    <v-card>
      <v-card-title>
        Cookie und Local Storage Hinweis
      </v-card-title>
      <v-card-text>
        Diese Webseite benutzt den Local Storage. Dabei werden Daten in ihm
        gespeichert, welche notwendig sind um sich einzuloggen und eingeloggt zu
        bleiben. Außerdem sind diese Daten notwendig um mit dem Server zu
        kommunizieren. Dabei wird ein Key 'user' angelegt, in welchem ein
        Accesstoken, Benutzername, sowie der Name des Benutzers und deren Rechte
        gespeichert. Dazu kommt ein Key 'cookie:accepted', falls sie diesem
        zustimmen. Diese Daten bleiben solange erhalten bis Sie sich ausloggen
        oder der Accesstoken abgelaufen ist und Sie ausgeloggt werden.
      </v-card-text>
      <v-card-actions>
        <v-spacer />
        <v-btn text @click="disableNotification()">Ablehnen</v-btn>
        <v-btn text color="primary" @click="acceptNotification()">Akzeptieren</v-btn>
      </v-card-actions>
    </v-card>
  </v-bottom-sheet>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  name: 'CookieNotification',
  methods: {
    ...mapActions(['acceptNotification', 'disableNotification', 'getCookieAccepted'])
  },
  created() {
    this.getCookieAccepted()
  },
  computed: {
    ...mapGetters({
      model: 'cookieNotification',
      cookie: 'cookieAccepted'
    }),
    show() {
      return !this.cookie ? this.model : false
    }
  }
}
</script>

<style scoped></style>