Turbo/peer-group-grading
9
3
Fork 0
Code Issues 44 Pull requests 2 Projects 1 Releases Packages Wiki Activity Actions

Compare commits

base: Turbo:fe87593b9b7ab98dd77367901beb42391fe7fd67
Branches Tags
Turbo:main
Turbo:documentation/readme
Turbo:frontend/changing-more-things-on-header
Turbo:automate-migration-on-startup
Turbo:ci/test
Turbo:ci/fmt-none-failing
..
compare: Turbo:9a693821ce3357b91fac95ef4d68b3aac62fc842
Branches Tags
Turbo:documentation/readme
Turbo:main
Turbo:frontend/changing-more-things-on-header
Turbo:automate-migration-on-startup
Turbo:ci/test
Turbo:ci/fmt-none-failing

4 commits
fe87593b9b ... 9a693821ce

Author SHA1 Message Date
Mika
9a693821ce push cargo-lock
Some checks failed
ci/woodpecker/pr/cargo_check Pipeline was successful
Details
ci/woodpecker/pr/cargo_clippy Pipeline was successful
Details
ci/woodpecker/pr/cargo_test Pipeline was successful
Details
ci/woodpecker/pr/check_fmt Pipeline failed
Details
2025-04-09 09:59:45 +02:00
Mika
f81590ff24 feat: automatically run migration on startup 2025-04-09 09:59:45 +02:00
Dr_S_Eggs
9bad76dcd6 Merge pull request 'chaged the header and styling' (#60) from frontend/changing-more-things-on-header into main 
Reviewed-on: #60
Reviewed-by: DulliGulli <jan.hoegerle@gmail.com>
 2025-04-09 09:45:15 +02:00
Mikail Killi
6b4dd96d83 chaged the header and styling
Some checks failed
ci/woodpecker/pr/cargo_check Pipeline was successful
Details
ci/woodpecker/pr/cargo_clippy Pipeline was successful
Details
ci/woodpecker/pr/cargo_test Pipeline was successful
Details
ci/woodpecker/pr/check_fmt Pipeline failed
Details
2025-04-09 09:38:53 +02:00
3 changed files with 88 additions and 97 deletions
Show stats Expand all files Collapse all files

31
frontend/src/App.vue
View file

@ -1,26 +1,23 @@
<script setup lang="ts"> <script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'; import { RouterLink, RouterView } from 'vue-router';
import HeaderNav from './components/HeaderNav.vue'; import HeaderNav from './components/HeaderNav.vue';
import { BoltIcon } from 'lucide-vue-next';
const isTeacher = false const isTeacher = true;
const isLoggedIn = true const isLoggedIn = true;
</script> </script>
<template> <template>
<div class="sticky top-0"> <header class="sticky top-0 z-50 bg-black w-full">
<header> <HeaderNav :isLoggedIn="isLoggedIn" :isTeacher="isTeacher">
<HeaderNav :isLoggedIn="isLoggedIn" :isTeacher="isTeacher"> <template #left-icon>
<template #left-icon> <BoltIcon class="icon" />
<BoltIcon class="icon" /> <!--Hier dann ein richtiges Logo rein--> </template>
</template> </HeaderNav>
</HeaderNav> </header>
</header> <div id="app" class="flex flex-col min-h-screen overflow-x-hidden">
<main class="flex-grow p-4">
<RouterView />
</main>
</div> </div>
<RouterView />
</template> </template>
<style scoped>
</style>

13
frontend/src/assets/main.css
View file

@ -20,16 +20,3 @@ a,
background-color: hsla(160, 100%, 37%, 0.2); background-color: hsla(160, 100%, 37%, 0.2);
} }
} }
@media (min-width: 1024px) {
body {
display: flex;
place-items: start;
}
#app {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 2rem;
}
}

129
frontend/src/components/HeaderNav.vue
View file

@ -1,71 +1,78 @@
<template> <template>
<nav class="header-container"> <nav class="header-container">
<div class="left-icon"> <div class="left-icon">
<!-- Platzhalter für ein Icon --> <slot name="left-icon"></slot>
<slot name="left-icon"></slot> </div>
</div> <div class="nav-items">
<div class="nav-items"> <button
<button v-if="!isLoggedIn"
v-if="!isLoggedIn" class="nav-button"
class="nav-button" >
> <component :is="LogInIcon" class="icon" />
<component :is="LogInIcon" class="icon" /> Login
Login </button>
<template v-if="isLoggedIn">
<button class="nav-button">
<component :is="LogOutIcon" class="icon" />
Logout
</button> </button>
<template v-else> <button
<button class="nav-button"> v-if="isTeacher"
<component :is="LogOutIcon" class="icon" /> class="nav-button"
Logout >
</button> <component :is="BoltIcon" class="icon" />
Lehrerverwaltung
</button>
</template>
</div>
</nav>
</template>
<button <script setup lang="ts">
v-if="isTeacher" import { LogInIcon, LogOutIcon, BoltIcon } from 'lucide-vue-next';
class="nav-button"
>
<component :is="BoltIcon" class="icon" />
Lehrerverwaltung
</button>
</template>
</div>
</nav>
</template>
<script setup lang="ts"> defineProps<{
import { LogInIcon, LogOutIcon, BoltIcon } from 'lucide-vue-next'; isLoggedIn: boolean;
isTeacher: boolean;
}>();
</script>
defineProps<{ <style scoped>
isLoggedIn: boolean; .header-container {
isTeacher: boolean; display: flex;
}>(); justify-content: space-between;
</script> align-items: center;
padding: 1rem;
width: 100%;
box-sizing: border-box;
}
<style scoped> .left-icon {
.header-container { display: flex;
display: flex; align-items: center;
justify-content: space-between; }
align-items: center;
padding: 1rem;
}
.nav-items { .nav-items {
display: flex; display: flex;
gap: 1rem; gap: 1rem;
} align-items: center;
margin-left: auto;
}
.nav-button { .nav-button {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
background: none; background: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
} color: white;
}
.icon {
width: 1rem;
height: 1rem;
}
</style>
.icon {
width: 1rem;
height: 1rem;
}
</style>