Improve password input fields to include a reveal button to view password

[richard-cox]

• Update all type=password input's to use angular's standard (newish) show password process
• New process looks like

        <mat-form-field>
          <mat-label>Password</mat-label>
          <input matInput formControlName="password" required [type]="!show ? 'password' : 'text'">
          <button mat-icon-button matSuffix (click)="show = !show" [attr.aria-label]="'Hide password'"
            [attr.aria-pressed]="!show">
            <mat-icon>{{!show ? 'visibility_off' : 'visibility'}}</mat-icon>
          </button>
        </mat-form-field>
  

  which is from src/frontend/packages/core/src/features/endpoints/backup-restore/backup-endpoints/backup- endpoints.component.html (Endpoints Page, click on the the backup/restore icon in the header, select backup, password is
  on the second step
• Any existing error handling and validation should be kept

[richard-cox]

All places where we use input's with type="password" will need updating

• src/frontend/packages/cloud-foundry/src/features/cloud-foundry/user-invites/configuration-dialog/user-invite-configuration-dialog.component.html
  • Cloud Foundry Page, Summary Card, click on Configure in User Invitation Support section, password is in dialog
• src/frontend/packages/core/src/features/endpoints/connect-endpoint-dialog/auth-forms/credentials-auth-form.component.html
  • Endpoints Page, action menu item 'connect', password is in dialog
• src/frontend/packages/core/src/features/login/login-page/login-page.component.html
  • Log in page of Stratos
• src/frontend/packages/core/src/features/setup/local-account-wizard/local-account-wizard.component.html
  • This is a little more complicated, you will need to comment out UAA_ENDPOINT in your src/config.properties and `default.config.propeties files (then restart jetstream) to enter the setup wizard. From there select 'local' authentication (i think, basically not the UAA option)
• src/frontend/packages/core/src/features/setup/uaa-wizard/console-uaa-wizard.component.html
  • Use the same process as above, but select the uaa option instead
• src/frontend/packages/core/src/features/user-profile/edit-profile-info/edit-profile-info.component.html
  • Click on the user profile button top right in the header then `Profile and finally the pen icon
• src/frontend/packages/example-extensions/src/acme-login/acme-login.component.html
  • Don't worry about this one at the moment