From 4da3272bf7893760f6710c9a1ec7de02358136e6 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Sat, 5 Jun 2021 19:37:52 +0200
Subject: Reorganized into a monorepo, refactored the frontend again, goodbye
 Parcel

---
 .../client/src/components/RepositoryNavbar.vue     | 59 ++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 packages/client/src/components/RepositoryNavbar.vue

(limited to 'packages/client/src/components/RepositoryNavbar.vue')

diff --git a/packages/client/src/components/RepositoryNavbar.vue b/packages/client/src/components/RepositoryNavbar.vue
new file mode 100644
index 0000000..c69762f
--- /dev/null
+++ b/packages/client/src/components/RepositoryNavbar.vue
@@ -0,0 +1,59 @@
+<template>
+	<div id="navbar">
+		<div id="repo-navbar" class="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 align-items-center flex-fill">
+							<li
+								v-for="(item, index) in ['log', 'refs', 'tree']" :key="index"
+								class="nav-item">
+								<router-link
+									class="nav-link fs-4" :class="{ active: activePage === item }"
+									:aria-current="(activePage === item) ? 'page' : ''" :to="'/' + repository + '/' + item">
+									{{ item }}
+								</router-link>
+							</li>
+							<li class="nav-item ms-auto me-4">
+								<RepositoryCloneDropdown :repository="repository" class="d-block" />
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+		</div>
+	</div>
+</template>
+
+<script>
+import RepositoryCloneDropdown from "@/components/RepositoryCloneDropdown";
+
+export default {
+	name: "RepositoryNavbar",
+	props: {
+		repository: {
+			type: String,
+			required: true
+		},
+		activePage: {
+			type: String,
+			required: true
+		}
+	},
+	components: {
+		RepositoryCloneDropdown
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@use "../scss/colors";
+@import "../scss/bootstrap";
+
+@import "~bootstrap/scss/nav";
+@import "~bootstrap/scss/navbar";
+
+#navbar {
+	line-height: 0;
+}
+</style>
-- 
cgit v1.2.3-18-g5258

