| | | 1 | | using System.Collections.Generic; |
| | | 2 | | using System.Linq; |
| | | 3 | | using TMPro; |
| | | 4 | | using UnityEngine; |
| | | 5 | | using UnityEngine.UI; |
| | | 6 | | |
| | | 7 | | namespace DCL.EmotesCustomization |
| | | 8 | | { |
| | | 9 | | public class EmoteSlotCardComponentView : BaseComponentView, IEmoteSlotCardComponentView, IComponentModelConfig<Emot |
| | | 10 | | { |
| | | 11 | | internal const int SLOT_VIEWER_ROTATION_ANGLE = 36; |
| | | 12 | | internal const string EMPTY_SLOT_TEXT = "None"; |
| | | 13 | | |
| | | 14 | | [Header("Prefab References")] |
| | | 15 | | [SerializeField] internal ImageComponentView emoteImage; |
| | | 16 | | [SerializeField] internal Image nonEmoteImage; |
| | | 17 | | [SerializeField] internal TMP_Text emoteNameText; |
| | | 18 | | [SerializeField] internal TMP_Text slotNumberText; |
| | | 19 | | [SerializeField] internal Image slotViewerImage; |
| | | 20 | | [SerializeField] internal ButtonComponentView mainButton; |
| | | 21 | | [SerializeField] internal Image defaultBackgroundImage; |
| | | 22 | | [SerializeField] internal Image selectedBackgroundImage; |
| | | 23 | | [SerializeField] internal GameObject separatorGO; |
| | | 24 | | [SerializeField] internal Image rarityMark; |
| | | 25 | | |
| | | 26 | | [Header("Configuration")] |
| | | 27 | | [SerializeField] internal Sprite defaultEmotePicture; |
| | | 28 | | [SerializeField] internal Color defaultBackgroundColor; |
| | | 29 | | [SerializeField] internal Color selectedBackgroundColor; |
| | | 30 | | [SerializeField] internal Color defaultSlotNumberColor; |
| | | 31 | | [SerializeField] internal Color selectedSlotNumberColor; |
| | | 32 | | [SerializeField] internal Color defaultEmoteNameColor; |
| | | 33 | | [SerializeField] internal Color selectedEmoteNameColor; |
| | | 34 | | [SerializeField] internal List<EmoteRarity> rarityColors; |
| | | 35 | | [SerializeField] internal EmoteSlotCardComponentModel model; |
| | | 36 | | |
| | 0 | 37 | | public Button.ButtonClickedEvent onClick => mainButton?.onClick; |
| | | 38 | | |
| | | 39 | | public override void Awake() |
| | | 40 | | { |
| | 0 | 41 | | base.Awake(); |
| | | 42 | | |
| | 0 | 43 | | if (emoteImage != null) |
| | 0 | 44 | | emoteImage.OnLoaded += OnEmoteImageLoaded; |
| | 0 | 45 | | } |
| | | 46 | | |
| | | 47 | | public void Configure(EmoteSlotCardComponentModel newModel) |
| | | 48 | | { |
| | 0 | 49 | | if (model == newModel) |
| | 0 | 50 | | return; |
| | | 51 | | |
| | 0 | 52 | | model = newModel; |
| | 0 | 53 | | RefreshControl(); |
| | 0 | 54 | | } |
| | | 55 | | |
| | | 56 | | public override void RefreshControl() |
| | | 57 | | { |
| | 0 | 58 | | if (model == null) |
| | 0 | 59 | | return; |
| | | 60 | | |
| | 0 | 61 | | if (model.pictureSprite != null) |
| | 0 | 62 | | SetEmotePicture(model.pictureSprite); |
| | 0 | 63 | | else if (!string.IsNullOrEmpty(model.pictureUri)) |
| | 0 | 64 | | SetEmotePicture(model.pictureUri); |
| | | 65 | | else |
| | 0 | 66 | | OnEmoteImageLoaded(null); |
| | | 67 | | |
| | 0 | 68 | | SetEmoteId(model.emoteId); |
| | 0 | 69 | | SetEmoteName(model.emoteName); |
| | 0 | 70 | | SetEmoteAsSelected(model.isSelected); |
| | 0 | 71 | | SetSlotNumber(model.slotNumber); |
| | 0 | 72 | | SetSeparatorActive(model.hasSeparator); |
| | 0 | 73 | | SetRarity(model.rarity); |
| | 0 | 74 | | } |
| | | 75 | | |
| | | 76 | | public override void OnFocus() |
| | | 77 | | { |
| | 0 | 78 | | base.OnFocus(); |
| | | 79 | | |
| | 0 | 80 | | if (!model.isSelected) |
| | | 81 | | { |
| | 0 | 82 | | SetSelectedVisualsForHovering(true); |
| | | 83 | | } |
| | 0 | 84 | | } |
| | | 85 | | |
| | | 86 | | public override void OnLoseFocus() |
| | | 87 | | { |
| | 0 | 88 | | base.OnLoseFocus(); |
| | | 89 | | |
| | 0 | 90 | | if (!model.isSelected) |
| | | 91 | | { |
| | 0 | 92 | | SetSelectedVisualsForHovering(false); |
| | | 93 | | } |
| | 0 | 94 | | } |
| | | 95 | | |
| | | 96 | | public override void Dispose() |
| | | 97 | | { |
| | 0 | 98 | | base.Dispose(); |
| | | 99 | | |
| | 0 | 100 | | if (emoteImage != null) |
| | | 101 | | { |
| | 0 | 102 | | emoteImage.OnLoaded -= OnEmoteImageLoaded; |
| | 0 | 103 | | emoteImage.Dispose(); |
| | | 104 | | } |
| | 0 | 105 | | } |
| | | 106 | | |
| | | 107 | | public void SetEmoteId(string id) |
| | | 108 | | { |
| | 0 | 109 | | model.emoteId = id; |
| | | 110 | | |
| | 0 | 111 | | if (nonEmoteImage != null) |
| | 0 | 112 | | nonEmoteImage.gameObject.SetActive(string.IsNullOrEmpty(id)); |
| | | 113 | | |
| | 0 | 114 | | if (emoteImage != null) |
| | 0 | 115 | | emoteImage.gameObject.SetActive(!string.IsNullOrEmpty(id)); |
| | 0 | 116 | | } |
| | | 117 | | |
| | | 118 | | public void SetEmoteName(string name) |
| | | 119 | | { |
| | 0 | 120 | | model.emoteName = name; |
| | | 121 | | |
| | 0 | 122 | | if (emoteNameText == null) |
| | 0 | 123 | | return; |
| | | 124 | | |
| | 0 | 125 | | emoteNameText.text = string.IsNullOrEmpty(name) ? EMPTY_SLOT_TEXT : name; |
| | 0 | 126 | | } |
| | | 127 | | |
| | | 128 | | public void SetEmotePicture(Sprite sprite) |
| | | 129 | | { |
| | 0 | 130 | | if (sprite == null && defaultEmotePicture != null) |
| | 0 | 131 | | sprite = defaultEmotePicture; |
| | | 132 | | |
| | 0 | 133 | | model.pictureSprite = sprite; |
| | | 134 | | |
| | 0 | 135 | | if (emoteImage == null) |
| | 0 | 136 | | return; |
| | | 137 | | |
| | 0 | 138 | | emoteImage.SetImage(sprite); |
| | 0 | 139 | | } |
| | | 140 | | |
| | | 141 | | public void SetEmotePicture(string uri) |
| | | 142 | | { |
| | 0 | 143 | | if (string.IsNullOrEmpty(uri) && defaultEmotePicture != null) |
| | | 144 | | { |
| | 0 | 145 | | SetEmotePicture(defaultEmotePicture); |
| | 0 | 146 | | return; |
| | | 147 | | } |
| | | 148 | | |
| | 0 | 149 | | model.pictureUri = uri; |
| | | 150 | | |
| | 0 | 151 | | if (!Application.isPlaying) |
| | 0 | 152 | | return; |
| | | 153 | | |
| | 0 | 154 | | if (emoteImage == null) |
| | 0 | 155 | | return; |
| | | 156 | | |
| | 0 | 157 | | emoteImage.SetImage(uri); |
| | 0 | 158 | | } |
| | | 159 | | |
| | | 160 | | public void SetEmoteAsSelected(bool isSelected) |
| | | 161 | | { |
| | 0 | 162 | | model.isSelected = isSelected; |
| | | 163 | | |
| | 0 | 164 | | SetSelectedVisualsForClicking(isSelected); |
| | 0 | 165 | | } |
| | | 166 | | |
| | | 167 | | public void SetSlotNumber(int slotNumber) |
| | | 168 | | { |
| | 0 | 169 | | model.slotNumber = Mathf.Clamp(slotNumber, 0, 9); |
| | | 170 | | |
| | 0 | 171 | | if (slotNumberText != null) |
| | 0 | 172 | | slotNumberText.text = model.slotNumber.ToString(); |
| | | 173 | | |
| | 0 | 174 | | if (slotViewerImage != null) |
| | 0 | 175 | | slotViewerImage.transform.rotation = Quaternion.Euler(0, 0, -model.slotNumber * SLOT_VIEWER_ROTATION_ANG |
| | 0 | 176 | | } |
| | | 177 | | |
| | | 178 | | public void SetSeparatorActive(bool isActive) |
| | | 179 | | { |
| | 0 | 180 | | model.hasSeparator = isActive; |
| | | 181 | | |
| | 0 | 182 | | if (separatorGO == null) |
| | 0 | 183 | | return; |
| | | 184 | | |
| | 0 | 185 | | separatorGO.SetActive(isActive); |
| | 0 | 186 | | } |
| | | 187 | | |
| | | 188 | | public void SetRarity(string rarity) |
| | | 189 | | { |
| | 0 | 190 | | model.rarity = rarity; |
| | | 191 | | |
| | 0 | 192 | | if (rarityMark == null) |
| | 0 | 193 | | return; |
| | | 194 | | |
| | 0 | 195 | | EmoteRarity emoteRarity = rarityColors.FirstOrDefault(x => x.rarity == rarity); |
| | 0 | 196 | | rarityMark.gameObject.SetActive(emoteRarity != null); |
| | 0 | 197 | | rarityMark.color = emoteRarity != null ? emoteRarity.markColor : Color.white; |
| | 0 | 198 | | } |
| | | 199 | | |
| | | 200 | | internal void OnEmoteImageLoaded(Sprite sprite) |
| | | 201 | | { |
| | 0 | 202 | | if (sprite != null) |
| | 0 | 203 | | SetEmotePicture(sprite); |
| | | 204 | | else |
| | 0 | 205 | | SetEmotePicture(sprite: null); |
| | 0 | 206 | | } |
| | | 207 | | |
| | | 208 | | internal void SetSelectedVisualsForClicking(bool isSelected) |
| | | 209 | | { |
| | 0 | 210 | | if (defaultBackgroundImage != null) |
| | | 211 | | { |
| | 0 | 212 | | defaultBackgroundImage.gameObject.SetActive(!isSelected); |
| | 0 | 213 | | defaultBackgroundImage.color = defaultBackgroundColor; |
| | | 214 | | } |
| | | 215 | | |
| | 0 | 216 | | if (selectedBackgroundImage != null) |
| | | 217 | | { |
| | 0 | 218 | | selectedBackgroundImage.gameObject.SetActive(isSelected); |
| | 0 | 219 | | selectedBackgroundImage.color = selectedBackgroundColor; |
| | | 220 | | } |
| | | 221 | | |
| | 0 | 222 | | if (slotNumberText != null) |
| | 0 | 223 | | slotNumberText.color = isSelected ? selectedSlotNumberColor : defaultSlotNumberColor; |
| | | 224 | | |
| | 0 | 225 | | if (emoteNameText != null) |
| | 0 | 226 | | emoteNameText.color = isSelected ? selectedEmoteNameColor : defaultEmoteNameColor; |
| | | 227 | | |
| | 0 | 228 | | if (slotViewerImage != null) |
| | 0 | 229 | | slotViewerImage.gameObject.SetActive(isSelected); |
| | 0 | 230 | | } |
| | | 231 | | |
| | | 232 | | internal void SetSelectedVisualsForHovering(bool isSelected) |
| | | 233 | | { |
| | 0 | 234 | | if (defaultBackgroundImage != null) |
| | 0 | 235 | | defaultBackgroundImage.color = isSelected ? selectedBackgroundColor : defaultBackgroundColor; |
| | | 236 | | |
| | 0 | 237 | | if (slotNumberText != null) |
| | 0 | 238 | | slotNumberText.color = isSelected ? selectedSlotNumberColor : defaultSlotNumberColor; |
| | | 239 | | |
| | 0 | 240 | | if (emoteNameText != null) |
| | 0 | 241 | | emoteNameText.color = isSelected ? selectedEmoteNameColor : defaultEmoteNameColor; |
| | | 242 | | |
| | 0 | 243 | | if (slotViewerImage != null) |
| | 0 | 244 | | slotViewerImage.gameObject.SetActive(isSelected); |
| | 0 | 245 | | } |
| | | 246 | | } |
| | | 247 | | } |