nikdoof/rustical
1
1
Fork 0
mirror of https://github.com/lennart-k/rustical.git synced 2025-12-13 21:42:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend: Add timezone fields to calendar forms

Browse Source
This commit is contained in:
Lennart
2025-07-23 17:59:54 +02:00
parent 5d0263abc1
commit 89dd94904b
5 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
crates/frontend/js-components/lib/create-calendar-form.ts
View File

@@ -27,6 +27,8 @@ export class CreateCalendarForm extends LitElement {
@property() @property()
description: string = '' description: string = ''
@property() @property()
timezone_id: string = ''
@property()
color: string = '' color: string = ''
@property() @property()
isSubscription: boolean = false isSubscription: boolean = false
@@ -65,6 +67,11 @@ export class CreateCalendarForm extends LitElement {
<input type="text" name="displayname" value=${this.displayname} @change=${e => this.displayname = e.target.value} /> <input type="text" name="displayname" value=${this.displayname} @change=${e => this.displayname = e.target.value} />
</label> </label>
<br> <br>
<label>
Timezone (optional)
<input type="text" name="timezone" .value=${this.timezone_id} @change=${e => this.timezone_id = e.target.value} />
</label>
<br>
<label> <label>
Description Description
<input type="text" name="description" @change=${e => this.description = e.target.value} /> <input type="text" name="description" @change=${e => this.description = e.target.value} />
@@ -125,6 +132,7 @@ export class CreateCalendarForm extends LitElement {
<set> <set>
<prop> <prop>
<displayname>${escapeXml(this.displayname)}</displayname> <displayname>${escapeXml(this.displayname)}</displayname>
${this.timezone_id ? `<CAL:calendar-timezone-id>${escapeXml(this.timezone_id)}</CAL:calendar-timezone-id>` : ''}
${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ''} ${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ''}
${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ''} ${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ''}
${(this.isSubscription && this.subscriptionUrl) ? `<CS:source><href>${escapeXml(this.subscriptionUrl)}</href></CS:source>` : ''} ${(this.isSubscription && this.subscriptionUrl) ? `<CS:source><href>${escapeXml(this.subscriptionUrl)}</href></CS:source>` : ''}

8
crates/frontend/js-components/lib/edit-calendar-form.ts
View File

@@ -23,6 +23,8 @@ export class EditCalendarForm extends LitElement {
@property() @property()
description: string = '' description: string = ''
@property() @property()
timezone_id: string = ''
@property()
color: string = '' color: string = ''
@property({ @property({
converter: { converter: {
@@ -47,6 +49,11 @@ export class EditCalendarForm extends LitElement {
<input type="text" name="displayname" .value=${this.displayname} @change=${e => this.displayname = e.target.value} /> <input type="text" name="displayname" .value=${this.displayname} @change=${e => this.displayname = e.target.value} />
</label> </label>
<br> <br>
<label>
Timezone (optional)
<input type="text" name="timezone" .value=${this.timezone_id} @change=${e => this.timezone_id = e.target.value} />
</label>
<br>
<label> <label>
Description Description
<input type="text" name="description" .value=${this.description} @change=${e => this.description = e.target.value} /> <input type="text" name="description" .value=${this.description} @change=${e => this.description = e.target.value} />
@@ -100,6 +107,7 @@ export class EditCalendarForm extends LitElement {
<set> <set>
<prop> <prop>
<displayname>${escapeXml(this.displayname)}</displayname> <displayname>${escapeXml(this.displayname)}</displayname>
${this.timezone_id ? `<CAL:calendar-timezone-id>${escapeXml(this.timezone_id)}</CAL:calendar-timezone-id>` : ''}
${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ''} ${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ''}
${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ''} ${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ''}
<CAL:supported-calendar-component-set> <CAL:supported-calendar-component-set>

10
crates/frontend/public/assets/js/create-calendar-form.mjs
View File

@@ -21,6 +21,7 @@ let CreateCalendarForm = class extends i {
this.cal_id = ""; this.cal_id = "";
this.displayname = ""; this.displayname = "";
this.description = ""; this.description = "";
this.timezone_id = "";
this.color = ""; this.color = "";
this.isSubscription = false; this.isSubscription = false;
this.subscriptionUrl = ""; this.subscriptionUrl = "";
@@ -57,6 +58,11 @@ let CreateCalendarForm = class extends i {
<input type="text" name="displayname" value=${this.displayname} @change=${(e2) => this.displayname = e2.target.value} /> <input type="text" name="displayname" value=${this.displayname} @change=${(e2) => this.displayname = e2.target.value} />
</label> </label>
<br> <br>
<label>
Timezone (optional)
<input type="text" name="timezone" .value=${this.timezone_id} @change=${(e2) => this.timezone_id = e2.target.value} />
</label>
<br>
<label> <label>
Description Description
<input type="text" name="description" @change=${(e2) => this.description = e2.target.value} /> <input type="text" name="description" @change=${(e2) => this.description = e2.target.value} />
@@ -120,6 +126,7 @@ let CreateCalendarForm = class extends i {
<set> <set>
<prop> <prop>
<displayname>${escapeXml(this.displayname)}</displayname> <displayname>${escapeXml(this.displayname)}</displayname>
${this.timezone_id ? `<CAL:calendar-timezone-id>${escapeXml(this.timezone_id)}</CAL:calendar-timezone-id>` : ""}
${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ""} ${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ""}
${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ""} ${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ""}
${this.isSubscription && this.subscriptionUrl ? `<CS:source><href>${escapeXml(this.subscriptionUrl)}</href></CS:source>` : ""} ${this.isSubscription && this.subscriptionUrl ? `<CS:source><href>${escapeXml(this.subscriptionUrl)}</href></CS:source>` : ""}
@@ -150,6 +157,9 @@ __decorateClass([
__decorateClass([ __decorateClass([
n$1() n$1()
], CreateCalendarForm.prototype, "description", 2); ], CreateCalendarForm.prototype, "description", 2);
__decorateClass([
n$1()
], CreateCalendarForm.prototype, "timezone_id", 2);
__decorateClass([ __decorateClass([
n$1() n$1()
], CreateCalendarForm.prototype, "color", 2); ], CreateCalendarForm.prototype, "color", 2);

10
crates/frontend/public/assets/js/edit-calendar-form.mjs
View File

@@ -16,6 +16,7 @@ let EditCalendarForm = class extends i {
super(); super();
this.displayname = ""; this.displayname = "";
this.description = ""; this.description = "";
this.timezone_id = "";
this.color = ""; this.color = "";
this.components = /* @__PURE__ */ new Set(); this.components = /* @__PURE__ */ new Set();
this.dialog = e(); this.dialog = e();
@@ -35,6 +36,11 @@ let EditCalendarForm = class extends i {
<input type="text" name="displayname" .value=${this.displayname} @change=${(e2) => this.displayname = e2.target.value} /> <input type="text" name="displayname" .value=${this.displayname} @change=${(e2) => this.displayname = e2.target.value} />
</label> </label>
<br> <br>
<label>
Timezone (optional)
<input type="text" name="timezone" .value=${this.timezone_id} @change=${(e2) => this.timezone_id = e2.target.value} />
</label>
<br>
<label> <label>
Description Description
<input type="text" name="description" .value=${this.description} @change=${(e2) => this.description = e2.target.value} /> <input type="text" name="description" .value=${this.description} @change=${(e2) => this.description = e2.target.value} />
@@ -91,6 +97,7 @@ let EditCalendarForm = class extends i {
<set> <set>
<prop> <prop>
<displayname>${escapeXml(this.displayname)}</displayname> <displayname>${escapeXml(this.displayname)}</displayname>
${this.timezone_id ? `<CAL:calendar-timezone-id>${escapeXml(this.timezone_id)}</CAL:calendar-timezone-id>` : ""}
${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ""} ${this.description ? `<CAL:calendar-description>${escapeXml(this.description)}</CAL:calendar-description>` : ""}
${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ""} ${this.color ? `<ICAL:calendar-color>${escapeXml(this.color)}</ICAL:calendar-color>` : ""}
<CAL:supported-calendar-component-set> <CAL:supported-calendar-component-set>
@@ -123,6 +130,9 @@ __decorateClass([
__decorateClass([ __decorateClass([
n$1() n$1()
], EditCalendarForm.prototype, "description", 2); ], EditCalendarForm.prototype, "description", 2);
__decorateClass([
n$1()
], EditCalendarForm.prototype, "timezone_id", 2);
__decorateClass([ __decorateClass([
n$1() n$1()
], EditCalendarForm.prototype, "color", 2); ], EditCalendarForm.prototype, "color", 2);

1
crates/frontend/public/templates/components/sections/calendars_section.html
View File

@@ -28,6 +28,7 @@
<edit-calendar-form <edit-calendar-form
principal="{{ calendar.principal }}" principal="{{ calendar.principal }}"
cal_id="{{ calendar.id }}" cal_id="{{ calendar.id }}"
timezone_id="{{ calendar.timezone_id.as_deref().unwrap_or_default() }}"
displayname="{{ calendar.displayname.as_deref().unwrap_or_default() }}" displayname="{{ calendar.displayname.as_deref().unwrap_or_default() }}"
description="{{ calendar.description.as_deref().unwrap_or_default() }}" description="{{ calendar.description.as_deref().unwrap_or_default() }}"
color="{{ calendar.color.as_deref().unwrap_or_default() }}" color="{{ calendar.color.as_deref().unwrap_or_default() }}"