barcode-frontend-backend-docker/docker-front/front/src/pages/Page1.vue

<template>
    <q-card style="width: 100vw; height: 100vh; padding: 50px; margin: 0px" class="bg-black">
      <q-btn round color='blue' style="position: fixed; top: 20%"
      @click="$router.push('/scan')">
        {{ texts['page2_scan'] }}
      </q-btn>
      <q-btn round color='blue' style="position: fixed; top: 40%"
      > 
        {{ texts['page2_new'] }}
      </q-btn>
      
      <q-btn round color='blue' style="position: fixed; top: 80%; width: 10em; height: 5em" @click="logout"> 
        {{ texts['page2_logout'] }}
      </q-btn>


    </q-card>
</template>

<script>
var db = require('../db.js')
var utils = require('../utils.js')
import {
  QCard,
  QLayout,
  QToolbar,
  QToolbarTitle,
  QBtn,
  QIcon,
  QList,
  QListHeader,
  QItem,
  QItemSide,
  QItemMain
} from 'quasar'

export default {
  name: 'index',
  components: {
    QCard,
    QLayout,
    QToolbar,
    QToolbarTitle,
    QBtn,
    QIcon,
    QList,
    QListHeader,
    QItem,
    QItemSide,
    QItemMain
  },
  data () {
    return {
      texts: ''
    }
  },
  computed: {
  },
  methods: {
    logout: function () {
      db.saveToken('')
      this.$router.push('/login')
    }
  },
  mounted () {
    // populate language
    utils.setTexts(this)
  },
  beforeDestroy () {
  }
}
</script>

<style lang="stylus">
.logo-container
  width 255px
  height 242px
  perspective 800px
  position absolute
  top 50%
  left 50%
  transform translateX(-50%) translateY(-50%)
.logo
  position absolute
  transform-style preserve-3d
</style>