| | | 1 | | using DCL.Controllers; |
| | | 2 | | using DCL.ECS7.ComponentWrapper; |
| | | 3 | | using DCL.ECS7.ComponentWrapper.Generic; |
| | | 4 | | using DCL.ECS7.InternalComponents; |
| | | 5 | | using DCL.ECSComponents.UIAbstractElements; |
| | | 6 | | using DCL.ECSComponents.Utils; |
| | | 7 | | using DCL.ECSRuntime; |
| | | 8 | | using DCL.Models; |
| | | 9 | | using System.Linq; |
| | | 10 | | using UnityEngine.UIElements; |
| | | 11 | | |
| | | 12 | | namespace DCL.ECSComponents.UIDropdown |
| | | 13 | | { |
| | | 14 | | public class UIDropdownHandler : UIElementHandlerBase, IECSComponentHandler<PBUiDropdown> |
| | | 15 | | { |
| | | 16 | | // The 'DCL.UIDropdown.uss' stylesheet loaded in DCLDefaultRuntimeTheme scriptable object uses these classes |
| | | 17 | | private const string READONLY_CLASS = "dcl-dropdown-readonly"; |
| | | 18 | | private const string CLASS = "dcl-dropdown"; |
| | | 19 | | private const string TEXT_ELEMENT_CLASS = "unity-base-popup-field__text"; |
| | | 20 | | |
| | | 21 | | private UIFontUpdater fontUpdater; |
| | | 22 | | private readonly int resultComponentId; |
| | | 23 | | private readonly IInternalECSComponent<InternalUIInputResults> inputResults; |
| | | 24 | | private readonly AssetPromiseKeeper_Font fontPromiseKeeper; |
| | | 25 | | private readonly WrappedComponentPool<IWrappedComponent<PBUiDropdownResult>> componentPool; |
| | | 26 | | |
| | | 27 | | private EventCallback<ChangeEvent<string>> onValueChanged; |
| | | 28 | | |
| | | 29 | | // In the future iteration we may want to create our own DropdownField to be able to fully customize |
| | | 30 | | // it according to the user provided styles |
| | 82 | 31 | | internal DropdownField uiElement { get; private set; } |
| | | 32 | | |
| | 11 | 33 | | internal TextElement textField { get; private set; } |
| | | 34 | | |
| | | 35 | | public UIDropdownHandler(IInternalECSComponent<InternalUiContainer> internalUiContainer, |
| | | 36 | | int resultComponentId, |
| | | 37 | | IInternalECSComponent<InternalUIInputResults> inputResults, |
| | | 38 | | AssetPromiseKeeper_Font fontPromiseKeeper, |
| | | 39 | | int componentId, |
| | | 40 | | WrappedComponentPool<IWrappedComponent<PBUiDropdownResult>> componentPool) |
| | 5 | 41 | | : base(internalUiContainer, componentId) |
| | | 42 | | { |
| | 5 | 43 | | this.resultComponentId = resultComponentId; |
| | 5 | 44 | | this.inputResults = inputResults; |
| | 5 | 45 | | this.fontPromiseKeeper = fontPromiseKeeper; |
| | 5 | 46 | | this.componentPool = componentPool; |
| | 5 | 47 | | } |
| | | 48 | | |
| | | 49 | | public void OnComponentCreated(IParcelScene scene, IDCLEntity entity) |
| | | 50 | | { |
| | | 51 | | // `DropdownField` contains a label as well but |
| | | 52 | | // passing a null string will actually make it invisible |
| | 5 | 53 | | uiElement = new DropdownField(null); |
| | 5 | 54 | | textField = uiElement.Q<TextElement>(className: TEXT_ELEMENT_CLASS); |
| | 5 | 55 | | uiElement.AddToClassList(CLASS); |
| | | 56 | | |
| | 5 | 57 | | AddElementToRoot(scene, entity, uiElement); |
| | 5 | 58 | | fontUpdater = new UIFontUpdater(uiElement, fontPromiseKeeper); |
| | | 59 | | |
| | | 60 | | // it seems strange but `DropdownField` notifies with `string`, not `int` |
| | 5 | 61 | | onValueChanged = UIPointerEventsUtils |
| | | 62 | | .RegisterFeedback<ChangeEvent<string>> |
| | | 63 | | (inputResults, |
| | | 64 | | CreateInputResult, |
| | | 65 | | scene, |
| | | 66 | | entity, |
| | | 67 | | uiElement, |
| | | 68 | | resultComponentId); |
| | 5 | 69 | | } |
| | | 70 | | |
| | | 71 | | private IPooledWrappedComponent CreateInputResult(ChangeEvent<string> onValueChange) |
| | | 72 | | { |
| | 1 | 73 | | var componentPooled = componentPool.Get(); |
| | 1 | 74 | | var componentModel = componentPooled.WrappedComponent.Model; |
| | 1 | 75 | | componentModel.Value = uiElement.index; |
| | 1 | 76 | | return componentPooled; |
| | | 77 | | } |
| | | 78 | | |
| | | 79 | | public void OnComponentRemoved(IParcelScene scene, IDCLEntity entity) |
| | | 80 | | { |
| | 0 | 81 | | uiElement.UnregisterFeedback(onValueChanged); |
| | 0 | 82 | | RemoveElementFromRoot(scene, entity, uiElement); |
| | 0 | 83 | | uiElement = null; |
| | 0 | 84 | | fontUpdater.Dispose(); |
| | 0 | 85 | | } |
| | | 86 | | |
| | | 87 | | public void OnComponentModelUpdated(IParcelScene scene, IDCLEntity entity, PBUiDropdown model) |
| | | 88 | | { |
| | 5 | 89 | | fontUpdater.Update(model.GetFont()); |
| | | 90 | | |
| | 5 | 91 | | uiElement.style.fontSize = model.GetFontSize(); |
| | 5 | 92 | | uiElement.style.color = model.GetColor().ToUnityColor(); |
| | | 93 | | |
| | 5 | 94 | | uiElement.choices.Clear(); |
| | 5 | 95 | | uiElement.choices.AddRange(model.Options); |
| | | 96 | | |
| | 5 | 97 | | int selectedIndex = model.GetSelectedIndex(); |
| | | 98 | | |
| | | 99 | | // Don't report the value back to the scene |
| | | 100 | | // there is no `SetIndexWithoutNotify` |
| | 5 | 101 | | uiElement.SetValueWithoutNotify(uiElement.choices.ElementAtOrDefault(selectedIndex) ?? model.EmptyLabel); |
| | | 102 | | |
| | | 103 | | // it is controlled from the style sheet |
| | 5 | 104 | | uiElement.EnableInClassList(READONLY_CLASS, model.Disabled); |
| | | 105 | | // TODO it's not fully correct |
| | 5 | 106 | | uiElement.pickingMode = model.Disabled ? PickingMode.Ignore : PickingMode.Position; |
| | | 107 | | |
| | 5 | 108 | | ApplyTextElementStyle(model); |
| | 5 | 109 | | } |
| | | 110 | | |
| | | 111 | | private void ApplyTextElementStyle(PBUiDropdown dropdown) |
| | | 112 | | { |
| | 5 | 113 | | textField.style.unityTextAlign = dropdown.GetTextAlign().ToUnityTextAlign(); |
| | 5 | 114 | | } |
| | | 115 | | } |
| | | 116 | | } |