mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 04:04:22 +08:00
Поправили косметику в профиле
This commit is contained in:
parent
d74c03a808
commit
e65615b25b
@ -197,16 +197,7 @@ watch(
|
||||
<div class="col-12 px-4 py-2">
|
||||
<div class="row">
|
||||
<div class="position-relative">
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Все пользователи
|
||||
</div>
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Все пользователи
|
||||
</div>
|
||||
|
||||
<RouterLink
|
||||
:to="{ name: 'profiles' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
@ -270,16 +261,7 @@ watch(
|
||||
<div class="col-12 px-4 py-2">
|
||||
<div class="row">
|
||||
<div class="position-relative">
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Все проекты
|
||||
</div>
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Все проекты
|
||||
</div>
|
||||
|
||||
<RouterLink
|
||||
:to="{ name: 'projects' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
@ -290,11 +272,7 @@ watch(
|
||||
</div>
|
||||
|
||||
<div v-if="isAuthenticated" class="position-relative">
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Мои проекты
|
||||
</div>
|
||||
|
||||
<RouterLink
|
||||
:to="{ name: 'myprojects' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
@ -302,6 +280,13 @@ watch(
|
||||
<span>Мои проекты</span>
|
||||
</RouterLink>
|
||||
|
||||
<RouterLink
|
||||
:to="{ name: 'createproject' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Добавить проект</span>
|
||||
</RouterLink>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -339,8 +324,8 @@ watch(
|
||||
:class="getTextColor()"
|
||||
>article</i
|
||||
>
|
||||
>
|
||||
Профиль
|
||||
|
||||
Мой Профиль
|
||||
<img
|
||||
:src="getArrowColor()"
|
||||
alt="down-arrow"
|
||||
@ -363,11 +348,7 @@ watch(
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="/ViewMyProfile"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Мой Профиль
|
||||
</h6>
|
||||
|
||||
<span class="text-sm"
|
||||
>Просмотр</span
|
||||
>
|
||||
@ -376,29 +357,13 @@ watch(
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="/EditMyProfile"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Мой Профиль
|
||||
</h6>
|
||||
|
||||
<span class="text-sm"
|
||||
>Редактирование</span
|
||||
>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="/CreateProject"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Создать проект
|
||||
</h6>
|
||||
<span class="text-sm"
|
||||
>Страница добавления проекта</span
|
||||
>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
@ -42,20 +42,35 @@ onMounted(async() => {
|
||||
<template>
|
||||
<NavbarDefault />
|
||||
<div class="profile-container">
|
||||
<h2>Профиль пользователя {{ loggedUserName }}</h2>
|
||||
<h2>{{ profileData.username }}</h2>
|
||||
<p>{{ profileData.email }}</p>
|
||||
<P>Имя: {{ profileData.name }}</P>
|
||||
<h2>{{ profileData.name }}</h2>
|
||||
|
||||
|
||||
<img :src="profileData.profile_image" alt="Profile Image">
|
||||
<p>{{ profileData.email }}</p>
|
||||
<p>Местоположение: {{ profileData.location }}</p>
|
||||
<p>Краткое описание: {{ profileData.short_intro }}</p>
|
||||
<p>Биография: {{ profileData.bio }}</p>
|
||||
<!--<p>Ссылка на изображение: {{ profileData.profile_image }}</p>-->
|
||||
<p>Ссылка на GitHub: {{ profileData.social_github }}</p>
|
||||
<p>Ссылка на Twitter: {{ profileData.social_twitter }}</p>
|
||||
<p>Ссылка на VK: {{ profileData.social_vk }}</p>
|
||||
<p>Ссылка на YouTube: {{ profileData.social_youtube }}</p>
|
||||
<p>Ссылка на сайт: {{ profileData.social_website }}</p>
|
||||
<p>
|
||||
<a :href="`${profileData.social_github}`" target="_blank">Ссылка на GitHub</a>
|
||||
</p>
|
||||
<p>
|
||||
<a :href="`${profileData.social_twitter}`" target="_blank">Ссылка на Twitter</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a :href="`${profileData.social_vk}`" target="_blank">Ссылка на VK</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a :href="`${profileData.social_youtube}`" target="_blank">Ссылка на YouTube</a>
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
<a :href="`${profileData.social_website}`" target="_blank">Ссылка на сайт</a>
|
||||
</p>
|
||||
<a :href="`/editmyprofile`">Редактирование профиля</a>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -80,6 +95,10 @@ onMounted(async() => {
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 20px;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
h1,h2{
|
||||
@ -105,4 +124,6 @@ button:hover{
|
||||
background-color: #6ac55e;
|
||||
color: rgb(61, 61, 61);
|
||||
}
|
||||
|
||||
|
||||
</style>
|
@ -32,6 +32,7 @@ const processProfileData = (data) => {
|
||||
social_vk: data.social_vk || '',
|
||||
social_youtube: data.social_youtube || '',
|
||||
social_website: data.social_website || '',
|
||||
profile_image: data.profile_image || '',
|
||||
};
|
||||
};
|
||||
|
||||
@ -113,6 +114,7 @@ onMounted(async() => {
|
||||
<textarea readonly v-model="debugText"></textarea> -->
|
||||
|
||||
<!-- Событие происходит в момент загрузки файла. В этот момент в переменную selectedImage записывается файл, который был выбран. -->
|
||||
<img class="project-image" :src="profileData.profile_image" alt="Profile image">
|
||||
<input type="file" accept="image/*" @change="onFileChange">
|
||||
|
||||
<input type="text" v-model="profileData.username" placeholder="Имя пользователя">
|
||||
|
Loading…
x
Reference in New Issue
Block a user