Verbessert
This commit is contained in:
+12
-1
@@ -185,6 +185,13 @@ class SternwarteCardRetro extends HTMLElement {
|
||||
}
|
||||
}
|
||||
|
||||
_clearScheduleField(key, domain, service) {
|
||||
const f = this._scheduleFieldState(key);
|
||||
f.draft = ""; f.editing = false; f.pending = false;
|
||||
this._call(domain, service);
|
||||
this._requestRender();
|
||||
}
|
||||
|
||||
_beginScheduleEdit(k, fb) {
|
||||
const f = this._scheduleFieldState(k);
|
||||
f.editing = true; f.pending = false;
|
||||
@@ -732,12 +739,14 @@ class SternwarteCardRetro extends HTMLElement {
|
||||
<div class="sched-readout">${seg7(this._seg7DateTime(openSched), { color: "amber", size: 0.45 })}</div>
|
||||
<input id="open-schedule-input" type="datetime-local" value="${openInputV}">
|
||||
<button type="button" class="kbtn" id="open-schedule-btn">SET</button>
|
||||
<button type="button" class="kbtn kbtn-secondary" id="open-schedule-clear-btn">LÖSCHEN</button>
|
||||
</div>
|
||||
<div class="sched-row">
|
||||
<span class="sched-cap">SCHLIESSEN</span>
|
||||
<div class="sched-readout">${seg7(this._seg7DateTime(closeSched), { color: "amber", size: 0.45 })}</div>
|
||||
<input id="close-schedule-input" type="datetime-local" value="${closeInputV}">
|
||||
<button type="button" class="kbtn" id="close-schedule-btn">SET</button>
|
||||
<button type="button" class="kbtn kbtn-secondary" id="close-schedule-clear-btn">LÖSCHEN</button>
|
||||
</div>
|
||||
<div class="sched-actions">
|
||||
<button type="button" class="kbtn kbtn-secondary" id="nautical-btn">NAUTISCH</button>
|
||||
@@ -767,6 +776,8 @@ class SternwarteCardRetro extends HTMLElement {
|
||||
});
|
||||
this._bindClick("open-schedule-btn", () => this._setDateTime(openSchedEid, "open-schedule-input", "open"));
|
||||
this._bindClick("close-schedule-btn", () => this._setDateTime(closeSchedEid, "close-schedule-input", "close"));
|
||||
this._bindClick("open-schedule-clear-btn", () => this._clearScheduleField("open", "sternwarte", "clear_open_schedule"));
|
||||
this._bindClick("close-schedule-clear-btn", () => this._clearScheduleField("close", "sternwarte", "clear_close_schedule"));
|
||||
this._bindMoreInfo("wind-btn", this.config.wind);
|
||||
this._bindMoreInfo("pos-gauge", this.config.roofPosition);
|
||||
this._bindMoreInfo("moon-scope", this.config.roofStatus);
|
||||
@@ -1440,7 +1451,7 @@ class SternwarteCardRetro extends HTMLElement {
|
||||
}
|
||||
.sched-row {
|
||||
display: grid;
|
||||
grid-template-columns: 90px minmax(0, 1fr) minmax(150px, 200px) 70px;
|
||||
grid-template-columns: 90px minmax(0, 1fr) minmax(150px, 200px) max-content max-content;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
+14
-1
@@ -186,6 +186,15 @@ class SternwarteCard extends HTMLElement {
|
||||
}
|
||||
}
|
||||
|
||||
_clearScheduleField(key, domain, service) {
|
||||
const field = this._scheduleFieldState(key);
|
||||
field.draft = "";
|
||||
field.editing = false;
|
||||
field.pending = false;
|
||||
this._call(domain, service);
|
||||
this._requestRender();
|
||||
}
|
||||
|
||||
_beginScheduleEdit(key, fallbackState) {
|
||||
const field = this._scheduleFieldState(key);
|
||||
field.editing = true;
|
||||
@@ -1234,7 +1243,7 @@ class SternwarteCard extends HTMLElement {
|
||||
}
|
||||
.schedule-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 196px) max-content;
|
||||
grid-template-columns: minmax(0, 196px) max-content max-content;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
@@ -1540,10 +1549,12 @@ class SternwarteCard extends HTMLElement {
|
||||
<div class="schedule-grid">
|
||||
<input id="open-schedule-input" type="datetime-local" value="${openInputValue}">
|
||||
<button type="button" class="secondary" id="open-schedule-btn">\u00d6ffnen setzen</button>
|
||||
<button type="button" class="secondary" id="open-schedule-clear-btn">\u00d6ffnen l\u00f6schen</button>
|
||||
</div>
|
||||
<div class="schedule-grid">
|
||||
<input id="close-schedule-input" type="datetime-local" value="${closeInputValue}">
|
||||
<button type="button" class="secondary" id="close-schedule-btn">Schlie\u00dfen setzen</button>
|
||||
<button type="button" class="secondary" id="close-schedule-clear-btn">Schlie\u00dfen l\u00f6schen</button>
|
||||
</div>
|
||||
<div class="inline-actions">
|
||||
<button type="button" class="secondary" id="nautical-btn">Nautisch setzen</button>
|
||||
@@ -1582,6 +1593,8 @@ class SternwarteCard extends HTMLElement {
|
||||
});
|
||||
this._bindClick("open-schedule-btn", () => this._setDateTime(openScheduleEntityId, "open-schedule-input", "open"));
|
||||
this._bindClick("close-schedule-btn", () => this._setDateTime(closeScheduleEntityId, "close-schedule-input", "close"));
|
||||
this._bindClick("open-schedule-clear-btn", () => this._clearScheduleField("open", "sternwarte", "clear_open_schedule"));
|
||||
this._bindClick("close-schedule-clear-btn", () => this._clearScheduleField("close", "sternwarte", "clear_close_schedule"));
|
||||
this._bindMoreInfo("wind-stat", this.config.wind);
|
||||
this._bindMoreInfo("rain-badge", this.config.rain);
|
||||
this._bindScheduleInput("open", "open-schedule-input", openSchedule);
|
||||
|
||||
Reference in New Issue
Block a user