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