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

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="col-12 px-4 py-2">
<div class="row"> <div class="row">
<div class="position-relative"> <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 <RouterLink
:to="{ name: 'profiles' }" :to="{ name: 'profiles' }"
class="dropdown-item border-radius-md" class="dropdown-item border-radius-md"
@ -270,16 +261,7 @@ watch(
<div class="col-12 px-4 py-2"> <div class="col-12 px-4 py-2">
<div class="row"> <div class="row">
<div class="position-relative"> <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 <RouterLink
:to="{ name: 'projects' }" :to="{ name: 'projects' }"
class="dropdown-item border-radius-md" class="dropdown-item border-radius-md"
@ -290,11 +272,7 @@ watch(
</div> </div>
<div v-if="isAuthenticated" class="position-relative"> <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 <RouterLink
:to="{ name: 'myprojects' }" :to="{ name: 'myprojects' }"
class="dropdown-item border-radius-md" class="dropdown-item border-radius-md"
@ -302,6 +280,13 @@ watch(
<span>Мои проекты</span> <span>Мои проекты</span>
</RouterLink> </RouterLink>
<RouterLink
:to="{ name: 'createproject' }"
class="dropdown-item border-radius-md"
>
<span>Добавить проект</span>
</RouterLink>
</div> </div>
</div> </div>
@ -339,8 +324,8 @@ watch(
:class="getTextColor()" :class="getTextColor()"
>article</i >article</i
> >
>
Профиль Мой Профиль
<img <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
@ -363,11 +348,7 @@ watch(
class="dropdown-item py-2 ps-3 border-radius-md" class="dropdown-item py-2 ps-3 border-radius-md"
href="/ViewMyProfile" 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 class="text-sm"
>Просмотр</span >Просмотр</span
> >
@ -376,29 +357,13 @@ watch(
class="dropdown-item py-2 ps-3 border-radius-md" class="dropdown-item py-2 ps-3 border-radius-md"
href="/EditMyProfile" 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 class="text-sm"
>Редактирование</span >Редактирование</span
> >
</a> </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> </li>

View File

@ -42,20 +42,35 @@ onMounted(async() => {
<template> <template>
<NavbarDefault /> <NavbarDefault />
<div class="profile-container"> <div class="profile-container">
<h2>Профиль пользователя {{ loggedUserName }}</h2> <h2>{{ profileData.name }}</h2>
<h2>{{ profileData.username }}</h2>
<p>{{ profileData.email }}</p>
<P>Имя: {{ profileData.name }}</P>
<img :src="profileData.profile_image" alt="Profile Image"> <img :src="profileData.profile_image" alt="Profile Image">
<p>{{ profileData.email }}</p>
<p>Местоположение: {{ profileData.location }}</p> <p>Местоположение: {{ profileData.location }}</p>
<p>Краткое описание: {{ profileData.short_intro }}</p> <p>Краткое описание: {{ profileData.short_intro }}</p>
<p>Биография: {{ profileData.bio }}</p> <p>Биография: {{ profileData.bio }}</p>
<!--<p>Ссылка на изображение: {{ profileData.profile_image }}</p>--> <p>
<p>Ссылка на GitHub: {{ profileData.social_github }}</p> <a :href="`${profileData.social_github}`" target="_blank">Ссылка на GitHub</a>
<p>Ссылка на Twitter: {{ profileData.social_twitter }}</p> </p>
<p>Ссылка на VK: {{ profileData.social_vk }}</p> <p>
<p>Ссылка на YouTube: {{ profileData.social_youtube }}</p> <a :href="`${profileData.social_twitter}`" target="_blank">Ссылка на Twitter</a>
<p>Ссылка на сайт: {{ profileData.social_website }}</p> </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%; border-radius: 50%;
object-fit: cover; object-fit: cover;
margin-bottom: 20px; margin-bottom: 20px;
justify-content: center;
align-content: center;
align-items: center;
display: flex;
} }
h1,h2{ h1,h2{
@ -105,4 +124,6 @@ button:hover{
background-color: #6ac55e; background-color: #6ac55e;
color: rgb(61, 61, 61); color: rgb(61, 61, 61);
} }
</style> </style>

View File

@ -32,6 +32,7 @@ const processProfileData = (data) => {
social_vk: data.social_vk || '', social_vk: data.social_vk || '',
social_youtube: data.social_youtube || '', social_youtube: data.social_youtube || '',
social_website: data.social_website || '', social_website: data.social_website || '',
profile_image: data.profile_image || '',
}; };
}; };
@ -113,6 +114,7 @@ onMounted(async() => {
<textarea readonly v-model="debugText"></textarea> --> <textarea readonly v-model="debugText"></textarea> -->
<!-- Событие происходит в момент загрузки файла. В этот момент в переменную selectedImage записывается файл, который был выбран. --> <!-- Событие происходит в момент загрузки файла. В этот момент в переменную selectedImage записывается файл, который был выбран. -->
<img class="project-image" :src="profileData.profile_image" alt="Profile image">
<input type="file" accept="image/*" @change="onFileChange"> <input type="file" accept="image/*" @change="onFileChange">
<input type="text" v-model="profileData.username" placeholder="Имя пользователя"> <input type="text" v-model="profileData.username" placeholder="Имя пользователя">