From 9d3a2feebac9d4031e7d9043d319b81cdcef0716 Mon Sep 17 00:00:00 2001
From: Sebastian Luino <sebastian.a.luy@gmail.com>
Date: Sat, 10 Aug 2024 19:58:06 -0400
Subject: [PATCH] Hide "Create Repo" option if limit is reached

---
 templates/base/head_navbar.tmpl | 11 ++++++++++-
 web_src/css/base.css            |  6 ++++++
 web_src/css/modules/navbar.css  |  2 +-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/templates/base/head_navbar.tmpl b/templates/base/head_navbar.tmpl
index 7be2d96d744..95e79848090 100644
--- a/templates/base/head_navbar.tmpl
+++ b/templates/base/head_navbar.tmpl
@@ -105,7 +105,16 @@
 					<span class="only-mobile">{{ctx.Locale.Tr "create_new"}}</span>
 				</span>
 				<div class="menu">
-					<a class="item" href="{{AppSubUrl}}/repo/create">
+					<a
+						{{if not .SignedUser.CanCreateRepo}}
+							class="disabled-with-tooltip item"
+							data-tooltip-content="{{ctx.Locale.TrN .SignedUser.MaxCreationLimit "repo.form.reach_limit_of_creation_1" "repo.form.reach_limit_of_creation_n" .SignedUser.MaxCreationLimit}}"
+							href="/"
+							onclick="event.stopPropagation(); event.preventDefault()"
+						{{else}}
+							class="item" href="{{AppSubUrl}}/repo/create"
+						{{end}}
+					>
 						{{svg "octicon-plus"}} {{ctx.Locale.Tr "new_repo"}}
 					</a>
 					{{if not .DisableMigrations}}
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 223d9fbad65..23dea91c977 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1393,6 +1393,12 @@ table th[data-sortt-desc] .svg {
   min-width: 0;
 }
 
+.ui.dropdown .menu > .disabled-with-tooltip.item {
+  cursor: default;
+  opacity: var(--opacity-disabled);
+  background: inherit;
+}
+
 .ui.dropdown.ellipsis-items-nowrap > .text {
   overflow: hidden;
   white-space: nowrap;
diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css
index 556da2df3b0..a4acfb18d19 100644
--- a/web_src/css/modules/navbar.css
+++ b/web_src/css/modules/navbar.css
@@ -51,7 +51,7 @@
   justify-content: stretch;
 }
 
-#navbar a.item:hover,
+#navbar a.item:hover:not(.disabled-with-tooltip),
 #navbar button.item:hover {
   background: var(--color-nav-hover-bg);
 }