Add max per option validator and onkeyon for votes input fields

client/src/app/infrastructure/utils/validators/is-number-range.ts

@@ -1,11 +1,11 @@
 import { AbstractControl, ValidatorFn } from '@angular/forms';
 
-export function isNumberRange(minCtrlName: string, maxCtrlName: string): ValidatorFn {
+export function isNumberRange(minCtrlName: string, maxCtrlName: string, errorName: string = `rangeError`): ValidatorFn {
     return (formControl: AbstractControl): { [key: string]: any } | null => {
         const min = formControl.get(minCtrlName)!.value;
         const max = formControl.get(maxCtrlName)!.value;
         if (+min > +max || Number.isNaN(+min) || Number.isNaN(+max)) {
-            return { rangeError: true };
+            return { [errorName]: true };
         }
         return null;
     };

client/src/app/site/pages/meetings/modules/poll/components/base-poll-form/base-poll-form.component.html

@@ -116,6 +116,11 @@ <h2 class="poll-preview-title">
                                     type="number"
                                     [errorStateMatcher]="parentErrorStateMatcher"
                                 />
+                                @if (contentForm.controls['votes_amount'].hasError('rangeErrorMaxPerOption')) {
+                                    <mat-error>
+                                        {{ 'Max votes per option cannot be greater than max votes.' | translate }}
+                                    </mat-error>
+                                }
                             </mat-form-field>
                         </ng-container>
                     </div>

client/src/app/site/pages/meetings/modules/poll/components/base-poll-form/base-poll-form.component.ts

@@ -474,7 +474,8 @@ export abstract class BasePollFormComponent extends BaseComponent implements OnI
             {
                 validators: [
                     isNumberRange(`min_votes_amount`, `max_votes_amount`),
-                    this.enoughPollOptionsAvailable(`min_votes_amount`, `max_votes_per_option`)
+                    this.enoughPollOptionsAvailable(`min_votes_amount`, `max_votes_per_option`),
+                    isNumberRange(`max_votes_per_option`, `max_votes_amount`, `rangeErrorMaxPerOption`)
                 ]
             }
         );

client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.html

@@ -318,6 +318,7 @@ <h4 class="poll-delegation-title">
                                             [formControl]="getFormControl(option.id)"
                                             max="{{ poll.max_votes_per_option }}"
                                             (change)="saveMultipleVotes(option.id, $event, delegation)"
+                                            (keyup)="saveMultipleVotes(option.id, $event, delegation)"
                                         />
                                         <mat-error>
                                             {{ getErrorInVoteEntry(option.id) }}