[ui] remember widget choice per object
This commit is contained in:
parent
d21dbebd66
commit
2614fbdec2
2 changed files with 24 additions and 3 deletions
|
@ -6,15 +6,23 @@
|
||||||
import type { UpEntry } from "upend";
|
import type { UpEntry } from "upend";
|
||||||
import Icon from "./utils/Icon.svelte";
|
import Icon from "./utils/Icon.svelte";
|
||||||
import IconButton from "./utils/IconButton.svelte";
|
import IconButton from "./utils/IconButton.svelte";
|
||||||
|
import { createEventDispatcher } from "svelte";
|
||||||
|
const dispatch = createEventDispatcher();
|
||||||
|
|
||||||
export let entries: UpEntry[];
|
export let entries: UpEntry[];
|
||||||
export let type: UpType | undefined = undefined;
|
export let type: UpType | undefined = undefined;
|
||||||
export let title: string | undefined = undefined;
|
export let title: string | undefined = undefined;
|
||||||
export let editable = false;
|
export let editable = false;
|
||||||
export let reverse = false;
|
export let reverse = false;
|
||||||
|
export let initialWidget: string | undefined = undefined;
|
||||||
|
|
||||||
let currentWidget: string | undefined;
|
let currentWidget: string | undefined;
|
||||||
|
|
||||||
|
function switchWidget(widget: string) {
|
||||||
|
currentWidget = widget;
|
||||||
|
dispatch("widgetSwitched", currentWidget);
|
||||||
|
}
|
||||||
|
|
||||||
let availableWidgets: Widget[] = [];
|
let availableWidgets: Widget[] = [];
|
||||||
$: {
|
$: {
|
||||||
availableWidgets = [
|
availableWidgets = [
|
||||||
|
@ -32,8 +40,12 @@
|
||||||
if (type?.widgetInfo.length > 0) {
|
if (type?.widgetInfo.length > 0) {
|
||||||
availableWidgets = [...type.widgetInfo, ...availableWidgets];
|
availableWidgets = [...type.widgetInfo, ...availableWidgets];
|
||||||
}
|
}
|
||||||
|
if (availableWidgets.map((w) => w.name).includes(initialWidget)) {
|
||||||
|
currentWidget = initialWidget;
|
||||||
|
} else {
|
||||||
currentWidget = availableWidgets[0].name;
|
currentWidget = availableWidgets[0].name;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
let components: Component[] = [];
|
let components: Component[] = [];
|
||||||
$: {
|
$: {
|
||||||
|
@ -71,7 +83,7 @@
|
||||||
name={widget.icon || "question-diamond"}
|
name={widget.icon || "question-diamond"}
|
||||||
active={widget.name === currentWidget}
|
active={widget.name === currentWidget}
|
||||||
--active-color="var(--foreground)"
|
--active-color="var(--foreground)"
|
||||||
on:click={() => (currentWidget = widget.name)}
|
on:click={() => switchWidget(widget.name)}
|
||||||
/>
|
/>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -100,7 +100,7 @@
|
||||||
|
|
||||||
$: filteredUntypedAttributes = untypedAttributes.filter(
|
$: filteredUntypedAttributes = untypedAttributes.filter(
|
||||||
(entry) =>
|
(entry) =>
|
||||||
!["IS", "LBL", "NOTE", "LAST_VISITED", "NUM_VISITED"].includes(
|
!["IS", "LBL", "NOTE", "LAST_VISITED", "NUM_VISITED", "LAST_ATTRIBUTE_WIDGET"].includes(
|
||||||
entry.attribute
|
entry.attribute
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
@ -189,6 +189,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function onAttributeWidgetSwitch(ev: CustomEvent<string>) {
|
||||||
|
await putEntityAttribute(address, "LAST_ATTRIBUTE_WIDGET", {
|
||||||
|
t: "String",
|
||||||
|
c: ev.detail,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
$: entity.subscribe(async (object) => {
|
$: entity.subscribe(async (object) => {
|
||||||
if (object) {
|
if (object) {
|
||||||
await putEntityAttribute(object.address, "LAST_VISITED", {
|
await putEntityAttribute(object.address, "LAST_VISITED", {
|
||||||
|
@ -255,6 +262,8 @@
|
||||||
type={allTypes[typeAddr]}
|
type={allTypes[typeAddr]}
|
||||||
{editable}
|
{editable}
|
||||||
on:change={onChange}
|
on:change={onChange}
|
||||||
|
initialWidget={String($entity.get("LAST_ATTRIBUTE_WIDGET"))}
|
||||||
|
on:widgetSwitched={onAttributeWidgetSwitch}
|
||||||
/>
|
/>
|
||||||
{/each}
|
{/each}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue