jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add button to create local calendar in calendar panel (#18377)

Browse Source
This commit is contained in:
Bram Kragten 2023-10-24 19:33:03 +02:00 committed by GitHub
parent c0dfc9f73e
commit ccba7a7623
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/panels/calendar/ha-panel-calendar.ts
View File

@ -1,7 +1,7 @@
import { ResizeController } from "@lit-labs/observers/resize-controller"; import { ResizeController } from "@lit-labs/observers/resize-controller";
import "@material/mwc-list"; import "@material/mwc-list";
import type { RequestSelectedDetail } from "@material/mwc-list/mwc-list-item"; import type { RequestSelectedDetail } from "@material/mwc-list/mwc-list-item";
import { mdiChevronDown, mdiRefresh } from "@mdi/js"; import { mdiChevronDown, mdiPlus, mdiRefresh } from "@mdi/js";
import { import {
CSSResultGroup, CSSResultGroup,
LitElement, LitElement,
@ -32,6 +32,8 @@ import {
fetchCalendarEvents, fetchCalendarEvents,
getCalendars, getCalendars,
} from "../../data/calendar"; } from "../../data/calendar";
import { fetchIntegrationManifest } from "../../data/integration";
import { showConfigFlowDialog } from "../../dialogs/config-flow/show-dialog-config-flow";
import { haStyle } from "../../resources/styles"; import { haStyle } from "../../resources/styles";
import type { CalendarViewChanged, HomeAssistant } from "../../types"; import type { CalendarViewChanged, HomeAssistant } from "../../types";
import "./ha-full-calendar"; import "./ha-full-calendar";
@ -119,7 +121,7 @@ class PanelCalendar extends LitElement {
); );
const showPane = this._showPaneController.value ?? !this.narrow; const showPane = this._showPaneController.value ?? !this.narrow;
return html` return html`
<ha-two-pane-top-app-bar-fixed .pane=${showPane}> <ha-two-pane-top-app-bar-fixed .pane=${showPane} footer>
<ha-menu-button <ha-menu-button
slot="navigationIcon" slot="navigationIcon"
.hass=${this.hass} .hass=${this.hass}
@ -146,6 +148,11 @@ class PanelCalendar extends LitElement {
></ha-svg-icon> ></ha-svg-icon>
</ha-button> </ha-button>
${calendarItems} ${calendarItems}
<li divider role="separator"></li>
<ha-list-item graphic="icon" @click=${this._addCalendar}>
<ha-svg-icon .path=${mdiPlus} slot="graphic"></ha-svg-icon>
${this.hass.localize("ui.components.calendar.create_calendar")}
</ha-list-item>
</ha-button-menu>` </ha-button-menu>`
: html`<div slot="title"> : html`<div slot="title">
${this.hass.localize("ui.components.calendar.my_calendars")} ${this.hass.localize("ui.components.calendar.my_calendars")}
@ -157,7 +164,15 @@ class PanelCalendar extends LitElement {
@click=${this._handleRefresh} @click=${this._handleRefresh}
></ha-icon-button> ></ha-icon-button>
${showPane ${showPane
? html`<mwc-list slot="pane" multi}>${calendarItems}</mwc-list>` ? html`<mwc-list slot="pane" multi}>${calendarItems}</mwc-list>
<ha-list-item
graphic="icon"
slot="pane-footer"
@click=${this._addCalendar}
>
<ha-svg-icon .path=${mdiPlus} slot="graphic"></ha-svg-icon>
${this.hass.localize("ui.components.calendar.create_calendar")}
</ha-list-item>`
: nothing} : nothing}
<ha-full-calendar <ha-full-calendar
.events=${this._events} .events=${this._events}
@ -219,6 +234,19 @@ class PanelCalendar extends LitElement {
} }
} }
private async _addCalendar(): Promise<void> {
showConfigFlowDialog(this, {
startFlowHandler: "local_calendar",
showAdvanced: this.hass.userData?.showAdvanced,
manifest: await fetchIntegrationManifest(this.hass, "local_calendar"),
dialogClosedCallback: ({ flowFinished }) => {
if (flowFinished) {
this._calendars = getCalendars(this.hass);
}
},
});
}
private async _handleViewChanged( private async _handleViewChanged(
ev: HASSDomEvent<CalendarViewChanged> ev: HASSDomEvent<CalendarViewChanged>
): Promise<void> { ): Promise<void> {

1
src/translations/en.json
View File

@ -671,6 +671,7 @@
"calendar": { "calendar": {
"label": "Calendar", "label": "Calendar",
"my_calendars": "My calendars", "my_calendars": "My calendars",
"create_calendar": "Create calendar",
"today": "Today", "today": "Today",
"event_retrieval_error": "Could not retrieve events for calendars:", "event_retrieval_error": "Could not retrieve events for calendars:",
"event": { "event": {