Revert "feat(feeder): card layout for units in app-config, share equipment panel"
This reverts commit 521ccfb800.
This commit is contained in:
parent
521ccfb800
commit
2db9fec081
|
|
@ -137,26 +137,11 @@ body {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 1px;
|
gap: 1px;
|
||||||
height: calc(100vh - var(--topbar-h));
|
height: calc(100vh - var(--topbar-h));
|
||||||
grid-template-columns: minmax(0, 1fr) 320px;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: 1fr;
|
grid-template-rows: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-app-config .panel.app-config-main { grid-column: 1; grid-row: 1; }
|
.grid-app-config .panel.app-config-main { grid-column: 1; grid-row: 1; }
|
||||||
.grid-app-config .panel.top-left { grid-column: 2; grid-row: 1; }
|
|
||||||
|
|
||||||
.unit-config-list {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
||||||
gap: 8px;
|
|
||||||
padding: 8px;
|
|
||||||
align-content: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unit-config-list .unit-card {
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* config view slot assignments */
|
/* config view slot assignments */
|
||||||
.grid-config .panel.top-left { grid-column: 1; grid-row: 1; }
|
.grid-config .panel.top-left { grid-column: 1; grid-row: 1; }
|
||||||
|
|
@ -1342,7 +1327,7 @@ button.danger:hover { background: var(--danger-hover); }
|
||||||
}
|
}
|
||||||
.grid-app-config {
|
.grid-app-config {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: auto auto;
|
grid-template-rows: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
body { height: auto; overflow: auto; }
|
body { height: auto; overflow: auto; }
|
||||||
|
|
|
||||||
|
|
@ -49,12 +49,8 @@ function switchView(view) {
|
||||||
dom.tabAppConfig.classList.toggle("active", view === "app-config");
|
dom.tabAppConfig.classList.toggle("active", view === "app-config");
|
||||||
dom.tabConfig.classList.toggle("active", view === "config");
|
dom.tabConfig.classList.toggle("active", view === "config");
|
||||||
|
|
||||||
// equipment panel visible in both config and app-config
|
|
||||||
const equipmentPanel = main.querySelector(".panel.top-left");
|
|
||||||
if (equipmentPanel) equipmentPanel.classList.toggle("hidden", view === "ops");
|
|
||||||
|
|
||||||
// config-only panels (platform config view)
|
// config-only panels (platform config view)
|
||||||
["top-right", "bottom-left", "bottom-right"].forEach((cls) => {
|
["top-left", "top-right", "bottom-left", "bottom-right"].forEach((cls) => {
|
||||||
const el = main.querySelector(`.panel.${cls}`);
|
const el = main.querySelector(`.panel.${cls}`);
|
||||||
if (el) el.classList.toggle("hidden", view !== "config");
|
if (el) el.classList.toggle("hidden", view !== "config");
|
||||||
});
|
});
|
||||||
|
|
@ -87,7 +83,7 @@ function switchView(view) {
|
||||||
if (view === "app-config") {
|
if (view === "app-config") {
|
||||||
if (!_appConfigLoaded) {
|
if (!_appConfigLoaded) {
|
||||||
_appConfigLoaded = true;
|
_appConfigLoaded = true;
|
||||||
withStatus(Promise.all([loadUnits(), loadEquipments()]));
|
withStatus(loadUnits());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue