Syling Tracker

Syling Tracker

28.6k Downloads

Good tracker but unfortunately with few Updates

RAtwood90 opened this issue ยท 6 comments

commented

Hello Skamer!

I really love your Tracker but it's missing so much editable Options like:

Font, Font Color, Font Size for all the Texts and Headers.

Statusbar Texture, Color change.

Checkbox Texture, Color change also disabling Function. (For some who only wants to see then the Quest is completed by turning the Text Green and Checkmarked.

Size Option for the Windows Width and Height.

Also Option to customize the Tooltip then right click.

The Options you actually got are barely rare sadly at the Moment.

And for me as UI Creator i can't get the Style to Match with my UI.

May Updates will be come in the Future maybe not.

Stay Healthy!

Good Bye my Friend.

commented

Thanks for your feedback.

I want to reassure you the addon will get updates.

Well good to know.

The Functions seems to be working quite good.

But all the Default Customization Options sadly missing.

Hopefully they will add soon as u have Time Mate!

commented

For giving more information.

I'm developing a feature allowing take as account the user settings directly from the skin definitions. It's still experimental, and i need to fix issue before to expand that on the addon elements.

Something is worth to say, i plan to add a way to creating its own skins but it targets more the advanced users as this need to know the lua tables.

For example, here is the default skin for the objectives.

Style.UpdateSkin("Default", {
[ObjectiveTimer] = {
height = 24,
-- Icon = {
-- atlas = AtlasType("socialqueuing-icon-clock"),
-- width = 16,
-- height = 16,
-- location = {
-- Anchor("LEFT")
-- }
-- },
Text = {
setAllPoints = true,
text = "Timer",
sharedMediaFont = FontType("PT Sans Narrow Bold", 15),
}
},
[ObjectiveView] = {
Text = {
justifyH = "LEFT",
justifyV = "TOP",
wordWrap = true,
nonSpaceWrap = true,
sharedMediaFont = FontType("PT Sans Narrow Bold", 13),
location = {
Anchor("TOPLEFT", 15, 0),
Anchor("TOPRIGHT")
}
},
FlagsStyles = {
[ObjectiveView.Flags.HAS_PROGRESSBAR] = {
PaddingBottom = 5,
ProgressBar = {
height = 24,
location = {
Anchor("TOP", 0, -4, "Text", "BOTTOM"),
Anchor("LEFT", 20, 0),
Anchor("RIGHT", -15, 0)
}
}
},
[ObjectiveView.Flags.HAS_TIMER] = {
PaddingBottom = 5,
Timer = {
height = 24,
location = {
Anchor("TOP", 0, -4, "Text", "BOTTOM"),
Anchor("LEFT", 0, 0),
Anchor("RIGHT", 0, 0)
}
}
},
[ObjectiveView.Flags.HAS_PROGRESSBAR + ObjectiveView.Flags.HAS_TIMER] = {
PaddingBottom = 5,
ProgressBar = {
height = 24,
location = {
Anchor("TOP", 0, -4, "Text", "BOTTOM"),
Anchor("LEFT", 20, 0),
Anchor("RIGHT", -15, 0)
}
},
-- Timer = {
-- location = {
-- Anchor("TOP", 0, -4, "ProgressBar", "BOTTOM"),
-- Anchor("LEFT", 20, 0),
-- Anchor("RIGHT", -15, 0)
-- }
-- }
}
},
StatesStyles = {
[ObjectiveView.State.Progress] = {
Icon = {
size = Size(8, 8),
color = ColorType(148/255, 148/255, 148/255),
location = {
Anchor("TOPLEFT", 2, -2)
}
},
Text = {
textColor = Color(148/255, 148/255, 148/255)
}
},
[ObjectiveView.State.Completed] = {
Icon = {
atlas = AtlasType("groupfinder-icon-greencheckmark"),
size = Size(10, 10),
location = {
Anchor("TOPLEFT", 2, -1)
}
},
Text = {
textColor = Color(0, 1, 0)
}
},
[ObjectiveView.State.Failed] = {
Icon = {
atlas = AtlasType("communities-icon-redx"),
size = Size(10, 10),
location = {
Anchor("TOPLEFT", 2, -1)
}
},
Text = {
textColor = Color(1, 0, 0)
}
}
}
}
})

From this way you could override the default skin in creating a skin definition with for value:

 [ObjectiveView] = {
    StatesStyles = {
      [ObjectiveView.State.Progress] = {
        Text =  Color.WHITE
      }
    }
  }

In the above example, the objective text will now be colored in white (instead of grey) when it's in progress.

commented

Thanks for your feedback.

I want to reassure you the addon will get updates.

commented

For giving more information.

I'm developing a feature allowing take as account the user settings directly from the skin definitions. It's still experimental, and i need to fix issue before to expand that on the addon elements.

Something is worth to say, i plan to add a way to creating its own skins but it targets more the advanced users as this need to know the lua tables.

For example, here is the default skin for the objectives.

Style.UpdateSkin("Default", {
[ObjectiveTimer] = {
height = 24,
-- Icon = {
-- atlas = AtlasType("socialqueuing-icon-clock"),
-- width = 16,
-- height = 16,
-- location = {
-- Anchor("LEFT")
-- }
-- },
Text = {
setAllPoints = true,
text = "Timer",
sharedMediaFont = FontType("PT Sans Narrow Bold", 15),
}
},
[ObjectiveView] = {
Text = {
justifyH = "LEFT",
justifyV = "TOP",
wordWrap = true,
nonSpaceWrap = true,
sharedMediaFont = FontType("PT Sans Narrow Bold", 13),
location = {
Anchor("TOPLEFT", 15, 0),
Anchor("TOPRIGHT")
}
},
FlagsStyles = {
[ObjectiveView.Flags.HAS_PROGRESSBAR] = {
PaddingBottom = 5,
ProgressBar = {
height = 24,
location = {
Anchor("TOP", 0, -4, "Text", "BOTTOM"),
Anchor("LEFT", 20, 0),
Anchor("RIGHT", -15, 0)
}
}
},
[ObjectiveView.Flags.HAS_TIMER] = {
PaddingBottom = 5,
Timer = {
height = 24,
location = {
Anchor("TOP", 0, -4, "Text", "BOTTOM"),
Anchor("LEFT", 0, 0),
Anchor("RIGHT", 0, 0)
}
}
},
[ObjectiveView.Flags.HAS_PROGRESSBAR + ObjectiveView.Flags.HAS_TIMER] = {
PaddingBottom = 5,
ProgressBar = {
height = 24,
location = {
Anchor("TOP", 0, -4, "Text", "BOTTOM"),
Anchor("LEFT", 20, 0),
Anchor("RIGHT", -15, 0)
}
},
-- Timer = {
-- location = {
-- Anchor("TOP", 0, -4, "ProgressBar", "BOTTOM"),
-- Anchor("LEFT", 20, 0),
-- Anchor("RIGHT", -15, 0)
-- }
-- }
}
},
StatesStyles = {
[ObjectiveView.State.Progress] = {
Icon = {
size = Size(8, 8),
color = ColorType(148/255, 148/255, 148/255),
location = {
Anchor("TOPLEFT", 2, -2)
}
},
Text = {
textColor = Color(148/255, 148/255, 148/255)
}
},
[ObjectiveView.State.Completed] = {
Icon = {
atlas = AtlasType("groupfinder-icon-greencheckmark"),
size = Size(10, 10),
location = {
Anchor("TOPLEFT", 2, -1)
}
},
Text = {
textColor = Color(0, 1, 0)
}
},
[ObjectiveView.State.Failed] = {
Icon = {
atlas = AtlasType("communities-icon-redx"),
size = Size(10, 10),
location = {
Anchor("TOPLEFT", 2, -1)
}
},
Text = {
textColor = Color(1, 0, 0)
}
}
}
}
})

From this way you could override the default skin in creating a skin definition with for value:

 [ObjectiveView] = {
    StatesStyles = {
      [ObjectiveView.State.Progress] = {
        Text =  Color.WHITE
      }
    }
  }

In the above example, the objective text will now be colored in white (instead of grey) when it's in progress.

Sounds good! But there will be also the Default Customization for Noob Users right?

Or will this Addon go the Way like Weakaura?

commented

For changing an ui property, there are two ways:

  • Method 1 (noob users): you can do that from a GUI interface (color picker, checkbox, button, dropdown, ...)
  • Method 2 (advanced users): you can do that in creating a skin definition with LUA tables.

If the Method 1 is available, 99,99% would use it even myself, this is more simple. But in the case where this one is not here because either it's not yet implemented or either too complex to be here. In these case there, you can use the second method as fallback.

It's important to note you can combine the both method, changing a ui property with the method 1 not prevent you to use the method 2 for an another property.

But there will be also the Default Customization for Noob Users right?

The addon uses this skin system internally from the beginning, so the default appearance won't change with you have already now.

commented

For changing an ui property, there are two ways:

  • Method 1 (noob users): you can do that from a GUI interface (color picker, checkbox, button, dropdown, ...)
  • Method 2 (advanced users): you can do that in creating a skin definition with LUA tables.

If the Method 1 is available, 99,99% would use it even myself, this is more simple. But in the case where this one is not here because either it's not yet implemented or either too complex to be here. In these case there, you can use the second method as fallback.

It's important to note you can combine the both method, changing a ui property with the method 1 not prevent you to use the method 2 for an another property.

But there will be also the Default Customization for Noob Users right?

The addon uses this skin system internally from the beginning, so the default appearance won't change with you have already now.

Yeah, i saw that in your LUA Files which Font etc. u are using.

The Main Reason why i'am asking about an visible Noob Edition is.

I'am created an UI it's now in V2 State (ElvUI Edit) and i wanna add your Tracker to it but i can't cause the Noob User Settings are missing.

Cause not everyone knows LUA like me (an bit ^^) and may they want to change somethings and they can't cause the Options for it are not implemented yet.

I saw an another Tracker but this Tracker didn't fit with the UI well so you are my last Hope ;-)

Since i know you with your first Trackers and your Raiding Priest :P