parent.form.html 5.13 KB
Newer Older
1
<div class="loading" *ngIf="(showLoader | async) === true"></div>
2

3
<div id="emailSentNotice" (onHidden)="onHidden()" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
4 5 6 7 8
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header modal-header-danger">
                <h3 class="modal-title pull-left"><i class="fa fa-ban"></i>&nbsp;&nbsp;{{ modalTitle | async }}</h3>
                <button type="button" class="close pull-right" aria-label="Close" (click)="hideModal()">
9
          <span aria-hidden="true"><i class="fa fa-times"></i></span>
10
        </button>
11 12 13 14 15 16 17 18
            </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>
19 20
    </div>
</div>
21
<div style="min-height: 500px; margin-bottom: 30px;">
22
    <p style="margin-top: 20px; line-height: 2em;"> <b> Στοιχεία γονέα-κηδεμόνα. Όλα τα πεδία που συνοδεύονται από (*) είναι απαραίτητο να συμπληρωθούν. Στα ονόματα επιτρέπονται μόνο κεφαλαία γράμματα.</b></p>
23
    <form [formGroup]="formGroup">
24

25 26
        <div class="form-group">
            <label for="userEmail">Email Επικοινωνίας(<span style="color: #ff0000;">*</span>)</label><input #userEmail class="form-control" type="text" formControlName="userEmail">
27
        </div>
28
        <div class="alert alert-danger" *ngIf="formGroup.get('userEmail').hasError('required')">
29 30
            Το πεδίο δεν μπορεί να αφεθεί κενό!
        </div>
31 32
        <div class="alert alert-danger" *ngIf="formGroup.get('userEmail').hasError('pattern')">
            Πληκτρολογήστε ένα σωστό συντακτικά email!
33 34
        </div>

35 36 37 38 39 40 41 42
        <div class="form-group">
            <label for="userName">Όνομα(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="userName">
            <div class="alert alert-danger" *ngIf="formGroup.get('userName').touched && formGroup.get('userName').hasError('required') ">
                Το πεδίο δεν μπορεί να αφεθεί κενό!
            </div>
            <div class="alert alert-danger" *ngIf="formGroup.get('userName').hasError('pattern')">
                Πληκτρολογήστε το όνομά σας με κεφαλαία γράμματα!
            </div>
43
        </div>
44 45 46 47 48 49 50 51 52

        <div class="form-group">
            <label for="userSurname">Επώνυμο(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="userSurname">
            <div class="alert alert-danger" *ngIf="formGroup.get('userSurname').touched && formGroup.get('userSurname').hasError('required') ">
                Το πεδίο δεν μπορεί να αφεθεί κενό!
            </div>
            <div class="alert alert-danger" *ngIf="formGroup.get('userSurname').hasError('pattern')">
                Πληκτρολογήστε το επώνυμό σας με κεφαλαία γράμματα!
            </div>
53
        </div>
54

55 56 57 58 59 60 61 62
        <div class="form-group">
            <label for="userFathername">Πατρώνυμο(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="userFathername">
            <div class="alert alert-danger" *ngIf="formGroup.get('userFathername').touched && formGroup.get('userFathername').hasError('required') ">
                Το πεδίο δεν μπορεί να αφεθεί κενό!
            </div>
            <div class="alert alert-danger" *ngIf="formGroup.get('userFathername').hasError('pattern')">
                Πληκτρολογήστε το όνομα του πατέρα σας με κεφαλαία γράμματα!
            </div>
63
        </div>
64 65 66 67 68 69 70 71 72

        <div class="form-group">
            <label for="userMothername">Μητρώνυμο(<span style="color: #ff0000;">*</span>)</label><input class="form-control" type="text" formControlName="userMothername">
            <div class="alert alert-danger" *ngIf="formGroup.get('userMothername').touched && formGroup.get('userMothername').hasError('required') ">
                Το πεδίο δεν μπορεί να αφεθεί κενό!
            </div>
            <div class="alert alert-danger" *ngIf="formGroup.get('userMothername').hasError('pattern')">
                Πληκτρολογήστε το όνομα της μητέρας σας με κεφαλαία γράμματα!
            </div>
73 74
        </div>

75

76 77 78
        <div class="row">
            <div class="col-md-12">
                <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="saveProfileAndContinue()">
79 80
                <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
            </button>
81
            </div>
82
        </div>
83 84
    </form>
</div>