-- Author : Christopher Tse
-- Create Date : 3/28/2020 1:37:28 PM
local ADDON_NAME, Import = ...;
local pool = {}
Import.ChatBubblePool = {};
local ChatBubblePool = Import.ChatBubblePool
local function adjustChatBubbleWidth(chatBubble)
local editBox = chatBubble.editBox;
local strWidth = editBox.stringMeasure:GetStringWidth();
local bg = editBox.background;
local padding = bg.padding;
local nameBox = chatBubble.nameBox
local nameBoxWidth = nameBox:GetFullWidth();
local minWidth = 64;
if ( nameBoxWidth ~= nil) then
local nameBoxMargin = nameBox.margin.L + nameBox.margin.R;
minWidth = max(64, nameBoxWidth + nameBoxMargin);
end
local maxWidth = chatBubble:GetWidth()
if ( strWidth < minWidth ) then
bg:SetWidth(minWidth + padding)
elseif ( minWidth < strWidth and strWidth < maxWidth ) then
bg:SetWidth(strWidth + padding)
else
bg:SetWidth(maxWidth + padding )
end
end
local function adjustNameBoxWidth(chatBubble)
local nameBox = chatBubble.nameBox;
local nameBoxBg = nameBox.background;
local strWidth = nameBox.stringMeasure:GetStringWidth();
local minWidth = 32;
local padding = nameBox.padding.L + nameBox.padding.R;
--The max width usually won't be reached because of the character limit on the name box
local maxWidth = chatBubble:GetWidth() - padding - nameBox.margin.L
if ( strWidth < minWidth ) then
nameBoxBg:SetWidth(minWidth + padding);
elseif ( minWidth < strWidth and strWidth < maxWidth ) then
nameBoxBg:SetWidth(strWidth + padding);
else
nameBoxBg:SetWidth(maxWidth + padding);
end
end
local function pickNameColor(chatBubble)
local r, g, b = chatBubble:GetNameColor()
ColorPickerFrame:SetColorRGB(r,g,b);
ColorPickerFrame.hasOpacity = false;
ColorPickerFrame.func = function(self) chatBubble:SetNameColor(ColorPickerFrame:GetColorRGB()) end;
ColorPickerFrame.cancelFunc = function(self) chatBubble:SetNameColor(r,g,b) end;
ColorPickerFrame:Show();
end
local function closeBubble(chatBubble)
chatBubble:Hide();
chatBubble:SetMessage("");
chatBubble:SetName("");
chatBubble.nameBox:SetAlpha(0.01)
chatBubble:ClearAllPoints();
chatBubble:SetPoint("TOPLEFT",WorldFrame,"CENTER",-chatBubble.center.x,-chatBubble.center.y);
chatBubble.isAvailable = true;
end
function ChatBubblePool.getChatBubble()
for index, chatBubble in ipairs(pool) do
if chatBubble.isAvailable then
chatBubble:Show()
chatBubble.isAvailable = false;
return chatBubble
end
end
-- If we got here, there isn't any available chat bubble so create a new one
local frameName = "RPChatBubble" .. #pool
local newChatBubble = CreateFrame("Frame",frameName,nil)
newChatBubble:SetWidth(300)
newChatBubble:SetHeight(300)
newChatBubble:SetMovable(true)
newChatBubble:SetFrameStrata("LOW")
newChatBubble.isAvailable = false
table.insert(pool, newChatBubble);
--chatBubbleTail:EnableMouse(true)
--chatBubbleTail:SetMovable(true)
--chatBubbleTail:RegisterForDrag("LeftButton")
--chatBubbleTail:SetScript("OnDragStart", function(self) self:StartMoving() end)
--chatBubbleTail:SetScript("OnDragStop", function(self) self:StopMovingOrSizing() end)
local editBox = CreateFrame("EditBox",frameName.."-EditBox",newChatBubble);
editBox:SetPoint("TOPLEFT",newChatBubble);
editBox:SetPoint("TOPRIGHT",newChatBubble);
editBox:SetMultiLine(true);
editBox:SetAutoFocus(false);
editBox:SetFontObject("ChatBubbleFont");
editBox:SetScript("OnEnterPressed", function(self) self:ClearFocus() end);
editBox:SetScript("OnEscapePressed", function(self) self:ClearFocus() end);
--Apparently, the below code stops the user from being able to change the cursor location
--editBox:EnableMouse(true)
--editBox:SetScript("OnMouseDown", function(self) newChatBubble:StartMoving() end )
--editBox:SetScript("OnMouseUp", function(self) newChatBubble:StopMovingOrSizing() end )
newChatBubble.editBox = editBox;
--This is a hack that centers the newChatBubble using the center of the editbox
newChatBubble.center = { x=editBox:GetWidth()/2, y=editBox:GetHeight()/2 };
newChatBubble:SetPoint("TOPLEFT",WorldFrame,"CENTER",-newChatBubble.center.x,-newChatBubble.center.y);
local chatBubbleBackground = CreateFrame("Frame",frameName.."Background",editBox);
chatBubbleBackground:SetBackdrop({
bgFile="Interface\\Tooltips\\CHATBUBBLE-BACKGROUND.BLP",
edgeFile="Interface\\Tooltips\\CHATBUBBLE-BACKDROP.BLP",
tile=true, tileSize=16, edgeSize=16,
insets={left=16, right=16, top=16, bottom=16}
})
chatBubbleBackground:EnableMouse(true)
chatBubbleBackground:SetPoint("TOPLEFT",editBox,"TOPLEFT",-16,16)
chatBubbleBackground:SetPoint("BOTTOMLEFT",editBox,"BOTTOMLEFT",-16,-16)
chatBubbleBackground.padding = 32;
chatBubbleBackground:SetWidth(64 + chatBubbleBackground.padding)
chatBubbleBackground:SetFrameStrata("BACKGROUND")
chatBubbleBackground:EnableMouse(true)
chatBubbleBackground:SetScript("OnMouseDown", function(self) newChatBubble:StartMoving() end )
chatBubbleBackground:SetScript("OnMouseUp", function(self) newChatBubble:StopMovingOrSizing() end )
editBox.background = chatBubbleBackground;
--This part of the code makes the editbox and the background grow up to 300px as the text grows.
--We use an invisible FontString to measure the length of the text inside the edit box.
editBox.stringMeasure = editBox:CreateFontString(nil,"OVERLAY","ChatBubbleFont");
editBox.stringMeasure:SetAlpha(0);
editBox:SetScript("OnTextChanged", function(self)
editBox.stringMeasure:SetText(self:GetText());
adjustChatBubbleWidth(newChatBubble);
end)
local closeButton = CreateFrame("Button",frameName.."-CloseButton",chatBubbleBackground,"UIPanelCloseButton")
closeButton:SetPoint("CENTER",chatBubbleBackground,"TOPRIGHT",-4,-4);
closeButton:SetScript("OnClick",function(self) closeBubble(newChatBubble) end);
closeButton:SetScript("OnEnter",function(self) closeButton:SetAlpha(1) end);
closeButton:SetScript("OnLeave",function(self) closeButton:SetAlpha(0.1) end);
closeButton:SetAlpha(0.1);
local nameBoxFrame = CreateFrame("Frame",frameName.."-NameBoxFrame",newChatBubble)
nameBoxFrame:SetSize(250,18);
nameBoxFrame:SetPoint("BOTTOMLEFT",chatBubbleBackground,"TOPLEFT");
local nameBox = CreateFrame("EditBox",frameName.."-NameBox",nameBoxFrame);
nameBox:SetFontObject("GameFontNormal");
nameBox:SetMaxLetters(25);
nameBox.margin = {L=10, R=0, T=4, D=4};
nameBox.padding = {L=10, R=10};
nameBox:SetPoint("TOPLEFT",nameBoxFrame,nameBox.margin.L,-nameBox.margin.T);
nameBox:SetPoint("BOTTOMRIGHT",nameBoxFrame,-nameBox.margin.R,nameBox.margin.D);
nameBox:SetAutoFocus(false);
nameBox:SetMultiLine(true); --It's not actually multiline, but this stops the name from scrolling off if the user selects too much of the text.
--The max letters should prevent the edit box from ever reaching more than one line
nameBox:SetScript("OnEnterPressed", function(self) self:ClearFocus() end);
nameBox:SetScript("OnTabPressed", function(self) editBox:SetFocus() end);
nameBox:SetAlpha(0);
nameBox:SetScript("OnEditFocusGained", function(self) self:SetAlpha(1) end);
nameBox:SetScript("OnEditFocusLost", function(self) if self:GetText() == "" then self:SetAlpha(0.01) end end);
newChatBubble.nameBox = nameBox;
local nameBoxBackground = CreateFrame("Frame",frameName.."-NameBoxBackground",nameBox);
local paddingL = nameBox.padding.L;
nameBoxBackground:SetPoint("BOTTOMLEFT",nameBox,"BOTTOMLEFT",-paddingL,-nameBox.margin.D)
nameBoxBackground:SetPoint("TOPLEFT",nameBox,"TOPLEFT",-paddingL,nameBox.margin.T + 12);
nameBoxBackground:SetWidth(32);
nameBoxBackground:SetFrameStrata("BACKGROUND");
nameBox.background = nameBoxBackground
local nameBoxMouseCatcher = CreateFrame("Button",frameName.."-NameBoxMouseCatcher",nameBox);
nameBoxMouseCatcher:SetPoint("BOTTOMLEFT",nameBoxBackground);
nameBoxMouseCatcher:SetPoint("TOPRIGHT",nameBoxBackground);
nameBoxMouseCatcher:SetScript("OnEnter", function(self) if nameBox:GetText() == "" and not nameBox:HasFocus() then nameBox:SetAlpha(0.5) end end);
nameBoxMouseCatcher:SetScript("OnLeave", function(self) if nameBox:GetText() == "" and not nameBox:HasFocus() then nameBox:SetAlpha(0) end end);
nameBoxMouseCatcher:SetScript("OnClick", function(self) nameBox:SetFocus() end);
nameBoxMouseCatcher:SetScript("OnMouseDown", function(self) newChatBubble:StartMoving() end )
nameBoxMouseCatcher:SetScript("OnMouseUp", function(self) newChatBubble:StopMovingOrSizing() end )
local nameBoxColorPicker = CreateFrame("Button",frameName.."-ColorPickerButton",newChatBubble);
nameBoxColorPicker:SetSize(16,16);
nameBoxColorPicker:SetFrameStrata("MEDIUM") -- Needs to be higher than the EditBox to override it
nameBox.colorPickerTex = nameBoxColorPicker:CreateTexture(frameName.."-ColorPickerButton-color","ARTWORK")
nameBox.colorPickerTex:SetPoint("TOPLEFT",2,-2);
nameBox.colorPickerTex:SetPoint("BOTTOMRIGHT",-2,2);
nameBox.colorPickerTex:SetColorTexture(nameBox:GetTextColor());
local cpBorderTex = nameBoxColorPicker:CreateTexture(frameName.."-ColorPickerButton-border","BORDER");
cpBorderTex:SetAllPoints();
cpBorderTex:SetColorTexture(0.1,0.1,0.1);
nameBoxColorPicker:SetPoint("BOTTOMLEFT",nameBoxBackground,"BOTTOMRIGHT");
nameBoxColorPicker:SetAlpha(0.01);
nameBoxColorPicker:EnableMouse(true);
nameBoxColorPicker:SetScript("OnEnter", function(self) if nameBox:GetText() ~= "" then self:SetAlpha(1); end; end);
nameBoxColorPicker:SetScript("OnLeave", function(self) self:SetAlpha(0.01) end);
nameBoxColorPicker:SetScript("OnClick", function(self) pickNameColor(newChatBubble) end);
nameBox.stringMeasure = nameBox:CreateFontString(nil,"OVERLAY","GameFontNormal");
--nameBox.stringMeasure:SetAlpha(0);
nameBox.GetFullWidth = function(self) return nameBoxBackground:GetWidth() end;
nameBox:SetScript("OnTextChanged", function(self)
nameBox.stringMeasure:SetText(self:GetText());
adjustNameBoxWidth(newChatBubble)
adjustChatBubbleWidth(newChatBubble)
end);
local midTex = nameBoxBackground:CreateTexture("nameBoxBackgroundTex-middle","BACKGROUND");
midTex:SetTexture("Interface/CHATFRAME/ChatFrameTab-BGMid.blp");
midTex:SetPoint("TOPLEFT",16,0);
midTex:SetPoint("BOTTOMRIGHT",-16,0);
local leftTex = nameBoxBackground:CreateTexture("nameBoxBackgroundTex-left","BACKGROUND");
leftTex:SetTexture("Interface/CHATFRAME/ChatFrameTab-BGLeft.blp");
leftTex:SetPoint("TOPRIGHT",midTex,"TOPLEFT");
leftTex:SetPoint("BOTTOMRIGHT",midTex,"BOTTOMLEFT");
local rightTex = nameBoxBackground:CreateTexture("nameBoxBackgroundTex-right","BACKGROUND");
rightTex:SetTexture("Interface/CHATFRAME/ChatFrameTab-BGRight.blp");
rightTex:SetPoint("TOPLEFT",midTex,"TOPRIGHT");
rightTex:SetPoint("BOTTOMLEFT",midTex,"BOTTOMRIGHT");
local chatBubbleTail = CreateFrame("Frame",frameName.."-tail",chatBubbleBackground)
chatBubbleTail:SetBackdrop({
bgFile="Interface\\Tooltips\\CHATBUBBLE-TAIL.BLP"
})
chatBubbleTail:SetSize(16,16)
chatBubbleTail:SetPoint("TOPLEFT",chatBubbleBackground,"BOTTOMLEFT",8,3)
--Functions for outside use
newChatBubble.GetName = nameBox.GetText;
newChatBubble.SetName = function(self,name) nameBox:SetText(name); if (name ~= "" ) then nameBox:SetAlpha(1); end; end;
newChatBubble.GetMessage = editBox.GetText;
newChatBubble.SetMessage = function(self,message) editBox:SetText(message) end;
newChatBubble.GetNameColor = function(self) return nameBox:GetTextColor() end;
newChatBubble.SetNameColor = function(self,r,g,b) nameBox:SetTextColor(r,g,b) nameBox.colorPickerTex:SetColorTexture(r,g,b) end;
return newChatBubble
end