From 343a88f802f7a3d1dab7237a9ecedeaeb43c76e6 Mon Sep 17 00:00:00 2001
From: Dagg <32235163+daggintosh@users.noreply.github.com>
Date: Sat, 24 Sep 2022 16:22:45 -0700
Subject: [PATCH] Add Adventure icon for slot settings  (#494)

* Adventures show correct icon in settings

* Update ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml

Co-authored-by: Josh <josh@slendy.pw>

Co-authored-by: Josh <josh@slendy.pw>
---
 .../Pages/SlotSettingsPage.cshtml                      | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml b/ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml
index 08fec3e4..f6be5501 100644
--- a/ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml
+++ b/ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml
@@ -17,6 +17,8 @@
     bool isMobile = Request.IsMobile();
 
     int size = isMobile ? 100 : 200;
+    bool isAdventure = Model.Slot?.IsAdventurePlanet ?? false;
+    string advenStyleExt = isAdventure ? "-webkit-mask-image: url(/assets/advSlotCardMask.png); -webkit-mask-size: contain; border-radius: 0%;" : "";
 }
 
 <script>
@@ -37,11 +39,11 @@ function onSubmit(){
                 <div class="field" style="display: flex; justify-content: center; align-items: center;">
                     <div>
                         <div>
-                                <img src="~/assets/slotCardOverlay.png" style="min-width: @(size)px; width: @(size)px; height: @(size)px; pointer-events: none; position: absolute; z-index: 3;">                                
-                                <img src="~/assets/slotCardBackground.png" style="min-width: @(size)px; width: @(size)px; height: @(size)px; position: absolute; z-index: 1;">
-                                <img id="slotIcon" class="cardIcon slotCardIcon" src="/gameAssets/@Model.Slot.IconHash" style="min-width: @(size)px; width: @(size)px; height: @(size)px; position: relative; z-index: 2" 
+                            <img src=@(isAdventure ? "/assets/advSlotCardOverlay.png" : "/assets/slotCardOverlay.png") style="min-width: @(size)px; width: @(size)px; height: @(size)px; pointer-events: none; position: absolute; z-index: 3;">                                
+                            <img src="~/assets/slotCardBackground.png" style="min-width: @(size)px; width: @(size)px; height: @(size)px; position: absolute; z-index: 1; @(advenStyleExt)">
+                            <img id="slotIcon" class="cardIcon slotCardIcon" src="/gameAssets/@Model.Slot.IconHash" style="min-width: @(size)px; width: @(size)px; height: @(size)px; position: relative; z-index: 2; @(advenStyleExt)" 
                                                                      onerror="this.onerror='';this.src='/gameAssets/@ServerConfiguration.Instance.WebsiteConfiguration.MissingIconHash'">
-                            </div>
+                        </div>
                         <div class="ui fitted divider hidden"></div>
                         <label for="avatar" class="ui blue button" style="color: white; max-width: @(size)px">
                             <i class="arrow circle up icon"></i>