87 lines
6.5 KiB
Plaintext
87 lines
6.5 KiB
Plaintext
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
|
|
<Style src="project:/Assets/UI/Global.uss" />
|
|
<ui:VisualElement name="LobbyRoot" class="screen-root" style="flex-direction: row;">
|
|
<!-- Left Pane: 3D Character View -->
|
|
<ui:VisualElement name="LeftPane" style="width: 60%; background-color: transparent;" />
|
|
|
|
<!-- Right Pane: UI Content -->
|
|
<ui:VisualElement name="RightPane" style="width: 40%; background-color: rgba(0, 0, 0, 0.85); padding: 30px; border-left-width: 1px; border-left-color: #333;">
|
|
|
|
<!-- JOIN VIEW -->
|
|
<ui:VisualElement name="JoinContainer" style="flex-grow: 1;">
|
|
<ui:Label text="FIND SESSIONS" style="font-size: 28px; -unity-font-style: bold; color: #00ffcc; margin-bottom: 20px;" />
|
|
<ui:TextField name="SearchInput" placeholder-text="Search room by name..." />
|
|
|
|
<ui:ScrollView name="RoomList" style="flex-grow: 1; margin-top: 15px; margin-bottom: 15px;" />
|
|
|
|
<ui:VisualElement style="flex-direction: row; justify-content: space-between;">
|
|
<ui:Button name="BackToMenuBtn" text="BACK" class="button-spring" style="width: 48%;" />
|
|
<ui:Button name="GoToCreateBtn" text="CREATE NEW" class="button-spring" style="width: 48%; background-color: #333; color: white;" />
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
<!-- CREATE VIEW -->
|
|
<ui:VisualElement name="CreateContainer" style="flex-grow: 1; display: none;">
|
|
<ui:Label text="CREATE SESSION" style="font-size: 28px; -unity-font-style: bold; color: #00ffcc; margin-bottom: 20px;" />
|
|
|
|
<ui:Label text="ROOM ID (Required)" style="font-size: 12px; color: #888; margin-top: 10px;" />
|
|
<ui:TextField name="RoomIDInput" placeholder-text="e.g. ROOM_123" />
|
|
|
|
<ui:Label text="ROOM NAME (Optional)" style="font-size: 12px; color: #888; margin-top: 10px;" />
|
|
<ui:TextField name="RoomNameInput" placeholder-text="e.g. Pro Match Only" />
|
|
|
|
<ui:Toggle name="PassToggle" label="REQUIRE PASSWORD" style="margin-top: 20px;" />
|
|
<ui:TextField name="RoomPassInput" password="true" placeholder-text="Password..." style="display: none;" />
|
|
|
|
<ui:VisualElement style="flex-grow: 1;" />
|
|
|
|
<ui:VisualElement style="flex-direction: row; justify-content: space-between; margin-top: 20px;">
|
|
<ui:Button name="CancelCreateBtn" text="CANCEL" class="button-spring" style="width: 48%;" />
|
|
<ui:Button name="ConfirmCreateBtn" text="CREATE" class="button-spring" style="width: 48%; background-color: #00ffcc; color: black; -unity-font-style: bold;" />
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
<!-- LOUNGE VIEW -->
|
|
<ui:VisualElement name="LoungeContainer" style="flex-grow: 1; display: none;">
|
|
<ui:Label name="LoungeTitle" text="SESSION NAME" style="font-size: 24px; -unity-font-style: bold; color: #00ffcc;" />
|
|
<ui:Label name="LoungeID" text="ID: 12345" style="font-size: 12px; color: #888; margin-bottom: 30px;" />
|
|
|
|
<ui:VisualElement style="flex-direction: row; flex-grow: 1;">
|
|
<ui:VisualElement name="HostSlot" style="flex-grow: 1; background-color: rgba(255, 255, 255, 0.05); margin: 5px; padding: 15px; border-radius: 10px; align-items: center;">
|
|
<ui:VisualElement name="HostAvatar" style="width: 80px; height: 80px; border-radius: 40px; background-color: #333;" />
|
|
<ui:Label name="HostName" text="HOST" style="margin-top: 10px; -unity-font-style: bold;" />
|
|
<ui:Label name="HostReadyStatus" text="NOT READY" style="color: #ff4444; font-size: 10px;" />
|
|
</ui:VisualElement>
|
|
|
|
<ui:VisualElement name="GuestSlot" style="flex-grow: 1; background-color: rgba(255, 255, 255, 0.05); margin: 5px; padding: 15px; border-radius: 10px; align-items: center;">
|
|
<ui:VisualElement name="GuestAvatar" style="width: 80px; height: 80px; border-radius: 40px; background-color: #333;" />
|
|
<ui:Label name="GuestName" text="WAITING..." style="margin-top: 10px; color: #555;" />
|
|
<ui:Label name="GuestReadyStatus" text="-" style="color: #555; font-size: 10px;" />
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
<ui:Button name="ReadyToggleBtn" text="READY" class="button-spring" style="height: 50px; margin-top: 20px;" />
|
|
<ui:Button name="StartGameBtn" text="START GAME" class="button-spring" style="height: 60px; background-color: #00ffcc; color: black; -unity-font-style: bold; margin-top: 10px;" />
|
|
</ui:VisualElement>
|
|
|
|
</ui:VisualElement>
|
|
|
|
<!-- PASSWORD OVERLAY -->
|
|
<ui:VisualElement name="PasswordOverlay" style="position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; display: none;">
|
|
<ui:VisualElement style="width: 350px; padding: 25px; background-color: #1a1a1a; border-radius: 15px; border-width: 2px; border-color: #333;">
|
|
<ui:Label text="PROTECTED SESSION" style="font-size: 20px; -unity-font-style: bold; color: white; align-self: center;" />
|
|
<ui:Label text="This room requires a password" style="font-size: 12px; color: #888; align-self: center; margin-bottom: 20px;" />
|
|
|
|
<ui:TextField name="JoinPassInput" password="true" placeholder-text="Enter password..." />
|
|
<ui:Label name="JoinPassError" text="Incorrect password!" style="color: #ff4444; font-size: 10px; margin-bottom: 10px; display: none;" />
|
|
|
|
<ui:VisualElement style="flex-direction: row; justify-content: space-between; margin-top: 10px;">
|
|
<ui:Button name="ClosePassBtn" text="CANCEL" class="button-spring" style="width: 48%;" />
|
|
<ui:Button name="ConfirmJoinBtn" text="JOIN" class="button-spring" style="width: 48%; background-color: #00ffcc; color: black;" />
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
</ui:VisualElement>
|
|
</ui:UXML>
|