frontend: fill id with uuid for creation forms

This commit is contained in:
Lennart
2025-07-23 21:31:10 +02:00
parent 4bd6271e33
commit 84af24a2b7
4 changed files with 8 additions and 9 deletions

View File

@@ -19,7 +19,7 @@ export class CreateAddressbookForm extends LitElement {
@property()
principal: string = ''
@property()
addr_id: string = ''
addr_id: string = self.crypto.randomUUID()
@property()
displayname: string = ''
@property()
@@ -46,7 +46,7 @@ export class CreateAddressbookForm extends LitElement {
<br>
<label>
id
<input type="text" name="id" @change=${e => this.addr_id = e.target.value} />
<input type="text" name="id" value=${this.addr_id} @change=${e => this.addr_id = e.target.value} />
</label>
<br>
<label>

View File

@@ -18,7 +18,7 @@ export class CreateCalendarForm extends LitElement {
@property()
principal: string = ''
@property()
cal_id: string = ''
cal_id: string = self.crypto.randomUUID()
@property()
displayname: string = ''
@property()
@@ -37,7 +37,6 @@ export class CreateCalendarForm extends LitElement {
dialog: Ref<HTMLDialogElement> = createRef()
form: Ref<HTMLFormElement> = createRef()
override render() {
return html`
<button @click=${() => this.dialog.value.showModal()}>Create calendar</button>
@@ -56,7 +55,7 @@ export class CreateCalendarForm extends LitElement {
<br>
<label>
id
<input type="text" name="id" @change=${e => this.cal_id = e.target.value} />
<input type="text" name="id" value=${this.cal_id} @change=${e => this.cal_id = e.target.value} />
</label>
<br>
<label>