Skip to content
Snippets Groups Projects
Commit 30b81ae2 authored by Julio Arrieta's avatar Julio Arrieta
Browse files

Se crea el furmalrio para los filtros

parent e162594b
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
UyTube_web/web/Buscar.jsp
+ 23
− 31
View file @ 30b81ae2
......@@ -52,41 +52,33 @@
<!-- BOTONES DESPLEGABLES-->
<div class="bd-highlight filtro">
<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>
<form>
<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 class="form-row">
<div class="form-group col-md-3">
<label for="inputState">Filtrar por</label>
<select id="inputState" class="form-control" name="filtro" form="formBuscar">
<option selected>TODO</option>
<option>CANALES</option>
<option>VIDEOS</option>
<option>LISTAS DE REPRODUCCION</option>
</select>
</div>
<div class="form-group col-md-3">
<label for="inputState">Ordenar por</label>
<select id="inputState" class="form-control" name="orden" form="formBuscar" >
<option selected>ALAFABETICO</option>
<option>FECHA</option>
</select>
</div>
<div class="form-group col-md-6">
</div>
</div>
</form>
<!--FIN DE LOS BOTONES-->
<hr class="mb-2">
......
UyTube_web/web/css/contenido-buscar.css
+ 4
− 0
View file @ 30b81ae2
......@@ -582,6 +582,10 @@
.relleno-header {
height: 56px; }
.filtos {
display: flex;
flex-direction: row; }
.contenido {
width: 70%; }
.contenido .video, .contenido .canal, .contenido .lista {
......
UyTube_web/web/css/contenido-buscar.css.map
+ 1
− 1
View file @ 30b81ae2
This diff is collapsed.
UyTube_web/web/include/header-usuario.html
+ 2
− 2
View file @ 30b81ae2
......@@ -16,8 +16,8 @@ and open the template in the editor.
</div>
<div class="navbar-dark item-header item-header2">
<div id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar">
<input class=" mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar" method="get">
<input class=" mr-sm-2" name="texto" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-primary" id="btnBuscar" type="submit">Buscar</button>
</form>
</div>
......
UyTube_web/web/include/header-visitante.html
+ 2
− 2
View file @ 30b81ae2
......@@ -14,8 +14,8 @@ Header para el visitante
</div>
<div class="navbar-dark item-header item-header2">
<div id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar">
<input class=" mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar" method="get">
<input class=" mr-sm-2" name="texto" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-primary" id="btnBuscar" type="submit">Buscar</button>
</form>
</div>
......
UyTube_web/web/sass/contenido-buscar.sass
+ 3
− 0
View file @ 30b81ae2
......@@ -664,6 +664,9 @@
.relleno-header
height: 56px
//Estilos del contenido principal
.filtos
display: flex
flex-direction: row
.contenido
width: 70%
.video, .canal, .lista
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment