added highlight effect

This commit is contained in:
Chr1Z93 2023-10-14 23:37:50 +02:00
parent 330cc9c25d
commit c5e87b1e46
3 changed files with 28 additions and 8 deletions

View File

@ -627,7 +627,17 @@ end
-- forwards the requested content type to the update function -- forwards the requested content type to the update function
---@param player LuaPlayer Player that triggered this ---@param player LuaPlayer Player that triggered this
---@param contentToShow String Name of the content type to show ---@param contentToShow String Name of the content type to show
function onClick_tab(player, contentToShow) ---@param id String Id of the clicked tab
function onClick_tab(player, contentToShow, id)
-- sets highlight to clicked tab
local idTable = {"tab1", "tab2","tab3","tab4","tab5"}
for _, listId in ipairs(idTable) do
if listId == id then
UI.setClass(listId, 'downloadTab activeTab')
else
UI.setClass(listId, 'downloadTab')
end
end
update_list(contentToShow) update_list(contentToShow)
end end
@ -705,11 +715,12 @@ function onMouseEnter_item(player, param)
local item = library[contentToShow][index] local item = library[contentToShow][index]
-- error handling -- error handling
if not item.name if not item
or not item.author or not item.name or item.name == ""
or not item.description or not item.author or item.author == ""
or not item.boxsize or not item.description or item.description == ""
or not item.boxart then or not item.boxsize or item.boxsize == ""
or not item.boxart or item.boxart == "" then
return return
end end

View File

@ -10,6 +10,9 @@
color="grey"/> color="grey"/>
<Button class="press" <Button class="press"
color="white"/> color="white"/>
<Button class="activeTab"
color="#ffffff"/>
</Defaults> </Defaults>
<!-- window to select downloadable content --> <!-- window to select downloadable content -->
@ -46,15 +49,20 @@
<HorizontalLayout preferredHeight="60" <HorizontalLayout preferredHeight="60"
padding="5" padding="5"
spacing="5"> spacing="5">
<Button class="downloadTab" <Button class="downloadTab activeTab"
id="tab1"
onClick="onClick_tab(campaigns)">Official Campaigns</Button> onClick="onClick_tab(campaigns)">Official Campaigns</Button>
<Button class="downloadTab" <Button class="downloadTab"
id="tab2"
onClick="onClick_tab(scenarios)">Official Scenarios</Button> onClick="onClick_tab(scenarios)">Official Scenarios</Button>
<Button class="downloadTab" <Button class="downloadTab"
id="tab3"
onClick="onClick_tab(fanmadeCampaigns)">Fan-Made Campaigns</Button> onClick="onClick_tab(fanmadeCampaigns)">Fan-Made Campaigns</Button>
<Button class="downloadTab" <Button class="downloadTab"
id="tab4"
onClick="onClick_tab(fanmadeScenarios)">Fan-Made Scenarios</Button> onClick="onClick_tab(fanmadeScenarios)">Fan-Made Scenarios</Button>
<Button class="downloadTab" <Button class="downloadTab"
id="tab5"
onClick="onClick_tab(fanmadePlayerCards)">Fan-Made Player Cards</Button> onClick="onClick_tab(fanmadePlayerCards)">Fan-Made Player Cards</Button>
</HorizontalLayout> </HorizontalLayout>

View File

@ -80,7 +80,8 @@
<TableLayout id="optionPanel" <TableLayout id="optionPanel"
class="window" class="window"
rectAlignment="LowerRight" rectAlignment="LowerRight"
offsetXY="-50 80"> offsetXY="-50 80"
raycastTarget="true">
<!-- Header: Options --> <!-- Header: Options -->
<Row preferredHeight="60"> <Row preferredHeight="60">
<Cell> <Cell>