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

Added content to Sidebar

Browse source
This commit is contained in:
Jan Hoegerle 2025-04-08 16:19:18 +02:00
parent aaf3a9ed6a
commit 08dbcf3535
2 changed files with 21 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/App.vue
View file

@ -4,12 +4,11 @@ import { RouterLink, RouterView } from 'vue-router'
</script> </script>
<template> <template>
<header> <div>
<img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" /> <SideBar />
</header>
<SideBar />
<RouterView /> <RouterView />
</div>
</template> </template>
<style scoped></style> <style scoped></style>

29
frontend/src/components/SideBar.vue
View file

@ -2,20 +2,25 @@
import Drawer from 'primevue/drawer' import Drawer from 'primevue/drawer'
import { ref } from 'vue' import { ref } from 'vue'
var elements: ['Max', 'Anna', 'Tom'] var elements = ['doulrion', 'Anna', 'Tom']
var visible = ref(true) var visible = ref(true)
var closeIcon = ref(false)
</script> </script>
<template> <template>
<div class="card flex justify-center"> <Drawer
<Drawer v-model:visible="visible" header="Drawer"> v-model:visible="visible"
<div> :showCloseIcon="closeIcon"
<ul> :modal="false"
<li v-for="item in elements"> :dismissable="false"
<p>{{ item }}</p> header=""
</li> >
</ul> <div>
</div> <ul>
</Drawer> <li v-for="item in elements">
</div> <a url="twitch.tv/{{ item }}">{{ item }}</a>
</li>
</ul>
</div>
</Drawer>
</template> </template>