2022-12-24 16:36:24 +00:00
< template >
2023-01-03 00:53:04 +00:00
< div >
2022-12-24 16:52:01 +00:00
< div class = "row justify-content-center" >
2022-12-31 20:05:12 +00:00
< div class = "col-12 col-sm-12 col-md-8" >
2023-01-01 19:55:35 +00:00
< div class = "row" >
< div class = "col-12" >
< h4 class = "fw-bold text-center pt-5" > Account
2023-02-25 06:48:20 +00:00
< nuxt -link :to ="localePath('/setting/editaccount')" class = "float-end pt-1 text-decoration-none" style = "color: #e9c046" > Edit < / n u x t - l i n k >
2023-01-01 19:55:35 +00:00
< / h4 >
< / div >
< / div >
2022-12-24 16:52:01 +00:00
< div class = "row pt-4" >
2023-01-01 19:55:35 +00:00
< div class = "col-6 " >
2023-02-27 00:26:27 +00:00
< h5 class = "fw-bold text-start text-muted" > { { t ( 'First Name' ) } } < / h5 >
2022-12-31 20:05:12 +00:00
< / div >
2023-01-01 19:55:35 +00:00
< div class = "col-6 " >
2023-02-25 06:48:20 +00:00
< h5 class = "fw-bold text-end" > { { user . first _name } } < / h5 >
2022-12-24 16:52:01 +00:00
< / div >
< / div >
2022-12-24 20:51:37 +00:00
< div class = "row pt-4" >
< div class = "col-6" >
2023-02-27 00:26:27 +00:00
< h5 class = "fw-bold text-muted" > { { t ( 'Last Name' ) } } < / h5 >
2022-12-24 20:51:37 +00:00
< / div >
< div class = "col-6" >
2023-02-25 06:48:20 +00:00
< h5 class = "fw-bold text-end" > { { user . surname } } < / h5 > < / div >
2022-12-24 20:51:37 +00:00
< / div >
< div class = "row pt-4" >
2023-01-04 22:27:29 +00:00
< div class = "col-2" >
2022-12-24 20:51:37 +00:00
< h5 class = "fw-bold text-muted" > Email < / h5 >
< / div >
2023-01-04 22:27:29 +00:00
< div class = "col-10" >
2023-02-25 06:48:20 +00:00
< h5 class = "fw-bold text-end" > { { user . email } } < / h5 > < / div >
2022-12-24 20:51:37 +00:00
< / div >
< div class = "row pt-4" >
< div class = "col-6" >
2023-02-27 00:26:27 +00:00
< h5 class = "fw-bold text-muted" > { { t ( 'Password' ) } } < / h5 >
2022-12-24 20:51:37 +00:00
< / div >
< div class = "col-6" >
< h5 class = "fw-bold text-end" > • • • • • • • • • < / h5 > < / div >
< / div >
< div class = "row pt-4" >
< div class = "col-12 text-center" >
2023-02-27 00:26:27 +00:00
< button @click ="logoutNow" class = "btn col-12 col-sm-12 col-md-3 fw-bold btn-outline-dark" > { { t ( "Log Out" ) } } < / button >
2022-12-24 20:51:37 +00:00
< / div >
< / div >
2022-12-31 20:05:12 +00:00
< div class = "row pt-5 pb-4 px-2" >
< div class = "col-12 rounded text-center py-3 py-md-5" style = "background-image: linear-gradient(40.53deg, #E9A446 6.68%, #E9C046 100%)" >
2023-02-27 00:26:27 +00:00
< h4 class = "text-center text-white " > { { t ( "Get another free 30 days" ) } } < / h4 >
< h5 class = "text-center px-2 px-md-5 text-white pt-2" > { { t ( "You can still use Mindboost for 7 days for free. Subscribe to increase your productivity with Mindboost afterwards." ) } } < / h5 >
< NuxtLink :to ="localePath('/setting/subscription')" type = "button" class = "btn px-4 py-2 mt-2 mt-md-3 fs-5" style = "background-color: white;gap: 10px;" > { { t ( "Subscribe" ) } } < / NuxtLink >
2022-12-24 20:51:37 +00:00
< / div >
< / div >
2022-12-24 16:36:24 +00:00
< / div >
< / div >
2023-01-03 00:45:43 +00:00
2023-01-03 00:53:04 +00:00
< / div >
2022-12-24 16:36:24 +00:00
< / template >
< script >
2023-02-25 06:48:20 +00:00
import { useUserStore } from '@/stores/user' ;
import { mapState , mapActions } from "pinia" ;
2022-12-24 20:51:37 +00:00
export default {
name : 'SettingPage' ,
2023-02-25 06:48:20 +00:00
setup ( ) {
const { t } = useI18n ( )
const localePath = useLocalePath ( )
return {
t ,
localePath ,
}
} ,
computed : {
... mapState ( useUserStore , [ 'user' ] )
} ,
methods : {
... mapActions ( useUserStore , [ 'logout' ] ) ,
logoutNow ( ) {
this . logout ( ) ;
this . $axios . post ( '/api/logout' ) . then ( ( { data } ) => {
2023-02-27 04:54:49 +00:00
console . log ( data , 'Logout' ) ;
this . $router . push ( this . localePath ( '/auth/login' ) ) ;
console . log ( 'Hain' ) ;
} ) . catch ( ( e ) => {
console . log ( 'Ok' ) ;
this . $router . push ( this . localePath ( '/auth/login' ) ) ;
2023-02-25 06:48:20 +00:00
} )
}
}
2022-12-24 20:51:37 +00:00
}
2022-12-24 16:36:24 +00:00
< / script >
< style >
< / style >