mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 21:04:21 +08:00
Merge branch 'YuryTest' of https://github.com/VikingEngineers/LinkedFrontVue into YuryTest
This commit is contained in:
commit
2aa431f23c
BIN
src/assets/img/ultraviolet.jpg
Normal file
BIN
src/assets/img/ultraviolet.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.8 MiB |
@ -119,7 +119,6 @@ watch(
|
|||||||
]"
|
]"
|
||||||
:to="{ name: 'presentation' }"
|
:to="{ name: 'presentation' }"
|
||||||
rel="tooltip"
|
rel="tooltip"
|
||||||
title="Designed and Coded by Creative Tim"
|
|
||||||
data-placement="bottom"
|
data-placement="bottom"
|
||||||
>
|
>
|
||||||
LinkedMin
|
LinkedMin
|
||||||
@ -133,7 +132,6 @@ watch(
|
|||||||
"
|
"
|
||||||
to="/"
|
to="/"
|
||||||
rel="tooltip"
|
rel="tooltip"
|
||||||
title="Designed and Coded by Creative Tim"
|
|
||||||
data-placement="bottom"
|
data-placement="bottom"
|
||||||
>
|
>
|
||||||
LinkedMin
|
LinkedMin
|
||||||
@ -172,13 +170,15 @@ watch(
|
|||||||
data-bs-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
aria-expanded="false"
|
aria-expanded="false"
|
||||||
>
|
>
|
||||||
<i
|
<!-- <i
|
||||||
class="material-icons opacity-6 me-2 text-md"
|
class="material-icons opacity-6 me-2 text-md"
|
||||||
:class="getTextColor()"
|
:class="getTextColor()"
|
||||||
>dashboard</i
|
>dashboard</i
|
||||||
>
|
>-->
|
||||||
|
|
||||||
Пользователи
|
Пользователи
|
||||||
<img
|
|
||||||
|
<!--<img
|
||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
class="arrow ms-2 d-lg-block d-none"
|
class="arrow ms-2 d-lg-block d-none"
|
||||||
@ -187,45 +187,32 @@ watch(
|
|||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
class="arrow ms-1 d-lg-none d-block ms-auto"
|
class="arrow ms-1 d-lg-none d-block ms-auto"
|
||||||
/>
|
/>-->
|
||||||
</a>
|
</a>
|
||||||
<div
|
<div
|
||||||
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
|
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
|
||||||
aria-labelledby="dropdownMenuPages"
|
aria-labelledby="dropdownMenuPages">
|
||||||
>
|
|
||||||
<div class="row d-none d-lg-block">
|
<div class="row d-none d-lg-block">
|
||||||
<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>
|
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'profiles' }"
|
:to="{ name: 'profiles' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md">
|
||||||
>
|
|
||||||
<span>Все пользователи</span>
|
<span>Все пользователи</span>
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="d-lg-none">
|
<div class="d-lg-none">
|
||||||
<div
|
|
||||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
|
||||||
>
|
|
||||||
Все пользователи
|
|
||||||
</div>
|
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'profiles' }"
|
:to="{ name: 'profiles' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md">
|
||||||
>
|
|
||||||
<span>Все пользователи</span>
|
<span>Все пользователи</span>
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
@ -240,13 +227,13 @@ watch(
|
|||||||
data-bs-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
aria-expanded="false"
|
aria-expanded="false"
|
||||||
>
|
>
|
||||||
<i
|
<!--<i
|
||||||
class="material-icons opacity-6 me-2 text-md"
|
class="material-icons opacity-6 me-2 text-md"
|
||||||
:class="getTextColor()"
|
:class="getTextColor()"
|
||||||
>dashboard</i
|
>dashboard</i
|
||||||
>
|
>-->
|
||||||
Проекты
|
Проекты
|
||||||
<img
|
<!--<img
|
||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
class="arrow ms-2 d-lg-block d-none"
|
class="arrow ms-2 d-lg-block d-none"
|
||||||
@ -255,7 +242,7 @@ watch(
|
|||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
class="arrow ms-1 d-lg-none d-block ms-auto"
|
class="arrow ms-1 d-lg-none d-block ms-auto"
|
||||||
/>
|
/>-->
|
||||||
</a>
|
</a>
|
||||||
<div
|
<div
|
||||||
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
|
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
|
||||||
@ -265,11 +252,6 @@ 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>
|
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'projects' }"
|
:to="{ name: 'projects' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md"
|
||||||
@ -298,15 +280,9 @@ watch(
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-lg-none">
|
<div class="d-lg-none">
|
||||||
<div
|
|
||||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
|
||||||
>
|
|
||||||
Все проекты
|
|
||||||
</div>
|
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'projects' }"
|
:to="{ name: 'projects' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md">
|
||||||
>
|
|
||||||
<span>Все проекты</span>
|
<span>Все проекты</span>
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
@ -323,15 +299,14 @@ watch(
|
|||||||
:class="getTextColor()"
|
:class="getTextColor()"
|
||||||
id="dropdownMenuDocs"
|
id="dropdownMenuDocs"
|
||||||
data-bs-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
aria-expanded="false"
|
aria-expanded="false">
|
||||||
>
|
<!-- <i
|
||||||
<i
|
|
||||||
class="material-icons opacity-6 me-2 text-md"
|
class="material-icons opacity-6 me-2 text-md"
|
||||||
:class="getTextColor()"
|
:class="getTextColor()"
|
||||||
>article</i
|
>article</i
|
||||||
>
|
>-->
|
||||||
Профиль
|
Профиль
|
||||||
<img
|
<!--<img
|
||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
class="arrow ms-2 d-lg-block d-none"
|
class="arrow ms-2 d-lg-block d-none"
|
||||||
@ -340,7 +315,7 @@ watch(
|
|||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
class="arrow ms-1 d-lg-none d-block ms-auto"
|
class="arrow ms-1 d-lg-none d-block ms-auto"
|
||||||
/>
|
/>-->
|
||||||
</a>
|
</a>
|
||||||
<div
|
<div
|
||||||
class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg"
|
class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg"
|
||||||
@ -353,27 +328,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
|
|
||||||
>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
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>
|
||||||
|
|
||||||
<a
|
<a
|
||||||
@ -390,56 +345,22 @@ watch(
|
|||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row d-lg-none">
|
<div class="row d-lg-none">
|
||||||
<div class="col-md-12 g-0">
|
<div class="col-md-12 g-0">
|
||||||
<a
|
<a 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
|
|
||||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
|
||||||
>
|
|
||||||
Мой профиль
|
Мой профиль
|
||||||
</h6>
|
</h6>
|
||||||
<span class="text-sm"
|
|
||||||
>Просмотр</span
|
|
||||||
>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
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
|
|
||||||
>
|
|
||||||
</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>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
@ -72,35 +72,29 @@ export default {
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<div class="col-lg-7 text-center mx-auto position-relative">
|
||||||
<h1
|
|
||||||
class="text-white pt-3 mt-n5 me-2"
|
|
||||||
:style="{ display: 'inline-block ', fontFamily: 'PressStart2P, sans-serif' }"
|
|
||||||
>
|
|
||||||
LinkedMin
|
|
||||||
</h1>
|
|
||||||
<p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<div v-if="isAuthenticated">
|
<div v-if="isAuthenticated">
|
||||||
<h2
|
<h2
|
||||||
class="text-white pt-3 mt-n5 me-2"
|
class="text-white pt-3 mt-n5 me-2"
|
||||||
:style="{ display: 'inline-block ', fontFamily: 'PressStart2P, sans-serif' }"
|
:style="{ display: 'inline-block ', fontFamily: 'PressStart2P, sans-serif' }"
|
||||||
>
|
>
|
||||||
Привет, {{ loggedUserName }}</h2>
|
Привет, {{ loggedUserName }}!</h2>
|
||||||
|
<p class="lead text-white px-5 mt-3" :style="{ fontWeight: '500', fontFamily: 'PressStart2P, sans-serif' }">
|
||||||
|
В поисках чего-то интересного?
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<p>Тариф Бесплатный</p>
|
<h1
|
||||||
|
class="text-white pt-3 mt-n5 me-2"
|
||||||
|
:style="{ display: 'inline-block ', fontFamily: 'PressStart2P, sans-serif' }">LinkedMin</h1>
|
||||||
|
<p class="lead text-white px-5 mt-3" :style="{ fontWeight: '500', fontFamily: 'PressStart2P, sans-serif' }">
|
||||||
|
Показывай себя и свои проекты.
|
||||||
|
Находи вдохновение, коллег и новые знания.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="lead text-white px-5 mt-3" :style="{ fontWeight: '500', fontFamily: 'PressStart2P, sans-serif' }">
|
|
||||||
Показывай себя и свои проекты.
|
|
||||||
Находи вдохновение, коллег и новые знания.
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -33,11 +33,11 @@ const search = async () => {
|
|||||||
<!-- Added class searchInput for styling -->
|
<!-- Added class searchInput for styling -->
|
||||||
<input class="searchInput" type="text" v-model="searchQuery" @keyup.enter="search" placeholder="Поиск по проектам и людям" />
|
<input class="searchInput" type="text" v-model="searchQuery" @keyup.enter="search" placeholder="Поиск по проектам и людям" />
|
||||||
<!-- Added class searchButton for styling -->
|
<!-- Added class searchButton for styling -->
|
||||||
<button class="searchButton" type="submit" @click="search">Go</button>
|
<button class="searchButton" type="submit" @click="search">Погнали!</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="searchResultProjects.length > 0 || searchResultUsers.length > 0">
|
<div v-if="searchResultProjects.length > 0 || searchResultUsers.length > 0">
|
||||||
<h2 class="result-header">Найдено проектов: {{ searchResultProjects.length}} </h2>
|
<!--<h2 class="result-header">Найдено проектов: {{ searchResultProjects.length}} </h2>-->
|
||||||
<div class="result-grid">
|
<div class="result-grid">
|
||||||
<div class="result-card" v-for="project in searchResultProjects" :key="project.id">
|
<div class="result-card" v-for="project in searchResultProjects" :key="project.id">
|
||||||
<h3>{{ project.title }} with ID {{ project.id }}</h3>
|
<h3>{{ project.title }} with ID {{ project.id }}</h3>
|
||||||
@ -45,7 +45,7 @@ const search = async () => {
|
|||||||
<a :href="`http://somebodyhire.me/project/${project.id}`">Страница проекта</a>
|
<a :href="`http://somebodyhire.me/project/${project.id}`">Страница проекта</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="result-header">Найдено людей: {{ searchResultUsers.length}} </h2>
|
<!--<h2 class="result-header">Найдено людей: {{ searchResultUsers.length}} </h2>-->
|
||||||
<div class="result-grid">
|
<div class="result-grid">
|
||||||
<div class="result-card" v-for="user in searchResultUsers" :key="user.id">
|
<div class="result-card" v-for="user in searchResultUsers" :key="user.id">
|
||||||
<h3>{{ user.username }} with id {{ user.id }}</h3>
|
<h3>{{ user.username }} with id {{ user.id }}</h3>
|
||||||
@ -56,7 +56,7 @@ const search = async () => {
|
|||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div v-if = "searchQuery.length > 0 && searchButtonIsPressed === true" >
|
<div v-if = "searchQuery.length > 0 && searchButtonIsPressed === true" >
|
||||||
<h2 class="result-header">Ничего не найдено</h2>
|
<h2 class="result-header">Увы и ах! Такого нет (</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -78,30 +78,42 @@ const search = async () => {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
/* Adds some margin to the right side of the input field */
|
/* Adds some margin to the right side of the input field */
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
margin-top: 20px;
|
||||||
/* Increased the font size a bit */
|
/* Increased the font size a bit */
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
border-radius: 1%;
|
||||||
|
|
||||||
|
border: 2px solid #66FCF1;
|
||||||
|
border-radius: 5px;
|
||||||
|
outline: none;
|
||||||
|
background: #FAFAFA;
|
||||||
|
color: #9E9C9C;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchButton {
|
.searchButton {
|
||||||
/* Adds some padding inside the button */
|
/* Adds some padding inside the button */
|
||||||
padding: 10px 20px;
|
padding: 12px 20px;
|
||||||
/* Changes the font size */
|
/* Changes the font size */
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
/* Changes the background color of the button */
|
/* Changes the background color of the button */
|
||||||
background-color: #3d9132;
|
background-color: #66FCF1;
|
||||||
/* Changes the color of the text inside the button */
|
/* Changes the color of the text inside the button */
|
||||||
color: white;
|
color: rgb(90, 90, 90);
|
||||||
/* Makes the border corners rounded */
|
/* Makes the border corners rounded */
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
/* Removes the default button border */
|
/* Removes the default button border */
|
||||||
border: none;
|
border: none;
|
||||||
/* Changes the cursor to a hand pointer when hovering over the button */
|
/* Changes the cursor to a hand pointer when hovering over the button */
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
width: 10%;
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchButton:hover {
|
.searchButton:hover {
|
||||||
/* Changes the background color of the button when hovering over it */
|
/* Changes the background color of the button when hovering over it */
|
||||||
background-color: #25581e;
|
background-color: #E01EB2;
|
||||||
|
color: rgb(228, 228, 228);
|
||||||
}
|
}
|
||||||
.result-header {
|
.result-header {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -109,6 +121,11 @@ const search = async () => {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|
||||||
|
border: 2px solid #66FCF1;
|
||||||
|
border-radius: 5px;
|
||||||
|
outline: none;
|
||||||
|
color: #9E9C9C;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-grid {
|
.result-grid {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user