diff --git a/UyTube_web/src/java/com/uytube/PeticionAjax.java b/UyTube_web/src/java/com/uytube/PeticionAjax.java
index 5cd84179d0d3d1cf7694ed1d51743d53715e7c08..92cbb1600872f6c5eb7bb55d98667ab5d84a11d3 100644
--- a/UyTube_web/src/java/com/uytube/PeticionAjax.java
+++ b/UyTube_web/src/java/com/uytube/PeticionAjax.java
@@ -60,8 +60,8 @@ public class PeticionAjax extends HttpServlet {
Aca debe recibir un parametor de nombre accion el cual define cual es la funcion
que se debe ejecutar
*/
-
- String txtUsuario = request.getParameter("userdata"); // obtiene lo enviado por AJAX
+ String accion = request.getParameter("accion"); // obtiene lo enviado por AJAX
+ String txtUsuario = request.getParameter("nombre"); // obtiene lo enviado por AJAX
response.setContentType("text/plain"); //Set content type of the response so that jQuery knows what it can expect.
response.setCharacterEncoding("UTF-8"); //You want world domination, huh?
String respuesta;
diff --git a/UyTube_web/web/Buscar.jsp b/UyTube_web/web/Buscar.jsp
index ed3d2a8b1ec60319b060270f14969b73c60be977..6756fb8f317358cf109811d5ac7a346ec13c3ca1 100644
--- a/UyTube_web/web/Buscar.jsp
+++ b/UyTube_web/web/Buscar.jsp
@@ -6,12 +6,154 @@
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
-<html>
+
+<html lang="es">
<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>JSP Page</title>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
+ <link rel="stylesheet" type="text/css" href="css/body.css">
+ <link rel="stylesheet" type="text/css" href="css/header.css">
+ <link rel="stylesheet" type="text/css" href="css/menu.css">
+ <link rel="stylesheet" type="text/css" href="css/widget.css">
+ <link rel="stylesheet" type="text/css" href="css/footer.css">
+ <link rel="stylesheet" type="text/css" href="css/contenido-buscar.css">
+ <link rel="stylesheet" type="text/css" href="iconos/style.css">
+ <link rel="icon" type="image/png" href="imagenes/icono.png" />
+ <title>UyTube</title>
</head>
<body>
- <h1>Buscar</h1>
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <%@ include file='include/header-usuario.html' %>
+ </div>
+ </div>
+ </div>
+
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <div class="relleno-header"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <section class="principal">
+ <%@ include file='include/menu-usuario.html' %>
+
+ <div class="contenido">
+ <section class="contenido-flexible">
+ <div class="container">
+
+
+ <!-- BOTONES DESPLEGABLES-->
+
+ <div class="d-flex bd-highlight ">
+ <div class="p-2 bd-highlight ">
+ <h4>Tipo de contenido</h4>
+ </div>
+ <div class="p-1 bd-highlight ">
+ <div class="btn-group">
+ <button type="button" class="btn btn-primary mr-5 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Seleccionar
+ </button>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="#">TODO</a>
+ <div class="dropdown-divider"></div>
+ <a class="dropdown-item" href="#">CANALES</a>
+ <a class="dropdown-item" href="#">VIDEO</a>
+ <a class="dropdown-item" href="#">LISTAS</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="p-2 bd-highlight ">
+ <h4>Oredenado por</h4>
+ </div>
+ <div class="p-1 bd-highlight ">
+ <div class="btn-group">
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Seleccionar
+ </button>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="#">ALFABETO</a>
+ <a class="dropdown-item" href="#">FECHA</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!--FIN DE LOS BOTONES-->
+
+ <hr class="mb-2">
+
+ <!--LISTA DE CONTENIDO-->
+
+ <div class="tab-pane fade show active" id="videos" role="tabpanel" aria-labelledby="nav-VIDEO-tab">
+
+ <br><div class="lista bd-highlight">
+ <div class="bd-highlight caja-imagen">
+ <div class="bd-highlight ">
+ <img src="imagenes/lista.jpg" alt="lista">
+ </div>
+ </div>
+ <div class=" bd-highlight caja-texto">
+ <div class="overflow-auto bg-light" >
+ <h5 class="mt-0">Titulo de la Lista</h5>
+ <p>Descripcion de la lista: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p>
+ </div>
+ </div>
+ </div><br>
+
+ <div class="video">
+ <div class="bd-highlight caja-imagen">
+ <div class="bd-highlight">
+ <a href="/uytube/video-consulta&id=1234"><img src="https://i.ytimg.com/vi/OVjbqdm_JVI/hqdefault.jpg"></a>
+ </div>
+ </div>
+ <div class="bd-highlight caja-texto">
+ <div class="bg-light" >
+ <h5 class="mt-0">Titulo del video</h5>
+ <p>Descripcion del video: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p>
+ </div>
+ </div>
+ </div><br>
+
+ <div class="canal bd-highlight">
+ <div class="bd-highlight caja-imagen">
+ <div class="bd-highlight">
+ <img src="imagenes/mestruli.jpg" class="align-self-center rounded-circle" alt="Cinque Terre" >
+ </div>
+ </div>
+ <div class="bd-highlight caja-texto">
+ <div class="overflow-auto bg-light">
+ <h5 class="mt-0">Nombre del canal</h5>
+ <p>Descripcion del canal: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p>
+ </div>
+ </div>
+ </div><br>
+ </div>
+
+ <!--FIN de LISTA DE CONTENIDO-->
+
+ </div>
+ </section>
+ </div>
+ </section>
+ </div>
+ </div>
+ </div>
+
+ <%@ include file='include/widgets.html' %>
+ <%@ include file='include/footer.html' %>
+
+ <script src="js/jquery-3.4.1.min.js"></script>
+ <script src="js/bootstrap.bundle.min.js"></script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="js/funciones.js"></script>
</body>
-</html>
+</html>
\ No newline at end of file
diff --git a/UyTube_web/web/IniciarSesion.jsp b/UyTube_web/web/IniciarSesion.jsp
index 92a541575d94144c8f534785a431208869b7f745..1b3af1e08438cd2498b3683940d165b7d2217045 100644
--- a/UyTube_web/web/IniciarSesion.jsp
+++ b/UyTube_web/web/IniciarSesion.jsp
@@ -87,6 +87,5 @@
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/funciones.js"></script>
- <<script src="js/iniciar-sesion.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/UyTube_web/web/css/contenido-base.css b/UyTube_web/web/css/contenido-base.css
new file mode 100644
index 0000000000000000000000000000000000000000..f40d535a68cf3e34c71a5b2e04afa8c7a5229966
--- /dev/null
+++ b/UyTube_web/web/css/contenido-base.css
@@ -0,0 +1,393 @@
+.principal {
+ background-color: #f6f6f6;
+ min-height: 800px;
+ border-bottom: 2px solid #5aa1e3;
+ border-top: 2px solid #5aa1e3; }
+
+.contenido {
+ background-color: #f6f6f6;
+ border-radius: 5px;
+ padding: 16px;
+ margin-left: auto;
+ margin-right: auto;
+ width: 70%;
+ height: 100%; }
+ .contenido .contenido-flexible {
+ background-color: #f6f6f6;
+ margin-bottom: 16px;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ flex-wrap: wrap;
+ flex-grow: 0;
+ flex-shrink: 0; }
+
+@media (max-width: 340px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0px;
+ height: 175.112px; }
+ .header nav {
+ height: 175.112px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 175.112px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .menu {
+ top: -171.112px; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 170px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-content: center; }
+ .widgets .widget-1 {
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 100%;
+ justify-content: space-around; } }
+@media (min-width: 341px) and (max-width: 387px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ height: 175.112px;
+ left: 0px; }
+ .header nav {
+ height: 175.112px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 175.112px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 170px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-content: center; }
+ .widgets .widget-1 {
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 100%;
+ justify-content: space-around; } }
+@media (min-width: 388px) and (max-width: 500px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0px;
+ height: 127.176px; }
+ .header nav {
+ height: 127.176px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 127.176px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+ .contenido .h3 {
+ width: 90%; }
+
+ .widgets {
+ height: 180px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-content: center; }
+ .widgets .widget-1 {
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 100%;
+ justify-content: space-around; } }
+@media (min-width: 501px) and (max-width: 575.98px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0px;
+ height: 129.176px; }
+ .header nav {
+ height: 129.176px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 129.176px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 180px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-1 {
+ width: 80%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 70%;
+ display: flex;
+ justify-content: space-around; }
+
+ .footer {
+ padding: 1rem 0.625rem; } }
+@media (min-width: 576px) and (max-width: 767.98px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0rem;
+ height: 124.117px; }
+ .header .nav {
+ height: 124.117px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 124.117px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+ #navbarSupportedContent #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #navbarSupportedContent #formBuscar input {
+ width: 87%; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 160px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-1 {
+ width: 60%;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 60%;
+ display: flex;
+ justify-content: space-between; }
+
+ .footer {
+ padding: 1rem 0.625rem; } }
+@media (min-width: 768px) and (max-width: 991.98px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0rem;
+ height: 77.2px; }
+ .header nav {
+ height: 77.2px;
+ justify-content: space-between; }
+ .header nav #navLogo {
+ justify-content: space-between; }
+ .header nav #navbarSupportedContent {
+ width: 100%; }
+ .header nav #navbarSupportedContent #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ .header nav #navbarSupportedContent #formBuscar input {
+ width: 87%; }
+
+ .relleno-header {
+ height: 77.2px; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 100px;
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-1 {
+ width: 50%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 30%;
+ display: flex;
+ flex-direction: row;
+ justify-content: center; }
+
+ .footer {
+ padding: 1rem 0.625rem; } }
+@media (min-width: 992px) {
+ .header {
+ width: 98%;
+ height: 56px; }
+ .header nav {
+ height: 56px; }
+
+ .relleno-header {
+ height: 56px; }
+
+ .contenido {
+ width: 70%; }
+
+ .widgets {
+ height: 123px;
+ padding-left: 30px;
+ padding-right: 30px;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ align-content: center; }
+ .widgets .img-widget {
+ height: 83px; }
+ .widgets .widget-1 {
+ width: 460px;
+ display: flex;
+ justify-content: space-around; }
+ .widgets .widget-2 {
+ width: 350px; } }
+
+/*# sourceMappingURL=contenido-base.css.map */
diff --git a/UyTube_web/web/css/contenido-base.css.map b/UyTube_web/web/css/contenido-base.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..ce8a0271808cf68c324f8376763eb95b2e198c83
--- /dev/null
+++ b/UyTube_web/web/css/contenido-base.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["../sass/contenido-base.sass","../sass/_colores.sass"],
+"names": [],
+"file": "contenido-base.css"
+}
diff --git a/UyTube_web/web/css/contenido-buscar.css b/UyTube_web/web/css/contenido-buscar.css
new file mode 100644
index 0000000000000000000000000000000000000000..533b93d24ce1e28393393407290efc91beabdafb
--- /dev/null
+++ b/UyTube_web/web/css/contenido-buscar.css
@@ -0,0 +1,421 @@
+.principal {
+ background-color: #f6f6f6;
+ min-height: 800px;
+ border-bottom: 2px solid #5aa1e3;
+ border-top: 2px solid #5aa1e3; }
+
+.contenido {
+ background-color: #f6f6f6;
+ border-radius: 5px;
+ padding: 16px;
+ margin-left: auto;
+ margin-right: auto;
+ width: 70%;
+ height: 100%; }
+ .contenido .contenido-flexible {
+ background-color: #f6f6f6;
+ margin-bottom: 16px;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ flex-wrap: wrap;
+ flex-grow: 0;
+ flex-shrink: 0; }
+ .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista {
+ display: flex;
+ padding: 0px;
+ justify-content: space-between;
+ align-content: center;
+ width: 862px;
+ height: 152px; }
+ .contenido .contenido-flexible .caja-imagen {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 246px;
+ height: 152px; }
+ .contenido .contenido-flexible .video img {
+ width: 246px;
+ height: 138px; }
+ .contenido .contenido-flexible .canal img {
+ width: 138px;
+ height: 138px; }
+ .contenido .contenido-flexible .caja-texto {
+ font-size: 0.8rem;
+ padding: 5px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 600px;
+ height: 152px; }
+
+@media (max-width: 340px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0px;
+ height: 175.112px; }
+ .header nav {
+ height: 175.112px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 175.112px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .menu {
+ top: -171.112px; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 170px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-content: center; }
+ .widgets .widget-1 {
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 100%;
+ justify-content: space-around; } }
+@media (min-width: 341px) and (max-width: 387px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ height: 175.112px;
+ left: 0px; }
+ .header nav {
+ height: 175.112px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 175.112px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 170px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-content: center; }
+ .widgets .widget-1 {
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 100%;
+ justify-content: space-around; } }
+@media (min-width: 388px) and (max-width: 500px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0px;
+ height: 127.176px; }
+ .header nav {
+ height: 127.176px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 127.176px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+ .contenido .h3 {
+ width: 90%; }
+
+ .widgets {
+ height: 180px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-content: center; }
+ .widgets .widget-1 {
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 100%;
+ justify-content: space-around; } }
+@media (min-width: 501px) and (max-width: 575.98px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0px;
+ height: 129.176px; }
+ .header nav {
+ height: 129.176px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 129.176px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+ #navLogo .icon-menu1 {
+ margin-left: 0px;
+ margin-right: 10px; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+
+ #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #formBuscar input {
+ width: 100%; }
+ #formBuscar #btnBuscar {
+ display: none; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center;
+ align-items: flex-start; }
+
+ .widgets {
+ height: 180px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-1 {
+ width: 80%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 70%;
+ display: flex;
+ justify-content: space-around; }
+
+ .footer {
+ padding: 1rem 0.625rem; } }
+@media (min-width: 576px) and (max-width: 767.98px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0rem;
+ height: 124.117px; }
+ .header .nav {
+ height: 124.117px; }
+ .header .item-header2 {
+ order: 3;
+ width: 100%; }
+
+ .relleno-header {
+ height: 124.117px; }
+
+ #navLogo {
+ justify-content: flex-start; }
+
+ #navbarSupportedContent {
+ width: 100%; }
+ #navbarSupportedContent #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ #navbarSupportedContent #formBuscar input {
+ width: 87%; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 160px;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-1 {
+ width: 60%;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 60%;
+ display: flex;
+ justify-content: space-between; }
+
+ .footer {
+ padding: 1rem 0.625rem; } }
+@media (min-width: 768px) and (max-width: 991.98px) {
+ .container-fluid {
+ padding-left: 0px;
+ padding-right: 0px; }
+
+ .header {
+ width: 100%;
+ left: 0rem;
+ height: 77.2px; }
+ .header nav {
+ height: 77.2px;
+ justify-content: space-between; }
+ .header nav #navLogo {
+ justify-content: space-between; }
+ .header nav #navbarSupportedContent {
+ width: 100%; }
+ .header nav #navbarSupportedContent #formBuscar {
+ display: flex;
+ justify-content: space-between;
+ width: 100%; }
+ .header nav #navbarSupportedContent #formBuscar input {
+ width: 87%; }
+
+ .relleno-header {
+ height: 77.2px; }
+
+ .contenido {
+ width: 100%; }
+ .contenido .contenido-flexible {
+ width: 100%;
+ justify-content: center; }
+
+ .widgets {
+ height: 100px;
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-1 {
+ width: 50%;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center; }
+ .widgets .widget-2 {
+ width: 30%;
+ display: flex;
+ flex-direction: row;
+ justify-content: center; }
+
+ .footer {
+ padding: 1rem 0.625rem; } }
+@media (min-width: 992px) {
+ .header {
+ width: 98%;
+ height: 56px; }
+ .header nav {
+ height: 56px; }
+
+ .relleno-header {
+ height: 56px; }
+
+ .contenido {
+ width: 70%; }
+
+ .widgets {
+ height: 123px;
+ padding-left: 30px;
+ padding-right: 30px;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ align-content: center; }
+ .widgets .img-widget {
+ height: 83px; }
+ .widgets .widget-1 {
+ width: 460px;
+ display: flex;
+ justify-content: space-around; }
+ .widgets .widget-2 {
+ width: 350px; } }
+
+/*# sourceMappingURL=contenido-buscar.css.map */
diff --git a/UyTube_web/web/css/contenido-buscar.css.map b/UyTube_web/web/css/contenido-buscar.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..11f679a273521a3b2b56f950f103a2f1013344ee
--- /dev/null
+++ b/UyTube_web/web/css/contenido-buscar.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["../sass/contenido-buscar.sass","../sass/_colores.sass"],
+"names": [],
+"file": "contenido-buscar.css"
+}
\ No newline at end of file
diff --git a/UyTube_web/web/include/header-visitante.html b/UyTube_web/web/include/header-visitante.html
index adbc92ad54699d8178e96b95add0f25850d07cc3..5d8f9632b6088b9342798682306581197c059e61 100644
--- a/UyTube_web/web/include/header-visitante.html
+++ b/UyTube_web/web/include/header-visitante.html
@@ -21,7 +21,9 @@ Header para el visitante
</div>
</div>
<div class="perfil item-header item-header3">
- <button type="button" id="iniciar-sesion" class="btn btn-outline-primary"><span class="icon-user-tie"></span> INICIAR SESIÓN</button>
+ <a href="/uytube/inicio-sesion">
+ <button type="button" id="iniciar-sesion" class="btn btn-outline-primary"><span class="icon-user-tie"></span> INICIAR SESIÓN</button>
+ </a>
</div>
</nav>
diff --git a/UyTube_web/web/include/menu-usuario.html b/UyTube_web/web/include/menu-usuario.html
index b772a4d01958bd0c856b805bfaef8154d31322a1..f5c24391663d5f1b361aaf6db2a170b4251e5ce2 100644
--- a/UyTube_web/web/include/menu-usuario.html
+++ b/UyTube_web/web/include/menu-usuario.html
@@ -11,7 +11,7 @@ Menú para el usuario logueado
<img class="fotoLogo" src="imagenes/logoChico.jpeg" alt="UyTube">
</span>
</li>
- <li><a href="/uytube/usuario-consulta"><span class="icon-user"></span> Mi Perfil</a></li>
+ <li><a href="/uytube/usuario-consultar"><span class="icon-user"></span> Mi Perfil</a></li>
<li><a href="/uytube/video-agregar"><span class="icon-upload3"></span> Subir video</a></li>
<li><a href=""><span class="icon-video-camera"></span> Ver videos</a></li>
<li class="titulo">LISTAS</li>
diff --git a/UyTube_web/web/index.jsp b/UyTube_web/web/index.jsp
index e6943d09166f5731797c8a884ecc1092e475cd1c..f4463538923075104b7a95418ae101d13a58fe8f 100644
--- a/UyTube_web/web/index.jsp
+++ b/UyTube_web/web/index.jsp
@@ -135,6 +135,5 @@
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/funciones.js"></script>
- <script src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/UyTube_web/web/js/alta-usuario.js b/UyTube_web/web/js/alta-usuario.js
index b3b1905e31f03dee167cd4fae15de6e2203f2452..ea0df8c229de0b985c0eb879ac3e33bef89a0854 100644
--- a/UyTube_web/web/js/alta-usuario.js
+++ b/UyTube_web/web/js/alta-usuario.js
@@ -4,9 +4,10 @@ $("#input_Nickname").keyup(function(){
//Obtiene el valor ingresaro
var valorIngresado = $("#input_Nickname").val();
//Realiza la consulta utilizando AJAX al servidor
- $.get("/uytube/consulta",
+ $.get("/uytube/consultar",
{
- userdata: valorIngresado
+ nombre: valorIngresado,
+ accion: validarNombre
}, function(respuesta, status){
//alert("Data: " + respuesta + "\nStatus: " + status);
$("#msjNickname").text(respuesta);
diff --git a/UyTube_web/web/js/index.js b/UyTube_web/web/js/index.js
deleted file mode 100644
index 9272a4ea5e197645f518f13cc433c73d67c9eac1..0000000000000000000000000000000000000000
--- a/UyTube_web/web/js/index.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/*
- * To change this license header, choose License Headers in Project Properties.
- * To change this template file, choose Tools | Templates
- * and open the template in the editor.
- */
-
-// Selecciona el boton iniciar sesion
-var btnIniciarSesion = document.getElementById("iniciar-sesion");
-//Redirecciona a la pagina para iniciar sesion
-btnIniciarSesion.addEventListener('click',function(){
- window.location.href = "/uytube/inicio-sesion";
-});
diff --git a/UyTube_web/web/js/iniciar-session.js b/UyTube_web/web/js/iniciar-session.js
deleted file mode 100644
index ee672531de850a07e78083bbda599ada1fef5e1a..0000000000000000000000000000000000000000
--- a/UyTube_web/web/js/iniciar-session.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/*
- * To change this license header, choose License Headers in Project Properties.
- * To change this template file, choose Tools | Templates
- * and open the template in the editor.
- */
-
-
-//Boton para registrarse
-var btnRegistrarse = document.getElementById("btnRegistrarse");
-//Redirecciona a la pagina para alta-usuario
-btnRegistrarse.addEventListener('click',function(){
- window.location.href = "/uytube/usuario-agregar";
-});
\ No newline at end of file
diff --git a/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/_colores.sassc b/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/_colores.sassc
index 5474e9139c5a0101e7d09df3a7491f9120a2a25e..e194f03dbf9d0796b8f7d01164b4699e9d3c437b 100644
Binary files a/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/_colores.sassc and b/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/_colores.sassc differ
diff --git a/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/contenido-base.sassc b/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/contenido-base.sassc
new file mode 100644
index 0000000000000000000000000000000000000000..8ff9d9d3e379aa392a3880df86db199ac5709098
Binary files /dev/null and b/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/contenido-base.sassc differ
diff --git a/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/contenido-buscar.sassc b/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/contenido-buscar.sassc
new file mode 100644
index 0000000000000000000000000000000000000000..d83a69f3dea3f14f18d085c6613766d612598a48
Binary files /dev/null and b/UyTube_web/web/sass/.sass-cache/042c9dafa673dd92eaea364b901f2a9b0e4518b6/contenido-buscar.sassc differ
diff --git a/UyTube_web/web/sass/_colores.sass b/UyTube_web/web/sass/_colores.sass
index c2c7ee2f8daf5e4214df592aaf63c08f09a7eba1..b89e18324725beba44b344c6de8a32bebe36aad5 100644
--- a/UyTube_web/web/sass/_colores.sass
+++ b/UyTube_web/web/sass/_colores.sass
@@ -12,4 +12,5 @@ $colorPrimary: #007bff
$colorBlanco: #fff
$colorCelesteClaro: #5aa1e3
$colorGrisClaro: #f6f6f6
-$colorHover: #48549c33
\ No newline at end of file
+$colorHover: #48549c33
+$grisVCodeBarra: #252526
\ No newline at end of file
diff --git a/UyTube_web/web/sass/contenido-buscar.sass b/UyTube_web/web/sass/contenido-buscar.sass
new file mode 100644
index 0000000000000000000000000000000000000000..c8da5099d791cb0bac988847d46abd923aeb0c9a
--- /dev/null
+++ b/UyTube_web/web/sass/contenido-buscar.sass
@@ -0,0 +1,456 @@
+@import _colores
+
+.principal
+ background-color: $colorGrisClaro
+ min-height: 800px
+ border-bottom: 2px solid $colorCelesteClaro
+ border-top: 2px solid $colorCelesteClaro
+
+.contenido
+ background-color: $colorGrisClaro
+ //background-color: red
+ border-radius: 5px
+ padding: 16px
+ margin-left: auto
+ margin-right: auto
+ width: 70%
+ height: 100%
+ .contenido-flexible
+ background-color: $colorGrisClaro
+ margin-bottom: 16px
+ display: flex
+ flex-direction: row
+ justify-content: center
+ flex-wrap: wrap
+ flex-grow: 0
+ flex-shrink: 0
+ .video, .canal, .lista
+ display: flex
+ padding: 0px
+ justify-content: space-between
+ align-content: center
+ width: 862px
+ height: 152px
+
+ //background-color: $amarillo
+ .caja-imagen
+ display: flex
+ justify-content: center
+ align-items: center
+ width: 246px
+ height: 152px
+
+ //Imagen del video
+ .video img
+ width: 246px
+ height: 138px
+ //Imagen del canal
+ .canal img
+ width: 138px
+ height: 138px
+ //Texto de los items
+ .caja-texto
+ font-size: 0.8rem
+ padding: 5px
+ //background-color: orange
+ display: flex
+ justify-content: center
+ align-items: center
+ width: 600px
+ height: 152px
+
+
+
+// Para un maximo de 340px ================================================================================
+@media (max-width: 340px)
+ .container-fluid
+ padding-left: 0px
+ padding-right: 0px
+ .header
+ width: 100%
+ left: 0px
+ height: 175.112px
+ nav
+ height: 175.112px
+ .item-header2
+ order: 3
+ width: 100%
+ //Espacio de relleno
+ .relleno-header
+ height: 175.112px
+ //Estilos del contenedor del logo
+ #navLogo
+ justify-content: flex-start
+ .icon-menu1
+ margin-left: 0px
+ margin-right: 10px
+ //Genera el espacio para dar lugar a el formulario de buscar
+ #navbarSupportedContent
+ width: 100%
+ //Estilos de formulario buscar
+ #formBuscar
+ display: flex
+ justify-content: space-between
+ width: 100%
+ input
+ width: 100%
+ //Oculta el boton buscar
+ #btnBuscar
+ display: none
+ .menu
+ top: -171.112px
+ .contenido
+ width: 100%
+ .contenido-flexible
+ width: 100%
+ justify-content: center
+ .widgets
+ height: 170px
+ padding-top: 5px
+ padding-bottom: 5px
+ flex-direction: column
+ justify-content: space-around
+ align-content: center
+ .widget-1
+ width: 100%
+ flex-direction: row
+ justify-content: space-around
+ align-items: center
+ .widget-2
+ width: 100%
+ justify-content: space-around
+
+// Para dispositivos mayores a 340 y menores a 388 ==============================================================
+@media (min-width: 341px) and (max-width: 387px)
+ .container-fluid
+ padding-left: 0px
+ padding-right: 0px
+ //Estilos del header
+ .header
+ width: 100%
+ height: 175.112px
+ left: 0px
+ nav
+ height: 175.112px
+ .item-header2
+ order: 3
+ width: 100%
+ //Espacio de relleno
+ .relleno-header
+ height: 175.112px
+ //Estilos del contenedor del logo
+ #navLogo
+ justify-content: flex-start
+ .icon-menu1
+ margin-left: 0px
+ margin-right: 10px
+ //Genera el espacio para dar lugar a el formulario de buscar
+ #navbarSupportedContent
+ width: 100%
+ //Estilos de formulario buscar
+ #formBuscar
+ display: flex
+ justify-content: space-between
+ width: 100%
+ input
+ width: 100%
+ //Oculta el boton buscar
+ #btnBuscar
+ display: none
+
+ //estilos del contenido principal
+ .contenido
+ width: 100%
+ .contenido-flexible
+ width: 100%
+ justify-content: center
+ .widgets
+ height: 170px
+ padding-top: 5px
+ padding-bottom: 5px
+ flex-direction: column
+ justify-content: space-around
+ align-content: center
+ .widget-1
+ width: 100%
+ flex-direction: row
+ justify-content: space-around
+ align-items: center
+ .widget-2
+ width: 100%
+ justify-content: space-around
+// Para dispositivos mayores a 387 y menores a 500 ================================================================
+@media (min-width: 388px) and (max-width: 500px)
+ .container-fluid
+ padding-left: 0px
+ padding-right: 0px
+ //Estilos del header
+ .header
+ width: 100%
+ left: 0px
+ height: 127.176px
+ nav
+ height: 127.176px
+ .item-header2
+ order: 3
+ width: 100%
+ //Espacio de relleno
+ .relleno-header
+ height: 127.176px
+ //Espacio de relleno
+ .relleno-header
+ //Estilos del contenedor del logo
+ #navLogo
+ justify-content: flex-start
+ .icon-menu1
+ margin-left: 0px
+ margin-right: 10px
+ //Genera el espacio para dar lugar a el formulario de buscar
+ #navbarSupportedContent
+ width: 100%
+ //Estilos de formulario buscar
+ #formBuscar
+ display: flex
+ justify-content: space-between
+ width: 100%
+ input
+ width: 100%
+ //Oculta el boton buscar
+ #btnBuscar
+ display: none
+
+ //estilos del contenido principal
+ .contenido
+ width: 100%
+ .contenido-flexible
+ width: 100%
+ justify-content: center
+ .h3
+ width: 90%
+ .widgets
+ height: 180px
+ padding-top: 10px
+ padding-bottom: 10px
+ flex-direction: column
+ justify-content: space-around
+ align-content: center
+ .widget-1
+ width: 100%
+ flex-direction: row
+ justify-content: space-around
+ align-items: center
+ .widget-2
+ width: 100%
+ justify-content: space-around
+
+
+// Extra small devices (portrait phones, less than 576px) =======================================================
+@media (min-width: 501px) and (max-width: 575.98px)
+ .container-fluid
+ padding-left: 0px
+ padding-right: 0px
+ //Estilos del header
+ .header
+ width: 100%
+ left: 0px
+ height: 129.176px
+ nav
+ height: 129.176px
+ .item-header2
+ order: 3
+ width: 100%
+ //Espacio de relleno
+ .relleno-header
+ height: 129.176px
+ //Estilos del contenedor del logo
+ #navLogo
+ justify-content: flex-start
+ .icon-menu1
+ margin-left: 0px
+ margin-right: 10px
+ //Genera el espacio para dar lugar a el formulario de buscar
+ #navbarSupportedContent
+ width: 100%
+ //Estilos de formulario buscar
+ #formBuscar
+ display: flex
+ justify-content: space-between
+ width: 100%
+ input
+ width: 100%
+ //Oculta el boton buscar
+ #btnBuscar
+ display: none
+
+ //Estilos del contenido principal
+ .contenido
+ width: 100%
+ .contenido-flexible
+ width: 100%
+ justify-content: center
+ align-items: flex-start
+
+ .widgets
+ height: 180px
+ flex-direction: column
+ justify-content: space-around
+ align-items: center
+ .widget-1
+ width: 80%
+ flex-direction: row
+ justify-content: space-around
+ align-items: center
+ .widget-2
+ width: 70%
+ display: flex
+ justify-content: space-around
+ .footer
+ padding: 1rem 0.625rem
+
+
+// Small devices (landscape phones, 576px and up) ================================================================
+@media (min-width: 576px) and (max-width: 767.98px)
+ .container-fluid
+ padding-left: 0px
+ padding-right: 0px
+ //Estilos del header
+ .header
+ width: 100%
+ left: 0rem
+ height: 124.117px
+ .nav
+ height: 124.117px
+ .item-header2
+ order: 3
+ width: 100%
+ //Espacio de relleno
+ .relleno-header
+ height: 124.117px
+ //Estilos del contenedor del logo
+ #navLogo
+ justify-content: flex-start
+ //Genera el espacio para el formulario de buscar
+ #navbarSupportedContent
+ width: 100%
+ #formBuscar
+ display: flex
+ justify-content: space-between
+ width: 100%
+ input
+ width: 87%
+ //Estilos del contenido principal
+ .contenido
+ width: 100%
+ .contenido-flexible
+ width: 100%
+ justify-content: center
+ .widgets
+ height: 160px
+ flex-direction: column
+ justify-content: space-around
+ align-items: center
+ .widget-1
+ width: 60%
+ flex-direction: row
+ justify-content: space-between
+ align-items: center
+ .widget-2
+ width: 60%
+ display: flex
+ justify-content: space-between
+ .footer
+ padding: 1rem 0.625rem
+
+
+// Medium devices (tablets, 768px and up)
+@media (min-width: 768px) and (max-width: 991.98px)
+ .container-fluid
+ padding-left: 0px
+ padding-right: 0px
+ //Estilos del header
+ .header
+ width: 100%
+ left: 0rem
+ height: 77.2px
+ nav
+ height: 77.2px
+ justify-content: space-between
+ //Estilos del contenedor del logo
+ #navLogo
+ justify-content: space-between
+ //Genera el espacio para el formulario de buscar
+ #navbarSupportedContent
+ width: 100%
+ #formBuscar
+ display: flex
+ justify-content: space-between
+ width: 100%
+ input
+ width: 87%
+ //Espacio de relleno
+ .relleno-header
+ height: 77.2px
+
+ //Estilos del contenido principal
+ .contenido
+ width: 100%
+ .contenido-flexible
+ width: 100%
+ justify-content: center
+ .widgets
+ height: 100px
+ width: 100%
+ flex-direction: row
+ justify-content: space-around
+ align-items: center
+ .widget-1
+ width: 50%
+ flex-direction: row
+ justify-content: space-around
+ align-items: center
+ .widget-2
+ width: 30%
+ display: flex
+ flex-direction: row
+ justify-content: center
+ .footer
+ padding: 1rem 0.625rem
+
+
+
+// Large devices (desktops, 992px and up) =======================================================================
+@media (min-width: 992px)
+ //Estilos del header
+ .header
+ width: 98%
+ height: 56px
+ nav
+ height: 56px
+ //Espacio de relleno
+ .relleno-header
+ height: 56px
+ //Estilos del contenido principal
+ .contenido
+ width: 70%
+ .widgets
+ height: 123px
+ //height: 223px
+ padding-left: 30px
+ padding-right: 30px
+ justify-content: space-around
+ flex-wrap: wrap
+ align-content: center
+ .img-widget
+ height: 83px
+ .widget-1
+ width: 460px
+ display: flex
+ justify-content: space-around
+ .widget-2
+ width: 350px
+ //Estilos del footer
+ .footer
+
+
+
+
\ No newline at end of file