mgr/dashboard: Add custom validators

[votdev]

Add custom validators:

• email: In contrast to the Angular email validator an empty email will not be handled as invalid.
• requiredIf: Validate a control and mark it as required if the value is empty AND if the specified prereqs are fulfilled. Prerequisites are fulfilled if the specified controls have the specified value.

Example:

import { Validators } from '@angular/forms';
import { CdValidators } from '../../../shared/validators/cd-validators';

@Component({
  selector: 'cd-rgw-user-form',
  templateUrl: './rgw-user-form.component.html',
  styleUrls: ['./rgw-user-form.component.scss']
})
export class RgwUserFormComponent implements OnInit, OnDestroy {
  ...

  createForm() {
    this.userForm = this.formBuilder.group({
      // General
      'user_id': [
        null,
        [ Validators.required ],
        [ this.userIdValidator() ]
      ],
      'display_name': [
        null,
        [ Validators.required ]
      ],
      'email': [
        null,
        [ CdValidators.email ]
      ],
      'max_buckets': [
        null,
        [ Validators.min(0) ]
      ],
      'suspended': [
        false
      ],
      // S3 key
      'generate_key': [
        true
      ],
      'access_key': [
        null,
        [ CdValidators.requiredIf({'generate_key': false}) ]
      ],
      'secret_key': [
        null,
        [ CdValidators.requiredIf({'generate_key': false}) ]
      ],

Signed-off-by: Volker Theile vtheile@suse.com

[ricardoasmarques]

@votdev Apparently CustomValidators does not exist. Can you update your PR description example accordingly?

[tspmelo]

Is there a need to export this? Same for the function bellow.

[votdev]

No, it's not necessary to export the Prerequisites type, this has been fixed now. But i would like to export the isEmptyInputValue function because it is really helpful if you implement local validators in a form component. This is done in the RGW user form for example.

[votdev]

@ricardoasmarques The example has been adapted.

[Devp00l]

Could you extend this by a validateIf function? A function that only validates a form element if the condition given is true like this

[votdev]

Do you think this is needed? This validator is based on the origin required validator that simply tests for empty values.

[votdev]

Done to enhance the flexibility of this validator.

[Devp00l]

lgtm

[ricardoasmarques]

lgtm