From 9a12f678556ef05c3f1af8a222690ee0ade88296 Mon Sep 17 00:00:00 2001
From: Thedro Neely <thedroneely@gmail.com>
Date: Thu, 23 Jan 2020 17:11:57 -0500
Subject: templates/repo/header: Move topics editor to header

---
 public/css/override.css    |  9 ++++++---
 templates/repo/header.tmpl | 23 ++++++++++++++++++++---
 templates/repo/home.tmpl   |  2 +-
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/public/css/override.css b/public/css/override.css
index adc1bdc..5ae765a 100644
--- a/public/css/override.css
+++ b/public/css/override.css
@@ -48,17 +48,20 @@ a, .ui.breadcrumb a { color: #0366d6; }
 .repo-name { font-weight: bold; }
 .repository .header-wrapper { background-color: #fafbfc; }
 
-.repository .navbar .ui.label { padding: 0.25rem 0.75rem; border-radius: 1rem; background-color: #dedede; color: #444; }
+.repository .navbar .ui.label { padding: 0.25rem 0.75rem; border-radius: 1rem; background-color: #dedede; color: #444; font-weight: bold; }
 .repository.file.list #repo-desc, .repo-description { font-size: 1rem !important; margin: 0.75rem 0; }
 
 .repository .item { border-top: 3px solid transparent; }
 .repository a.item { padding: 0.5rem 1.5rem !important; }
 
+.ui.label { color: #145180; font-weight: 400; font-size: 0.9rem !important; }
 .ui.breadcrumb .divider { margin: 0 }
 .ui.tabular.menu .item { color: #444; }
 .ui.tabular.menu .active.item { border-top-width: 2px; font-weight: 400; }
-.ui.repo-description { display: none !important; }
-.ui.repo-description-custom { display: block !important; }
+
+.repo-topics, .ui.repo-description { display: none !important; }
+.repo-topics-custom, .ui.repo-description-custom { display: block !important; }
+
 .ui.segment.sub-menu { display: none; }
 .ui.secondary.pointing.menu { border-bottom: none; }
 
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index fb48ce3..f79a538 100644
--- a/templates/repo/header.tmpl
+++ b/templates/repo/header.tmpl
@@ -55,13 +55,30 @@
 			</div>
 		</div>
 
-
-		<div class="ui" id="repo-topics">
+		<div class="ui repo-topics-custom" id="repo-topics">
 		{{range $.Topics}}<a class="ui repo-topic small label topic" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
 		{{if and $.Permission.IsAdmin (not .IsArchived)}}<a id="manage_topic">{{$.i18n.Tr "repo.topic.manage_topics"}}</a>{{end}}
 		</div>
 
-
+		{{if and $.Permission.IsAdmin (not .IsArchived)}}
+		<div class="ui repo-topic-edit grid form segment error" id="topic_edit" style="display:none">
+			<div class="fourteen wide column">
+				<div class="field">
+					<div class="ui fluid multiple search selection dropdown">
+						<input type="hidden" name="topics" value="{{range $i, $v := $.Topics}}{{.Name}}{{if lt (Add $i 1) (len $.Topics)}},{{end}}{{end}}">
+						{{range $.Topics}}
+						<div class="ui small label topic transition visible" data-value="{{.Name}}" style="display: inline-block !important; cursor: default;">{{.Name}}<i class="delete icon"></i></div>
+						{{end}}
+						<div class="text"></div>
+					</div>
+				</div>
+			</div>
+			<div class="two wide column">
+				<a class="ui button primary" href="javascript:;" id="save_topic"
+				data-link="{{$.RepoLink}}/topics">{{$.i18n.Tr "repo.topic.done"}}</a>
+			</div>
+		</div>
+		{{end}}
 
 	</div><!-- end container -->
 {{end}}
diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index b23e851..3cb9969 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -23,7 +23,7 @@
 				</div>
 			{{end}}
 		</div>
-		<div class="ui" id="repo-topics">
+		<div class="ui repo-topics" id="repo-topics">
 		{{range .Topics}}<a class="ui repo-topic small label topic" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
 		{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<a id="manage_topic">{{.i18n.Tr "repo.topic.manage_topics"}}</a>{{end}}
 		</div>
-- 
cgit v1.2.3