Merge branch 'sm--migrate-form-submit-buttons-pajamas' into 'master'

Migrate form submit buttons to Pajamas

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/121330



Merged-by: Phil Hughes <me@iamphill.com>
Approved-by: Etienne Baqué <ebaque@gitlab.com>
Approved-by: Alexander Turinske <aturinske@gitlab.com>
Approved-by: Phil Hughes <me@iamphill.com>
Approved-by: Drew Blessing <drew@gitlab.com>
Co-authored-by: ShaneMaglangit <shanedmaglangit@gmail.com>

app/views/devise/sessions/email_verification.haml

@@ -2,7 +2,7 @@
   = render 'devise/shared/tab_single', tab_title: s_('IdentityVerification|Help us protect your account')
   .login-box.gl-p-5
     .login-body
-      = form_for(resource, as: resource_name, url: session_path(resource_name), method: :post, html: { class: 'gl-show-field-errors' }) do |f|
+      = gitlab_ui_form_for(resource, as: resource_name, url: session_path(resource_name), method: :post, html: { class: 'gl-show-field-errors' }) do |f|
         %p
           = s_("IdentityVerification|For added security, you'll need to verify your identity. We've sent a verification code to %{email}").html_safe % { email: "<strong>#{sanitize(obfuscated_email(resource.email))}</strong>".html_safe }
         %div
@@ -11,7 +11,7 @@
           %p.gl-field-error.gl-mt-2
             = resource.errors.full_messages.to_sentence
           .gl-mt-5
-            = f.submit s_('IdentityVerification|Verify code'), class: 'gl-button btn btn-confirm'
+            = f.submit s_('IdentityVerification|Verify code'), class: 'gl-w-full', pajamas_button: true
             - unless send_rate_limited?(resource)
               = link_to s_('IdentityVerification|Resend code'), users_resend_verification_code_path, method: :post, class: 'form-control gl-button btn-link gl-mt-3 gl-mb-0'
   %p.gl-p-5.gl-text-secondary

app/views/groups/settings/_advanced.html.haml

@@ -3,7 +3,7 @@
 
 .sub-section
   %h4.warning-title= s_('GroupSettings|Change group URL')
-  = form_for @group, html: { multipart: true, class: 'gl-show-field-errors' }, authenticity_token: true do |f|
+  = gitlab_ui_form_for @group, html: { multipart: true, class: 'gl-show-field-errors' }, authenticity_token: true do |f|
     = form_errors(@group)
     .form-group
       %p
@@ -23,7 +23,7 @@
           title: group_url_error_message,
           maxlength: ::Namespace::URL_MAX_LENGTH,
           "data-bind-in" => "#{'create_chat_team' if Gitlab.config.mattermost.enabled}"
-    = f.submit s_('GroupSettings|Change group URL'), class: 'btn gl-button btn-danger'
+    = f.submit s_('GroupSettings|Change group URL'), class: 'btn-danger', pajamas_button: true
 
 = render 'groups/settings/transfer', group: @group
 = render 'groups/settings/remove', group: @group, remove_form_id: remove_form_id

app/views/projects/edit.html.haml

@@ -91,7 +91,7 @@
     .sub-section.rename-repository
       %h4.warning-title= _('Change path')
       = render 'projects/errors'
-      = form_for @project do |f|
+      = gitlab_ui_form_for @project do |f|
         .form-group
           - link_start = '<a href="%{url}" target="_blank" rel="noopener noreferrer">'.html_safe % { url: help_page_path('user/project/settings/index', anchor: 'rename-a-repository') }
           %p= _("A project’s repository name defines its URL (the one you use to access the project via a browser) and its place on the file disk where GitLab is installed. %{link_start}Learn more.%{link_end}").html_safe % { link_start: link_start, link_end: '</a>'.html_safe }
@@ -107,7 +107,7 @@
                 .input-group-text
                   #{Gitlab::Utils.append_path(root_url, @project.namespace.full_path)}/
               = f.text_field :path, class: 'form-control h-auto', data: { qa_selector: 'project_path_field' }
-        = f.submit _('Change path'), class: "gl-button btn btn-danger", data: { qa_selector: 'change_path_button' }
+        = f.submit _('Change path'), class: "btn-danger", data: { qa_selector: 'change_path_button' }, pajamas_button: true
 
     = render 'transfer', project: @project
 

ee/app/views/admin/application_settings/_product_analytics.html.haml

@@ -59,4 +59,4 @@
           .form-text.text-muted
             = s_('AdminSettings|Used to retrieve dashboard data from the Cube instance.')
 
-      = f.submit _('Save changes'), class: 'gl-button btn btn-confirm'
+      = f.submit _('Save changes'), pajamas_button: true

ee/app/views/product_analytics/_project_settings.html.haml

@@ -65,4 +65,4 @@
             = settings.text_field :cube_api_key, class: 'form-control gl-form-input'
             .form-text.text-muted
               = s_('ProjectSettings|Used to retrieve dashboard data from the Cube instance.')
-      = f.submit _('Save changes'), class: 'gl-button btn btn-confirm'
+      = f.submit _('Save changes'), pajamas_button: true