Merge pull request #5260 from overleaf/jpa-de-ng-simple-pages

[web] de-ng simple pages

GitOrigin-RevId: d5e2f05780e7f91bea1a037022a3c8a0c276f6e6

services/web/app/views/beta_program/opt_in.pug

@@ -1,4 +1,4 @@
-extends ../layout
+extends ../layout-marketing
 
 block content
 	main.content.content-alt#main-content
@@ -29,7 +29,12 @@ block content
 								.row.text-centered
 									.col-md-12
 										if user.betaProgram
-											form(id="beta-program-opt-out", method="post", action="/beta/opt-out", novalidate)
+											form(
+												data-ol-regular-form
+												method="post"
+												action="/beta/opt-out"
+												novalidate
+											)
 												input(type="hidden", name="_csrf", value=csrfToken)
 												.form-group
 													a(
@@ -40,17 +45,25 @@ block content
 												.form-group
 													button.btn.btn-info.btn-sm(
 														type="submit"
+														data-ol-disabled-inflight
 													)
-														span #{translate("beta_program_opt_out_action")}
+														span(data-ol-inflight="idle") #{translate("beta_program_opt_out_action")}
+														span(hidden data-ol-inflight="pending") #{translate("processing")}…
 												.form-group
 													a(href="/project").btn.btn-link.btn-sm #{translate("back_to_your_projects")}
 										else
-											form(id="beta-program-opt-in", method="post", action="/beta/opt-in", novalidate)
+											form(
+												data-ol-regular-form
+												method="post",
+												action="/beta/opt-in"
+											)
 												input(type="hidden", name="_csrf", value=csrfToken)
 												.form-group
 													button.btn.btn-primary(
 														type="submit"
+														data-ol-disabled-inflight
 													)
-														span #{translate("beta_program_opt_in_action")}
+														span(data-ol-inflight="idle") #{translate("beta_program_opt_in_action")}
+														span(hidden data-ol-inflight="pending") #{translate("joining")}…
 												.form-group
 													a(href="/project").btn.btn-link.btn-sm #{translate("back_to_your_projects")}

services/web/app/views/project/editor/new_from_template.pug

@@ -1,4 +1,4 @@
-extends ../../layout
+extends ../../layout-marketing
 
 block content
   .editor.full-size
@@ -13,7 +13,12 @@ block content
         span.loading-screen-ellip .
         span.loading-screen-ellip .
 
-  form(id='create_form' method='POST' action='/project/new/template/' ng-non-bindable)
+  form(
+    data-ol-regular-form
+    data-ol-auto-submit
+    method='POST'
+    action='/project/new/template/'
+  )
     input(type="hidden", name="_csrf", value=csrfToken)
     input(type="hidden" name="templateId" value=templateId)
     input(type="hidden" name="templateVersionId" value=templateVersionId)
@@ -23,9 +28,4 @@ block content
     input(type="hidden" name="mainFile" value=mainFile)
     if brandVariationId
       input(type="hidden" name="brandVariationId" value=brandVariationId)
-
+    input(hidden type="submit")
-block append foot-scripts
-  script(type="text/javascript", nonce=scriptNonce).
-    $(document).ready(function(){
-      $('#create_form').submit();
-    });

services/web/app/views/project/invite/not-valid.pug

@@ -1,4 +1,4 @@
-extends ../../layout
+extends ../../layout-marketing
 
 block content
 	main.content.content-alt#main-content

services/web/app/views/project/invite/show.pug

@@ -1,4 +1,4 @@
-extends ../../layout
+extends ../../layout-marketing
 
 block content
 	main.content.content-alt#main-content
@@ -18,13 +18,17 @@ block content
 						.row
 							.col-md-12
 								form.form(
-									name="acceptForm",
+									data-ol-regular-form
 									method="POST",
 									action="/project/"+invite.projectId+"/invite/token/"+invite.token+"/accept"
 								)
 									input(name='_csrf', type='hidden', value=csrfToken)
 									input(name='token', type='hidden', value=invite.token)
 									.form-group.text-center
-										button.btn.btn-lg.btn-primary(type="submit")
+										button.btn.btn-lg.btn-primary(
-											| #{translate("join_project")}
+											type="submit"
+											data-ol-disabled-inflight
+										)
+											span(data-ol-inflight="idle") #{translate("join_project")}
+											span(hidden data-ol-inflight="pending") #{translate("joining")}…
 									.form-group.text-center

services/web/app/views/user_membership/new.pug

@@ -1,4 +1,4 @@
-extends ../layout
+extends ../layout-marketing
 
 block content
 	main.content.content-alt#main-content
@@ -7,7 +7,7 @@ block content
 				.col-md-10.col-md-offset-1
 					h3(ng-non-bindable) #{entityName} "#{entityId}" does not exists in v2
 					form(
-						enctype='application/json',
+						data-ol-regular-form
 						method='post',
 						action=''
 					)
@@ -15,4 +15,7 @@ block content
 						button.btn.btn-primary.text-capitalize(
 							type="submit",
 							ng-non-bindable
-						) Create #{entityName} in v2
+							data-ol-disabled-inflight
+						)
+							span(data-ol-inflight="idle") Create #{entityName} in v2
+							span(hidden data-ol-inflight="pending") #{translate("creating")}…