Finish new home page of organization

1 files changed, 70 insertions, 65 deletions

diff --git a/templates/org/home.tmpl b/templates/org/home.tmpl
index b6675d3059..205318b0e9 100644
--- a/templates/org/home.tmpl
+++ b/templates/org/home.tmpl
@@ -1,70 +1,75 @@
-{{template "base/head" .}}
-{{template "base/navbar" .}}
-<div id="body-nav" class="org-nav">
-    <div class="container clearfix">
-        <div class="col-md-8" id="org-nav-wrapper">
-            <img class="pull-left org-logo" src="{{.Org.AvatarLink}}?s=140" alt="" width="100"/>
-            <div id="org-nav-info">
-                <h2 class="org-name">{{.Org.FullName}}</h2>
-                {{if .Org.Description}}<p class="org-description">{{.Org.Description}}</p>{{end}}
-                <ul class="org-meta list-inline">
-                    {{if .Org.Website}}<li><i class="fa fa-link"></i><a target="_blank" href="{{.Org.Website}}">{{.Org.Website}}</a></li>{{end}}
-                    <li><i class="fa fa-envelope"></i><a href="mailto:{{.Org.Email}}">{{.Org.Email}}</a></li>
-                </ul>
-            </div>
-        </div>
-    </div>
+{{template "ng/base/head" .}}
+{{template "ng/base/header" .}}
+<div class="org-header" id="org-home-header">
+	<div class="container clear">
+		<img class="avatar-100 left" src="{{.Org.AvatarLink}}?s=140"/>
+		<div id="org-home-header-info">
+			<h2>{{.Org.FullName}} <a class="text-grey" href="/org/{{.Org.LowerName}}/settings"><span class="octicon octicon-gear"></span></a></h2>
+			{{if .Org.Description}}<p>{{.Org.Description}}</p>{{end}}
+            <ul class="text-grey">
+                {{if .Org.Location}}<li><span class="octicon octicon-location"></span> <span>{{.Org.Location}}</span></li>{{end}}
+                {{if .Org.Website}}<li><span class="octicon octicon-link"></span> <a target="_blank" href="{{.Org.Website}}">{{.Org.Website}}</a></li>{{end}}
+                {{if .Org.Email}}<li><span class="octicon octicon-mail"></span> <a href="mailto:{{.Org.Email}}">{{.Org.Email}}</a></li>{{end}}
+            </ul>
+		</div>
+	</div>
 </div>
-<div id="body" class="container">
-    <div id="org">
-        <div class="org-main col-md-8">
-            <div class="org-toolbar clearfix">
-                <a class="btn pull-right btn-success" href="/repo/create?org={{.Org.Id}}"><i class="fa fa-plus"></i> New Repository</a>
-            </div>
-            <hr style="width: 100%;border-color: #DDD"/>
-            <div class="org-repo-list" id="org-repo-list">
-                {{range .Repos}}
-                <div class="org-repo-item">
-                    <div class="org-repo-status pull-right">
-                        <!-- <ul class="list-inline">
-                            <li><strong>Go</strong></li>
-                            <li><i class="i fa fa-star"></i><strong>6</strong></li>
-                            <li><i class="fa fa-code-fork"></i><strong>2</strong></li>
-                        </ul> -->
-                    </div>
-                    <h3 class="org-repo-name"><a href="/{{$.Org.Name}}/{{.Name}}">{{.Name}}</a></h3>
-                    <p class="org-repo-description">{{.Description}}</p>
-                    <p class="org-repo-update">Updated {{TimeSince .Updated $.Lang}}</p>
-                </div>
-                {{end}}
-            </div>
+<div class="container">
+    <div id="org-home-repo-list" class="left grid-2-3">
+        <div class="clear">
+            <a class="btn btn-green btn-large btn-link btn-radius right" href="/repo/create?org={{.Org.Id}}"><i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_repo"}}</a>
         </div>
-
-        <div class="org-sidebar col-md-4">
-            <div class="org-panel panel panel-default" id="org-sidebar-members">
-                <div class="panel-heading"><strong><a href="/org/{{$.Org.Name}}/members">Members</a></strong></div>
-                <div class="panel-body">
-                    {{range .Members}}
-                    <a class="org-member" href="/user/{{.Name}}" data-toggle="tooltip" title="{{.Name}}" data-placement="bottom"><img src="{{.AvatarLink}}?s=140" alt=""/></a>
-                    {{end}}
-                </div>
-            </div>
-            <div class="org-panel panel panel-default" id="org-sidebar-teams">
-                <div class="panel-heading"><strong><a href="/org/{{$.Org.Name}}/teams">Teams</a></strong></div>
-                <div class="panel-body">
-                    {{range .Teams}}
-                    <div class="org-team">
-                        <a href="/org/{{$.Org.Name}}/teams/{{.LowerName}}">
-                            <p class="org-team-name"><strong>{{.Name}}</strong></p>
-                            <p class="org-team-meta">
-                                {{.NumMembers}} members · {{.NumRepos}} repositories
-                            </p>
-                        </a>
-                    </div>
-                    {{end}}
-                </div>
-            </div>
+        <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>
+					<h2><a href="/{{$.Org.Name}}/{{.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>
+			{{end}}
         </div>
     </div>
+    <div class="grid-1-3 right">
+    	<div class="org-sidebar">
+	    	<div class="panel panel-radius">
+	    		<div class="panel-header">
+	    			<a class="text-grey right" href="/org/{{.Org.LowerName}}/members"><strong>{{.Org.NumMembers}}</strong><span class="octicon octicon-chevron-right"></span></a>
+	    			<strong>{{.i18n.Tr "org.people"}}</strong>
+	    		</div>
+	    		<div class="panel-body" id="org-member-avatar-group">
+	    			{{range .Members}}
+	    			<a href="/{{.Name}}"><img src="{{.AvatarLink}}"></a>
+	    			{{end}}
+	    		</div>
+	    		<div class="panel-footer">
+	    			<a class="btn btn-medium btn-blue btn-link btn-radius" href="">{{.i18n.Tr "org.invite_someone"}}</a>
+	    		</div>
+	    	</div>
+	    	<br>
+	    	<div class="panel panel-radius">
+	    		<div class="panel-header">
+	    			<a class="text-grey right" href="/org/{{.Org.LowerName}}/teams"><strong>{{.Org.NumTeams}}</strong><span class="octicon octicon-chevron-right"></span></a>
+	    			<strong>{{.i18n.Tr "org.teams"}}</strong>
+	    		</div>
+	    		<div class="panel-body" id="org-home-team-list">
+	    			<ul>
+		    			{{range .Teams}}
+	    				<li>
+	    					<a class="text-black" href="/org/{{$.Org.LowerName}}/teams/{{.LowerName}}"><strong class="team-name">{{.Name}}</strong></a>
+	    					<p class="team-meta">{{.NumMembers}} {{$.i18n.Tr "org.lower_members"}} · {{.NumRepos}} {{$.i18n.Tr "org.lower_repositories"}}</p>
+	    				</li>
+		    			{{end}}
+	    			</ul>
+	    		</div>
+	    		<div class="panel-footer">
+	    			<a class="btn btn-medium btn-blue btn-link btn-radius" href="/org/{{$.Org.LowerName}}/teams/new">{{.i18n.Tr "org.create_new_team"}}</a>
+	    		</div>
+	    	</div>
+    	</div>
+    </div>
 </div>
-{{template "base/footer" .}}
+{{template "ng/base/footer" .}}
\ No newline at end of file