robonen/metr
1
0
Fork 0
mirror of https://github.com/robonen/metr.git synced 2026-03-20 10:54:41 +00:00
Code Releases Activity

Vue added + redacted

Browse Source
This commit is contained in:
Konstantin Vinokurov
2022-05-28 22:55:49 +07:00
parent 1071177df9
commit eaca99aaf1
13 changed files with 338 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
frontend/src/views/CatalogView.vue
View File

@@ -2,7 +2,10 @@
<header class="header">
<div class="container">
<div class="header__table">
<div class="header__image"></div>
<div class="header__image">
<router-link to="/" class="nav__link" href="#">
</router-link>
</div>
<div class="header__block">
<div class="header__block__content">
<img src="~@/assets/images/location.png" alt="">
@@ -44,9 +47,9 @@
</a>
</div>
<div class="header__contacts__img">
<a class="nav__link" href="#">
<router-link to="/auth" class="nav__link" href="#" id="user">
<img src="@/assets/images/user.jpg" alt="">
</a>
</router-link>
</div>
</div>
</div>
@@ -87,28 +90,40 @@
</div>
<div class="suggestions__images">
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>2-к. Квартира, 34 м кв</p><h2>2 900 000₽</h2></div>
<router-link to="/offer" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>2-к. Квартира, 34 м кв</p><h2>2 900 000₽</h2></div>
</router-link>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>4 900 000₽</h2></div>
<router-link to="/offer" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>4 900 000₽</h2></div>
</router-link>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/3.jpg" alt=""></a></div>
<div class="sugg__text"><p>1-к. Квартира, 34 м кв</p><h2>1 900 000₽</h2></div>
<router-link to="/offer" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/3.jpg" alt=""></a></div>
<div class="sugg__text"><p>1-к. Квартира, 34 м кв</p><h2>1 900 000₽</h2></div>
</router-link>>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/4.jpg" alt=""></a></div>
<div class="sugg__text"><p>5-к. Квартира, 34 м кв</p><h2>10 900 000₽</h2></div>
<router-link to="/offer" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/4.jpg" alt=""></a></div>
<div class="sugg__text"><p>5-к. Квартира, 34 м кв</p><h2>10 900 000₽</h2></div>
</router-link>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/6.jpg" alt=""></a></div>
<div class="sugg__text"><p>6-к. Квартира, 34 м кв</p><h2>15 900 000₽</h2></div>
<router-link to="/offer" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/6.jpg" alt=""></a></div>
<div class="sugg__text"><p>6-к. Квартира, 34 м кв</p><h2>15 900 000₽</h2></div>
</router-link>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/6.jpg" alt=""></a></div>
<div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>5 900 000₽</h2></div>
<router-link to="/offer" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/6.jpg" alt=""></a></div>
<div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>5 900 000₽</h2></div>
</router-link>
</div>
</div>
</section>

200
frontend/src/views/OfferView.vue Normal file
View File

@@ -0,0 +1,200 @@
<template>
<header class="header">
<div class="container">
<div class="header__table">
<div class="header__image">
<router-link to="/" class="nav__link" href="#">
</router-link>
</div>
<div class="header__block">
<div class="header__block__content">
<img src="@/assets/images/location.png" alt="">
<a class="nav__link_tomsk" href="#">Томск</a>
</div>
</div>
<div class="header__block">
<div class="header__block__contenttop">
<router-link to="/catalog" class="nav__link" href="#">каталог</router-link>
</div>
<div class="header__block__contentdown">
<a class="nav__link" href="#">блог</a>
</div>
</div>
<div class="header__block">
<div class="header__block__contenttop">
<a class="nav__link" href="#">контакты</a>
</div>
<div class="header__block__contentdown">
<a class="nav__link" href="#">помощь</a>
</div>
</div>
<div class="header__search">
<div class="search">
<div class="search__block">
</div>
<div class="search__img">
<a class="nav__link" href="#">
<img src="@/assets/images/search.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="header__contacts">
<div class="header__contacts__imgtop">
<a class="nav__link" href="#">
<img src="@/assets/images/tell.jpg" alt="">
</a>
</div>
<div class="header__contacts__img">
<router-link to="/auth" class="nav__link" href="#" id="user">
<img src="@/assets/images/user.jpg" alt="">
</router-link>
</div>
</div>
</div>
</div>
</header>
<div class="intro">
<div class="main">
<div class="adv__info">
<div class="adv__main">
<div class="adv__main__title">
<div class="mtitle">
<h2>4-к. квартира, 78,4 м², 20/28 эт.</h2>
</div>
<div class="mprice__fav">
<div class="price">
<h2>40 610 000 ₽</h2>
</div>
<!-- <a href="#" class="favoritext"><div class="favorite">-->
<!-- <h4>Добавить в избранное</h4>-->
<!-- <img src="@/assets/images/heart.png" alt="">-->
<!-- </div></a>-->
</div>
</div>
<div class="adv__main__images">
<div class="main__image">
<a href="#"><img src="../assets/images/offer1.png" alt=""></a>
</div>
<div class="other__images">
<a href="#"><img src="../assets/images/offer3.png" alt=""></a>
<a href="#"><img src="../assets/images/offer2.png" alt=""></a>
<a href="#"><img src="@/assets/images/adv4.png" alt=""></a>
</div>
</div>
</div>
<div class="adv__host">
<div class="adv__host__about__user">
<div class="username">
<h2>Виктория</h2>
</div>
<div class="host__stat">
<div class="stat">
<h3>5</h3>
</div>
<div class="stars">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
</div>
</div>
<div class="number">
<a href="#" class="favoritextinf"><h5>Показать номер</h5></a>
</div>
<!-- <div class="message">-->
<!-- <a href="#" class="favoritextinf"><h5>Написать владельцу</h5></a>-->
<!-- </div>-->
</div>
<div class="userlogo">
<img src="@/assets/images/userlogosmall.png" alt="">
</div>
</div>
</div>
<div class="about__adv">
<div class="about__adv__title">
<h2>О квартире</h2>
</div>
<div class="about__adv__info">
<h4>Кол-во комнат: 4</h4>
<h4>Общая площадь: 78.4 м²</h4>
<h4>Площадь кухни: 12 м²</h4>
<h4>Этаж: 20</h4>
</div>
<div class="about__adv__descriptions">
<p>Продается 4х комнатная квартира, уютная, светлая, теплая. Натяжные потолки,
ламинат, деревянные евроокна, два кондиционера. Теплые полы в туалете, ванной,
кухне, частично в прихожей. Хороший вид из окна.</p>
</div>
</div>
<div class="reviews">
<div class="reviews__title">
<h2>Отзывы</h2>
</div>
<div class="reviews__blocks">
<div class="review">
<div class="review__avatar">
<img src="@/assets/images/forcomment.png" alt="">
</div>
<div class="rewiew__comment">
<h5>Очень приятный владелец, все чисто и опрятно</h5>
</div>
<div class="rewiew__stars">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
</div>
</div>
<div class="review">
<div class="review__avatar">
<img src="@/assets/images/forcomment.png" alt="">
</div>
<div class="rewiew__comment">
<h5>Очень приятный владелец, все чисто и опрятно</h5>
</div>
<div class="rewiew__stars">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
</div>
</div>
<div class="review">
<div class="review__avatar">
<img src="@/assets/images/forcomment.png" alt="">
</div>
<div class="rewiew__comment">
<h5>Очень приятный владелец, все чисто и опрятно</h5>
</div>
<div class="rewiew__stars">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
<img src="@/assets/images/star.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "OfferView"
}
</script>
<style scoped>
@import url("@/assets/css/offer.css");
</style>

30
frontend/src/views/ProfileView.vue
View File

@@ -2,7 +2,10 @@
<header class="header">
<div class="container">
<div class="header__table">
<div class="header__image"></div>
<div class="header__image">
<router-link to="/" class="nav__link" href="#">
</router-link>
</div>
<div class="header__block">
<div class="header__block__content">
<img src="@/assets/images/location.png" alt="">
@@ -11,7 +14,7 @@
</div>
<div class="header__block">
<div class="header__block__contenttop">
<a class="nav__link" href="#">каталог</a>
<router-link to="/catalog" class="nav__link" href="#">каталог</router-link>
</div>
<div class="header__block__contentdown">
<a class="nav__link" href="#">блог</a>
@@ -74,30 +77,37 @@
</div>
<div class="user__hrefs">
<div class="aboutme">
<a href="#"><h2>Обо мне</h2></a>
<a @click.prevent="activeTab = 'profile-about'">
<h2>Обо мне</h2>
</a>
</div>
<div class="my__notice">
<a href="#"><h2>Мои объявления</h2></a>
<a @click.prevent="activeTab = 'profile-my-offers'">
<h2>Мои объявления</h2></a>
</div>
<div class="add__notice">
<a @click.prevent="activeTab = 'profile-add-offer'">
<h2>Добавить объявление</h2>
</a>
</div>
<!-- <div class="add__notice">-->
<!-- <a href="#"><h2>Добавить объявление</h2></a>-->
<!-- </div>-->
<!-- <div class="favorites">-->
<!-- <a href="#"><h2>Избранное</h2></a>-->
<!-- </div>-->
</div>
</div>
<profile-about></profile-about>
<component :is="activeTab"></component>
</div>
</div>
</template>
<script>
import ProfileAbout from "@/components/ProfileAbout.vue";
import ProfileMyOffers from "@/components/ProfileMyOffers.vue";
import ProfileAddOffer from "@/components/ProfileAddOffer.vue";
export default {
components: {ProfileAbout},
components: {ProfileAbout, ProfileMyOffers, ProfileAddOffer},
data () {
return { ButtonForm: true }
return { activeTab : "profile-about" }
}
}
</script>>