Fix for "I am open for a new mentee" bug - #527 (#540)

* Updated Default cshtml file

* Updated review comments

* Moved mentor checkbox logic to JS and updated layout version.

* Changed the version number

* Updated review comments

---------

Co-authored-by: Esari Upendri <esari.upendri@igt1sl.com>

Author: EsariUp

headapps/MvpSite/MvpSite.Rendering/Views/Shared/Components/MvpMentorData/Default.cshtml

@@ -13,13 +13,13 @@
                 <input asp-for="MentorId" type="hidden"/>
                 <div class="form-group">
                     <div class="form-check">
-                        @Html.CheckBoxFor(m => m.IsMentor, new { @class = "align-middle" })
+                        @Html.CheckBoxFor(m => m.IsMentor, new { @class = "align-middle", id = "IsMentor" })
                         <label asp-for="IsMentor" class="w-75 align-middle">
                             @(Model.IsEditing ? Html.Raw(Model.IsMentorLabel?.EditableMarkup) : Model.IsMentorLabel?.Value)
                         </label>
                     </div>
                     <div class="form-check">
-                        @Html.CheckBoxFor(m => m.IsOpenToNewMentees, new { @class = "align-middle" })
+                        @Html.CheckBoxFor(m => m.IsOpenToNewMentees, new { @class = "align-middle", id = "IsOpenToNewMentees" })
                         <label asp-for="IsOpenToNewMentees" class="w-75 align-middle">
                             @(Model.IsEditing ? Html.Raw(Model.IsOpenToNewMenteesLabel?.EditableMarkup) : Model.IsOpenToNewMenteesLabel?.Value)
                         </label>

headapps/MvpSite/MvpSite.Rendering/Views/Shared/_Layout.cshtml

@@ -69,6 +69,6 @@
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
     <script src="https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/js/accordion.js"></script>
-    <script src="/js/mvp-site.es5.min.js?v=1.14"></script>
+    <script src="/js/mvp-site.es5.min.js?v=1.15"></script>
 </body>
 </html>

headapps/MvpSite/MvpSite.Rendering/wwwroot/js/mvp-site.es5.js

@@ -39,6 +39,24 @@ function directorySearchClearHandler() {
     window.addEventListener('pageshow', clearIfNeeded);
 }
 
+function setupMentorCheckboxBehavior() {
+    var mentorCheckbox = document.getElementById("IsMentor");
+    var menteeCheckbox = document.getElementById("IsOpenToNewMentees");
+
+    if (!mentorCheckbox || !menteeCheckbox) {
+        return;
+    }
+
+    menteeCheckbox.disabled = !mentorCheckbox.checked;
+
+    mentorCheckbox.addEventListener("change", function () {
+        menteeCheckbox.disabled = !this.checked;
+        if (!this.checked) {
+            menteeCheckbox.checked = false;
+        }
+    });
+}
+
 $(document).ready(function () {
     var $window = $(window);
 
@@ -128,5 +146,10 @@ $(document).ready(function () {
             });
         });
     }
+
+    var $mvpmentordata = $(".mvp-fs-mvpmentordata");
+    if ($mvpmentordata.length > 0) {
+        setupMentorCheckboxBehavior();
+    }
 });
 

headapps/MvpSite/MvpSite.Rendering/wwwroot/js/mvp-site.es5.min.js

@@ -40,6 +40,26 @@ function directorySearchClearHandler() {
 
 }
 
+
+function setupMentorCheckboxBehavior() {
+    const mentorCheckbox = document.getElementById("IsMentor");
+    const menteeCheckbox = document.getElementById("IsOpenToNewMentees");
+
+    if (!mentorCheckbox || !menteeCheckbox) {
+        return;
+    }
+
+    menteeCheckbox.disabled = !mentorCheckbox.checked;
+
+    mentorCheckbox.addEventListener("change", function () {
+        menteeCheckbox.disabled = !this.checked;
+        if (!this.checked) {
+            menteeCheckbox.checked = false;
+        }
+    });
+}
+
+
 $(document).ready(function () {
     const $window = $(window);
 
@@ -128,4 +148,9 @@ $(document).ready(function () {
             });
         });
     }
+
+    const $mvpmentordata = $(".mvp-fs-mvpmentordata");
+    if ($mvpmentordata.length > 0) {
+        setupMentorCheckboxBehavior();
+    }
 });