Replace password field input with text field input

Password input (with show/hide behaviour) ise only used for internal test environments and on deactivated feature.

Author: paulrobertlloyd

app/assets/stylesheets/vendor/govuk-frontend/components/_index.scss

@@ -1,4 +1,3 @@
 @forward "file-upload";
 @forward "notification-banner";
 @forward "pagination";
-@forward "password-input";

app/assets/stylesheets/vendor/govuk-frontend/components/password-input/_index.scss

@@ -34,9 +34,6 @@ application.register(
   NhsukNotificationBannerController,
 );
 
-import NhsukPasswordInputController from "./nhsuk_password_input_controller";
-application.register("nhsuk-password-input", NhsukPasswordInputController);
-
 import NhsukRadiosController from "./nhsuk_radios_controller";
 application.register("nhsuk-radios", NhsukRadiosController);
 

app/javascript/controllers/index.js

@@ -24,26 +24,26 @@
       <%= f.hidden_field :assets_css, value: asset_path("application.css") %>
       <%= f.hidden_field :assets_js, value: asset_path("application.js") %>
 
-      <%= f.govuk_password_field :password,
-                                 label: {
-                                   text: "Offline password",
-                                   size: "s",
-                                 },
-                                 hint: {
-                                   text: "Your password must be at least 12 characters long",
-                                 },
-                                 width: 20,
-                                 autocomplete: "new-password",
-                                 data: { testid: "password" } %>
-
-      <%= f.govuk_password_field :password_confirmation,
-                                 label: {
-                                   text: "Confirm offline password",
-                                   size: "s",
-                                 },
-                                 width: 20,
-                                 autocomplete: "new-password",
-                                 data: { testid: "password-confirmation" } %>
+      <%= f.govuk_text_field :password,
+                             label: {
+                               text: "Offline password",
+                               size: "s",
+                             },
+                             hint: {
+                               text: "Your password must be at least 12 characters long",
+                             },
+                             width: 20,
+                             autocomplete: "new-password",
+                             data: { testid: "password" } %>
+
+      <%= f.govuk_text_field :password_confirmation,
+                             label: {
+                               text: "Confirm offline password",
+                               size: "s",
+                             },
+                             width: 20,
+                             autocomplete: "new-password",
+                             data: { testid: "password-confirmation" } %>
 
       <%= f.govuk_submit "Save password", data: { testid: "submit" } %>
     <% end %>

app/javascript/controllers/nhsuk_password_input_controller.js

@@ -4,7 +4,7 @@
   <%= h1 "Log in", size: "xl" %>
 
   <%= f.govuk_email_field :email, autocomplete: "email", label: { text: "Email address" } %>
-  <%= f.govuk_password_field :password, autocomplete: "current-password", label: { text: "Password" } %>
+  <%= f.govuk_text_field :password, autocomplete: "current-password", label: { text: "Password" }, type: "password" %>
 
   <% if devise_mapping.rememberable? %>
     <%= f.govuk_check_boxes_fieldset :remember_me, multiple: false, legend: nil do %>