From 518bd58c5aba1a6eaa645074f3ae2d780c45f6dc Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Mon, 24 May 2021 10:49:41 +0200
Subject: Restructured the whole project & added Nodemon and Concurrently

---
 src/frontend/components/RepositoryNavbar.vue | 32 ++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/frontend/components/RepositoryNavbar.vue

(limited to 'src/frontend/components/RepositoryNavbar.vue')

diff --git a/src/frontend/components/RepositoryNavbar.vue b/src/frontend/components/RepositoryNavbar.vue
new file mode 100644
index 0000000..a1e1002
--- /dev/null
+++ b/src/frontend/components/RepositoryNavbar.vue
@@ -0,0 +1,32 @@
+<template>
+	<div id="navbar" class="row mx-0">
+		<div id="repo-navbar" class="col ms-4 ps-4">
+			<nav class="navbar navbar-expand navbar-dark">
+				<div class="container-fluid px-0">
+					<div class="collapse navbar-collapse">
+						<ul class="navbar-nav">
+							<li v-for="(item, index) in nav_items" v-bind:key="index" class="nav-item">
+								<a class="nav-link fs-4" :class="{ active: activePage === item }" :aria-current="(activePage === item) ? 'page' : ''" :href="item">{{ item }}</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: "RepositoryNavbar",
+	props: {
+		activePage: String
+	},
+	data()
+	{
+		return {
+			nav_items: ["log", "refs", "tree"]
+		};
+	}
+}
+</script>
\ No newline at end of file
-- 
cgit v1.2.3-18-g5258