w3dhub_linux_launcher/lib/window.rb

module W3DHubLauncher
  class Window < CyberarmEngine::Window
    def setup
      self.show_cursor = true
      self.caption = format("%s | v%s (%s)", NAME, VERSION, VERSION_NAME) # "Cyberarm's W3D Hub Linux Launcher | v2.0.0 alpha"

      push_state(Interface)
    end
  end

  class Interface < CyberarmEngine::GuiState
    include W3DHubLauncher::GuiExt

    def setup
      theme(THEME)

      # root container - background image
      stack(width: 1.0, height: 1.0, background_image: safe_get_image("/run/media/cyberarm/Storage/W3DHub/Launcher/package-cache/games/apb/background.png.package"), background_image_mode: :fill) do
        # root container - background image tint
        flow(width: 1.0, height: 1.0, background: 0xaa_000000) do
          # content container
          stack(fill: true, height: 1.0, margin: PADDING, margin_right: LARGE_PADDING) do
            # header bar container
            flow(width: 1.0, height: 80, margin_bottom: PADDING) do |c|
              # logo + menu button
              button(safe_get_image("./media/logo.png"), image_height: 1.0, background: 0, border_color: 0, hover: { background: 0 }, active: { background: 0, color: 0xff_ffffff }) do |btn|
                menu(parent: btn) do
                  menu_item("Settings")
                  menu_item("About")
                  menu_item("Exit") do
                    window.close
                  end
                end.show
              end

              stack(fill: true, height: 1.0) do
                stack(fill: true)
                flow(width: 1.0) do
                  link("GAMES", text_v_align: :center, font: FONT_BLACK, margin_left: PADDING) { page(Page::Games) }
                  link("SERVERS", text_v_align: :center, font: FONT_BLACK, margin_left: PADDING) { page(Page::ServerBrowser) }
                  stack(fill: true)
                  image safe_get_image("./media/icons/import.png"), height: 40, color: 0xff_bbbbbb
                  image safe_get_image("./media/icons/information.png"), height: 40, color: 0xff_bbbbbb
                end
                stack(fill: true)
              end
            end

            # page content container
            @page_host = stack(width: 1.0, fill: true) do
            end
          end

          # battleview/friends container
          stack(width: 300, height: 1.0, margin: PADDING, margin_left: 0) do
            # self account container
            flow(width: 1.0, height: 80) do
              # self avatar container
              stack(width: 80, height: 1.0, background_image: rounded_avatar(safe_get_image("./media/default.png"))) do
                # self online state container
                stack(width: 20, height: 20, v_align: :bottom, h_align: :right, background_image: safe_get_image("./media/ui/circle_small.png"), background_image_color: 0xff_26a269)
              end

              stack(fill: true, height: 1.0, margin_left: HALF_PADDING) do
                flow(fill: true)
                # self name
                caption "cyberarm", font: FONT_BLACK, text_wrap: :none
                # self set online state
                link "Online ▼", text_size: 18 do |l|
                  menu(parent: l) do
                    menu_item("Online")
                    menu_item("Do Not Disturb")
                    menu_item("Away")
                    menu_item("Invisible")
                    menu_item("Sign Out")
                  end.show
                end
                flow(fill: true)
              end
            end

            # friend management container
            flow(width: 1.0, height: 60, margin_top: PADDING) do
              flow(width: 1.0, v_align: :center) do
                button safe_get_image("./media/icons/singleplayer.png"), image_height: 1.0
                button safe_get_image("./media/icons/gear.png"), image_height: 1.0, margin_left: HALF_PADDING
                edit_line "", margin_left: HALF_PADDING, fill: true, height: 1.0
              end
            end

            # friends/clanmates list container
            stack(width: 1.0, fill: true, margin_top: LARGE_PADDING, scroll: true) do
              50.times do |i|
                # friend container
                flow(width: 1.0, height: 48, padding_top: HALF_PADDING, padding_bottom: HALF_PADDING, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_color: 0, hover: { background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: 0x44_000000 }) do
                  # friend avatar container
                  stack(width: 48, height: 1.0, margin_left: HALF_PADDING, background_image: rounded_avatar(safe_get_image("./media/default.png"))) do
                    stack(width: 12, height: 12, v_align: :bottom, h_align: :right, background_image: safe_get_image("./media/ui/circle_small.png"), background_image_color: 0xff_26a269)
                  end
                  # friend name and status container
                  stack(fill: true, height: 1.0, margin_left: HALF_PADDING, margin_right: HALF_PADDING) do
                    stack(v_align: :center) do
                      caption ["Silverlight", "PXD2000", "Alstar", "SteelGhost", "FRAYDO"].sample, text_wrap: :none
                      inscription "RA_Under • 13:52", text_wrap: :none, margin_top: -HALF_PADDING
                    end
                  end
                  # friend active application container
                  stack(width: 48, height: 1.0, margin_right: HALF_PADDING, background_image: safe_get_image("./media/logo.png"))
                end
              end
            end
          end
        end
      end

      page(Page::Games)
    end
  end
end