72 lines
4.4 KiB
Plaintext
72 lines
4.4 KiB
Plaintext
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../UIElementsSchema/UIElements.xsd">
|
|
<Style src="project:/Assets/UI/Styles/Global.uss" />
|
|
<ui:VisualElement class="screen-root">
|
|
<ui:VisualElement class="diagonal-container">
|
|
<!-- Left Pane: Transparent for 3D View (Character/Map) -->
|
|
<ui:VisualElement class="left-pane" />
|
|
|
|
<!-- Right Pane: Frosted glass UI area -->
|
|
<ui:VisualElement class="right-pane-wrapper">
|
|
<ui:VisualElement class="right-pane-content">
|
|
|
|
<!-- Top Navigation (Always Visible) -->
|
|
<ui:VisualElement style="flex-direction: row; justify-content: space-between; margin-bottom: 30px;">
|
|
<ui:Button name="btn-back" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="< BACK" style="font-size: 14px;" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
<ui:Button name="btn-settings" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="SETTINGS" style="font-size: 14px;" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
|
|
<!-- STAGE 1: JOIN ROOM (Room Browser) -->
|
|
<ui:VisualElement name="join-view" display="Flex">
|
|
<ui:Label text="BROWSE ROOMS" class="header-text" style="font-size: 32px; -unity-text-align: upper-left; margin-bottom: 20px;" />
|
|
|
|
<!-- Search & Filters -->
|
|
<ui:VisualElement style="flex-direction: row; margin-bottom: 15px;">
|
|
<ui:TextField placeholder-text="Search room name..." name="search-field" style="flex-grow: 1; margin-right: 10px;" />
|
|
<ui:DropdownField name="sort-dropdown" choices="Ping,Name,Slots" value="Ping" style="width: 100px;" />
|
|
</ui:VisualElement>
|
|
|
|
<ui:ScrollView name="room-list" style="flex-grow: 1; height: 500px; background-color: rgba(0,0,0,0.4); padding: 10px; border-radius: 5px;">
|
|
<!-- Room items will be instantiated here via C# -->
|
|
<ui:Label text="No rooms found..." style="opacity: 0.5; -unity-text-align: middle-center; margin-top: 50px;" />
|
|
</ui:ScrollView>
|
|
</ui:VisualElement>
|
|
|
|
<!-- STAGE 2: CREATE ROOM (Configuration) -->
|
|
<ui:VisualElement name="create-view" display="None">
|
|
<ui:Label text="HOST NEW SESSION" class="header-text" style="font-size: 32px; -unity-text-align: upper-left; margin-bottom: 20px;" />
|
|
|
|
<ui:VisualElement style="margin-bottom: 20px;">
|
|
<ui:Label text="ROOM NAME" style="font-size: 12px; color: #888;" />
|
|
<ui:TextField name="field-room-name" value="SURVIVOR'S DEN" />
|
|
</ui:VisualElement>
|
|
|
|
<ui:VisualElement style="margin-bottom: 20px;">
|
|
<ui:Toggle label="REQUIRE PASSWORD" name="toggle-password" />
|
|
<ui:TextField name="field-password" password="true" display="None" />
|
|
</ui:VisualElement>
|
|
|
|
<ui:VisualElement style="margin-bottom: 40px;">
|
|
<ui:Label text="MAX PLAYERS: 2 (LOCKED)" style="font-size: 12px; color: #555;" />
|
|
</ui:VisualElement>
|
|
|
|
<ui:Button name="btn-create-confirm" class="slanted-button" style="height: 60px;">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="CREATE ROOM" style="font-size: 24px;" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:UXML>
|