add cover to profile & logout on dashbord
This commit is contained in:
46
resources/js/views/User/ProfileUser.vue
Normal file
46
resources/js/views/User/ProfileUser.vue
Normal file
@@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="relative">
|
||||
<UploadableImage
|
||||
:image-width=1500
|
||||
:image-height=500
|
||||
location="cover"
|
||||
:image="authUser.data.attributes.cover_image"
|
||||
:author="authUser"
|
||||
:id="authUser.data.user_id"
|
||||
:model="authUser.data.type"
|
||||
classes="cover"
|
||||
:alt="authUser.data.attributes.name"/>
|
||||
<div class="absolute b-0">
|
||||
<UploadableImage
|
||||
:image-width=750
|
||||
:image-height=750
|
||||
location="profile"
|
||||
:image="authUser.data.attributes.profile_image"
|
||||
:author="authUser"
|
||||
:id="authUser.data.user_id"
|
||||
:model="authUser.data.type"
|
||||
classes="profile absolute"
|
||||
:alt="authUser.data.attributes.name"/>
|
||||
<h1 class="profile-title">{{ authUser.data.attributes.name }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
import UploadableImage from "../../components/UploadableImage";
|
||||
|
||||
export default {
|
||||
name: 'Profil',
|
||||
components: {
|
||||
UploadableImage
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
authUser: 'authUser',
|
||||
})
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user