rechazo

wadwa
 avatar
unknown
plain_text
2 years ago
8.8 kB
6
Indexable
<!DOCTYPE html>
<html lang="es">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Plantillas</title>
<!--ICONO-->
<link rel="icon" href="https://es.gowork.com/media/cache/resolve/company_logo_profile/uploads/company_profile_image/25e41bb9-07ad-a288-9d98-695b79fd1863/dd55cce1f6aa6e9cd671b30356e1ffe1.png">
   


       <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <link href="./rechazosCSS.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
    <script src="jquery-3.6.0.min.js"></script>
    <script src="./rechazosJavaScript.js"></script>
    <title>Project SAU</title>
  </head>
<body>
 
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark-mine fixed-top">
        <div class="container-fluid">
          <a class="navbar-brand" href="../Index.html">COS GLOBAL TOOL</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="../plantillas/plantillas.html">Plantillas</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="../Operativas/operativas.html">Operativas</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="./rechazos.html">Rechazos</a>
              </li>
            </ul>
            </div>
        </div>
      </nav>

   
      <div id="margen" class="text-center paddsection">
        <div class="container">
          <div class="section-title text-center">
            <h2>RECHAZOS</h2>
          </div>
        </div>
      </div>

      <!--Texto quien informa-->
      <div>
        <h5 class="informa text-center"><u>QUIEN INFORMA</u></h5>
      </div>

      <center>
      <!--Quienes informan-->
      <div class="containerInformantes">
        <div class="row">
          <div class="col-sm body-panel" >
            <button type="button" class="list-group-mine list-group-item-action-mine list-group-item-action-hover" data-bs-toggle="collapse" href="#ResUsuario" aria-expanded="false" aria-controls="multi-collapse-1">USUARIO</button>
          </div>
          <div class="col-sm">
            <button type="button" class="list-group-mine list-group-item-action-mine list-group-item-action-hover">GRUPO TECNICO</button>
          </div>
          <div class="col-sm">
            <button type="button" class="list-group-mine list-group-item-action-mine list-group-item-action-hover"data-bs-toggle="collapse" href="#ResOperativas" aria-expanded="false" aria-controls="multi-collapse-1">PROCEDIMIENTO OPERATIVO</button> 
          </div>
        
        </div>
      </div>
    </center>

      <!--Texto alerta rojo-->
      <center>     
      <div>
          <p id="alertRechazo" >¡Tenéis que dejar muy bien reflejado qué ha pasado para que el código de cierre 
          se admita como el adecuado!. </p>
      </div>
    </center>


    <!--DESPLEGABLE USUARIO-->
    <center>
    <div class="collapse multi-collapse multi-collapse-1" id="ResUsuario">
			<div class="containerInformantes">
				<h2 class="subtitulo-margen-top">RECHAZOS DE USUARIO</h2>
        <!--Las dos opcoines que despliega el BOTON PRINCIPAL USUARIO-->
        <div class="subtitulo-margen-top">
          <div class="row justify-content-md-center">
            <div class="col"></div><!--Para rellenar-->
            <!--Rechazo si se ha solucionado-->
				<div class="col">
          <div class="text-white card-mine" style="width: 25rem;">
            <div class="card-header fuente-headers"><b>INCIDENCIA RESUELTA</b></div>
              <div class="card-body card-body-mine border-success">
              <p class="card-text"><b>RECHAZO NIVEL 3.<br>
              <p>El código de cierre será: <br></p>
              <p style="color:rgb(253, 139, 62)"> Dissmissed by Service Desk/Others/<br>Cause Undetected</b></p></p>
             </div>
          </div>
        </div>
        <!--FIN Rechazo si se ha solucionado-->
        <div class="col"></div><!--Para rellenar-->
        <!--Rechazo si solo quiere cerrar-->
        <div class="col">
          <div class="text-white card-mine" style="width: 25rem;">
           <div class="card-header fuente-headers"><b>PETICION DE CIERRE</b></div>
              <div class="card-body card-body-mine border-success">
              <p class="card-text"><b>RECHAZO NIVEL 3.<br>
              <p>El código de cierre será: <br></p>
              <p style="color:rgb(253, 139, 62)"> Dismissed by Service Desk/User/<br>Request for closure / cancellation</b></p></p>
             </div>
          </div>
        </div>
        <!--FIN Rechazo si solo quiere cerrar-->
        <div class="col"></div>
          </div>
        </div>
      </div>
      </div>
      </center>
      <!--FIN DESPLEGABLE USUARIO-->


      <!--DESPLEGABLE OPERATIVAS-->
    <center>
      <div class="collapse multi-collapse multi-collapse-2" id="ResOperativas">
        <div class="containerInformantes">
          <h2 class="subtitulo-margen-top">RECHAZOS POR PROCEDIMIENTO OPERATIVO</h2>
          <!--Las dos opcoines que despliega el BOTON PRINCIPAL USUARIO-->
          <div class="subtitulo-margen-top">
            <div class="row justify-content-md-center">
              <div class="col"></div><!--Para rellenar-->
              <!--Rechazo si se ha solucionado-->
          <div class="col">
            <div class="text-white card-mine" style="width: 25rem;">
              <div class="card-header fuente-headers"><b>CANALIZACION</b></div>
                <div class="card-body card-body-mine border-success">
                <p class="card-text"><b>RECHAZO NIVEL 3.<br>
                <p>El código de cierre será: <br></p>
                <p style="color:rgb(253, 139, 62)"> Dissmissed by Service Desk/Others/<br>Cause Undetected</b></p></p>
               </div>
            </div>
          </div>
          <!--FIN Rechazo si se ha solucionado-->
          <div class="col"></div><!--Para rellenar-->
          <!--Rechazo si solo quiere cerrar-->
          <div class="col">
            <div class="text-white card-mine" style="width: 25rem;">
             <div class="card-header fuente-headers"><b>PERMISOS</b></div>
                <div class="card-body card-body-mine border-success">
                <p class="card-text"><b>RECHAZO NIVEL 3.<br>
                <p>El código de cierre será: <br></p>
                <p style="color:rgb(253, 139, 62)"> Dismissed by Service Desk/User/<br>Request for closure / cancellation</b></p></p>
               </div>
            </div>
          </div>
          <!--FIN Rechazo si solo quiere cerrar-->
          <div class="col"></div>
            </div>
          </div>
        </div>
        </div>
        </center>
        <!--FIN DESPLEGABLE OPERATIVA-->


</body>
</html>

<!--JAVASC-->
var collapseElementList = [].slice.call(document.querySelectorAll('.collapse'))
console.log(collapseElementList);
var collapseList = collapseElementList.map(function (collapseEl) {
    collapseEl.addEventListener('hidden.bs.collapse', function () {
        let children = this.querySelectorAll('.collapse.show');
        children.forEach((c)=>{
            var collapse = bootstrap.Collapse.getInstance(c)
            collapse.hide()
        })
    })
})