profiles-test.html

---
layout: default
title: Bioinformatics Profiles

---
<!-- https://code.jquery.com/jquery-3.5.1.js

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
<style>


  </style>

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
    integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/select/1.2.1/js/dataTables.select.min.js" type="text/javascript"></script>

<p>Select the modules below <p>

<label for="healthsafetyCheckbox">
    <input type="checkbox" id="healthsafetyCheckbox"> Health and Safety
</label>
  <br>
<label for="ethicspolicyCheckbox">
  <input type="checkbox" id="ethicspolicyCheckbox"> Ethics & Policy
</label>
<br>
<label for="introGECheckbox">
  <input type="checkbox" id="introGECheckbox"> Introduction to Genetic Epidemiology
</label>
<br>
<label for="unixCheckbox">
    <input type="checkbox" id="unixCheckbox"> Unix, Scripting
  </label>
  <br>
<label for="progCheckbox">
      <input type="checkbox" id="progCheckbox"> Programming
</label>
<br>
<label for="bioinfCheckbox">
        <input type="checkbox" id="bioinfCheckbox"> Bioinformatics
</label>
<br>
<label for="wHPCCheckbox">
        <input type="checkbox" id="wHPCCheckbox"> Workflows, HPC
</label>
<br>


<button onclick="displayDegreeTitle()" type="button" class="btn btn-danger btn-sm" data-toggle="modal"
data-target="#myModal1">
Display Bioinformatics Profile
</button>
  
    <!-- The Modal -->
    <div class="modal fade" id="myModal1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <p class="modal-title font-weight-bold"> </p>
                    <button type="button" class="close"
                        data-dismiss="modal">&times;</button><br>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <p><b>Your Profile:</b> <span id="degreeTitle">Can not generate profile, Please select the appropriate modules!</span></p>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger btn-sm"
                        data-dismiss="modal">Close</button>
                </div>

            </div>
        </div>
    </div>

<br>
<!-- <button class="btn btn-danger btn-sm" onclick="displayDegreeTitle()">Display Bioinformatics Profile</button>
<br>
<br>
<p>Your Profile: <span id="degreeTitle">Undecided, Please</span></p> -->


<script>
 function displayDegreeTitle() {
      // Get the completed NGS courses
      var healthsafetyCompleted = document.getElementById("healthsafetyCheckbox").checked;
      var ethicspolicyCompleted = document.getElementById("ethicspolicyCheckbox").checked;
      var introGECompleted = document.getElementById("introGECheckbox").checked;
      var unixCompleted = document.getElementById("unixCheckbox").checked;
      var progCompleted = document.getElementById("progCheckbox").checked;
      var bioinfCompleted = document.getElementById("bioinfCheckbox").checked;
      var wHPCCompleted = document.getElementById("wHPCCheckbox").checked;

      // Determine the degree/profile title based on the completed courses
      var degreeTitle = "Undecided";

      if (ethicspolicyCompleted && introGECompleted && unixCompleted && progCompleted && bioinfCompleted ) {
        degreeTitle = "Bioinformatics Scientist";
      } else if (healthsafetyCompleted && ethicspolicyCompleted && introGECompleted ) {
        degreeTitle = "Wetlab Scientist";
      } else if (aaintroGECompleted) {
        degreeTitle = "You have selected Introduction to Genetic Epidemiology";
      }

      // Display the degree/profile title
      document.getElementById("degreeTitle").textContent = degreeTitle;
    }

</script>