| | | 1 | | using DCL.ECSComponents; |
| | | 2 | | using Decentraland.Common; |
| | | 3 | | using System; |
| | | 4 | | using UnityEngine; |
| | | 5 | | using UnityEngine.UIElements; |
| | | 6 | | |
| | | 7 | | namespace DCL.UIElements |
| | | 8 | | { |
| | | 9 | | /// <summary> |
| | | 10 | | /// Adds placeholder to the `TextField`; |
| | | 11 | | /// In Unity 2023 `Placeholder` is included in the framework |
| | | 12 | | /// </summary> |
| | | 13 | | public class TextFieldPlaceholder : IDisposable |
| | | 14 | | { |
| | | 15 | | private string placeholder; |
| | | 16 | | private Color placeholderColor; |
| | | 17 | | |
| | | 18 | | private Color normalColor; |
| | | 19 | | |
| | | 20 | | private readonly TextField textField; |
| | | 21 | | |
| | | 22 | | private bool isPlaceholder; |
| | | 23 | | private bool isFocused; |
| | | 24 | | |
| | | 25 | | private bool isReadonly; |
| | | 26 | | |
| | 0 | 27 | | public TextFieldPlaceholder(TextField textField) |
| | | 28 | | { |
| | 0 | 29 | | this.textField = textField; |
| | | 30 | | |
| | 0 | 31 | | textField.RegisterCallback<FocusInEvent>(OnFocusIn); |
| | 0 | 32 | | textField.RegisterCallback<FocusOutEvent>(OnFocusOut); |
| | | 33 | | // To support changing the value from code |
| | 0 | 34 | | textField.RegisterValueChangedCallback(OnValueChanged); |
| | | 35 | | |
| | 0 | 36 | | OnFocusOut(null); |
| | 0 | 37 | | } |
| | | 38 | | |
| | | 39 | | public void SetPlaceholder(string placeholder) |
| | | 40 | | { |
| | 0 | 41 | | this.placeholder = placeholder; |
| | | 42 | | |
| | 0 | 43 | | if (isPlaceholder) |
| | 0 | 44 | | UpdateIfFocusStateIs(false); |
| | 0 | 45 | | } |
| | | 46 | | |
| | | 47 | | public void SetNormalColor(Color4 color) |
| | | 48 | | { |
| | 0 | 49 | | normalColor = color.ToUnityColor(); |
| | | 50 | | |
| | 0 | 51 | | if (!isPlaceholder || isFocused) |
| | 0 | 52 | | SetNormalStyle(); |
| | 0 | 53 | | } |
| | | 54 | | |
| | | 55 | | public void SetReadOnly(bool isReadOnly) |
| | | 56 | | { |
| | 0 | 57 | | this.isReadonly = isReadOnly; |
| | 0 | 58 | | } |
| | | 59 | | |
| | | 60 | | public void SetPlaceholderColor(Color4 color) |
| | | 61 | | { |
| | 0 | 62 | | placeholderColor = color.ToUnityColor(); |
| | | 63 | | |
| | 0 | 64 | | if (isPlaceholder) |
| | 0 | 65 | | UpdateIfFocusStateIs(false); |
| | 0 | 66 | | } |
| | | 67 | | |
| | | 68 | | private void UpdateIfFocusStateIs(bool focusState) |
| | | 69 | | { |
| | 0 | 70 | | if (isFocused != focusState) |
| | 0 | 71 | | return; |
| | | 72 | | |
| | 0 | 73 | | if (focusState) |
| | | 74 | | { |
| | 0 | 75 | | SetNormalStyle(); |
| | | 76 | | } |
| | | 77 | | else |
| | | 78 | | { |
| | 0 | 79 | | SetPlaceholderStyle(); |
| | | 80 | | } |
| | 0 | 81 | | } |
| | | 82 | | |
| | | 83 | | private void SetNormalStyle() |
| | | 84 | | { |
| | 0 | 85 | | textField.style.color = normalColor; |
| | 0 | 86 | | } |
| | | 87 | | |
| | | 88 | | private void SetPlaceholderStyle() |
| | | 89 | | { |
| | 0 | 90 | | textField.style.color = placeholderColor; |
| | 0 | 91 | | textField.SetValueWithoutNotify(placeholder); |
| | 0 | 92 | | } |
| | | 93 | | |
| | | 94 | | private void OnFocusIn(FocusInEvent _) |
| | | 95 | | { |
| | 0 | 96 | | if (isReadonly) |
| | 0 | 97 | | return; |
| | | 98 | | |
| | 0 | 99 | | if (isPlaceholder) |
| | | 100 | | { |
| | 0 | 101 | | textField.SetValueWithoutNotify(string.Empty); |
| | 0 | 102 | | SetNormalStyle(); |
| | | 103 | | } |
| | | 104 | | |
| | 0 | 105 | | isFocused = true; |
| | 0 | 106 | | } |
| | | 107 | | |
| | | 108 | | private void OnFocusOut(FocusOutEvent _) |
| | | 109 | | { |
| | 0 | 110 | | if (isReadonly) |
| | 0 | 111 | | return; |
| | | 112 | | |
| | 0 | 113 | | if (InputIsNullOrEmpty()) |
| | | 114 | | { |
| | 0 | 115 | | SetPlaceholderStyle(); |
| | 0 | 116 | | isPlaceholder = true; |
| | | 117 | | } |
| | | 118 | | else |
| | | 119 | | { |
| | 0 | 120 | | SetNormalStyle(); |
| | 0 | 121 | | isPlaceholder = false; |
| | | 122 | | } |
| | | 123 | | |
| | 0 | 124 | | isFocused = false; |
| | 0 | 125 | | } |
| | | 126 | | |
| | | 127 | | private bool InputIsNullOrEmpty() => |
| | 0 | 128 | | string.IsNullOrEmpty(textField.text); |
| | | 129 | | |
| | | 130 | | private void OnValueChanged(ChangeEvent<string> newValue) |
| | | 131 | | { |
| | 0 | 132 | | if (!isFocused) |
| | | 133 | | { |
| | 0 | 134 | | OnFocusOut(null); |
| | | 135 | | } |
| | 0 | 136 | | } |
| | | 137 | | |
| | | 138 | | public void Dispose() |
| | | 139 | | { |
| | 0 | 140 | | textField.UnregisterCallback<FocusInEvent>(OnFocusIn); |
| | 0 | 141 | | textField.UnregisterCallback<FocusOutEvent>(OnFocusOut); |
| | 0 | 142 | | textField.UnregisterValueChangedCallback(OnValueChanged); |
| | 0 | 143 | | } |
| | | 144 | | } |
| | | 145 | | } |