<!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()
})
})
})