Don't submit the form on forgot my password click

This commit is contained in:
Chocobozzz 2024-03-05 15:14:49 +01:00
parent 338633ce72
commit b6ee2ec689
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 17 additions and 17 deletions

View File

@ -88,7 +88,7 @@
<input type="submit" class="peertube-button orange-button w-100" i18n-value value="Login" [disabled]="!form.valid"> <input type="submit" class="peertube-button orange-button w-100" i18n-value value="Login" [disabled]="!form.valid">
<div *ngIf="!otpStep" class="additional-links d-flex justify-content-center mt-4 mb-5"> <div *ngIf="!otpStep" class="additional-links d-flex justify-content-center mt-4 mb-5">
<button i18n class="button-unstyle link-orange mx-3" (click)="openForgotPasswordModal()" i18n-title title="Click here to reset your password"> <button type="button" i18n class="button-unstyle link-orange mx-3" (click)="openForgotPasswordModal()" i18n-title title="Click here to reset your password">
I forgot my password I forgot my password
</button> </button>
@ -128,7 +128,7 @@
<div class="modal-header"> <div class="modal-header">
<h4 i18n class="modal-title">Forgot your password</h4> <h4 i18n class="modal-title">Forgot your password</h4>
<button class="border-0 p-0" title="Close this modal" i18n-title (click)="hideForgotPasswordModal()"> <button type="button" class="border-0 p-0" title="Close this modal" i18n-title (click)="hideForgotPasswordModal()">
<my-global-icon iconName="cross"></my-global-icon> <my-global-icon iconName="cross"></my-global-icon>
</button> </button>
</div> </div>

View File

@ -12,25 +12,25 @@
<div class="row"> <div class="row">
<div class="col-5"> <div class="col-5">
<label i18n for="reportPredefinedReasons">What is the issue?</label> <label i18n for="reportPredefinedReasons">What is the issue?</label>
<div class="ms-2 mt-2 d-flex flex-column"> <div class="ms-2 mt-2 d-flex flex-column">
<ng-container formGroupName="predefinedReasons"> <ng-container formGroupName="predefinedReasons">
<div class="form-group" *ngFor="let reason of predefinedReasons"> <div class="form-group" *ngFor="let reason of predefinedReasons">
<my-peertube-checkbox [inputName]="reason.id" [formControlName]="reason.id" [labelText]="reason.label"> <my-peertube-checkbox [inputName]="reason.id" [formControlName]="reason.id" [labelText]="reason.label">
<ng-template *ngIf="reason.help" ptTemplate="help"> <ng-template *ngIf="reason.help" ptTemplate="help">
<div [innerHTML]="reason.help"></div> <div [innerHTML]="reason.help"></div>
</ng-template> </ng-template>
<ng-container *ngIf="reason.description" ngProjectAs="description"> <ng-container *ngIf="reason.description" ngProjectAs="description">
<div [innerHTML]="reason.description"></div> <div [innerHTML]="reason.description"></div>
</ng-container> </ng-container>
</my-peertube-checkbox> </my-peertube-checkbox>
</div> </div>
</ng-container> </ng-container>
</div> </div>
</div> </div>
<div class="col-7"> <div class="col-7">