clone in ssh

conf/app.ini

@@ -7,6 +7,7 @@ LANG_IGNS=Google Go|C|Python|Ruby
 LICENSES=Apache v2 License|GPL v2|MIT License|BSD (3-Clause) License
 
 [server]
+DOMAIN = gogits.org
 HTTP_ADDR = 
 HTTP_PORT = 3000
 

modules/base/conf.go

@@ -18,6 +18,7 @@ import (
 var (
 	AppVer  string
 	AppName string
+	Domain  string
 	Cfg     *goconfig.ConfigFile
 )
 
@@ -58,4 +59,5 @@ func init() {
 	Cfg.BlockMode = false
 
 	AppName = Cfg.MustValue("", "APP_NAME")
+	Domain = Cfg.MustValue("server", "DOMAIN")
 }

modules/base/template.go

@@ -19,6 +19,9 @@ var TemplateFuncs template.FuncMap = map[string]interface{}{
 	"AppVer": func() string {
 		return AppVer
 	},
+	"AppDomain": func() string {
+		return Domain
+	},
 	"AvatarLink": AvatarLink,
 	"str2html":   Str2html,
 	"TimeSince":  TimeSince,

public/css/gogs.css

@@ -415,16 +415,8 @@ html, body {
     margin-left: 0;
 }
 
-.gogs-repo-btns {
-    margin-top: 18px;
-}
-
-.gogs-repo-btns .btn-group {
-    margin-left: 1em;
-}
-
-.gogs-repo-btns .btn-group .btn {
-    padding-left: 6px;
+.gogs-repo-nav .actions {
+    padding-top: 20px;
 }
 
 #gogs-repo-watching .dropdown-menu {

public/js/app.js

@@ -40,6 +40,25 @@ var Gogits = {
             //container: "body"
         });
     };
+    Gogits.initPopovers = function () {
+        var hideAllPopovers = function() {
+           $('[data-toggle=popover]').each(function() {
+                $(this).popover('hide');
+            });  
+        };
+
+        $(document).on('click', function(e) {
+            var $e = $(e.target);
+            if($e.data('toggle') == 'popover'||$e.parents("[data-toggle=popover], .popover").length > 0){
+                return;
+            }
+            hideAllPopovers();
+        });
+
+        $("body").popover({
+            selector: "[data-toggle=popover]"
+        });
+    };
     Gogits.initTabs = function () {
         var $tabs = $('[data-init=tabs]');
         $tabs.find("li:eq(0) a").tab("show");
@@ -76,6 +95,7 @@ var Gogits = {
 
 function initCore() {
     Gogits.initTooltips();
+    Gogits.initPopovers();
     Gogits.initTabs();
     Gogits.initModals();
     Gogits.renderMarkdown();

templates/repo/nav.tmpl

@@ -1,16 +1,15 @@
 <div id="gogs-body-nav" class="gogs-repo-nav">
     <div class="container">
-        <div class="gogs-repo-btns pull-right">
+        <div class="row">
+            <div class="col-md-6">
+                <h3><i class="fa fa-book fa-lg"></i><a href="{{.Owner.HomeLink}}">{{.Owner.Name}}</a> / {{.Repository.Name}}</h3>
+            </div>
+            <div class="col-md-6 actions text-right">
                 <div class="btn-group" id="gogs-repo-clone">
                     <button type="button" class="btn btn-default"><i class="fa fa-download"></i>Clone</button>
-                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                    <button type="button" class="btn btn-default dropdown-toggle" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<label>SSH:</label><div class='input-group'><input type='text' class='form-control' value='git@{{AppDomain}}:{{.Owner.Name}}/{{.Repository.Name}}.git'></div>" data-html="1">
                         <span class="caret"></span>
-                    <span class="sr-only">Toggle Dropdown</span>
                     </button>
-                <div class="dropdown-menu" role="menu">
-                    <div data-val="down-http">http link</div>
-                    <div data-val="down-git">git link</div>
-                </div>
                 </div>
                 <div class="btn-group" id="gogs-repo-watching">
                     <button type="button" class="btn btn-default"><i class="fa fa-eye"></i>Watch {x}</button>
@@ -37,6 +36,6 @@
                     <button type="button" class="btn btn-default"><i class="fa fa-code-fork"></i>Fork&nbsp;&nbsp;{{.Repository.NumForks}}</button>
                 </div>
             </div>
-        <h3><i class="fa fa-book fa-lg"></i><a href="{{.Owner.HomeLink}}">{{.Owner.Name}}</a> / {{.Repository.Name}}</h3>
+        </div>
     </div>
 </div>