Implement checkboxes in slot settings to toggle various slot properties

ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml

@@ -38,9 +38,9 @@
                 <div class="field" style="display: flex; justify-content: center; align-items: center;">
                     <div>
                         <div>
                             <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; @(adventureStyle)">
                             <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; @(adventureStyle)" 
                                                                      onerror="this.onerror='';this.src='/gameAssets/@ServerConfiguration.Instance.WebsiteConfiguration.MissingIconHash'">
                         </div>
                         <div class="ui fitted divider hidden"></div>
@@ -60,6 +60,33 @@
                     <label style="text-align: left" for="description">Description</label>
                     <textarea name="description" id="description" spellcheck="false" placeholder="Description">@HttpUtility.HtmlDecode(Model.Slot.Description)</textarea>
                 </div>
+                <div class="ui divider"></div>
+                <label class="ui button @(Model.Slot.InitiallyLocked ? "selected" : "")" style="margin-bottom: 1em;" for="checkboxInitiallyLocked">
+                    <i class="lock icon"></i>
+                    Locked
+                    <input type="checkbox" name="initiallyLocked" id="checkboxInitiallyLocked" style="margin-left: 5px;" onchange="onCheckboxChange(this)" @(Model.Slot.InitiallyLocked ? "checked" : "") value="true">
+                </label>
+                <label class="ui button @(Model.Slot.Shareable == 1 ? "selected" : "")" style="margin-bottom: 1em;" for="checkboxShareable">
+                    <i class="check icon"></i>
+                    Copyable
+                    <input type="checkbox" name="shareable" id="checkboxShareable" style="margin-left: 5px;" onchange="onCheckboxChange(this)" @(Model.Slot.Shareable == 1 ? "checked" : "") value="1">
+                </label>
+                @if (Model.Slot.GameVersion != GameVersion.LittleBigPlanet1)
+                {
+                    <label class="ui button @(Model.Slot.SubLevel ? "selected" : "")" style="margin-bottom: 1em;" for="checkboxSubLevel">
+                        <i class="arrow circle down icon"></i>
+                        Sub Level
+                        <input type="checkbox" name="subLevel" id="checkboxSubLevel" style="margin-left: 5px;" onchange="onCheckboxChange(this)" @(Model.Slot.SubLevel ? "checked" : "") value="true">
+                    </label>
+                }
+                else
+                {
+                    <label class="ui button @(Model.Slot.Lbp1Only ? "selected" : "")" style="margin-bottom: 1em;" for="checkboxLbp1Only">
+                        <i class="eye icon"></i>
+                        LBP1 Only
+                        <input type="checkbox" name="lbp1Only" id="checkboxLbp1Only" style="margin-left: 5px;" onchange="onCheckboxChange(this)" @(Model.Slot.Lbp1Only ? "checked" : "") value="true">
+                    </label>
+                }
                 @if (Model.Slot.GameVersion != GameVersion.LittleBigPlanet1)
                 {
                     <div class="field">
@@ -106,6 +133,14 @@
   function onHoverStart(btn){          
       generateRandomSkew(btn);
   }
+  function onCheckboxChange(checkbox) {
+      const label = checkbox.parentElement;
+      if (checkbox.checked) {
+          label.classList.add('selected');
+      } else {
+          label.classList.remove('selected');
+      }
+  }
   function generateRandomSkew(element){
       let rand = Math.random() * 6 - 3; 
       element.style.setProperty("--skew", "rotate(" + rand + "deg)"); 

ProjectLighthouse.Servers.Website/Pages/SlotSettingsPage.cshtml.cs

@@ -1,10 +1,11 @@
 #nullable enable
 using LBPUnion.ProjectLighthouse.Configuration;
 using LBPUnion.ProjectLighthouse.Database;
 using LBPUnion.ProjectLighthouse.Files;
 using LBPUnion.ProjectLighthouse.Helpers;
 using LBPUnion.ProjectLighthouse.Servers.Website.Pages.Layouts;
 using LBPUnion.ProjectLighthouse.Types.Entities.Level;
+using LBPUnion.ProjectLighthouse.Types.Users;
 using LBPUnion.ProjectLighthouse.Types.Filter;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.EntityFrameworkCore;
@@ -15,17 +16,28 @@
 {
 
     public SlotEntity? Slot;
     public SlotSettingsPage(DatabaseContext database) : base(database)
     {}
 
-    public async Task<IActionResult> OnPost([FromRoute] int slotId, [FromForm] string? avatar, [FromForm] string? name, [FromForm] string? description, string? labels)
+    public async Task<IActionResult> OnPost
+    (
+        [FromRoute] int slotId,
+        [FromForm] string? avatar,
+        [FromForm] string? name,
+        [FromForm] string? description,
+        [FromForm] string? labels,
+        [FromForm] bool initiallyLocked,
+        [FromForm] int shareable,
+        [FromForm] bool subLevel,
+        [FromForm] bool lbp1Only
+    )
     {
         this.Slot = await this.Database.Slots.FirstOrDefaultAsync(u => u.SlotId == slotId);
         if (this.Slot == null) return this.NotFound();
 
         if (this.User == null) return this.Redirect("~/slot/" + slotId);
 
         if (!this.User.IsModerator && this.User != this.Slot.Creator) return this.Redirect("~/slot/" + slotId);
 
         // Deny request if in read-only mode
         if (ServerConfiguration.Instance.UserGeneratedContentLimits.ReadOnlyMode)
@@ -56,6 +68,22 @@
                 this.Slot.AuthorLabels = labels;
         }
 
+        if (this.Slot.InitiallyLocked != initiallyLocked) this.Slot.InitiallyLocked = initiallyLocked;
+
+        if (this.Slot.Shareable != shareable) this.Slot.Shareable = shareable;
+
+        if (this.Slot.SubLevel != subLevel) 
+        {
+            if (this.Slot.GameVersion != GameVersion.LittleBigPlanet1)
+                this.Slot.SubLevel = subLevel;
+        }
+
+        if (this.Slot.Lbp1Only != lbp1Only) 
+        {
+            if (this.Slot.GameVersion == GameVersion.LittleBigPlanet1)
+                this.Slot.Lbp1Only = lbp1Only;
+        }
+
         // ReSharper disable once InvertIf
         if (this.Database.ChangeTracker.HasChanges())
         {
@@ -77,4 +105,4 @@
 
         return this.Page();
     }
-}
+}