ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/directives/ng-bootstrap-form-validation/cd-form-group.directive.ts

   1 /**
   2  * MIT License
   3  *
   4  * Copyright (c) 2017 Kevin Kipp
   5  *
   6  * Permission is hereby granted, free of charge, to any person obtaining a copy
   7  * of this software and associated documentation files (the "Software"), to deal
   8  * in the Software without restriction, including without limitation the rights
   9  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  10  * copies of the Software, and to permit persons to whom the Software is
  11  * furnished to do so, subject to the following conditions:
  12  *
  13  * The above copyright notice and this permission notice shall be included in all
  14  * copies or substantial portions of the Software.
  15  *
  16  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  17  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  18  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  19  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  20  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  21  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  22  * SOFTWARE.
  23  *
  24  *
  25  * Based on https://github.com/third774/ng-bootstrap-form-validation
  26  */
  27
  28 import {
  29   ContentChildren,
  30   Directive,
  31   ElementRef,
  32   HostBinding,
  33   Input,
  34   QueryList
  35 } from '@angular/core';
  36 import { FormControlName } from '@angular/forms';
  37
  38 @Directive({
  39   // tslint:disable-next-line:directive-selector
  40   selector: '.form-group'
  41 })
  42 export class CdFormGroupDirective {
  43   @ContentChildren(FormControlName)
  44   formControlNames: QueryList<FormControlName>;
  45
  46   @Input()
  47   validationDisabled = false;
  48
  49   @HostBinding('class.has-error')
  50   get hasErrors() {
  51     return (
  52       this.formControlNames.some((c) => !c.valid && c.dirty && c.touched) &&
  53       !this.validationDisabled
  54     );
  55   }
  56
  57   @HostBinding('class.has-success')
  58   get hasSuccess() {
  59     return (
  60       !this.formControlNames.some((c) => !c.valid) &&
  61       this.formControlNames.some((c) => c.dirty && c.touched) &&
  62       !this.validationDisabled
  63     );
  64   }
  65
  66   constructor(private elRef: ElementRef) {}
  67
  68   get label() {
  69     const label = this.elRef.nativeElement.querySelector('label');
  70     return label && label.textContent ? label.textContent.trim() : 'This field';
  71   }
  72
  73   get isDirtyAndTouched() {
  74     return this.formControlNames.some((c) => c.dirty && c.touched);
  75   }
  76 }