# HG changeset patch
# User Marcin Kuzminski <marcin@rhodecode.com>
# Date 2017-07-20 20:29:35
# Node ID f50c2856c96e90ac84fe0a0bca8a677afd539b74
# Parent  be441b36010d23362ff89edd4ba0c14455ec9b91

templates: add copy to clipboard for repository clone.

diff --git a/rhodecode/public/css/summary.less b/rhodecode/public/css/summary.less
--- a/rhodecode/public/css/summary.less
+++ b/rhodecode/public/css/summary.less
@@ -58,12 +58,12 @@
         }
 
         #clone_url {
-            width: ~"calc(100% - 96px)";
+            width: ~"calc(100% - 103px)";
             padding:  @padding/4;
         }
 
         #clone_url_id {
-            width: ~"calc(100% - 118px)";
+            width: ~"calc(100% - 125px)";
             padding:  @padding/4;
         }
 
@@ -106,7 +106,7 @@
 
     #clone_by_name, #clone_by_id{
         display: inline-block;
-        margin-left: @padding;
+        margin-left: 0px;
     }
 
     .codeblock {
diff --git a/rhodecode/templates/summary/components.mako b/rhodecode/templates/summary/components.mako
--- a/rhodecode/templates/summary/components.mako
+++ b/rhodecode/templates/summary/components.mako
@@ -50,9 +50,14 @@
             </div>
             <div class="right-content disabled">
                 <input type="text" class="input-monospace" id="clone_url" disabled value="${c.clone_repo_url}"/>
+                <i id="clone_by_name_copy" class="tooltip icon-clipboard clipboard-action" data-clipboard-text="${c.clone_repo_url}" title="${_('Copy the clone url')}"></i>
+
                 <input type="text" class="input-monospace" id="clone_url_id" disabled value="${c.clone_repo_url_id}" style="display: none;"/>
+                <i id="clone_by_id_copy" class="tooltip icon-clipboard clipboard-action" data-clipboard-text="${c.clone_repo_url_id}" title="${_('Copy the clone by id url')}" style="display: none"></i>
+
                 <a id="clone_by_name" class="clone" style="display: none;">${_('Show by Name')}</a>
                 <a id="clone_by_id" class="clone">${_('Show by ID')}</a>
+
                 <p class="help-block">${_('SVN Protocol is disabled. To enable it, see the')} <a href="${h.route_url('enterprise_svn_setup')}" target="_blank">${_('documentation here')}</a>.</p>
             </div>
           %else:
@@ -61,7 +66,11 @@
             </div>
             <div class="right-content">
                 <input type="text" class="input-monospace" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>
+                <i id="clone_by_name_copy" class="tooltip icon-clipboard clipboard-action" data-clipboard-text="${c.clone_repo_url}" title="${_('Copy the clone url')}"></i>
+
                 <input type="text" class="input-monospace" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}" style="display: none;"/>
+                <i id="clone_by_id_copy" class="tooltip icon-clipboard clipboard-action" data-clipboard-text="${c.clone_repo_url_id}" title="${_('Copy the clone by id url')}" style="display: none"></i>
+
                 <a id="clone_by_name" class="clone" style="display: none;">${_('Show by Name')}</a>
                 <a id="clone_by_id" class="clone">${_('Show by ID')}</a>
             </div>
diff --git a/rhodecode/templates/summary/summary.mako b/rhodecode/templates/summary/summary.mako
--- a/rhodecode/templates/summary/summary.mako
+++ b/rhodecode/templates/summary/summary.mako
@@ -69,6 +69,10 @@
         $('#clone_by_id').show();
         $('#clone_url_id').hide();
 
+        // hide copy by id
+        $('#clone_by_name_copy').show();
+        $('#clone_by_id_copy').hide();
+
     });
     $('#clone_by_id').on('click',function(e){
 
@@ -79,6 +83,10 @@
         // hide url by name and show id button
         $('#clone_by_name').show();
         $('#clone_url').hide();
+
+        // hide copy by id
+        $('#clone_by_id_copy').show();
+        $('#clone_by_name_copy').hide();
     });
 
     var initialCommitData = {