mirror of
https://github.com/lennart-k/rustical.git
synced 2025-12-13 12:22:16 +00:00
frontend: fill id with uuid for creation forms
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -16,7 +16,7 @@ let CreateAddressbookForm = class extends i {
|
||||
super();
|
||||
this.user = "";
|
||||
this.principal = "";
|
||||
this.addr_id = "";
|
||||
this.addr_id = self.crypto.randomUUID();
|
||||
this.displayname = "";
|
||||
this.description = "";
|
||||
this.dialog = e();
|
||||
@@ -43,7 +43,7 @@ let CreateAddressbookForm = class extends i {
|
||||
<br>
|
||||
<label>
|
||||
id
|
||||
<input type="text" name="id" @change=${(e2) => this.addr_id = e2.target.value} />
|
||||
<input type="text" name="id" value=${this.addr_id} @change=${(e2) => this.addr_id = e2.target.value} />
|
||||
</label>
|
||||
<br>
|
||||
<label>
|
||||
|
||||
@@ -16,7 +16,7 @@ let CreateCalendarForm = class extends i {
|
||||
super();
|
||||
this.user = "";
|
||||
this.principal = "";
|
||||
this.cal_id = "";
|
||||
this.cal_id = self.crypto.randomUUID();
|
||||
this.displayname = "";
|
||||
this.description = "";
|
||||
this.timezone_id = "";
|
||||
@@ -48,7 +48,7 @@ let CreateCalendarForm = class extends i {
|
||||
<br>
|
||||
<label>
|
||||
id
|
||||
<input type="text" name="id" @change=${(e2) => this.cal_id = e2.target.value} />
|
||||
<input type="text" name="id" value=${this.cal_id} @change=${(e2) => this.cal_id = e2.target.value} />
|
||||
</label>
|
||||
<br>
|
||||
<label>
|
||||
|
||||
Reference in New Issue
Block a user