BABA_YAGA/Assets/Scripts/UI/SettingsController.cs

using UnityEngine;
using UnityEngine.UIElements;
using PrimeTween;
using System.Threading.Tasks;

namespace Hallucinate.UI
{
    public class SettingsController : BaseUIController
    {
        private VisualElement _sidebar;
        private Label _tabTitle;
        private ScrollView _content;

        public override void Initialize(VisualElement uxmlRoot, UIManager manager)
        {
            base.Initialize(uxmlRoot, manager);

            _sidebar = root.Q<VisualElement>("Sidebar");
            _tabTitle = root.Q<Label>("TabTitle");
            _content = root.Q<ScrollView>("SettingsContent");

            // Logic đóng khi nhấn vào vùng nền bên ngoài sidebar
            root.RegisterCallback<ClickEvent>(evt => {
                if (evt.target == root)
                {
                    uiManager.ToggleSettings();
                }
            });

            root.Q<Button>("GeneralTab").clicked += () => SwitchTab("GENERAL");
            root.Q<Button>("VideoTab").clicked += () => SwitchTab("VIDEO");
            root.Q<Button>("SoundTab").clicked += () => SwitchTab("SOUND");
            root.Q<Button>("ControlTab").clicked += () => SwitchTab("CONTROL");
            root.Q<Button>("CloseSettingsBtn").clicked += () => uiManager.ToggleSettings();
        }

        private void SwitchTab(string title)
        {
            _tabTitle.text = title;
            _content.Clear();
            _content.Add(new Label($"Settings for {title} coming soon..."));
        }

        public override async Task PlayTransitionIn()
        {
            // Reset vị trí root về 0 (Overlay trên màn hình hiện tại)
            if (root != null)
            {
                root.style.translate = new StyleTranslate(new Translate(0, 0));
                root.style.display = DisplayStyle.Flex;
            }

            // Trượt sidebar từ trái vào
            _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(-100), 0));
            await Tween.Custom(-100f, 0f, duration: 0.4f, ease: Ease.OutQuad, 
                onValueChange: val => _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(val), 0)));
        }

        public override async Task PlayTransitionOut()
        {
            // Trượt sidebar ra trái
            await Tween.Custom(0f, -100f, duration: 0.4f, ease: Ease.InQuad, 
                onValueChange: val => _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(val), 0)));
            
            Hide();
        }
    }
}