gradido/frontend/src/pages/Profile.NEW
2022-12-04 21:22:42 +01:00

81 lines
2.3 KiB
Plaintext

<template>
<div class="profile break">
<b-card class="justify-content-center bg-white appBoxShadow gradido-border-radius">
<!-- <b-form @submit.prevent="submit">
<b-row>
<b-col>
<first-name v-model="firstName" />
</b-col>
<b-col>
<last-name v-model="lastName" />
</b-col>
</b-row>
<div></div>
<div></div>
<b-row class="mt-5">
<b-col><language-switch /></b-col>
<b-col><job v-model="job" /></b-col>
</b-row>
<div class="h3 mt-5">Email und Passwort</div>
<b-row>
<b-col><input-email v-model="email" /></b-col>
<b-col><input-password /></b-col>
</b-row>
<div class="h3 mt-5">Style & News</div>
<b-row>
<b-col>Newsletter abonnieren</b-col>
<b-col>on / of</b-col>
<b-col><b-form-checkbox switch size="lg"></b-form-checkbox></b-col>
</b-row>
<b-row class="mt-3">
<b-col>Lightning Mode</b-col>
<b-col>on / of</b-col>
<b-col><b-form-checkbox switch size="lg"></b-form-checkbox></b-col>
</b-row>
<b-button type="submit" class="mt-5">speichern</b-button>
</b-form> -->
</b-card>
</div>
</template>
<script>
// import FirstName from '@/components/Inputs/FirstName.vue'
// import LastName from '@/components/Inputs/LastName.vue'
// import LanguageSwitch from '@/components/LanguageSwitch.vue'
// import Job from '@/components/Inputs/Job.vue'
// import InputEmail from '@/components/Inputs/InputEmail.vue'
// import InputPassword from '@/components/Inputs/InputPassword.vue'
export default {
name: 'Profile',
components: {
// FirstName,
// LastName,
// LanguageSwitch,
// Job,
// InputEmail,
// InputPassword,
},
props: {
balance: { type: Number, default: 0 },
transactionCount: { type: Number, default: 0 },
},
data() {
return {
firstName: this.$store.state.firstName,
lastName: this.$store.state.lastName,
job: '',
email: this.$store.state.email,
}
},
methods: {
// updateTransactions(pagination) {
// this.$emit('update-transactions', pagination)
// },
},
created() {
// this.updateTransactions(0)
},
}
</script>