git clone panel available on files tab too

app/assets/javascripts/projects.js

@@ -14,3 +14,12 @@ function Projects() {
 
   disableButtonIfEmtpyField("#project_name", ".project-submit")
 }
+
+function initGitCloneSwitcher() {
+  var link_sel = ".project_clone_holder button";
+  $(link_sel).bind("click", function(e) {
+    $(link_sel).removeClass("active");
+    $(this).addClass("active");
+    $("#project_clone").val($(this).attr("data-clone"));
+  })
+}

app/assets/stylesheets/sections/projects.scss

@@ -75,8 +75,12 @@
   padding: 4px 7px;
   border: 1px solid #CCC;
   margin-bottom:5px;
-  input[type=text] {
+}
+
+.project_clone_holder {
+  input[type="text"] {
     border: 1px solid #BBB;
+    box-shadow: none;
   }
 }
 

app/views/projects/_clone_panel.html.haml

@@ -3,8 +3,8 @@
     .span7
       .form-horizontal
         .input-prepend.project_clone_holder
-          = link_to "SSH", "#", class: "btn small active", :"data-clone" => @project.ssh_url_to_repo
-          = link_to "HTTP", "#", class: "btn small", :"data-clone" => @project.http_url_to_repo
+          %button{class: "btn small active", :"data-clone" => @project.ssh_url_to_repo} SSH
+          %button{class: "btn small", :"data-clone" => @project.http_url_to_repo} HTTP
           = text_field_tag :project_clone, @project.url_to_repo, class: "one_click_select span5"
     .span4.right
       .right

app/views/projects/show.html.haml

@@ -5,10 +5,5 @@
 
 :javascript
   $(function(){
-    var link_sel = ".project_clone_holder a";
-    $(link_sel).bind("click", function() {
-      $(link_sel).removeClass("active");
-      $(this).addClass("active");
-      $("#project_clone").val($(this).attr("data-clone"));
-    })
+    initGitCloneSwitcher();
   })

app/views/refs/_head.html.haml

@@ -7,4 +7,13 @@
   %li{class: "#{'active' if (controller.controller_name == "refs") }"}
     = link_to tree_project_ref_path(@project, @ref) do
       Source
+  %li.right
+    .input-prepend.project_clone_holder
+      %button{class: "btn small active", :"data-clone" => @project.ssh_url_to_repo} SSH
+      %button{class: "btn small", :"data-clone" => @project.http_url_to_repo} HTTP
+      = text_field_tag :project_clone, @project.url_to_repo, class: "one_click_select span5"
 
+:javascript
+  $(function(){
+    initGitCloneSwitcher();
+  })