Skip to content
Snippets Groups Projects
Commit ce98f985 authored by Alfa-J's avatar Alfa-J
Browse files

agrege consulta video

parent 950553ca
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
UyTube_web/web/ConsultaVideo.jsp
+ 191
− 6
View file @ ce98f985
<%--
Document : ConsultaVideo
Created on : 30/09/2019, 07:42:15 AM
Document : Buscar
Created on : 09/10/2019, 07:55:42 PM
Author : administrador
--%>
<%@page import="Logica.DataType.DtUsuario"%>
<%@page import="Logica.Fabrica"%>
<%@page import="Logica.DataType.DtVideo"%>
<%@page import="Logica.DataType.DtListaDeReproduccion"%>
<%@page import="Logica.DataType.DtCanal"%>
<%@page import="java.util.ArrayList"%>
<%@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>JSP Consulta Video</h1>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<!-- Inclusion de la barra superior -->
<%
if (false) {
%>
<%@ include file='include/header-usuario.html' %>
<%
} else {
%>
<%@ include file='include/header-visitante.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">
<!--INICIO DEL VIDEO-->
<div>
<br><h3>
NOMBRE_DEL_CANAL
<small class="text-muted">(PÚBLICO)</small>
</h3>
</div>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/fepmsnGBwJo" allowfullscreen></iframe>
</div>
<div>
<br><h3>DESCRIPCION DEL VIDEO</h3>
</div>
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
<div class="p-2 btn-group mr-5" role="group" aria-label="Third group">
<button type="button" class="btn btn-info">+ LISTA DE REPRODUCCIÓN</button>
</div>
<div class="p-2 btn-group mr-2" role="group" aria-label="Third group">
<button type="button" class="btn btn-success">
ME GUSTÓ <span class="badge badge-light">300</span>
</button>
<button type="button" class="btn btn-danger">
NO ME GUSTÓ <span class="badge badge-light">2</span>
</button>
</div>
</div>
<br><hr class="mb-2"><br>
<div class="row">
<div class="bd-highlight">
<img class="align-self-center mr-3" src="imagenes/ukp.png" width="70" height="70">
</div>
<div class="bd-highlight" >
<h5>NOMBRE DEL CANAL</h5>
</div>
</div>
<br>
<div class="bd-highlight" >
<h3><small class="text-muted">DESCRIPCIÓN</small></h3>
</div>
<div class="bd-highlight" >
<h5>Esta es una tremanda descripcion del video y eso y ta, Lorem ipsum. Lorem ipsum is derived from the </h5>
</div>
<!--FIN DEL VIDEO-->
<br><hr class="mb-2"><br>
<!--INGRESO DE COMENTARIOS-->
<div class="bd-highlight" >
<div class="bd-light" >
<h5>COMENTARIOS</h5>
</div>
<div class="bd-light" >
<textarea class="form-control" name="descripcion" id="input_descripcion" placeholder="Agrega un comentario.." rows="3"></textarea>
</div>
<div class="bd-light " >
<div class="btn-toolbar justify-content-end" role="toolbar" aria-label="Toolbar with button groups">
<div class="p-2 btn-group mr-2" role="group" aria-label="Third group">
<button type="button" class="btn btn-danger">CANCELAR</button>
</div>
<div class="p-2 btn-group" role="group" aria-label="Third group">
<button type="button" class="btn btn-success">COMENTAR</button>
</div>
</div>
</div>
</div>
<!--FIN DE INGRESO DE COMENTARIOS-->
<br>
<!--COMENTARIOS EN SI-->
<!--A CONTINUACION UN EJEMPLO DE COMO PODRIAN SER LOS COMENTARIOS (NO DEFINITIVO)-->
<div class="media">
<img class="mr-3" src="imagenes/ukp.png" width="50" height="50">
<div class="media-body">
<h5 class="mt-0">Media heading</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
<div class="media mt-3">
<a class="mr-3" href="#">
<img class="mr-3" src="imagenes/ukp.png" width="50" height="50">
</a>
<div class="media-body">
<h5 class="mt-0">Media heading</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</div>
</div>
</div>
<div class="media">
<img class="mr-3" src="imagenes/ukp.png" width="50" height="50">
<div class="media-body">
<h5 class="mt-0">Media heading</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
<div class="media mt-3">
<a class="mr-3" href="#">
<img class="mr-3" src="imagenes/ukp.png" width="50" height="50">
</a>
<div class="media-body">
<h5 class="mt-0">Media heading</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</div>
</div>
</div>
<!--FIN de COMENTARIOS-->
</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>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment