- fix Header and Drawer Right
- fix Drawer Menu Left - add icon on the Header - fix lang if is different language: set to English.
This commit is contained in:
@@ -29,10 +29,10 @@
|
||||
}
|
||||
|
||||
#user-actions {
|
||||
left: 90px;
|
||||
bottom: 71px;
|
||||
position: relative;
|
||||
width: 171px;
|
||||
//left: 90px;
|
||||
//bottom: 40px;
|
||||
//position: relative;
|
||||
//width: 171px;
|
||||
}
|
||||
|
||||
#menu-collapse {
|
||||
|
||||
@@ -4,7 +4,7 @@ import { UserStore } from '@modules'
|
||||
import { GlobalStore } from '@modules'
|
||||
import Vue from 'vue'
|
||||
import { Component, Prop } from 'vue-property-decorator'
|
||||
import { tools } from "@src/store/Modules/tools"
|
||||
import { tools } from '@src/store/Modules/tools'
|
||||
|
||||
const namespace: string = 'GlobalModule'
|
||||
|
||||
@@ -17,37 +17,7 @@ const namespace: string = 'GlobalModule'
|
||||
export default class Drawer extends Vue {
|
||||
public $q
|
||||
public $t: any
|
||||
public photo = ''
|
||||
public user = null
|
||||
|
||||
|
||||
get MenuCollapse() {
|
||||
return GlobalStore.state.menuCollapse
|
||||
// return true
|
||||
}
|
||||
|
||||
get Username() {
|
||||
return UserStore.state.username
|
||||
}
|
||||
|
||||
get Verificato() {
|
||||
return UserStore.state.verified_email
|
||||
}
|
||||
|
||||
get Email() {
|
||||
return UserStore.state.email
|
||||
}
|
||||
|
||||
public logoutHandler() {
|
||||
UserStore.actions.logout()
|
||||
.then(() => {
|
||||
this.$router.replace('/logout')
|
||||
|
||||
setTimeout(() => {
|
||||
this.$router.replace('/')
|
||||
}, 1000)
|
||||
|
||||
tools.showNotif(this.$q, this.$t('logout.uscito'), {icon: 'exit_to_app'})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,33 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<div id="profile" v-if="Username">
|
||||
<img :src="photo" style='height: 80px' class="inline-block">
|
||||
<img src="../img/avatar-1.svg" id="avatar" class="inline-block">
|
||||
<div id="user-name">
|
||||
<span class="text-white"> {{ Username }} </span>
|
||||
<hr>
|
||||
<span class="text-white" v-if="Verificato"> {{$t('reg.verificato')}} </span>
|
||||
<span class="text-white background-red" v-else> {{$t('reg.non_verificato')}} </span>
|
||||
<!-- <span class="text-white"> {{ Email }} </span>-->
|
||||
</div>
|
||||
<div id="user-actions">
|
||||
<q-btn round color="primary" icon="person"></q-btn>
|
||||
<q-btn round color="warning" icon="lock"></q-btn>
|
||||
<q-btn round color="secondary" icon="exit_to_app" @click='logoutHandler'></q-btn>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<menu-one></menu-one>
|
||||
|
||||
<!--<footer>
|
||||
<small>- Small</small>
|
||||
</footer>-->
|
||||
|
||||
<!--<div class="fixed-bottom text-center light text-italic">-->
|
||||
<!--Powered by Perseo-->
|
||||
<!--</div>-->
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user