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">
<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
</button>
@ -128,7 +128,7 @@
<div class="modal-header">
<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>
</button>
</div>

View File

@ -12,25 +12,25 @@
<div class="row">
<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">
<ng-container formGroupName="predefinedReasons">
<div class="ms-2 mt-2 d-flex flex-column">
<ng-container formGroupName="predefinedReasons">
<div class="form-group" *ngFor="let reason of predefinedReasons">
<my-peertube-checkbox [inputName]="reason.id" [formControlName]="reason.id" [labelText]="reason.label">
<ng-template *ngIf="reason.help" ptTemplate="help">
<div [innerHTML]="reason.help"></div>
</ng-template>
<div class="form-group" *ngFor="let reason of predefinedReasons">
<my-peertube-checkbox [inputName]="reason.id" [formControlName]="reason.id" [labelText]="reason.label">
<ng-template *ngIf="reason.help" ptTemplate="help">
<div [innerHTML]="reason.help"></div>
</ng-template>
<ng-container *ngIf="reason.description" ngProjectAs="description">
<div [innerHTML]="reason.description"></div>
</ng-container>
</my-peertube-checkbox>
</div>
<ng-container *ngIf="reason.description" ngProjectAs="description">
<div [innerHTML]="reason.description"></div>
</ng-container>
</my-peertube-checkbox>
</div>
</ng-container>
</div>
</ng-container>
</div>
</div>
<div class="col-7">