Adm Cupo Tec21

Pantalla de Adm de cupos para Tec21

by Benjamín Xolotl Torres Luna

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/gitbrent/[email protected]/css/bootstrap4-toggle.min.css">
<script src="https://cdn.jsdelivr.net/gh/gitbrent/[email protected]/js/bootstrap4-toggle.min.js"></script>
<div class="jumbotron p-1" align="center">
  <h1 class="display-6">Administración de Grupos TEC21</h1>
  <p class="lead">Grupos que corresponden a: <b>BT1013</b><br></p>
  <div class="card text-center">
    <div class="card-header ">
      <ul class="nav nav-fill w-100">

        <li class="nav-item"><span class="badge badge-secondary">1</span>
        </li>
        <li class="nav-item" style="width: 30px;">
          <input type="checkbox">
        </li>
        <li class="nav-item"> <b>Clave:</b><br> BT1013
        </li>
        <li class="nav-item"> <b>Grupo:</b><br> <a href="#"><u>1</u> </a>
        </li>
        <li class="nav-item"> <b>CRN:</b><br> 39235
        </li>
        <li class="nav-item"> <b>Nombre de la materia:</b><br> Análisis de biología computaci
        </li>
        <li class="nav-item"> <b>Sede:</b><br> MTY
        </li>
        <li class="nav-item"> <b>Paquete:</b><br> No
        </li>
        <li class="nav-item"> <b>Banner:</b><br> Activo
        </li>
        <li class="nav-item"> <b>Uds Acad:</b><br> 2.7 </li>
        <li class="nav-item"> <b>Uds Adm:</b><br> 2.7
        </li>
        <li class="nav-item"> <b>SESS CODE:</b><br>
        </li>
        <li class="nav-item"> <input type="checkbox" checked data-toggle="toggle" data-height="33" data-size="sm"...

JavaScript

function uncheckIfChecked(boton) {

  if (boton === 0) {
    if (document.getElementById("abrirTodos").checked === true && document.getElementById("cerrarTodos").checked === true) {
      document.getElementById("cerrarTodos").click();
    }
  } else if (boton === 1) {
    if (document.getElementById("abrirTodos").checked === true && document.getElementById("cerrarTodos").checked === true) {
      document.getElementById("abrirTodos").click();
    }
  } else if (boton === 2) {
    if (document.getElementById("verTodos").checked === true && document.getElementById("ocultarTodos").checked === true) {
      document.getElementById("ocultarTodos").click();
    }
  } else if (boton === 3) {
    if (document.getElementById("ocultarTodos").checked === true && document.getElementById("verTodos").checked === true) {
      document.getElementById("verTodos").click();
    }
  }
}