Creating UnitFrame with oUF

Layback_ · 07-25-16, 08:02 PM

Hi all,

It's been a while since I posted my last thread here.

I was damn busy for last couple of months finishing my work and finally back here to solve this old problem + new minor problem with the pre-patch of Legion.

1. As I replied on thread below this post (http://www.wowinterface.com/forums/s...4&postcount=22), I am still having an issue with creating reverse fill of status bar and flipping status bar texture. I've tried with both haste's and monolit's approaches, but failed on making it work.

Lua Code:

Health:SetReverseFill(true);
Health.PostUpdate = function(Health, unit, min, max)
   Health:SetValue(max - Health:GetValue());
end

Lua Code:

A.CreateHealthBar = function(f, unit)
    local Health;
 
    if unit == "player" or unit == "targettarget" then
        Health = CreateFrame("StatusBar", f:GetName() .. "HealthBar", f);
    elseif unit == "target" then
        Health = A.ReverseStatusBar(f);
        Health.PostUpdate = A.PostUpdateHealth;
    end
 
    Health:SetFrameLevel(Health:GetFrameLevel() + 1);
    Health:SetStatusBarTexture(HEALTH_BAR);
    Health:SetStatusBarColor(0.85, 0.86, 0.84, 1);
 
    if unit == "player" then
        Health:SetPoint("TOPRIGHT", f, "TOPRIGHT", -1, -1);
        Health:SetSize(f:GetWidth() - 12, f:GetHeight() - 12);
    elseif unit == "target" then
        Health:SetPoint("TOPLEFT", f, "TOPLEFT", 1, -1);
        Health:SetSize(f:GetWidth() - 12, f:GetHeight() - 12);
    elseif unit == "targettarget" then
        Health:SetPoint("TOP", f, "TOP", 0, -1);
        Health:SetSize(f:GetWidth() - 22, f:GetHeight() - 12);
    end
 
    Health.bg = Health:CreateTexture(nil, "BACKGROUND");
    Health.bg:SetAllPoints(true);
    Health.bg:SetTexture(BACKDROP);
    Health.bg:SetVertexColor(0.08, 0.08, 0.08, 1);
 
    f.Health = Health;
    f.Health.bg = Health.bg;
end
 
-- Thanks to Monolit from WoWInterface for sharing this code!
local StatusBarUpdaterOnUpdate;
local StatusBarOnChanged;
A.ReverseStatusBar = function(f, unit)
    local statusbar = CreateFrame("Statusbar", f:GetName() .. "HealthBar", f);
    statusbar.updater = CreateFrame("Frame", nil, statusbar);
    statusbar.updater:Hide();
    statusbar.updater:SetScript("OnUpdate", StatusBarUpdaterOnUpdate);
 
    statusbar:SetScript("OnSizeChanged", StatusBarOnChanged);
    statusbar:SetScript("OnValueChanged", StatusBarOnChanged);
    statusbar:SetScript("OnMinMaxChanged", StatusBarOnChanged);
 
    return statusbar;
end
 
StatusBarUpdaterOnUpdate = function(updater)
    updater:Hide();
 
    local b = updater:GetParent();
 
    local tex = b:GetStatusBarTexture();
    tex:ClearAllPoints();
    tex:SetPoint("BOTTOMRIGHT");
    tex:SetPoint("TOPLEFT", b, "TOPRIGHT", (b:GetValue() / select(2, b:GetMinMaxValues()) - 1) * b:GetWidth(), 0);
 
    local d = select(2, b:GetMinMaxValues());
 
    local x;
 
    if d ~= 0 then
        x = (b:GetValue() / (d - 1)) * b:GetWidth();
    end
 
    tex:SetPoint("TOPLEFT", b, "TOPRIGHT", x, 0);
end
 
StatusBarOnChanged = function(statusbar)
    statusbar.updater:Show();
end
 
A.PostUpdateHealth = function(statusbar, unit, min, max)
    if UnitIsDeadOrGhost(unit) then
        statusbar:SetValue(0);
    end
end

2. I was trying to create a combo points bar with using lightspark's version of oUF.

For rogue, selecting 'Deeper Stratagem' as Tier 3 talent will increase its maximum combo point from 5 to 6 and I am not sure how I could apply this on oUF. I've attempted with MAX_COMBO_POINTS, but since this value is a constant, it does not seem to be working.

Lua Code:

A.CreateComboPoints = function(f, unit)
    local CPoints = {};
 
    for i = 1, MAX_COMBO_POINTS do
        local CPoint = CreateFrame("Frame", f:GetName() .. "ComboPoint" .. i, f);
        CPoint:SetWidth((f:GetWidth() - ((MAX_COMBO_POINTS - 1) * 5) - (MAX_COMBO_POINTS * 2 * 1)) / MAX_COMBO_POINTS);
        CPoint:SetHeight(8);
 
        if i == 1 then
            CPoint:SetPoint("TOPLEFT", f, "BOTTOMLEFT", 1, -5);
        else
            CPoint:SetPoint("LEFT", CPoints[i - 1], "RIGHT", 7, 0);
        end
 
        local texture = CPoint:CreateTexture(nil, "OVERLAY");
        texture:SetSize(CPoint:GetSize());
        texture:SetPoint("CENTER");
        texture:SetTexture(COMBO_POINT);
        texture:SetVertexColor(0.95, 0.38, 0.65, 1);
 
        CPoint.texture = texture;
 
        CPoints[i] = CPoint;
    end
 
    f.CPoints = CPoints;
end

Could I get some help regarding those?

Thank you!

lightspark · 07-25-16, 08:14 PM

Do not use CPoints widget, use ClassIcons instead.

BTW, you can have up to 8 combo points at once.

P.S. I proposed to remove CPoints from oUF, but I'll removed them from my version w/ next update.

lightspark · 07-25-16, 08:31 PM

As for reversed status bars, what are you trying to achieve w/ that weird updater thingy? O_o

statusbar:SetReverseFill(true) works fine, I use it myself and never had issues w/ it.

Here is my target frame w/ reversed health bar.

I added 1 line of code.

Do something like this and you should be fine

Lua Code:

local Health = CreateFrame("StatusBar", "$parentHealthBar", f);
 
if unit == "target" then
    Health:SetReverseFill(true);
    Health.PostUpdate = A.PostUpdateHealth;
end

Layback_ · 07-25-16, 08:58 PM

Originally Posted by lightspark

As for reversed status bars, what are you trying to achieve w/ that weird updater thingy? O_o

statusbar:SetReverseFill(true) works fine, I use it myself and never had issues w/ it.

Here is my target frame w/ reversed health bar.

I added 1 line of code.

Hi lightspark!

I honestly don't know how that updater things works, but I brought it from monolit's old post

About statusbar:SetReverseFill(true), yeah it works fine with pure solid textures, but behaves bit weird when the texture has some sort of shape on it.

Please have a look at the .gif image that I captured

The frame on the left is a player's frame while the one on the right is a target's frame.

As you can see, the shape on player's frame stays on its position, but the shape on target's frame is moving as the value changes.

Lua Code:

A.CreateHealthBar = function(f, unit)
    local Health;
    Health = CreateFrame("StatusBar", f:GetName() .. "HealthBar", f);
 
    if unit == "target" then
        Health:SetReverseFill(true);
    end
 
    Health:SetFrameLevel(Health:GetFrameLevel() + 1);
    Health:SetStatusBarTexture(HEALTH_BAR);
    Health:SetStatusBarColor(0.74, 0.81, 0.76, 1);
 
    if unit == "player" then
        Health:SetPoint("TOPRIGHT", f, "TOPRIGHT", -1, -1);
        Health:SetSize(f:GetWidth() - 12, f:GetHeight() - 12);
    elseif unit == "target" then
        Health:SetPoint("TOPLEFT", f, "TOPLEFT", 1, -1);
        Health:SetSize(f:GetWidth() - 12, f:GetHeight() - 12);
    elseif unit == "targettarget" then
        Health:SetPoint("TOP", f, "TOP", 0, -1);
        Health:SetSize(f:GetWidth() - 22, f:GetHeight() - 12);
    end
 
    Health.bg = Health:CreateTexture(nil, "BACKGROUND");
    Health.bg:SetAllPoints(true);
    Health.bg:SetTexture(BACKDROP);
 
    f.Health = Health;
    f.Health.bg = Health.bg;
end

I want that shape stays still instead of it moving as the value changes.

Also, if possible, I would like to flip the texture it horizontally as well for target frame!

Thank you.

lightspark · 07-25-16, 09:14 PM

Originally Posted by Layback_

Hi lightspark!

I honestly don't know how that updater things works, but I brought it from monolit's old post

About statusbar:SetReverseFill(true), yeah it works fine with pure solid textures, but behaves bit weird when the texture has some sort of shape on it.

Please have a look at the .gif image that I captured

The frame on the left is a player's frame while the one on the right is a target's frame.

As you can see, the shape on player's frame stays on its position, but the shape on target's frame is moving as the value changes.

-- code here

I want that shape stays still instead of it moving as the value changes.

Also, if possible, I would like to flip the texture it horizontally as well for target frame!

Thank you.

Ak, makes sense then. That's why I never use status bar textures w/ some sort of artwork on them, I prefer to use overlay textures, otherwise too much hustle. Simplest workaround is to create a texture w/ those three stripes and place it on top of health bar whereever you need them T_T That's what I'd do.

-- update

Texture like this, so you can colour it, size it and place it whichever way you want.

Here's TGA.

P.S. You can flip it horizontally via texture:SetTexCoord(1, 0, 0, 1).

Layback_ · 07-25-16, 09:46 PM

Originally Posted by lightspark

Ak, makes sense then. That's why I never use status bar textures w/ some sort of artwork on them, I prefer to use overlay textures, otherwise too much hustle. Simplest workaround is to create a texture w/ those three stripes and place it on top of health bar whereever you need them T_T That's what I'd do.

-- update

Texture like this, so you can colour it, size it and place it whichever way you want.

Here's TGA.

Hm... that could be the easiest workaround for me to deal with!

How about this?

Few months ago, a guy called 'zork' explained me with his approach which I honestly failed to understand

Thankfully, he shared his code and result as well.

thread: http://www.wowinterface.com/forums/showthread.php?t=53203
oUF_Doom from zork's github: https://github.com/zorker/rothui/tree/master/wow6.0/oUF_Doom
oUF_Doom result: http://imgur.com/a/BHfcs

If you don't mind, could you please have a look and explain me how this works?!

lightspark · 07-25-16, 10:01 PM

Originally Posted by Layback_

Hm... that could be the easiest workaround for me to deal with!

How about this?

Few months ago, a guy called 'zork' explained me with his approach which I honestly failed to understand

Thankfully, he shared his code and result as well.

thread: http://www.wowinterface.com/forums/showthread.php?t=53203
oUF_Doom from zork's github: https://github.com/zorker/rothui/tree/master/wow6.0/oUF_Doom
oUF_Doom result: http://imgur.com/a/BHfcs

If you don't mind, could you please have a look and explain me how this works?!

In his case status bar (health) works as a controller, it has no texture, it's there to calculate values, those values are used to crop a texture (doomHealth), which is used as a fake or substitute status bar texture, the one you see.

Layback_ · 07-25-16, 10:46 PM

Originally Posted by lightspark

In his case status bar (health) works as a controller, it has no texture, it's there to calculate values, those values are used to crop a texture (doomHealth), which is used as a fake or substitute status bar texture, the one you see.

So, "Health" is sitting at the back to calculate the value while "DoomHealth" is sitting at the front to show the visual things...

Am I getting it right...?

mmmmmmmmmmmmmm......

This is so tricky

Maybe, I should take more time to consider this.

Thank you for your explanation!!!!!!

=============================================================================

So!!!!

About class icons, as you advised me, I have switched ComboPoints to ClassIcons

Lua Code:

A.CreateClassIcons = function(f, unit)
    local _, englishClass = UnitClass("player");
 
    local powerType;
 
    if englishClass == "MONK" then
        powerType = SPELL_POWER_CHI;
    elseif englishClass == "PALADIN" then
        powerType = SPELL_POWER_HOLY_POWER;
    elseif englishClass == "PRIEST" then
        powerType = SPELL_POWER_SHADOW_ORBS;
    elseif englishClass == "WARLOCK" then
        powerType = SPELL_POWER_SOUL_SHARDS;
    elseif englishClass == "ROGUE" or "DRUID" then
        powerType = SPELL_POWER_COMBO_POINTS;
    elseif englishClass == "MAGE" then
        powerType = SPELL_POWER_ARCANE_CHARGES;
    end
 
    local maxpower = UnitPowerMax("player", powerType);
 
    local ClassIcons = {};
 
    for i = 1, 6 do
        local ClassIcon = CreateFrame("Frame", f:GetName() .. "ClassIcon" .. i, f);
        ClassIcon:SetWidth((f:GetWidth() - ((maxpower - 1) * 5) - (maxpower * 2 * 1)) / maxpower);
        ClassIcon:SetHeight(8);
 
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"BOTTOMRIGHT", ClassIcon, "TOPLEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"BOTTOMLEFT", ClassIcon, "TOPRIGHT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"TOPRIGHT", ClassIcon, "BOTTOMLEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"TOPLEFT", ClassIcon, "BOTTOMRIGHT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {ClassIcon:GetWidth(), 1}, {"BOTTOM", ClassIcon, "TOP", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {ClassIcon:GetWidth(), 1}, {"TOP", ClassIcon, "BOTTOM", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, ClassIcon:GetHeight()}, {"RIGHT", ClassIcon, "LEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, ClassIcon:GetHeight()}, {"LEFT", ClassIcon, "RIGHT", 0, 0}, {0, 0, 0, 1});
 
        if i == 1 then
            ClassIcon:SetPoint("TOPLEFT", f, "BOTTOMLEFT", 1, -6);
        else
            ClassIcon:SetPoint("LEFT", ClassIcons[i - 1], "RIGHT", 7, 0);
        end
 
        local texture = ClassIcon:CreateTexture(nil, "OVERLAY");
        texture:SetSize(ClassIcon:GetSize());
        texture:SetPoint("CENTER");
        texture:SetTexture(COMBO_POINT);
        texture:SetVertexColor(0.95, 0.38, 0.65, 1);
 
        ClassIcon.texture = texture;
 
        ClassIcons[i] = ClassIcon;
    end
 
    f.ClassIcons = ClassIcons;
end

Unfortunately, since I am trying to use my own design(?) to display icons, I'm currently having some issue when I change spec or talent.

For example, when 'Deeper Stratagem' was initially deactivated on AddOn load and activate it later via talent or spec change, this results in...

Additionally, when 'Deeper Stratagem' was initially activated on AddOn load and deactivate it later via talent or spec change, this results in...

As you can see, the size of each icon does not change on PLAYER_TALENT_UPDATE.

I guess I'll have to manually edit it within ClassIcon element, but I ain't sure how I should start this

...

Could you please advise me regarding this?!

lightspark · 07-26-16, 01:29 AM

Originally Posted by Layback_

So!!!!

About class icons, as you advised me, I have switched ComboPoints to ClassIcons

-- code

Unfortunately, since I am trying to use my own design(?) to display icons, I'm currently having some issue when I change spec or talent.

For example, when 'Deeper Stratagem' was initially deactivated on AddOn load and activate it later via talent or spec change, this results in...
-- pic

Additionally, when 'Deeper Stratagem' was initially activated on AddOn load and deactivate it later via talent or spec change, this results in...
-- pic

As you can see, the size of each icon does not change on PLAYER_TALENT_UPDATE.

I guess I'll have to manually edit it within ClassIcon element, but I ain't sure how I should start this

...

Could you please advise me regarding this?!

Y u do dis?

I use my own design w/ animations and other (unnecessary) things, and it works. There's no need for you to edit ClassIcons, cuz you fail to understand how ClassIcons widget works. It handles spec/talent/power switching well.

I'll come back later and post reworked version of your code.

-- update #1

The size wasn't changed on PLAYER_TALENT_UPDATE, because you didn't write code to resize it

It doesn't happen on its own. All changes to class icons should be done in widget's PostUpdate.

-- upadte #2

Lua Code:

local function ClassIconsPostUpdate(classicons, cur, max, maxChanged, powerType, event)
    if maxChanged then
        -- unit frame width
        local width = classicons.__owner:GetWidth();
 
        for i = 1, max do
            classicons[i]:SetWidth((width - ((max - 1) * 5) - (max * 2 * 1)) / max);
        end
    end
end
 
A.CreateClassIcons = function(f, unit)
    local ClassIcons = {};
 
    -- right now usable max is 8, but according to blizz code you may have up to 9
    for i = 1, 9 do
        local ClassIcon = CreateFrame("Frame", "$parentClassIcon" .. i, f);
        ClassIcon:SetHeight(8);
 
        if i == 1 then
            ClassIcon:SetPoint("TOPLEFT", f, "BOTTOMLEFT", 1, -6);
        else
            ClassIcon:SetPoint("LEFT", ClassIcons[i - 1], "RIGHT", 7, 0);
        end
 
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"BOTTOMRIGHT", ClassIcon, "TOPLEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"BOTTOMLEFT", ClassIcon, "TOPRIGHT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"TOPRIGHT", ClassIcon, "BOTTOMLEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"TOPLEFT", ClassIcon, "BOTTOMRIGHT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {ClassIcon:GetWidth(), 1}, {"BOTTOM", ClassIcon, "TOP", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {ClassIcon:GetWidth(), 1}, {"TOP", ClassIcon, "BOTTOM", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, ClassIcon:GetHeight()}, {"RIGHT", ClassIcon, "LEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, ClassIcon:GetHeight()}, {"LEFT", ClassIcon, "RIGHT", 0, 0}, {0, 0, 0, 1});
 
        local texture = ClassIcon:CreateTexture(nil, "OVERLAY");
        texture:SetSize(ClassIcon:GetSize());
        texture:SetPoint("CENTER");
        texture:SetTexture(COMBO_POINT);
        texture:SetVertexColor(0.95, 0.38, 0.65, 1);
 
        ClassIcon.texture = texture;
 
        ClassIcons[i] = ClassIcon;
    end
 
    -- you should resize icons here!
    ClassIcons.PostUpdate = ClassIconsPostUpdate
 
    f.ClassIcons = ClassIcons;
end

That should do the trick.

Layback_ · 07-26-16, 03:06 AM

Originally Posted by lightspark

Y u do dis?

I use my own design w/ animations and other (unnecessary) things, and it works. There's no need for you to edit ClassIcons, cuz you fail to understand how ClassIcons widget works. It handles spec/talent/power switching well.

I'll come back later and post reworked version of your code.

-- update #1

The size wasn't changed on PLAYER_TALENT_UPDATE, because you didn't write code to resize it

It doesn't happen on its own. All changes to class icons should be done in widget's PostUpdate.

-- upadte #2

Lua Code:

local function ClassIconsPostUpdate(classicons, cur, max, maxChanged, powerType, event)
    if maxChanged then
        -- unit frame width
        local width = classicons.__owner:GetWidth();
 
        for i = 1, max do
            classicons[i]:SetWidth((width - ((max - 1) * 5) - (max * 2 * 1)) / max);
        end
    end
end
 
A.CreateClassIcons = function(f, unit)
    local ClassIcons = {};
 
    -- right now usable max is 8, but according to blizz code you may have up to 9
    for i = 1, 9 do
        local ClassIcon = CreateFrame("Frame", "$parentClassIcon" .. i, f);
        ClassIcon:SetHeight(8);
 
        if i == 1 then
            ClassIcon:SetPoint("TOPLEFT", f, "BOTTOMLEFT", 1, -6);
        else
            ClassIcon:SetPoint("LEFT", ClassIcons[i - 1], "RIGHT", 7, 0);
        end
 
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"BOTTOMRIGHT", ClassIcon, "TOPLEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"BOTTOMLEFT", ClassIcon, "TOPRIGHT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"TOPRIGHT", ClassIcon, "BOTTOMLEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, 1}, {"TOPLEFT", ClassIcon, "BOTTOMRIGHT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {ClassIcon:GetWidth(), 1}, {"BOTTOM", ClassIcon, "TOP", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {ClassIcon:GetWidth(), 1}, {"TOP", ClassIcon, "BOTTOM", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, ClassIcon:GetHeight()}, {"RIGHT", ClassIcon, "LEFT", 0, 0}, {0, 0, 0, 1});
        A.CreateBorder(ClassIcon, "Border", BACKDROP, {1, ClassIcon:GetHeight()}, {"LEFT", ClassIcon, "RIGHT", 0, 0}, {0, 0, 0, 1});
 
        local texture = ClassIcon:CreateTexture(nil, "OVERLAY");
        texture:SetSize(ClassIcon:GetSize());
        texture:SetPoint("CENTER");
        texture:SetTexture(COMBO_POINT);
        texture:SetVertexColor(0.95, 0.38, 0.65, 1);
 
        ClassIcon.texture = texture;
 
        ClassIcons[i] = ClassIcon;
    end
 
    -- you should resize icons here!
    ClassIcons.PostUpdate = ClassIconsPostUpdate
 
    f.ClassIcons = ClassIcons;
end

That should do the trick.

God.... You r just genius!!!!

Just to make things clear, I had to add this line of code:

Lua Code:

classicons[i].texture:SetSize(classicons[i]:GetSize());

after

Lua Code:

classicons[i]:SetWidth((width - ((max - 1) * 5) - (max * 2 * 1)) / max);

Otherwise, the texture itself gets massive.

Thank you so much for your help!!!

lightspark · 07-26-16, 03:09 AM

You dun need to, there's an easier way to handle it.

Lua Code:

local texture = ClassIcon:CreateTexture(nil, "OVERLAY");
texture:SetAllPoints();
texture:SetTexture(COMBO_POINT);
texture:SetVertexColor(0.95, 0.38, 0.65, 1);

Create textures like so.

Layback_ · 07-26-16, 04:36 AM

Originally Posted by lightspark

You dun need to, there's an easier way to handle it.

Lua Code:

local texture = ClassIcon:CreateTexture(nil, "OVERLAY");
texture:SetAllPoints();
texture:SetTexture(COMBO_POINT);
texture:SetVertexColor(0.95, 0.38, 0.65, 1);

Create textures like so.

You are totally right!

I gotta study harder