Merge pull request #1551 from peppage/explore-ui

Update Explore UI

public/less/_explore.less

@@ -0,0 +1,3 @@
+.explore {
+	padding-top: 15px;
+}

public/less/gogs.less

@@ -9,3 +9,4 @@
 @import "_user";
 @import "_dashboard";
 @import "_admin";
+@import "_explore";

templates/explore/nav.tmpl

@@ -1,8 +1,8 @@
-<div id="setting-menu" class="grid-1-5 panel panel-radius left">
-    <p class="panel-header"><strong>{{.i18n.Tr "explore"}}</strong></p>
-    <div class="panel-body">
-        <ul class="menu menu-vertical switching-list grid-1-5 left">
-            <li {{if .PageIsExploreRepositories}}class="current"{{end}}><a href="{{AppSubUrl}}/explore">{{.i18n.Tr "explore.repos"}}</a></li>
-        </ul>
+<div class="four wide column">
+	<div class="ui vertical menu">
+		<div class="header item">{{.i18n.Tr "explore"}}</div>
+		<a class="{{if .PageIsExploreRepositories}}active{{end}} item" href="{{AppSubUrl}}/explore">
+			{{.i18n.Tr "explore.repos"}}
+		</a>
 	</div>
 </div>

templates/explore/repos.tmpl

@@ -1,27 +1,34 @@
-{{template "ng/base/head" .}}
-{{template "ng/base/header" .}}
-<div id="setting-wrapper" class="main-wrapper">
-    <div id="org-setting" class="container clear">
+{{template "base/head" .}}
+<div class="explore">
+	<div class="ui container">
+		<div class="ui grid">
 			{{template "explore/nav" .}}
-        <div class="grid-4-5 left">
-            <div class="setting-content">
-                <div id="org-repo-list">
-                    {{range .Repos}}
-                    <div class="org-repo-item">
-                        <ul class="org-repo-status right">
-                            <li><i class="octicon octicon-star"></i> {{.NumStars}}</li>
-                            <li><i class="octicon octicon-git-branch"></i> {{.NumForks}}</li>
-                        </ul>
+			<div class="twelve wide column content">
+				<h4 class="ui top attached header">
+					{{.i18n.Tr "explore.repos"}}
+				</h4>
+				<div class="ui attached segment">
+					{{range $i, $v := .Repos}}
+						<div class="item">
+							<div class="ui right">
+								<span class="text grey right"><i class="octicon octicon-star"></i> {{.NumStars}}</li> </span>
+								<span class="text grey right"><i class="octicon octicon-git-branch"></i> {{.NumForks}}</li></span>
+							</div>
 							<h2>
 								<a href="{{AppSubUrl}}/{{.Owner.Name}}/{{.Name}}">{{.Owner.Name}} / {{.Name}}</a>
 							</h2>
 							<p class="org-repo-description">{{.Description}}</p>
 							<p class="org-repo-updated">{{$.i18n.Tr "org.repo_updated"}} {{TimeSince .Updated $.i18n.Lang}}</p>
 						</div>
+						{{if not (eq 1 (len $.Repos))}}
+							{{if not $i}}
+								<div class="ui divider"></div>
+							{{end}}
+						{{end}}
 					{{end}}
 				</div>
 			</div>
 		</div>
 	</div>
 </div>
-{{template "ng/base/footer" .}}
+{{template "base/footer" .}}