fix(form-group): Add tooltipPlacement input for change position of to…

…oltip
rucken · Apr 27, 2018 · 6558e0f · 6558e0f
1 parent 3803ca1
commit 6558e0f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/libs/@rucken/web/src/components/others/form-group/form-group.component.html b/libs/@rucken/web/src/components/others/form-group/form-group.component.html
@@ -1,5 +1,5 @@
 <div class="form-group" [ngClass]="{'has-error': (errors | async)[0]}" [containerClass]="(errors | async)[0]?'error-tooltip':'success-tooltip'"
-  [tooltip]="(errors | async)[0] | translate" placement="bottom">
+  [tooltip]="(errors | async)[0] | translate" [placement]="tooltipPlacement?tooltipPlacement:'bottom'">
   <label class="control-label" [attr.for]="name" *ngIf="title">{{title | translate}}</label>
   <ng-container *ngTemplateOutlet="contentWrapper"></ng-container>
 </div>

diff --git a/libs/@rucken/web/src/components/others/form-group/form-group.component.ts b/libs/@rucken/web/src/components/others/form-group/form-group.component.ts
@@ -12,6 +12,8 @@ export class FormGroupComponent implements AfterViewInit {
 
   @Input()
   checkIsDirty?: boolean;
+  @Input()
+  tooltipPlacement?: string;
 
   get errors(): Observable<IShortValidationErrors | string[]> | Observable<any[]> {
     if (this.form && (this.checkIsDirty !== true || this.form.dirty)) {