feat: Zugangscode-Generierung zu ReceiverTableComponent hinzufügen

- `generateAccessCode` Funktion implementiert, um einen eindeutigen Zugangscode zu generieren
- Zugangscode-Generierung in die `receiver_filter` Funktion integriert
- `receiver_filter` aktualisiert, um einen generierten Zugangscode der letzten Zeile zuzuweisen, wenn ein neuer Empfänger hinzugefügt wird
- Dynamisches Zeilenmanagement basierend auf Eingabeveränderungen verbessert
This commit is contained in:
Developer 02 2024-08-22 22:53:29 +02:00
parent f795b1447f
commit a7a77cd491

View File

@ -7,8 +7,8 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatFormFieldModule } from '@angular/material/form-field';
import { ReceiverService } from '../../services/receiver.service'
import { ReceiverInputComponent } from '../receiver-input/receiver-input.component';
import {MatIconModule} from '@angular/material/icon';
import {MatButtonModule} from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { ClearableInputComponent } from '../clearable-input/clearable-input.component'
@Component({
@ -41,6 +41,7 @@ export class ReceiverTableComponent implements OnInit {
// if added into last row
if (value.length > 0 && (this.receiverInputs.at(-1)?.lenght ?? 0) > 0) {
this.receiverData.at(-1)!.accessCode = generateAccessCode();
this.receiverData.push({ email: "", name: "", accessCode: "" });
this.update();
}
@ -73,3 +74,8 @@ export class ReceiverTableComponent implements OnInit {
this.receiverData = [...this.receiverData];
}
}
function generateAccessCode(): string {
const uuid = crypto.randomUUID();
return uuid.replace(/-/g, '').substring(1, 7).toUpperCase();
}