Removes 2 column layout. Adds i18n support

app/views/projects/registry/repositories/index.html.haml

@@ -1,66 +1,58 @@
 - page_title "Container Registry"
 
-.row.prepend-top-default.append-bottom-default
+%section
-  .col-lg-3
+  .settings-header
-    %h4.prepend-top-0
+    %h4
       = page_title
     %p
-      With the Docker Container Registry integrated into GitLab, every project
+      = _('With the Docker Container Registry integrated into GitLab, every project can have its own space to store its Docker images.')
-      can have its own space to store its Docker images.
     %p.append-bottom-0
       = succeed '.' do
         Learn more about
-        = link_to 'Container Registry', help_page_path('user/project/container_registry'), target: '_blank'
+        = link_to _('Container Registry'), help_page_path('user/project/container_registry'), target: '_blank'
+  .row
+    .col-lg-12
+      .panel.panel-default
+        .panel-heading
+          %h4.panel-title
+            = _('How to use the Container Registry')
+        .panel-body
+          %p
+            = _('First log in to GitLab’s Container Registry using your GitLab username and password. If you have')
+            = link_to _('2FA enabled'), help_page_path('user/profile/account/two_factor_authentication'), target: '_blank'
+            you need to use a
+            = succeed ':' do
+              = link_to _('personal access token'), help_page_path('user/profile/account/two_factor_authentication', anchor: 'personal-access-tokens'), target: '_blank'
+          %pre
+            docker login #{Gitlab.config.registry.host_port}
+          %br
+          %p
+            = _("Once you log in, you’re free to create and upload a container image using the common")
+            %code
+              = _('build')
+            = _('and')
+            %code push
+            = _('commands:')
+          %pre
+            :plain
+              docker build -t #{escape_once(@project.container_registry_url)} .
+              docker push #{escape_once(@project.container_registry_url)}
 
-  .col-lg-9
+          %hr
-    .panel.panel-default
+          %h5.prepend-top-default
-      .panel-heading
+            = _('Use different image names')
-        %h4.panel-title
+          %p.light
-          How to use the Container Registry
+            = _('GitLab supports up to 3 levels of image names. The following examples of images are valid for your project:')
-      .panel-body
+          %pre
-        %p
+            :plain
-          First log in to GitLab’s Container Registry using your GitLab username
+              #{escape_once(@project.container_registry_url)}:tag
-          and password. If you have
+              #{escape_once(@project.container_registry_url)}/optional-image-name:tag
-          = link_to '2FA enabled', help_page_path('user/profile/account/two_factor_authentication'), target: '_blank'
+              #{escape_once(@project.container_registry_url)}/optional-name/optional-image-name:tag
-          you need to use a
-          = succeed ':' do
-            = link_to 'personal access token', help_page_path('user/profile/account/two_factor_authentication', anchor: 'personal-access-tokens'), target: '_blank'
-        %pre
-          docker login #{Gitlab.config.registry.host_port}
-        %br
-        %p
-          Once you log in, you’re free to create and upload a container image
-          using the common
-          %code build
-          and
-          %code push
-          commands:
-        %pre
-          :plain
-            docker build -t #{escape_once(@project.container_registry_url)} .
-            docker push #{escape_once(@project.container_registry_url)}
-
-        %hr
-        %h5.prepend-top-default
-          Use different image names
-        %p.light
-          GitLab supports up to 3 levels of image names. The following
-          examples of images are valid for your project:
-        %pre
-          :plain
-            #{escape_once(@project.container_registry_url)}:tag
-            #{escape_once(@project.container_registry_url)}/optional-image-name:tag
-            #{escape_once(@project.container_registry_url)}/optional-name/optional-image-name:tag
-
-    #js-vue-registry-images{ data: { endpoint: project_container_registry_index_path(@project, format: :json)}}
-
-    = page_specific_javascript_bundle_tag('common_vue')
-    = page_specific_javascript_bundle_tag('registry_list')
 
 
-    -# - if @images.blank?
+  .row
-    -#   %p.settings-message.text-center.append-bottom-default
+    .col-lg-12
-    -#     No container images stored for this project. Add one by following the
+      #js-vue-registry-images{ data: { endpoint: project_container_registry_index_path(@project, format: :json)}}
-    -#     instructions above.
+
-    -# - else
+      = page_specific_javascript_bundle_tag('common_vue')
-    -#   = render partial: 'image', collection: @images
+      = page_specific_javascript_bundle_tag('registry_list')