german/houseplan-card
1
0
Fork 0
mirror of https://github.com/Matysh/houseplan-card synced 2026-10-04 05:41:34 +00:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

fix: keep wall thickness beside room outline

Browse Source
This commit is contained in:
Matysh
2026-08-07 22:09:42 +03:00
parent d48d220a8c
commit 953063b984
4 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom_components/houseplan/frontend/houseplan-card.js
+9 -9
View File
@@ -4207,6 +4207,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
title=${this._t("title.markup_add")}>
<ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t("markup.add")}
</button>
${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
<input type="number" min=${Xs(1,this._imperial)}
max=${Xs(150,this._imperial)} step="any"
.value=${this._drawWallFieldValue}
@input=${t=>{this._drawWallField=t.target.value}}
title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
<span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
<span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
</label>`:G}
<button class="btn ${"partition"===this._tool?"on":""}"
@click=${()=>{this._cancelPath(),this._tool="partition"}}
title=${this._t("title.markup_partition")}>
@@ -4217,15 +4226,6 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
title=${this._t("title.markup_column")}>
<ha-icon icon="mdi:vector-square"></ha-icon>${this._t("markup.column")}
</button>
${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
<input type="number" min=${Xs(1,this._imperial)}
max=${Xs(150,this._imperial)} step="any"
.value=${this._drawWallFieldValue}
@input=${t=>{this._drawWallField=t.target.value}}
title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
<span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
<span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
</label>`:G}
</span>
<button class="btn ${"merge"===this._tool?"on":""}"
@click=${()=>{this._tool="merge",this._cancelPath(),this._tool="merge"}}
demo/srv/assets/houseplan-card.js
+9 -9
View File
@@ -4207,6 +4207,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
title=${this._t("title.markup_add")}>
<ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t("markup.add")}
</button>
${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
<input type="number" min=${Xs(1,this._imperial)}
max=${Xs(150,this._imperial)} step="any"
.value=${this._drawWallFieldValue}
@input=${t=>{this._drawWallField=t.target.value}}
title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
<span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
<span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
</label>`:G}
<button class="btn ${"partition"===this._tool?"on":""}"
@click=${()=>{this._cancelPath(),this._tool="partition"}}
title=${this._t("title.markup_partition")}>
@@ -4217,15 +4226,6 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
title=${this._t("title.markup_column")}>
<ha-icon icon="mdi:vector-square"></ha-icon>${this._t("markup.column")}
</button>
${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
<input type="number" min=${Xs(1,this._imperial)}
max=${Xs(150,this._imperial)} step="any"
.value=${this._drawWallFieldValue}
@input=${t=>{this._drawWallField=t.target.value}}
title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
<span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
<span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
</label>`:G}
</span>
<button class="btn ${"merge"===this._tool?"on":""}"
@click=${()=>{this._tool="merge",this._cancelPath(),this._tool="merge"}}
dist/houseplan-card.js
Vendored
+9 -9
View File
@@ -4207,6 +4207,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
title=${this._t("title.markup_add")}>
<ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t("markup.add")}
</button>
${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
<input type="number" min=${Xs(1,this._imperial)}
max=${Xs(150,this._imperial)} step="any"
.value=${this._drawWallFieldValue}
@input=${t=>{this._drawWallField=t.target.value}}
title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
<span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
<span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
</label>`:G}
<button class="btn ${"partition"===this._tool?"on":""}"
@click=${()=>{this._cancelPath(),this._tool="partition"}}
title=${this._t("title.markup_partition")}>
@@ -4217,15 +4226,6 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
title=${this._t("title.markup_column")}>
<ha-icon icon="mdi:vector-square"></ha-icon>${this._t("markup.column")}
</button>
${"draw"===this._tool||"partition"===this._tool||"column"===this._tool?W`<label class="drawwall ${null==this._drawWallCm?"invalid":""}">${this._t("wallthick.field")}
<input type="number" min=${Xs(1,this._imperial)}
max=${Xs(150,this._imperial)} step="any"
.value=${this._drawWallFieldValue}
@input=${t=>{this._drawWallField=t.target.value}}
title=${this._t("draw"===this._tool?"markup.draw_wall_title":"partition"===this._tool?"physical.partition_size_title":"physical.column_size_title")} />
<span class="opl">${this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")}</span>
<span class="rangehint">${this._t("physical.allowed_range",{max:Xs(this._drawWallMaxCm,this._imperial),unit:this._t(this._imperial?"wallthick.unit_in":"wallthick.unit_cm")})}</span>
</label>`:G}
</span>
<button class="btn ${"merge"===this._tool?"on":""}"
@click=${()=>{this._tool="merge",this._cancelPath(),this._tool="merge"}}
src/houseplan-card.ts
+10 -10
View File
@@ -12615,16 +12615,6 @@ class HouseplanCard extends LitElement {
title=${this._t('title.markup_add')}>
<ha-icon icon="mdi:vector-polyline-plus"></ha-icon>${this._t('markup.add')}
</button>
<button class="btn ${this._tool === 'partition' ? 'on' : ''}"
@click=${() => { this._cancelPath(); this._tool = 'partition'; }}
title=${this._t('title.markup_partition')}>
<ha-icon icon="mdi:wall"></ha-icon>${this._t('markup.partition')}
</button>
<button class="btn ${this._tool === 'column' ? 'on' : ''}"
@click=${() => { this._cancelPath(); this._tool = 'column'; }}
title=${this._t('title.markup_column')}>
<ha-icon icon="mdi:vector-square"></ha-icon>${this._t('markup.column')}
</button>
${this._tool === 'draw' || this._tool === 'partition' || this._tool === 'column'
? html`<label class="drawwall ${this._drawWallCm == null ? 'invalid' : ''}">${this._t('wallthick.field')}
<input type="number" min=${cmToField(1, this._imperial)}
@@ -12643,6 +12633,16 @@ class HouseplanCard extends LitElement {
})}</span>
</label>`
: nothing}
<button class="btn ${this._tool === 'partition' ? 'on' : ''}"
@click=${() => { this._cancelPath(); this._tool = 'partition'; }}
title=${this._t('title.markup_partition')}>
<ha-icon icon="mdi:wall"></ha-icon>${this._t('markup.partition')}
</button>
<button class="btn ${this._tool === 'column' ? 'on' : ''}"
@click=${() => { this._cancelPath(); this._tool = 'column'; }}
title=${this._t('title.markup_column')}>
<ha-icon icon="mdi:vector-square"></ha-icon>${this._t('markup.column')}
</button>
</span>
<button class="btn ${this._tool === 'merge' ? 'on' : ''}"
@click=${() => { this._tool = 'merge'; this._cancelPath(); this._tool = 'merge'; }}