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

3
<div id="emailSentNotice" (onHidden)="onHidden()" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
4
  <div class="modal-dialog modal-lg">
5
    <div class="modal-content">
6
7
      <div class="modal-header modal-header-success">
          <h3 class="modal-title pull-left"><i class="fa fa-check-square-o"></i>&nbsp;&nbsp;{{ modalTitle | async }}</h3>
8
        <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
11
12
        </button>
      </div>
      <div class="modal-body">
13
14
15
16
          <p>{{ modalText | async }}</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Κλείσιμο</button>
17
18
19
20
      </div>
    </div>
  </div>
</div>
21
<div style="min-height: 500px; margin-bottom: 30px;">
22
23
24
<form [formGroup]="formGroup">

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

    <div class="row" *ngIf="(userEmailEnabled | async) && formGroup.get('userEmail').valid" style="margin-top: 20px; margin-bottom: 20px;">
        <div class="col-md-12">
            <button type="button" class="btn-primary btn-sm pull-right" (click)="sendVerificationCode()">
            Λήψη Κωδικού Επαλήθευσης
            </button>
        </div>
    </div>

    <div class="row" style="margin-bottom: 20px;">
43
        <div class="col-md-12">
44
45
            <div *ngIf="(userEmailEnabled | async) && (epalUserData$ | async).userEmail !==  ''">
            <button type="button" class="btn-primary btn-sm pull-right" (click)="resetUserEmail();">
46
47
48
            Ακύρωση Αλλαγής Email
            </button>
            </div>
49
            <div *ngIf="!(userEmailEnabled | async)" style="margin-left: 10px;" >
50
51
52
53
54
55
56
            <button type="button" class="btn-primary btn-sm pull-right" (click)="enableUserEmail();">
            Αλλαγή Email
            </button>
            </div>
        </div>
    </div>

57

58
    <div class="form-group" *ngIf="(verificationCodeSent | async) && !(verificationCodeVerified | async)">
59
        <div  class="alert alert-success">
60
            <strong>Ελέγξτε το email σας!</strong> Αντιγράψτε τον κωδικό που σας στείλαμε εδώ και επιλέξτε "Αποστολή Κωδικού Επαλήθευσης"
61
        </div>
62
63
64
65
66
67
68
69
70
        <label for="verificationCode">Κωδικός επαλήθευσης</label><input class="form-control" type="text" formControlName="verificationCode">
    </div>
    <div class="row" *ngIf="(verificationCodeSent | async) && !(verificationCodeVerified | async)">
        <div class="col-md-12">
            <button type="button" class="btn-primary btn-sm pull-right" (click)="verifyVerificationCode()">
            Αποστολή Κωδικού Επαλήθευσης
            </button>
        </div>
    </div>
71
    <div  class="alert alert-success" *ngIf="(verificationCodeSent | async) && (verificationCodeVerified | async)">
72
        <strong>Επιτυχία!</strong> Το email σας επαληθεύθηκε και είναι αυτό με το οποίο θα επικοινωνούμε μαζί σας στο εξής
73
    </div>
74
75


76
77
    <div class="form-group"  *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)">
        <label for="userName">Όνομα</label><input class="form-control" type="text" formControlName="userName">
78
79
80
81
82
83
        <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>
84
    </div>
85

86

87
88
    <div class="form-group"  *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)">
        <label for="userSurname">Επώνυμο</label><input class="form-control" type="text" formControlName="userSurname">
89
90
91
92
93
94
        <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>
95
    </div>
96

97

98
99
    <div class="form-group"  *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)">
        <label for="userFathername">Πατρώνυμο</label><input class="form-control" type="text" formControlName="userFathername">
100
101
102
103
104
105
        <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>
106
107
    </div>

108
109
    <div class="form-group"  *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)">
        <label for="userMothername">Μητρώνυμο</label><input class="form-control" type="text" formControlName="userMothername">
110
111
112
113
114
115
        <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>
116
    </div>
117

118

119
    <div class="row" *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)">
120
        <div class="col-md-12">
121
            <button type="button" class="btn-primary btn-sm pull-right" (click)="saveProfileAndContinue()" [disabled]="((userEmailEnabled | async) && !(verificationCodeVerified | async))">
122
            Συνέχεια
123
124
125
126
            <i class="fa fa-forward"></i>  </button>
        </div>
    </div>
 </form>
127
 </div>