FeedTheMonkey/data/ui/window.blp

using Gtk 4.0;
using Adw 1;
using WebKit 6.0;

template $FeedTheMonkeyWindow : Adw.ApplicationWindow {
  default-width: 900;
  default-height: 600;

  Adw.ToastOverlay toast_overlay {
    Adw.NavigationSplitView split_view {
      sidebar: Adw.NavigationPage {
        title: _("FeedTheMonkey");

        Adw.ToolbarView {
          [top]
          Adw.HeaderBar {
            [start]
            Stack refresh_stack {
              StackPage {
                name: "button";
                child: Button refresh_button {
                  icon-name: "view-refresh-symbolic";
                  tooltip-text: _("Refresh");
                  action-name: "win.reload";
                };
              }

              StackPage {
                name: "spinner";
                child: Adw.Spinner {};
              }
            }

            [end]
            MenuButton menu_button {
              icon-name: "open-menu-symbolic";
              primary: true;
              menu-model: primary_menu;
            }
          }

          Stack sidebar_content {
            StackPage {
              name: "placeholder";
              child: Adw.StatusPage {
                icon-name: "rss-symbolic";
                title: _("FeedTheMonkey");
                description: _("Log in to load your articles");
              };
            }

            StackPage {
              name: "loading";
              child: Adw.StatusPage {
                paintable: Adw.SpinnerPaintable {};
                title: _("Loading…");
              };
            }

            StackPage {
              name: "empty";
              child: Adw.StatusPage {
                icon-name: "rss-symbolic";
                title: _("No Unread Articles");
              };
            }

            StackPage {
              name: "error";
              child: Adw.StatusPage error_status {
                icon-name: "network-error-symbolic";
                title: _("Could Not Load Articles");

                Button {
                  label: _("Try Again");
                  halign: center;
                  action-name: "win.reload";
                  styles ["pill", "suggested-action"]
                }
              };
            }

            StackPage {
              name: "list";
              child: ScrolledWindow {
                hscrollbar-policy: never;
                ListView article_list_view {
                  single-click-activate: true;
                }
              };
            }
          }
        }
      };

      content: Adw.NavigationPage content_page {
        title: _("FeedTheMonkey");

        Adw.ToolbarView {
          top-bar-style: raised;

          [top]
          Adw.HeaderBar {
            [end]
            MenuButton article_menu_button {
              icon-name: "view-more-symbolic";
              menu-model: article_menu;
              visible: false;
            }
          }

          Stack content_stack {
            StackPage {
              name: "empty";
              child: Adw.StatusPage {
                icon-name: "document-open-symbolic";
                title: _("No Article Selected");
              };
            }

            StackPage {
              name: "webview";
              child: WebKit.WebView web_view {};
            }
          }
        }
      };
    }
  }
}

menu primary_menu {
  section {
    item {
      label: _("Log Out");
      action: "win.logout";
    }
  }

  section {
    item {
      label: _("Keyboard Shortcuts");
      action: "win.show-help-overlay";
    }

    item {
      label: _("About FeedTheMonkey");
      action: "app.about";
    }
  }
}

menu article_menu {
  section {
    item {
      label: _("Mark Unread");
      action: "win.mark-unread";
    }

    item {
      label: _("Open in Browser");
      action: "win.open-in-browser";
    }
  }
}