application.form.main.html 12.3 KB
Newer Older
1
<div class="row equal">
2
 <div class="col-md-12">
3
  <form novalidate  [formGroup]="studentDataGroup" #form>
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
    <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>

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

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

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

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

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

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

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

113 114 115

    <form novalidate (ngSubmit)="onSubmit(studentCriteriaGroup)" [formGroup]="studentCriteriaGroup">

116
      <!--
117
        <fieldset class="group">
118
      -->
119 120
        <legend>Εισοδηματικά κριτήρια</legend>

121 122 123 124 125 126 127
        <select #cblsttest class="form-control" (change)="checkstatus(cblsttest)" formControlName="incometest">
        <option *ngFor="let criter$ of criteria$   | async; let i=index" >
          <div *ngIf="criter$.name === 'Εισόδημα' && criter$.name !== 'Απόσταση'">
        {{criter$.name}} </div></option>
        </select>


128
        <div class="form-group">
129

130
            <label for="income">Το κατά κεφαλήν εισόδημα στο προηγούμενο φορολογικό έτος είναι:</label><br/>
131 132 133 134 135 136
              <select #cblst class="form-control" (change)="checkstatus(cblst)" formControlName="income">
              <option value="noincomecriterio" [selected] = "selectionIncomeId === 0" >Παρακαλώ επιλέξτε..</option>
              <option value="<= 3000 Ευρώ" [selected] = "selectionIncomeId === 8" >μικρότερο ή ίσο των 3000 Ευρώ</option>
              <option value="<= 6000 Ευρώ" [selected] = "selectionIncomeId === 9" >μικρότερο ή ίσο των 6000 Ευρώ</option>
              <option value="<= 9000 Ευρώ" [selected] = "selectionIncomeId === 10" >μικρότερο ή ίσο των 9000 Ευρώ</option>
              <option value="> 9000 Ευρώ" [selected] = "selectionIncomeId === 11" >μεγαλύτερο των 9000 Ευρώ</option>
137
            </select>
138

139
            <div class="alert alert-danger" *ngIf=" studentCriteriaGroup.get('income').hasError('status')">
140 141 142 143
                  Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
            </div>
        </div>

144 145 146 147
        <div formArrayName="formArray">
         <div *ngFor="let criter$ of criteria$ | async; let i=index"> </div>


148 149 150 151 152
        <legend>Κοινωνικά κριτήρια</legend>
        <p style="margin-top: 15px; line-height: 1.5em;">Επιλέξτε όσα από τα παρακάτω κριτήρια πληρούνται για εσάς.
          Οι επιλογές σας επέχουν θέση υπέυθυνης δήλωσης.
          Θα πρέπει να προσκομίσετε τα αντίστοιχα δικαιολογητικά στο σχολείο εγγραφής σας, όταν σας ζητηθεί.
        </p>
153
        <!--
154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181
        <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>
182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205
      -->


          <div *ngFor="let criter$ of criteria$   | async; let i=index">




          <div class="row" *ngIf="criter$.name !== 'Εισόδημα' && criter$.name !== 'Απόσταση'">
          <div class="col-md-1">
              <input #cb type="checkbox" (change)="checkcriteria(cb, criter$.mutual_disabled_id)" formControlName={{i}}>
          </div>
          <div class="col-md-11 pull-left">
              {{criter$.name}}
          </div>
          </div>

          </div>

      <div class="row">

      </div>

      <!--
206
      </fieldset>
207 208
    -->
    </div>
209 210 211

    </form>

212 213 214
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-6">
            <button type="button" class="btn-primary btn-lg pull-left" (click)="navigateBack()">
215
                <i class="fa fa-backward"></i>
216 217
            </button>
        </div>
218
        <div class="col-md-6">
219
            <button type="button" class="btn-primary btn-lg pull-right" (click)="submitSelected()" [disabled]="studentDataGroup.invalid || studentCriteriaGroup.invalid" >
220
                <i class="fa fa-forward"></i>
221 222
            </button>
        </div>
223

224 225
    </div>

226 227
  </form>
</div>