<h3 dir="auto">Implementation Details</h3>
<p dir="auto">This PR introduces functionality that allows users to toggle the visibility of password fields in signup and login forms. This enhancement improves both usability and accessibility.</p>
<h3 dir="auto">Changes Made</h3>
<ol dir="auto">
<li>
<p dir="auto"><strong>Add <code class="notranslate">password_field_with_toggle</code> partial</strong></p>
<ul dir="auto">
<li>Integrated a reusable Ruby component that can be utilized within both login and signup forms.</li>
</ul>
</li>
<li>
<p dir="auto"><strong>Add Show/Hide JavaScript Helpers</strong></p>
<ul dir="auto">
<li>Implemented JavaScript functionality to toggle the visibility of password fields using the <code class="notranslate">addTogglePasswordEventListener</code> function.</li>
</ul>
</li>
</ol>
<h3 dir="auto">Screenshots</h3>
<a href="https://github.com/kcne/openstreetmap-website/assets/76796906/729abc15-8ce2-4197-a202-c66e7bf7f4c1">Screenshot.2024-07-04.at.23.41.05.png (view on web)</a>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/4951'>https://github.com/openstreetmap/openstreetmap-website/pull/4951</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/commits/f723ed83b13afe792d580e8202be7877874d108e" class="commit-link">f723ed8</a>  integrate password field view/hide functionalities</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files">9 files</a>)</p>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-e0d6d469b1f28595fda977be6a758fff53804f3f6875f9daa43b5de9f8ff3865">app/assets/images/eye-slash.svg</a>
    (5)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-a44d4a15778ab2f52022bf7322cd1a82508818fcb339f991d31f20f309941db4">app/assets/images/eye.svg</a>
    (4)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-45b32fb630c4dedc980d452167de5634dfad0500a1bec34bc843e018954c6876">app/assets/javascripts/login.js</a>
    (3)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-67d0ee498073de65138a384c215db3941c332d0c803057d275336ad7cf963093">app/assets/javascripts/signup.js</a>
    (4)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-f3acc587d5ec9758cbcdb18d258f7819b9f6f75e309cd4f9b0062667895a4963">app/assets/javascripts/toggle_password.js</a>
    (16)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-5654cfc158c888a40321c1e90f9ea3a0208ae80616b15ff0fa5e939b8f795e87">app/views/sessions/new.html.erb</a>
    (3)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-68566e62326cda529fe7c42fd4cee28ede5a7fa638a387149277cc2d6f7a592b">app/views/shared/_password_field_with_toggle.html.erb</a>
    (20)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-8dd599ea27028815c7fa912755a38dd05e4a768470cc792840b85fd1e486d69a">app/views/users/new.html.erb</a>
    (7)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951/files#diff-44438ce218f5287c58d0017f965d888715635d94280669896f75841fbd7b4cd7">config/locales/en.yml</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4951.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4951.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4951.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4951.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4951">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKYXINJDCBYLR5XMODZKZMP3AVCNFSM6AAAAABKMZFLSSVHI2DSMVQWIX3LMV43ASLTON2WKOZSGM4TEMJVGIZTEMA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLM7WHUIM2C3SXXLWOTZKZMP3A5CNFSM6AAAAABKMZFLSSWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHI5FKZAA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4951</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4951",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4951",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>