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
    <div class="row">
        <div class="col-md-2 col-md-offset-4">
174
            <button type="button" class="btn-primary btn-lg pull-center" (click)="saveSelected()">
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-8">
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>