parent.form.html 6.59 KB
Newer Older
1
<div class = "loading" *ngIf="(epalUserData$ | async) === {}"></div>
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<div *ngIf="(isModalShown | async)" [config]="{ show: true }" (onHidden)="onHidden()" bsModal #autoShownModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">Auto shown modal</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="hideModal()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>-------------------------</p>
        <p>-------------------------</p>
        <p>-------------------------</p>
      </div>
    </div>
  </div>
</div>
19 20 21
<form [formGroup]="formGroup">

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

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

54

55
    <div class="form-group" *ngIf="(verificationCodeSent | async) && !(verificationCodeVerified | async)">
56 57 58
        <alert type="success">
            <strong>Ελέγξτε το email σας!</strong> Αντιγράψτε τον κωδικό που σας στείλαμε εδώ και επιλέξτε "Αποστολή Κωδικού Επαλήθευσης"
        </alert>
59 60 61 62 63 64 65 66 67
        <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>
68 69 70
    <alert type="success" *ngIf="(verificationCodeSent | async) && (verificationCodeVerified | async)">
        <strong>Επιτυχία!</strong> Το email σας επαληθεύθηκε και είναι αυτό με το οποίο θα επικοινωνούμε μαζί σας στο εξής
    </alert>
71 72


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

83

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

94

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

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

115

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