Add Clone with VS Code for SSH

For various reasons, users may wish to use SSH instead
of HTTPS to clone sites (2FA, disabled HTTPS, etc.).
This provides the ability to clone to VS Code using SSH
in addition to the HTTPS URL format.

Changelog: added

app/views/projects/buttons/_clone.html.haml

@@ -26,14 +26,19 @@
             = clipboard_button(target: '#http_project_clone', title: _("Copy URL"), class: "input-group-text gl-button btn btn-icon btn-default")
             = render_if_exists 'projects/buttons/geo'
       %li.divider.mt-2
-      %li.pt-2.gl-new-dropdown-item
-        %label.label-bold{ class: 'gl-px-4!' }
-          = _('Open in your IDE')
+    %li.pt-2.gl-new-dropdown-item
+      %label.label-bold{ class: 'gl-px-4!' }
+        = _('Open in your IDE')
+      - if ssh_enabled?
+        %a.dropdown-item.open-with-link{ href: 'vscode://vscode.git/clone?url=' + CGI.escape(project.ssh_url_to_repo) }
+          .gl-new-dropdown-item-text-wrapper
+            = _('Visual Studio Code (SSH)')
+      - if http_enabled?
         %a.dropdown-item.open-with-link{ href: 'vscode://vscode.git/clone?url=' + CGI.escape(project.http_url_to_repo) }
           .gl-new-dropdown-item-text-wrapper
-            = _('Visual Studio Code')
-        - if show_xcode_link?(@project)
-          %a.dropdown-item.open-with-link{ href: xcode_uri_to_repo(@project) }
-            .gl-new-dropdown-item-text-wrapper
-              = _("Xcode")
+            = _('Visual Studio Code (HTTPS)')
+      - if show_xcode_link?(@project)
+        %a.dropdown-item.open-with-link{ href: xcode_uri_to_repo(@project) }
+          .gl-new-dropdown-item-text-wrapper
+            = _("Xcode")
     = render_if_exists 'projects/buttons/kerberos_clone_field'

doc/user/project/repository/index.md

@@ -82,11 +82,11 @@ prompted to open XCode.
 
 > [Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/220957) in GitLab 13.10.
 
-All projects can be cloned into Visual Studio Code.
+All projects can be cloned into Visual Studio Code. To do that:
 
 1. From the GitLab UI, go to the project's overview page.
-1. Select **Clone**.
-1. Select **Visual Studio Code**.
+1. Click **Clone**.
+1. Select **Clone with Visual Studio Code** under either HTTPS or SSH method.
 1. Select a folder to clone the project into.
 
 When VS Code has successfully cloned your project, it opens the folder.
@@ -100,7 +100,7 @@ You can download the source code that's stored in a repository.
 
 1. Above the file list, select the download icon (**{download}**).
 1. From the options, select the files you want to download.
-  
+
    - **Source code:**
      Download the source code from the current branch you're viewing.
      Available extensions: `zip`, `tar`, `tar.gz`, and `tar.bz2`.

locale/gitlab.pot

@@ -36232,7 +36232,10 @@ msgstr ""
 msgid "Visit settings page"
 msgstr ""
 
-msgid "Visual Studio Code"
+msgid "Visual Studio Code (HTTPS)"
+msgstr ""
+
+msgid "Visual Studio Code (SSH)"
 msgstr ""
 
 msgid "VisualReviewApp|%{stepStart}Step 1%{stepEnd}. Copy the following script:"