Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-14 23:47:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

settings page clean up

Browse source
This commit is contained in:
Gamebrary 2021-02-21 18:02:15 -07:00
parent 82e0a920f8
commit 1b9d73ae74
1 changed files with 15 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/pages/Settings.vue
View file

@ -1,61 +1,24 @@
<template lang="html">
<b-container>
<b-row>
<b-col cols="12" sm="6" class="mt-4 mt-sm-0 mb-3">
<b-list-group>
<b-list-group-item :variant="darkTheme ? 'info' : null">
<strong>{{ user.displayName }}</strong>
<p class="text-muted m-0">{{ user.email }}</p>
</b-list-group-item>
<h3 class="m-0">Settings</h3>
<b-list-group-item :variant="darkTheme ? 'dark' : null">
<strong>Date Joined</strong>
<p class="text-muted m-0">{{ formatDate(user.dateJoined) }}</p>
</b-list-group-item>
<div class="d-inline-flex flex-column align-items-start">
<languages />
<b-list-group-item :variant="darkTheme ? 'info' : null">
<strong>Last login</strong>
<p class="text-muted m-0">{{ formatDate(user.lastLogin) }}</p>
</b-list-group-item>
<theme-selector class="mb-2" />
<b-list-group-item :variant="darkTheme ? 'dark' : null">
<strong>Email Verified</strong>
<p class="text-muted m-0">{{ user.emailVerified ? 'Yes' : 'No' }}</p>
</b-list-group-item>
<b-button
href="https://accounts.google.com/"
class="mb-2 mt-4"
target="_blank"
variant="info"
>
Manage Google Account
</b-button>
<b-list-group-item :variant="darkTheme ? 'info' : null">
<strong>ID</strong>
<p class="text-muted m-0 mb-2">{{ user.uid }}</p>
<b-alert show>You can safely share this id when reporting bugs</b-alert>
</b-list-group-item>
</b-list-group>
</b-col>
<b-col cols="12" sm="6">
<div class="d-flex justify-content-between align-items-center mb-3">
<h3 class="m-0">Settings</h3>
</div>
<div class="d-inline-flex flex-column align-items-start">
<languages />
<theme-selector class="mb-2" />
<b-button
href="https://accounts.google.com/"
class="mb-2 mt-4"
target="_blank"
variant="info"
>
Manage Google Account
</b-button>
<sign-out class="mb-2" />
<delete-account />
</div>
</b-col>
</b-row>
<sign-out class="mb-2" />
<delete-account />
</div>
</b-container>
</template>
@ -75,7 +38,6 @@ export default {
},
computed: {
...mapState(['settings', 'user']),
...mapGetters(['darkTheme']),
},