application.form.main.html 11.1 KB
Newer Older
1
<div class="row equal">
2
 <div class="col-md-12">
3
  <form novalidate  (ngSubmit)="onSubmit(studentDataGroup)" [formGroup]="studentDataGroup">
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

    <form [formGroup]="applicantDataGroup">
      <table>
        <tr><td>
          <div class="form-group">
            <label for="guardianfirstname">Όνομα κηδεμόνα</label><input class="form-control" type="text" formControlName="guardianfirstname" disabled = "true">
          </div>
        </td>
        <td>
          <div class="form-group">
            <label for="guardiansurname">Επώνυμο κηδεμόνα</label><input class="form-control" type="text" formControlName="guardiansurname" disabled = "true">
          </div>
        </td></tr>
      </table>
    </form>

20
21
    <div *ngFor="let studentDataField$ of studentDataFields$ | async; "> </div>

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

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

    <table>
        <tr>
            <td>
                <div class="form-group">
46
                    <label for="regionaddress">Διεύθυνση κατοικίας</label><input class="form-control" type="text" formControlName="regionaddress">
47
                </div>
48
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionaddress').touched && studentDataGroup.get('regionaddress').hasError('required')">
49
50
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
51
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionaddress').dirty && studentDataGroup.get('regionaddress').hasError('pattern')">
52
53
                    Δεν επιτρέπονται μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
54
55
56
            </td>
            <td>
                <div class="form-group">
57
                    <label for="regiontk">TK </label><input class="form-control" type="text" formControlName="regiontk">
58
                </div>
59
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regiontk').touched && studentDataGroup.get('regiontk').hasError('required')">
60
61
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
62
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regiontk').dirty && studentDataGroup.get('regiontk').hasError('pattern')">
63
64
                    Δεν επιτρέπονται γράμματα αλφαβήτου ή μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
65
66
67
            </td>
            <td>
                <div class="form-group">
68
                    <label for="regionarea">Πόλη/Περιοχή</label><input class="form-control" type="text" formControlName="regionarea">
69
                </div>
70
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionarea').touched && studentDataGroup.get('regionarea').hasError('required')">
71
72
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
73
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionarea').dirty && studentDataGroup.get('regionarea').hasError('pattern')">
74
75
                    Δεν επιτρέπονται μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
76
77
78
79
            </td>
        </tr>
    </table>

80
    <div class="form-group">
81
82
        <label for="certificatetype">Τύπος απολυτηρίου</label><br/>
        <select class="form-control" formControlName="certificatetype">
83
84
85
86
87
        <option value="">Παρακαλώ επιλέξτε..</option>
        <option value="Απολυτήριο Γυμνασίου">Απολυτήριο Γυμνασίου</option>
        <option value="Απολυτήριο Λυκείου">Απολυτήριο Λυκείου</option>
    </select>
    </div>
88
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('certificatetype').dirty && studentDataGroup.get('certificatetype').hasError('required')">
89
90
91
        Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
    </div>

92
    <div class="form-group">
93
94
        <label for="relationtostudent">Η αίτηση γίνεται από:</label><br/>
        <select class="form-control" formControlName="relationtostudent">
95
96
97
98
        <option value="">Παρακαλώ επιλέξτε..</option>
        <option value="Γονέας/Κηδεμόνας">Γονέας/Κηδεμόνας</option>
        <option value="Μαθητής">Μαθητής</option>
    </select>
99
        <div class="alert alert-danger" *ngIf="studentDataGroup.get('relationtostudent').dirty && studentDataGroup.get('relationtostudent').hasError('required')">
100
101
            Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
        </div>
102
103
    </div>

104
105
106
107
108
109
110
111
112
113
    <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>

114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171

    <form novalidate (ngSubmit)="onSubmit(studentCriteriaGroup)" [formGroup]="studentCriteriaGroup">
      <div *ngFor="let criter$ of criteria$ | async; let i=index"> </div>

        <fieldset class="group">
        <legend>Εισοδηματικά κριτήρια</legend>

        <div class="form-group">
            <label for="income">Το κατά κεφαλήν εισόδημα στο προηγούμενο φορολογικό έτος είναι:</label><br/>
              <select class="form-control" (change)="checkstatus()" formControlName="income">
              <option value="noincomecriterio">Παρακαλώ επιλέξτε..</option>
              <option value="<= 3000 Ευρώ">μικρότερο ή ίσο των 3000 Ευρώ</option>
              <option value="<= 6000 Ευρώ">μικρότερο ή ίσο των 6000 Ευρώ</option>
              <option value="<= 9000 Ευρώ">μικρότερο ή ίσο των 9000 Ευρώ</option>
              <option value="> 9000 Ευρώ">μεγαλύτερο των 9000 Ευρώ</option>
            </select>
            <div class="alert alert-danger" *ngIf="studentCriteriaGroup.get('income').dirty && studentCriteriaGroup.get('income').hasError('status')">
                  Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
            </div>
        </div>

        <legend>Κοινωνικά κριτήρια</legend>
        <p style="margin-top: 15px; line-height: 1.5em;">Επιλέξτε όσα από τα παρακάτω κριτήρια πληρούνται για εσάς.
          Οι επιλογές σας επέχουν θέση υπέυθυνης δήλωσης.
          Θα πρέπει να προσκομίσετε τα αντίστοιχα δικαιολογητικά στο σχολείο εγγραφής σας, όταν σας ζητηθεί.
        </p>
        <div class="row">
          <div class="col-md-1"> <input #cborphanmono type="checkbox" (change)="checkorphan('mono', cborphanmono)"  formControlName="orphanmono" ></div>
          <div class="col-md-11 pull-left">Ορφανός από τον ένα γονέα</div>
        </div>
        <div class="row">
          <div class="col-md-1"> <input #cborphantwice type="checkbox" (change)="checkorphan('twice', cborphantwice)" formControlName="orphantwice" ></div>
          <div class="col-md-11 pull-left">Ορφανός και από τους δύο γονείς</div>
        </div>
        <div class="row">
          <div class="col-md-1"> <input #cbthreechildren type="checkbox" (change)="checkchildren('three', cbthreechildren)"  formControlName="threechildren"></div>
          <div class="col-md-11 pull-left">Μέλος Τρίτεκνης Οικογένειας</div>
        </div>
        <div class="row">
          <div class="col-md-1"> <input #cbmanychildren type="checkbox" (change)="checkchildren('many', cbmanychildren)" formControlName="manychildren"></div>
          <div class="col-md-11 pull-left">Μέλος Πολύτεκνης Οικογένειας</div>
        </div>
        <div class="row">
          <div class="col-md-1"> <input type="checkbox" (change)="checkstatus()" formControlName="twins"></div>
          <div class="col-md-11 pull-left">Πολύδυμα Τέκνα</div>
        </div>
        <div class="row">
          <div class="col-md-1"> <input type="checkbox" (change)="checkstatus()" formControlName="disability"></div>
          <div class="col-md-11 pull-left">Γονείς, τέκνα, αδέλφια ή σύζυγος με αναπηρία 67% και άνω </div>
        </div>
        <div class="row">
          <div class="col-md-1"> <input type="checkbox" (change)="checkstatus()" formControlName="studies"></div>
          <div class="col-md-11 pull-left">Αδελφός,-ή που σπουδάζει σε άλλη πόλη</div>
        </div>
      </fieldset>

    </form>

172
173
174
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-6">
            <button type="button" class="btn-primary btn-lg pull-left" (click)="navigateBack()">
Open Source Developer's avatar
Open Source Developer committed
175
                <i class="fa fa-backward"></i>
176
177
            </button>
        </div>
178
        <div class="col-md-6">
Open Source Developer's avatar
UI    
Open Source Developer committed
179
            <button type="button" class="btn-primary btn-lg pull-right" (click)="submitSelected()" [disabled]="studentDataGroup.invalid">
Open Source Developer's avatar
Open Source Developer committed
180
                <i class="fa fa-forward"></i>
181
182
183
184
            </button>
        </div>
    </div>

185
186
  </form>
</div>