application.form.main.html 8.74 KB
Newer Older
1
<div class="row equal">
Open Source Developer's avatar
UI  
Open Source Developer committed
2
 <div class="col-md-12">
3
  <form novalidate  (ngSubmit)="onSubmit(studentDataGroup)" [formGroup]="studentDataGroup">
4
    <div *ngFor="let studentDataField$ of studentDataFields$ | async; "> </div>
5
    <!--
6 7 8
    <div class="form-group">
        <label for="studentAmka">ΑΜΚΑ μαθητή</label><input class="form-control" type="text" formControlName="studentAmka">
    </div>
9 10 11 12 13 14
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentAmka').touched && studentDataGroup.get('studentAmka').hasError('required')">
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentAmka').dirty && studentDataGroup.get('studentAmka').hasError('pattern')">
        Επιτρέπονται μόνο ψηφία σε αυτό το πεδίο!
    </div>
15
  -->
16

17
    <div class="form-group">
18
        <label for="name">Όνομα μαθητή</label><input class="form-control" type="text" formControlName="name">
19
    </div>
20
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('name').touched && studentDataGroup.get('name').hasError('required')">
21 22
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
23
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('name').dirty && studentDataGroup.get('name').hasError('pattern')">
24 25 26
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

27
    <div class="form-group">
28
        <label for="studentsurname">Επώνυμο μαθητή</label><input class="form-control" type="text" formControlName="studentsurname">
29
    </div>
30
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentsurname').touched && studentDataGroup.get('studentsurname').hasError('required')">
31 32
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
33
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentsurname').dirty && studentDataGroup.get('studentsurname').hasError('pattern')">
34 35 36
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

37
    <!--
38
    <div class="form-group">
39
        <label for="guardianfirstname">Όνομα κηδεμόνα</label><input class="form-control" type="text" formControlName="guardianfirstname">
40
    </div>
41
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('guardianfirstname').touched && studentDataGroup.get('guardianfirstname').hasError('required')">
42 43
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
44
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('guardianfirstname').dirty && studentDataGroup.get('guardianfirstname').hasError('pattern')">
45 46 47
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

48
    <div class="form-group">
49 50
        <label for="guardiansurname">Επώνυμο κηδεμόνα</label>
        <input class="form-control" type="text" formControlName="guardiansurname">
51
    </div>
52
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('guardiansurname').touched && studentDataGroup.get('guardiansurname').hasError('required')">
53 54
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
55
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('guardiansurname').dirty && studentDataGroup.get('guardiansurname').hasError('pattern')">
56 57
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>
58
  -->
59 60 61 62 63

    <table>
        <tr>
            <td>
                <div class="form-group">
64
                    <label for="regionaddress">Διεύθυνση κατοικίας</label><input class="form-control" type="text" formControlName="regionaddress">
65
                </div>
66
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionaddress').touched && studentDataGroup.get('regionaddress').hasError('required')">
67 68
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
69
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionaddress').dirty && studentDataGroup.get('regionaddress').hasError('pattern')">
70 71
                    Δεν επιτρέπονται μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
72 73 74
            </td>
            <td>
                <div class="form-group">
75
                    <label for="regiontk">TK </label><input class="form-control" type="text" formControlName="regiontk">
76
                </div>
77
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regiontk').touched && studentDataGroup.get('regiontk').hasError('required')">
78 79
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
80
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regiontk').dirty && studentDataGroup.get('regiontk').hasError('pattern')">
81 82
                    Δεν επιτρέπονται γράμματα αλφαβήτου ή μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
83 84 85
            </td>
            <td>
                <div class="form-group">
86
                    <label for="regionarea">Πόλη/Περιοχή</label><input class="form-control" type="text" formControlName="regionarea">
87
                </div>
88
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionarea').touched && studentDataGroup.get('regionarea').hasError('required')">
89 90
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
91
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionarea').dirty && studentDataGroup.get('regionarea').hasError('pattern')">
92 93
                    Δεν επιτρέπονται μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
94 95 96 97
            </td>
        </tr>
    </table>

98
    <div class="form-group">
99 100
        <label for="certificatetype">Τύπος απολυτηρίου</label><br/>
        <select class="form-control" formControlName="certificatetype">
101 102 103 104 105
        <option value="">Παρακαλώ επιλέξτε..</option>
        <option value="Απολυτήριο Γυμνασίου">Απολυτήριο Γυμνασίου</option>
        <option value="Απολυτήριο Λυκείου">Απολυτήριο Λυκείου</option>
    </select>
    </div>
106
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('certificatetype').dirty && studentDataGroup.get('certificatetype').hasError('required')">
107 108 109
        Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
    </div>

110
    <div class="form-group">
111 112
        <label for="relationtostudent">Η αίτηση γίνεται από:</label><br/>
        <select class="form-control" formControlName="relationtostudent">
113 114 115 116
        <option value="">Παρακαλώ επιλέξτε..</option>
        <option value="Γονέας/Κηδεμόνας">Γονέας/Κηδεμόνας</option>
        <option value="Μαθητής">Μαθητής</option>
    </select>
117
        <div class="alert alert-danger" *ngIf="studentDataGroup.get('relationtostudent').dirty && studentDataGroup.get('relationtostudent').hasError('required')">
118 119
            Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
        </div>
120 121
    </div>

122 123 124 125 126 127 128 129 130 131
    <div class="form-group">
        <label for="telnum">Τηλέφωνο επικοινωνίας</label><input class="form-control" type="text" formControlName="telnum">
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('telnum').touched && studentDataGroup.get('telnum').hasError('required')">
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('telnum').dirty && studentDataGroup.get('telnum').hasError('pattern')">
        Επιτρέπονται μόνο ψηφία σε αυτό το πεδίο!
    </div>

132 133
    <div class="row">
        <div class="col-md-2 col-md-offset-4">
134
            <button type="button" class="btn-primary btn-lg pull-center" (click)="saveSelected()">
Open Source Developer's avatar
Open Source Developer committed
135
                <i class="fa fa-backward"></i>
136 137
            </button>
        </div>
Open Source Developer's avatar
UI  
Open Source Developer committed
138 139
        <div class="col-md-8">
            <button type="button" class="btn-primary btn-lg pull-right" (click)="submitSelected()" [disabled]="studentDataGroup.invalid">
Open Source Developer's avatar
Open Source Developer committed
140
                <i class="fa fa-forward"></i>
141 142 143 144
            </button>
        </div>
    </div>

145 146 147
  </form>
</div>