import { Backend } from "Backend.slint";
import { ToggleButton, VText, Palette } from "@vynui";

export component SideBar inherits Rectangle {
	background: Palette.pane;

	VerticalLayout {
		alignment: start;
		padding: 16px;
		spacing: 16px;
		VText {
			text: "Sources";
			font-size: 1.5rem;
		}
		VerticalLayout {
			spacing: 4px;
			ToggleButton {
				text: "All";
				text-alignment: left;
				active: Backend.no-source-selected;
				clicked => { Backend.source_clicked(-1) }
			}
			for item[index] in Backend.sources-selected: ToggleButton {
				text: item.name;
				text-alignment: left;
				active: item.selected;
				clicked => { Backend.source_clicked(index) }
			}
		}
		/*VText {
			text: "Tags";
			font-size: 1.5rem;
		}
		VerticalLayout {
			spacing: 4px;
			for item[index] in Backend.tags: ToggleButton {
				text: item;
				text-alignment: left;
				clicked => { Backend.tag_clicked(index) }
			}
		}*/
	}
}