application.form.main.html 15.7 KB
Newer Older
Open Source Developer's avatar
commit  
Open Source Developer committed
1
<div class="row">
2
             <breadcrumbs></breadcrumbs>
Open Source Developer's avatar
commit  
Open Source Developer committed
3
</div>
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
<div class = "loading" *ngIf="(criteria$ | async).size === 0 || (loginInfo$ | async).size === 0"></div>

<div id="applicationFormNotice" (onHidden)="onHidden()" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header {{modalHeader | async}}" >
          <h3 class="modal-title pull-left"><i class="fa fa-check-square-o"></i>&nbsp;&nbsp;{{ modalTitle | async }}</h3>
        <button type="button" class="close pull-right" aria-label="Close" (click)="hideModal()">
          <span aria-hidden="true"><i class="fa fa-times"></i></span>
        </button>
      </div>
      <div class="modal-body">
          <p>{{ modalText | async }}</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Κλείσιμο</button>
      </div>
    </div>
  </div>
</div>

Open Source Developer's avatar
trans  
Open Source Developer committed
25
  <h4> Προσωπικά Στοιχεία Μαθητή </h4>
26
  <form novalidate  [formGroup]="studentDataGroup" #form>
Open Source Developer's avatar
trans  
Open Source Developer committed
27 28
      <p style="margin-top: 20px; line-height: 2em;"> Παρακαλώ συμπληρώστε τα στοιχεία του μαθητή και στη συνέχεια επιλέξτε <i>Συνέχεια</i>. <strong>Προσοχη!</strong> Παρακαλώ να συμπληρώσετε τα στοιχεία ακριβώς όπως είναι στον τελευταίο τίτλο κτήσης απολυτηρίου/ πτυχίου του μαθητή.</p>

29 30 31 32
      <p style="margin-top: 20px; line-height: 2em;"> <b> Η ακρίβεια των στοιχείων που υποβάλλονται με αυτή τη δήλωση μπορεί να ελεγχθεί με βάση το αρχείο άλλων υπηρεσιών (άρθρο 8 παρ. 4 Ν. 1599/1986)</b></p>

      <p style="margin-top: 20px; line-height: 2em;"> <b> Όλα τα πεδία που συνοδεύονται από (*) είναι απαραίτητο να συμπληρωθούν</b></p>

Open Source Developer's avatar
trans  
Open Source Developer committed
33

34 35 36
      <div *ngFor="let loginInfoRow$ of loginInfo$ | async; let i=index;" style = "margin-bottom: 20px;" >
          <div class="row evenin" style="margin: 0px 5px 0px 5px;">
              <div class="col-md-12" style="font-size: 1em; font-weight: bold; text-align: center;">Στοιχεία αιτούμενου κηδεμόνα</div>
37
          </div>
38 39 40 41 42
          <div class="row oddin" style="margin: 0px 5px 0px 5px;">
              <div class="col-md-3" style="font-size: 0.8em;">Όνομα</div>
              <div class="col-md-3" style="font-size: 0.8em; font-weight: bold">{{ loginInfoRow$.cu_name }}</div>
              <div class="col-md-3" style="font-size: 0.8em;">Επώνυμο</div>
              <div class="col-md-3" style="font-size: 0.8em; font-weight: bold">{{ loginInfoRow$.cu_surname }}</div>
43
          </div>
44 45 46 47 48 49 50
          <div class="row oddin" style="margin: 0px 5px 0px 5px;">
              <div class="col-md-3" style="font-size: 0.8em;">Όνομα πατέρα</div>
              <div class="col-md-3" style="font-size: 0.8em; font-weight: bold">{{ loginInfoRow$.cu_fathername }}</div>
              <div class="col-md-3" style="font-size: 0.8em;">Όνομα μητέρας</div>
              <div class="col-md-3" style="font-size: 0.8em; font-weight: bold">{{ loginInfoRow$.cu_mothername }}</div>
          </div>
      </div>
51

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

62
    <div class="form-group">
63
        <label for="studentsurname">Επώνυμο μαθητή(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="studentsurname">
64
    </div>
65
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentsurname').touched && studentDataGroup.get('studentsurname').hasError('required')">
66 67
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
68
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentsurname').dirty && studentDataGroup.get('studentsurname').hasError('pattern')">
69 70 71
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

72
    <div class="form-group">
73
        <label for="fatherfirstname">Όνομα πατέρα(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="fatherfirstname">
74 75 76 77 78 79 80 81 82
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('fatherfirstname').touched && studentDataGroup.get('fatherfirstname').hasError('required')">
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('fatherfirstname').dirty && studentDataGroup.get('fatherfirstname').hasError('pattern')">
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

    <div class="form-group">
83
        <label for="fathersurname">Επώνυμο πατέρα(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="fathersurname">
84 85 86 87 88 89 90 91 92
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('fathersurname').touched && studentDataGroup.get('fathersurname').hasError('required')">
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('fathersurname').dirty && studentDataGroup.get('fathersurname').hasError('pattern')">
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

    <div class="form-group">
93
        <label for="motherfirstname">Όνομα μητέρας(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="motherfirstname">
94 95 96 97 98 99 100 101 102
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('motherfirstname').touched && studentDataGroup.get('motherfirstname').hasError('required')">
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('motherfirstname').dirty && studentDataGroup.get('motherfirstname').hasError('pattern')">
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

    <div class="form-group">
103
        <label for="mothersurname">Γένος μητέρας(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="mothersurname">
104 105 106 107 108 109 110 111
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('mothersurname').touched && studentDataGroup.get('mothersurname').hasError('required')">
        Το πεδίο δεν μπορεί να αφεθεί κενό!
    </div>
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('mothersurname').dirty && studentDataGroup.get('mothersurname').hasError('pattern')">
        Δεν επιτρέπονται ψηφία ή άλλοι μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
    </div>

112
  <div class="form-group">
113 114 115
      <label for="studentbirthdate">Ημερομηνία γέννησης - Δεν πληκτρολογείτε. Επιλέξτε το εικονίδιο δεξιά!(<span style="color: #ff0000;">*</span>)</label>
      <my-date-picker name="studentbirthdate" [options]="myDatePickerOptions"
                    formControlName="studentbirthdate" locale="el"></my-date-picker>
116 117 118 119
  </div>
  <div class="alert alert-danger" *ngIf="studentDataGroup.get('studentbirthdate').touched && studentDataGroup.get('studentbirthdate').hasError('required')">
      Συμπληρώστε την ημερομηνία γέννησης του μαθητή!
  </div>
120 121


122 123 124 125
    <table>
        <tr>
            <td>
                <div class="form-group">
126
                    <label for="regionaddress">Διεύθυνση κατοικίας(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="regionaddress">
127
                </div>
128
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionaddress').touched && studentDataGroup.get('regionaddress').hasError('required')">
129 130
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
131
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionaddress').dirty && studentDataGroup.get('regionaddress').hasError('pattern')">
132 133
                    Δεν επιτρέπονται μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
134 135 136
            </td>
            <td>
                <div class="form-group">
137
                    <label for="regiontk">TK(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="regiontk">
138
                </div>
139
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regiontk').touched && studentDataGroup.get('regiontk').hasError('required')">
140 141
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
142
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regiontk').dirty && studentDataGroup.get('regiontk').hasError('pattern')">
143 144
                    Δεν επιτρέπονται γράμματα αλφαβήτου ή μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
145 146 147
            </td>
            <td>
                <div class="form-group">
148
                    <label for="regionarea">Πόλη/Περιοχή(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="regionarea">
149
                </div>
150
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionarea').touched && studentDataGroup.get('regionarea').hasError('required')">
151 152
                    Το πεδίο δεν μπορεί να αφεθεί κενό!
                </div>
153
                <div class="alert alert-danger" *ngIf="studentDataGroup.get('regionarea').dirty && studentDataGroup.get('regionarea').hasError('pattern')">
154 155
                    Δεν επιτρέπονται μη έγκυροι χαρακτήρες σε αυτό το πεδίο!
                </div>
156 157 158 159
            </td>
        </tr>
    </table>

160
    <div class="form-group">
161
        <label for="certificatetype">Τύπος απολυτηρίου(<span style="color: #ff0000;">*</span>)</label><br/>
162
        <select class="form-control" formControlName="certificatetype">
163
        <option value="">Παρακαλώ επιλέξτε...</option>
164 165 166 167
        <option value="Απολυτήριο Γυμνασίου">Απολυτήριο Γυμνασίου</option>
        <option value="Απολυτήριο Λυκείου">Απολυτήριο Λυκείου</option>
    </select>
    </div>
168
    <div class="alert alert-danger" *ngIf="studentDataGroup.get('certificatetype').dirty && studentDataGroup.get('certificatetype').hasError('status')">
169 170 171
        Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
    </div>

172
    <div class="form-group">
173
        <label for="relationtostudent">Η αίτηση γίνεται από:(<span style="color: #ff0000;">*</span>)</label><br/>
174
        <select class="form-control" formControlName="relationtostudent">
175
        <option value="">Παρακαλώ επιλέξτε...</option>
176 177 178
        <option value="Γονέας/Κηδεμόνας">Γονέας/Κηδεμόνας</option>
        <option value="Μαθητής">Μαθητής</option>
    </select>
179
        <div class="alert alert-danger" *ngIf="studentDataGroup.get('relationtostudent').dirty && studentDataGroup.get('relationtostudent').hasError('status')">
180 181
            Η επιλογή από αυτή τη λίστα είναι απαραίτητη!
        </div>
182 183
    </div>

184
    <div class="form-group">
185
        <label for="telnum">Κινητό Τηλέφωνο(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="telnum">
186 187 188 189 190
    </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')">
191
        Επιτρέπονται μόνο ψηφία σε αυτό το πεδίο και πρέπει να αντιστοιχούν σε κινητό τηλέφωνο!
192 193
    </div>

194

195
    <form novalidate [formGroup]="studentCriteriaGroup">
196

197 198
        <div formArrayName="formArray">

199 200 201
          <legend>Εισοδηματικά κριτήρια</legend>
          <div *ngFor="let criter$ of criteria$   | async; let j=index">
            <div class="row" *ngIf="criter$.category === 'Εισοδηματικό' ">
202
              <div class="col-md-1">
203
                  <input #cb type="checkbox" (change)="checkcriteria(cb, criter$.mutual_disabled_id)" formControlName={{j}}>
204 205 206 207 208
              </div>
              <div class="col-md-11 pull-left">
                  {{criter$.name}}
              </div>
            </div>
209 210
          </div>

211 212
          <legend>Κοινωνικά κριτήρια</legend>
          <p style="margin-top: 15px; line-height: 1.5em;">Επιλέξτε όσα από τα παρακάτω κριτήρια πληρούνται για εσάς.
213
            Οι επιλογές σας επέχουν θέση υπεύθυνης δήλωσης.
214 215
            Θα πρέπει να προσκομίσετε τα αντίστοιχα δικαιολογητικά στο σχολείο εγγραφής σας, όταν σας ζητηθεί.
          </p>
216 217

          <div *ngFor="let criter$ of criteria$   | async; let i=index">
218
            <div class="row" *ngIf="criter$.category === 'Κοινωνικό' ">
219 220 221 222 223 224 225 226 227 228
              <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>


229 230 231 232
      <div class="row">
      </div>

    </div>
233 234 235

    </form>

236
    <div class="row" style="margin-top: 20px; margin-bottom: 20px;" *ngIf="(criteria$ | async).size > 0">
237 238
        <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
239
                <i class="fa fa-backward"></i>
240 241
            </button>
        </div>
242
        <div class="col-md-6">
243
            <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="submitSelected()">
244
                <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
245 246
            </button>
        </div>
247

248 249
    </div>

250
  </form>
251 252

  <!-- <pre>{{studentDataGroup.value | json}}</pre> -->