feat(input): Criar e Implementar propriedade [readonly]

TemainfoSoftware · May 22, 2017 · 56e2bc7 · 56e2bc7
1 parent 950abff
commit 56e2bc7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/input/input.html b/src/input/input.html
@@ -5,6 +5,8 @@
            [(ngModel)]="value" type="text"
            (ngModelChange)="onInputChange($event)"
            (blur)="onBlur()"
+           [ngClass]="{'read-only' : readonly}"
+           [attr.readonly]="readonly ? true : null"
            [attr.placeholder]="placeholder">
 
     <span (click)="clearInput()" class="input-group-addon clear-button" *ngIf="clearButton && value">X</span>

diff --git a/src/input/input.scss b/src/input/input.scss
@@ -78,6 +78,10 @@ $background: #FFFFFF;
   border-radius: 2px 0 0 2px;
 }
 
+.read-only {
+  cursor: not-allowed;
+}
+
 .input-group-addon i {
   color: #6E6E6E;
 }

diff --git a/src/input/input.ts b/src/input/input.ts
@@ -34,6 +34,7 @@ export class TlInput implements ControlValueAccessor {
     @Input() placeholder: string = '';
     @Input() clearButton: boolean;
     @Input() toUpperCase: boolean;
+    @Input() readonly : boolean = null;
 
     @ViewChild('input') input;