warehouse/src/main_window/window.blp

using Gtk 4.0;
using Adw 1;

template $WarehouseWindow: Adw.ApplicationWindow {
	title: "Warehouse";
	width-request: 363;
	default-width: 921;
	default-height: 450;
	Adw.Breakpoint main_breakpoint {
		condition ("max-width: 865")
		setters {
			main_split.collapsed: true;
			main_split.max-sidebar-width: 280;
		}
	}
	content:
		Adw.ToastOverlay toast_overlay {
			Overlay {
				[overlay]
				Revealer file_drop_revealer {
					can-target: false;
					transition-type: crossfade;
					visible: false;
					Adw.StatusPage file_drop_view {
						icon-name: "warehouse:folder-open-symbolic";
						title: _("Drop to Open");
						description: _("Install Flatpaks or Add a Remote");
						styles ["drag-overlay-status-page"]
					}
				}
				Adw.OverlaySplitView main_split {
					collapsed: false;
					show-sidebar: true;
					min-sidebar-width: 250;
					max-sidebar-width: 999999999;
					sidebar:
						Adw.NavigationPage {
							title: "Warehouse";
							Adw.ToolbarView main_toolbar_view {
								[top]
								Adw.HeaderBar header_bar {
									[start]
									Button refresh_button {
										icon-name: "warehouse:arrow-circular-top-right-symbolic";
										tooltip-text: _("Refresh List");
									}
									[end]
									MenuButton main_menu {
										icon-name: "warehouse:open-menu-symbolic";
										tooltip-text: _("Main Menu");
										menu-model: primary_menu;
									}
								}
								content:
									ScrolledWindow {
										ListBox navigation_row_listbox {
											styles ["navigation-sidebar"]
											Box packages_row {
												margin-top: 12;
												margin-bottom: 12;
												margin-start: 6;
												margin-end: 6;
												spacing: 12;
												Image icon {
													icon-name: "warehouse:flatpak-symbolic";
												}
												Label {
													label: _("Packages");
													wrap: true;
													wrap-mode: word_char;
												}
											}
											Box remotes_row {
												margin-top: 12;
												margin-bottom: 12;
												margin-start: 6;
												margin-end: 6;
												spacing: 12;
												Image {
													icon-name: "warehouse:server-pick-symbolic";
												}
												Label {
													label: _("Remotes");
													wrap: true;
													wrap-mode: word_char;
												}
											}

											Box user_data_row {
												margin-top: 12;
												margin-bottom: 12;
												margin-start: 6;
												margin-end: 6;
												spacing: 12;
												Image {
													icon-name: "warehouse:file-manager-symbolic";
												}
												Label {
													label: _("User Data");
													wrap: true;
													wrap-mode: word_char;
												}
											}
											Box snapshots_row {
												margin-top: 12;
												margin-bottom: 12;
												margin-start: 6;
												margin-end: 6;
												spacing: 12;
												Image {
													icon-name: "warehouse:snapshots-alt-symbolic";
												}
												Label {
													label: _("Snapshots");
													wrap: true;
													wrap-mode: word_char;
												}
											}
											Box install_row {
												margin-top: 12;
												margin-bottom: 12;
												margin-start: 6;
												margin-end: 6;
												spacing: 12;
												Image {
													icon-name: "warehouse:arrow-pointing-at-line-down-symbolic";
												}
												Label {
													label: _("Install Packages");
													wrap: true;
													wrap-mode: word_char;
												}
											}
										}
									}
								;
							}
						}
					;
					content:
						Stack stack {
						}
					;
				}
			}
		}
	;
}

menu primary_menu {
	section {
		/*item {
			label: _("_Preferences");
			action: "app.preferences";
		}*/
		// item {
		//	 label: _("Refresh List");
		//	 action: "app.refresh-list";
		// }
		item {
			label: _("_Open Files");
			action: "app.open-files";
		}
		item {
			label: _("_Keyboard Shortcuts");
			action: "app.shortcuts";
		}
		item {
			label: _("_About Warehouse");
			action: "app.about";
		}
	}
}