warehouse/data/ui/properties.blp

using Gtk 4.0;
using Adw 1;

template $PropertiesWindow: Adw.Dialog {
  content-width: 350;
  content-height: 999999;
  title: _("Properties");

  Adw.ToolbarView main_toolbar_view {
    [top]
    Adw.HeaderBar header_bar {}

    content: Adw.ToastOverlay toast_overlay {
      Box {
        orientation: vertical;

        Adw.Banner eol_app_banner {}

        Adw.Banner eol_runtime_banner {}

        Adw.Banner mask_banner {}

        ScrolledWindow {
          Adw.Clamp {
            Box {
              orientation: vertical;
              hexpand: false;
              vexpand: true;
              spacing: 12;
              margin-top: 12;
              margin-start: 12;
              margin-end: 12;
              margin-bottom: 12;

              Image app_icon {
                pixel-size: 100;

                styles [
                  "icon-dropshadow"
                ]
              }

              Label name {
                wrap: true;

                styles [
                  "title-1"
                ]
              }

              Button description_button {
                styles [
                  "title-4",
                  "flat"
                ]

                Box {
                  spacing: 12;

                  Label description {
                    halign: start;
                    wrap: true;
                    hexpand: true;
                  }
                  Image {
                    icon-name: "edit-copy-symbolic";
                  }
                }
              }

              Adw.PreferencesGroup upper {
                Adw.ActionRow data_row {
                  title: _("Loading User Data");

                  [suffix]
                  Button open_data {
                    icon-name: "document-open-symbolic";
                    tooltip-text: _("Open User Data Folder");
                    valign: center;
                    visible: false;

                    styles [
                      "flat"
                    ]
                  }

                  [suffix]
                  Button trash_data {
                    icon-name: "user-trash-symbolic";
                    tooltip-text: _("Trash User Data");
                    valign: center;
                    visible: false;

                    styles [
                      "flat"
                    ]
                  }

                  [suffix]
                  Spinner spinner {
                    spinning: true;
                  }

                  styles["property"]
                }

                Adw.ActionRow view_apps {
                  title: _("Show Apps Using This Runtime");
                  activatable: true;
                  visible: false;

                  [suffix]
                  Image {
                    icon-name: "funnel-symbolic";
                  }
                }

                Adw.ActionRow runtime {
                  title: _("Runtime");

                  [suffix]
                  Button runtime_properties {
                    icon-name: "info-symbolic";
                    tooltip-text: _("View Properties");
                    valign: center;

                    styles [
                      "flat"
                    ]
                  }

                  [suffix]
                  Button runtime_copy {
                    icon-name: "edit-copy-symbolic";
                    tooltip-text: _("Copy");
                    valign: center;

                    styles [
                      "flat"
                    ]
                  }

                  styles["property"]
                }

                Adw.ActionRow details {
                  title: _("Show Details in Store");
                  activatable: true;

                  [suffix]
                  Image {
                    icon-name: "adw-external-link-symbolic";
                  }
                }
              }

              Adw.PreferencesGroup lower {}
            }
          }
        }
      }
    };
  }
}