diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts index b469e8ed..032d0a62 100644 --- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts @@ -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(); +} \ No newline at end of file