Поправили косметику в профиле

This commit is contained in:
FEARmeR 2023-05-23 17:14:06 +01:00
parent d74c03a808
commit e65615b25b
3 changed files with 48 additions and 60 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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="Имя пользователя">