Syling Tracker

Syling Tracker

Addons
28.6k Downloads

Additions I would love

Korrigan1340 opened this issue ยท 1 comments

commented

Love the addon! The fact that I can abandon right from the tracker is refreshing. Would love option to customize further. Mostly quality of life options:
-Change the size of the gap between categories - to take up less space vertically. Or option to remove/hide category if you wish.
-Change transparency to background - ei: categories can be hard to read in open world, depending on your location due to transparent background.
-Change colors/text size
-Option to Remove/Hide "Quests" title bar

Thank you again. I've been looking for an addon like this for some time.

commented

The addon uses a skin system. As the options are not there, you are not able yet to use it.
My plan about it:

  • Be able creating your own skin
  • Share your skins : import and export feature.
  • Create a skin editor.

The skin system is very powerful, you can modify the visual of element as you wish without need to know how the things happen behind. The skins are simple LUA table, and shouldn't too hard to understand:

Syling-Tracker/Contents/Quests/QuestView.lua

Lines 597 to 704 in b4ca207

Style.UpdateSkin("Default", {
[QuestView] = {
width = 300,
backdrop = {
bgFile = [[Interface\AddOns\SylingTracker\Media\Textures\LinearGradient]],
},
backdropColor = { r = 35/255, g = 40/255, b = 46/255, a = 0.73},
registerForClicks = { "LeftButtonDown", "RightButtonDown" },
-- NormalTexture = {
-- file = [[Interface\AddOns\SylingTracker\Media\Textures\LinearGradient]],
-- vertexColor = { r = 35/255, g = 40/255, b = 46/255, a = 0.73},
-- setAllPoints = true,
-- },
-- HighlightTexture = {
-- file = [[Interface\AddOns\SylingTracker\Media\Textures\LinearGradient]],
-- vertexColor = { r = 35/255, g = 40/255, b = 46/255, a = 0.1},
-- setAllPoints = true,
-- },
-- Header Child
Header = {
height = 24,
location = {
Anchor("TOPLEFT"),
Anchor("TOPRIGHT")
},
Tag = {
height = 18,
width = 18,
file = QUEST_ICONS_FILE,
location = {
Anchor("LEFT", 3, 0)
}
},
-- Header/Name child
Name = {
location = {
Anchor("TOP"),
Anchor("LEFT", 0, 0, "Tag", "RIGHT"),
Anchor("RIGHT", 0, 0, "Level", "LEFT"),
Anchor("BOTTOM")
},
sharedMediaFont = FontType("DejaVuSansCondensed Bold", 10)
},
-- Header/Level child
Level = {
height = 16,
width = 30,
backdropColor = { r = 160/255, g = 160/255, b = 160/255, a = 0.5},
location = {
Anchor("RIGHT", -5, 0)
},
Label = {
justifyH = "RIGHT"
}
},
},
FlagsStyles = {
[QuestView.Flags.HAS_OBJECTIVES] = {
Objectives = {
spacing = 5,
location = {
Anchor("TOP", 0, -4, "Header", "BOTTOM"),
Anchor("LEFT"),
Anchor("RIGHT")
}
}
},
[QuestView.Flags.HAS_OBJECTIVES + QuestView.Flags.HAS_ITEM] = {
Item = {
height = 28,
width = 28,
location = {
Anchor("TOPLEFT", 4, -4, "Header", "BOTTOMLEFT")
},
Icon = {
texCoords = { top = 0.93, left = 0.07, bottom = 0.07, right = 0.93}
}
},
Objectives = {
spacing = 5,
location = {
Anchor("TOP", 2, -4, "Header", "BOTTOM"),
Anchor("LEFT", 2, 0, "Item", "RIGHT"),
Anchor("RIGHT")
}
}
}
}
},
-- [LegendaryQuestView] = {
-- backdropColor = { r = 35/255, g = 40/255, b = 46/255, a = 0.73},
-- },
[RaidQuestView] = {
backdropColor = { r = 0, g = 84/255, b = 2/255, a = 0.73}
},
[DungeonQuestView] = {
backdropColor = { r = 0, g = 72/255, b = 124/255, a = 0.73 }
}
})

A small example of what a skin can do, the positioning of the quest header has been changed but i could have gone further (modify the fond, change the background, ...)

To be honest, i cannot wait to see your creativity with this system.