home.ts 1.41 KB
Newer Older
1
import {Component} from '@angular/core';
Open Source Developer's avatar
commit  
Open Source Developer committed
2 3 4 5 6 7
import {
    FormBuilder,
    FormGroup,
    FormControl,
    FormArray
} from '@angular/forms';
8 9 10 11
@Component({
  selector: 'home',
  template: `
  <div>
Open Source Developer's avatar
commit  
Open Source Developer committed
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
    <h4>Στοιχεία Σύνδεσης</h4>
	   <form [formGroup]="formGroup">
           <div class="form-group">
              <label for="UserName">Όνομα Χρήστη</label><input class="form-control" type="text" formControlName="Username">
            </div> 
            <div class="form-group">
              <label for="Paswd">Κωδικός Ασφαλείας</label><input class="form-control" type="password" formControlName="Paswd">
            </div>  
            <div class="row">
              <div class="col-md-2 col-md-offset-5">
                <button type="button" class="btn-primary btn-lg pull-center" (click)="checkvalidation()">
                Συνέχεια<span class="glyphicon glyphicon-menu-right"></span>
                </button>
            </div>
            <div *ngIf="emptyselection==true">
                 Παρακαλώ συμπληρώστε το ΑΜΚΑ του μαθητή
            </div>
        </div>
     </form>	
31 32 33
  </div>
  `
})
Open Source Developer's avatar
commit  
Open Source Developer committed
34 35 36 37 38 39 40 41 42 43 44 45
export default class Home { 
	public formGroup: FormGroup;
       constructor(private fb: FormBuilder) {
       this.formGroup = this.fb.group({
            Username: [],
            Paswd : []
            });
        };


	checkvalidation() {

Open Source Developer's avatar
commit  
Open Source Developer committed
46 47
        }
    }