<i18n>
{
  "en": {
    "roles": "Roles",
    "users": "Users",
    "createRole": "Create Role",
    "assignRole": "Assign Role",
    "revokeRole": "Revoke Role"
  },
  "de": {
    "roles": "Rollen",
    "users": "Nutzer",
    "createRole": "Rolle erstellen",
    "assignRole": "Rolle zuweisen",
    "revokeROle": "Rolleentziehen"
  }
}
</i18n>

<template>
  <v-container>
    <v-layout>
      <v-flex md10 offset-md1 sm10 offset-sm1>
        <v-btn color="primary" @click="createRole">{{ $t('createRole') }}</v-btn>
        <v-btn class="right" color="success">{{ $t('assignRole') }}</v-btn>
        <v-btn class="right" color="warning">{{ $t('revokeRole') }}</v-btn>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>

export default {
  name: 'AccountPage',
  data () {
    return {
    }
  },
  methods: {
    createRole: function (event) {
      window.open('https://bas.stfu-kthx.net:8000/#/dashboard/permission/createRole', '_self')
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
