Oferta Nacional v2

Administración de grupos de campus nacional v2

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://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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Detalle de grupo</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       <div class="card text-center">
    <div class="card-header ">
      <ul class="nav nav-fill w-100">

        <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...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}

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();
    }
  }
}
$(document).ready(function(){
  $("#divOfrecer0").hide();
  $("#divOfrecerNew").hide();
  $("#divOfrecerEdit").hide();
  $("#ofrecerCampus").click(function(){
    $("#divOfrecerNew").show();
  	$("#divOfrecer0").hide();
  });
  $("#btnOfrecer").click(function(){
    $("#divOfrecerList").show();
  	$("#divOfrecerNew").hide();
  });
  $("#btnUpdate").click(function(){
    $("#divOfrecerList").show();
  	$("#divOfrecerEdit").hide();
  });
  $("#modificar").click(function(){
    $("#divOfrecerEdit").show();
  	$("#divOfrecerList").hide();
  });
  $("#eliminar").click(function(){
    $("#divOfrecer0").show();
  	$("#divOfrecerList").hide();
  });
});