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

Show position on sidebar card and hide arrow on panel card (#17092)

Browse Source
This commit is contained in:
Paul Bottein 2023-06-29 11:27:49 +02:00 committed by GitHub
parent 6cc207752f
commit 77d24f4129
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/panels/lovelace/components/hui-card-options.ts
View File

@ -46,7 +46,7 @@ export class HuiCardOptions extends LitElement {
@queryAssignedNodes() private _assignedNodes?: NodeListOf<LovelaceCard>; @queryAssignedNodes() private _assignedNodes?: NodeListOf<LovelaceCard>;
@property({ type: Boolean }) public showPosition = false; @property({ type: Boolean }) public hidePosition = false;
@storage({ @storage({
key: "lovelaceClipboard", key: "lovelaceClipboard",
@ -82,6 +82,8 @@ export class HuiCardOptions extends LitElement {
> >
<div class="right"> <div class="right">
<slot name="buttons"></slot> <slot name="buttons"></slot>
${!this.hidePosition
? html`
<ha-icon-button <ha-icon-button
.label=${this.hass!.localize( .label=${this.hass!.localize(
"ui.panel.lovelace.editor.edit_card.move_down" "ui.panel.lovelace.editor.edit_card.move_down"
@ -89,20 +91,18 @@ export class HuiCardOptions extends LitElement {
.path=${mdiArrowDown} .path=${mdiArrowDown}
class="move-arrow" class="move-arrow"
@click=${this._cardDown} @click=${this._cardDown}
.disabled=${this.lovelace!.config.views[this.path![0]].cards! .disabled=${this.lovelace!.config.views[this.path![0]]
.length === .cards!.length ===
this.path![1] + 1} this.path![1] + 1}
></ha-icon-button> ></ha-icon-button>
${this.showPosition <ha-icon-button
? html`<ha-icon-button
@click=${this._changeCardPosition} @click=${this._changeCardPosition}
.label=${this.hass!.localize( .label=${this.hass!.localize(
"ui.panel.lovelace.editor.edit_card.change_position" "ui.panel.lovelace.editor.edit_card.change_position"
)} )}
> >
<div class="position-badge">${this.path![1] + 1}</div> <div class="position-badge">${this.path![1] + 1}</div>
</ha-icon-button>` </ha-icon-button>
: nothing}
<ha-icon-button <ha-icon-button
.label=${this.hass!.localize( .label=${this.hass!.localize(
"ui.panel.lovelace.editor.edit_card.move_up" "ui.panel.lovelace.editor.edit_card.move_up"
@ -112,6 +112,8 @@ export class HuiCardOptions extends LitElement {
@click=${this._cardUp} @click=${this._cardUp}
?disabled=${this.path![1] === 0} ?disabled=${this.path![1] === 0}
></ha-icon-button> ></ha-icon-button>
`
: nothing}
<ha-button-menu @action=${this._handleAction}> <ha-button-menu @action=${this._handleAction}>
<ha-icon-button <ha-icon-button
slot="trigger" slot="trigger"

1
src/panels/lovelace/views/hui-masonry-view.ts
View File

@ -272,7 +272,6 @@ export class MasonryView extends LitElement implements LovelaceViewElement {
wrapper.hass = this.hass; wrapper.hass = this.hass;
wrapper.lovelace = this.lovelace; wrapper.lovelace = this.lovelace;
wrapper.path = [this.index!, index]; wrapper.path = [this.index!, index];
wrapper.showPosition = true;
card.editMode = true; card.editMode = true;
wrapper.appendChild(card); wrapper.appendChild(card);
columnEl.appendChild(wrapper); columnEl.appendChild(wrapper);

1
src/panels/lovelace/views/hui-panel-view.ts
View File

@ -121,6 +121,7 @@ export class PanelView extends LitElement implements LovelaceViewElement {
wrapper.hass = this.hass; wrapper.hass = this.hass;
wrapper.lovelace = this.lovelace; wrapper.lovelace = this.lovelace;
wrapper.path = [this.index!, 0]; wrapper.path = [this.index!, 0];
wrapper.hidePosition = true;
card.editMode = true; card.editMode = true;
wrapper.appendChild(card); wrapper.appendChild(card);
this._card = wrapper; this._card = wrapper;