From ff3db22f22daf046f5f2694640f83d4be1bc1a1a Mon Sep 17 00:00:00 2001 From: Titus Kristiansen <titusk@stud.ntnu.no> Date: Thu, 28 Apr 2022 13:27:06 +0200 Subject: [PATCH] Member list icon and functionality --- src/assets/members.png | Bin 0 -> 4482 bytes .../CommunityComponents/CommunityHome.vue | 16 +++++++++++++++- src/router/index.js | 2 +- 3 files changed, 16 insertions(+), 2 deletions(-) create mode 100644 src/assets/members.png diff --git a/src/assets/members.png b/src/assets/members.png new file mode 100644 index 0000000000000000000000000000000000000000..51775f6bead51014d3143631c292421752d024b6 GIT binary patch literal 4482 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 literal 0 HcmV?d00001 diff --git a/src/components/CommunityComponents/CommunityHome.vue b/src/components/CommunityComponents/CommunityHome.vue index 1d973af..829c500 100644 --- a/src/components/CommunityComponents/CommunityHome.vue +++ b/src/components/CommunityComponents/CommunityHome.vue @@ -1,5 +1,14 @@ <template> <section class="relative w-full max-w-md px-5 py-4 mx-auto rounded-md"> + <div> + <img + class="cursor-pointer h-8 mr-4 mt-4 float-right" + v-if="isLoggedIn" + src="@/assets/members.png" + alt="Medlemmer" + @click="$router.push('/group/:id/memberlist')" + /> + </div> <div class="mb-5 mt-5 border-b-2 border-blue-900"> <label class="text-xl font-bold">Tøyenhus borettslag</label> </div> @@ -41,7 +50,6 @@ export default { components: { ItemCard, }, - computed: { searchedItems() { let filteredItems = []; @@ -56,6 +64,11 @@ export default { return filteredItems; }, }, + created() { + if(this.$store.state.user.token !== null){ + this.isLoggedIn = true + } + }, /** * Her må det lages en metode som henter alle items (i en gruppe) fra databasen. @@ -65,6 +78,7 @@ export default { data() { return { + isLoggedIn: false, items: [ { img: "", adresse: "Oslo", title: "Dyson", price: 1000 }, diff --git a/src/router/index.js b/src/router/index.js index 163dc85..54b8828 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -93,7 +93,7 @@ const routes = [ component: () => import("../views/CommunityViews/MyCommunitiesView.vue"), }, { - path: "/groupHomePage", + path: "/community/:id", name: "GroupHome", component: () => import("../views/CommunityViews/CommunityHomeView.vue"), beforeEnter: guardRoute, -- GitLab