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 +edited backend

Browse Source
This commit is contained in:
Konstantin Vinokurov
2022-05-30 00:24:51 +07:00
parent c29a063628
commit d0b0b59e69
17 changed files with 545 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -89,44 +89,51 @@
</div>
</div>
<div class="suggestions__images">
<div class="podlozhka">
<!-- <div class="podlozhka">-->
<!-- <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">-->
<!-- <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">-->
<!-- <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">-->
<!-- <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">-->
<!-- <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">-->
<!-- <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 class="podlozhka" v-for="offer in offers">
<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">
<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">
<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">
<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">
<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">
<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>
<div class="sugg__text"><p>{{offer.name}}}</p><h2>{{ offer.price }}₽</h2></div>
</router-link>
</div>
</div>
</section>
<TheFooter></TheFooter>
</template>
<script>

42
frontend/src/views/MainView.vue
View File

@@ -107,47 +107,7 @@
<p class="after__afterword">Вдруг ваше будущее жилье здесь?</p>
</div>
</section>
<footer class="footer">
<div class="header__table">
<div class="header__image">
</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">
<a class="nav__link" href="#">вконтакте</a>
</div>
<div class="header__block__contentbott">
<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="footer__search">
</div>
<div class="footer__contacts">
<div class="footer__contacts__imgtop">
<a class="nav__link" href="#">+7-495-291-32-01</a>
</div>
<div class="footer__contacts__img">
<a class="nav__link" href="#">вконтакте</a>
</div>
</div>
</div>
</footer>
<TheFooter></TheFooter>
</template>
<script>

77
frontend/src/views/OfferView.vue
View File

@@ -91,18 +91,19 @@
<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="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>-->
<rating-stars></rating-stars>
<div class="number">
<a href="#" class="favoritextinf"><h5>Показать номер</h5></a>
</div>
@@ -144,13 +145,14 @@
<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 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>-->
<rating-stars></rating-stars>
</div>
<div class="review">
<div class="review__avatar">
@@ -159,13 +161,14 @@
<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 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>-->
<rating-stars></rating-stars>
</div>
<div class="review">
<div class="review__avatar">
@@ -174,23 +177,29 @@
<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 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>-->
<rating-stars></rating-stars>
</div>
</div>
</div>
</div>
</div>
<TheFooter></TheFooter>
</template>
<script>
import RatingStars from "@/components/RatingStars.vue";
import TheHeader from "@/components/TheHeader.vue";
import TheFooter from "@/components/TheFooter.vue";
export default {
components: {TheFooter, TheHeader, RatingStars},
name: "OfferView"
}
</script>

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

@@ -60,21 +60,12 @@
<div class="main">
<div class="user__info">
<div class="user__logo">
<img src="../assets/images/userlogo.png" alt="">
<!-- <img src="@/assets/images/1.1.jpg" alt="">-->
</div>
<div class="username">
<h3>Виктория</h3>
</div>
<div class="user__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>
<rating-stars></rating-stars>
<div class="user__hrefs">
<div class="aboutme">
<a @click.prevent="activeTab = 'profile-about'">
@@ -93,25 +84,62 @@
<!-- <div class="favorites">-->
<!-- <a href="#"><h2>Избранное</h2></a>-->
<!-- </div>-->
<div class="add__notice">
<a @click.prevent="logout">
<h2>Выйти из аккаунта</h2>
</a>
</div>
</div>
</div>
<component :is="activeTab"></component>
</div>
</div>
<TheFooter></TheFooter>
</template>
<script>
import ProfileAbout from "@/components/ProfileAbout.vue";
import ProfileMyOffers from "@/components/ProfileMyOffers.vue";
import ProfileAddOffer from "@/components/ProfileAddOffer.vue";
import RatingStars from "@/components/RatingStars.vue";
import TheHeader from "@/components/TheHeader.vue";
import TheFooter from "@/components/TheFooter.vue";
import {mapGetters} from "vuex";
export default {
components: {ProfileAbout, ProfileMyOffers, ProfileAddOffer},
components: {
TheFooter,
ProfileAbout,
ProfileMyOffers,
ProfileAddOffer,
RatingStars,
TheHeader,
},
data () {
return { activeTab : "profile-about" }
return {
activeTab : "profile-about"
}
},
computed: {
...mapGetters({
user: 'user',
}),
name() {
return this.user.first_name
? this.user.first_name
: `Пользователь #${this.user.id}`;
}
},
methods: {
logout() {
this.$store.dispatch('logout').then(() => {
this.$router.push('/');
});
}
}
}
</script>>
<style scoped>
@import url("@/assets/css/profile.css");
@import url("@/assets/css/profile.css");
</style>