From 3e9f51ae675d8fbe463f3383f47205bae77ff627 Mon Sep 17 00:00:00 2001
From: rinaboc <bocska.karina@gmail.com>
Date: Wed, 15 May 2024 10:38:01 +0200
Subject: [PATCH] browse page switch
---
frontend/src/App.vue | 4 ++--
frontend/src/components/HelloWorld.vue | 2 +-
frontend/src/components/browse-komponens.vue | 12 +++++++++---
frontend/src/components/login-komponens.vue | 7 ++++---
4 files changed, 16 insertions(+), 9 deletions(-)
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 24928a2..9492006 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -8,7 +8,7 @@ import IntroKomponens from "@/components/intro-komponens.vue";
import {ref} from "vue";
import BrowseKomponens from "@/components/browse-komponens.vue";
// import loggedIn from "@/components/login-komponens.vue"
-const isNotLoggedIn = ref(false);
+const isNotLoggedIn = ref(true);
function setStatus(status){
isNotLoggedIn.value = !status;
@@ -19,7 +19,7 @@ function setStatus(status){
<template>
<header>
- <HelloWorld msg="TechnoCool NoteStore" @status="setStatus" />
+ <HelloWorld msg="TechnoCool NoteStore" @status="(value) => setStatus(value)" />
</header>
<div v-if="isNotLoggedIn">
<main>
diff --git a/frontend/src/components/HelloWorld.vue b/frontend/src/components/HelloWorld.vue
index 8f86236..89d7121 100644
--- a/frontend/src/components/HelloWorld.vue
+++ b/frontend/src/components/HelloWorld.vue
@@ -22,7 +22,7 @@ defineProps({
<!-- </h3>-->
<!-- <div class="space"></div>-->
<div class="login">
- <LoginKomponens @status="(value) => this.$emit('status', value)" />
+ <LoginKomponens @status="(value) => $emit('status', value)" />
</div>
</div>
</template>
diff --git a/frontend/src/components/browse-komponens.vue b/frontend/src/components/browse-komponens.vue
index 4f8cd72..e42c64b 100644
--- a/frontend/src/components/browse-komponens.vue
+++ b/frontend/src/components/browse-komponens.vue
@@ -79,10 +79,10 @@ function downloadFile(filename) {
<main class="browse">
<ul class="browse-list">
<li class="module">Modul 1</li>
- <li @click=getDocumentDetails(0)>Szofttech ead 1</li>
- <li @click=getDocumentDetails(1)>Szofttech ead 3</li>
+ <li @click=getDocumentDetails(0) class="note">Szofttech ead 1</li>
+ <li @click=getDocumentDetails(1) class="note">Szofttech ead 3</li>
<li class="module">Modul 2</li>
- <li>Másik jegyzet</li>
+ <li class="note">Másik jegyzet</li>
</ul>
</main>
<main>
@@ -117,6 +117,12 @@ li {
padding: 2px;
}
+.note:hover {
+ cursor: pointer;
+ color: lightseagreen;
+ background-color: #1f2c2c;
+}
+
.browse, .note-page {
border: 1px solid lightseagreen;
padding: 5px;
diff --git a/frontend/src/components/login-komponens.vue b/frontend/src/components/login-komponens.vue
index ededf24..4a8c64c 100644
--- a/frontend/src/components/login-komponens.vue
+++ b/frontend/src/components/login-komponens.vue
@@ -44,9 +44,9 @@ function login(){
loggedIn.value = !loggedIn.value
if(loggedIn.value){
- //Itt lesz a kitalált user (Gipsz Jakab, keksz) aki megpróbál bejelentkezni
loginUser({username: 'gipja', password: 'keksz'}, function(response) {
- userName.value = response
+ userName.value = response
+ //Itt lesz a kitalált user (Gipsz Jakab, keksz) aki megpróbál bejelentkezni
})
btnText.value = "Kijelentkezés"
} else {
@@ -61,7 +61,7 @@ function login(){
<template>
<div class="wrapper">
<h2 class="user">{{userName}}</h2>
- <button class="grow" @click="login" >{{btnText}}</button>
+ <button class="grow" @click="login(); $emit('status', loggedIn)">{{btnText}}</button>
</div>
</template>
@@ -90,6 +90,7 @@ button:hover{
background-color: #224c49;
color: lightseagreen;
border-color: lightseagreen;
+ cursor: pointer;
}
button:active {
--
GitLab