Malheureusement personne ne peut vous dire ce que PunBB est - vous devez le voir par vous-même.
Vous n'êtes pas identifié.
<ng-template #popContent>
<div>
<form [formGroup]="loginForm" (ngSubmit)="onSubmit(p)">
<!-- -->
<div class="form-group">
<label class="control-label" for="email">Email:</label>
<input type="text" formControlName="email" class="form-control" placeholder="user.name@dom.com"
[ngClass]="{ 'is-invalid': f.email.invalid && (submitted || f.email.touched) }" autocomplete="on"/>
<div class="form-text error-form"
[ngClass]="{ 'invalid-feedback': f.email.invalid && (submitted || f.email.touched) }">
<div class="invalid-form-alert" *ngIf="f.email.errors && f.email.errors.required" >
Email is required
</div>
<div class="invalid-form-alert" *ngIf="f.email.errors && f.email.errors.email">
Email must be a valid email address
</div>
</div>
</div>
<div class="form-group">
<label class="control-label" for="Password">Password:</label>
<input type="password" formControlName="password" class="form-control" placeholder="minimum 8 caractères"
[ngClass]="{ 'is-invalid': f.password.invalid && (submitted || f.password.touched) }" />
<div class="form-text error-form"
[ngClass]="{ 'invalid-feedback': f.password.invalid && (submitted || f.password.touched) }" >
<div class="invalid-form-alert"
*ngIf="f.password.errors && f.password.errors.required">
Password is required
</div>
<div class="invalid-form-alert"
*ngIf="f.password.errors && f.password.errors.minlength">
Password must be at least 8 characters
</div>
</div>
</div>
<div class="form-group">
<label class="control-label" for="confirmPassword">Confirm Password:</label>
<input type="password" formControlName="confirmPassword" class="form-control" placeholder="confirmer le mot de passe"
[ngClass]="{ 'is-invalid': f.confirmPassword.invalid && (submitted || f.confirmPassword.touched) }" />
<div class="form-text error-form"
[ngClass]="{ 'invalid-feedback': f.confirmPassword.invalid && (submitted || f.confirmPassword.touched) }">
<div class="invalid-form-alert" *ngIf="f.confirmPassword.errors && f.confirmPassword.errors.required">
Confirm Password is required
</div>
<div class="invalid-form-alert" *ngIf="f.confirmPassword.errors && f.confirmPassword.errors.match">
Passwords must match
</div>
</div>
</div>
<br>
<div class="form-group text-right">
<button type="submit" class="btn btn-outline-primary mr-2" >
Connexion
</button>
</div>
</form>
</div>
</ng-template>
<ng-template #popTitle><b>Connexion</b></ng-template>
<a class="nav-link" href="#" [ngbPopover]="popContent" [popoverTitle]="popTitle" placement="bottom-right"
[autoClose]="false" #p="ngbPopover" (click)="resetForm(p)" triggers="manual" popoverClass="my-popover">
Connexion
</a>Hors ligne
.my-popover {
max-width: none !important;
width: 350px;
/* margin-right: 10px;*/
}
.my-popover .arrow::after {
border-bottom-color: #007bff;
}
.my-popover .popover-header {
text-align: center;
background-color: #007bff;
}
.error-form {
height: 0.6em;
font-size: 80%;
}
élément {
}
.invalid-form-alert {
display: none;
}
.form-text.invalid-feedback > .invalid-form-alert {
display: block;
}Hors ligne