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 Hide whitespace changes
Inline Side-by-side
UyTube_web/web/Buscar.jsp
+ 23
− 31
View file @ 30b81ae2
...@@ -52,40 +52,32 @@ ...@@ -52,40 +52,32 @@
<!-- BOTONES DESPLEGABLES--> <!-- BOTONES DESPLEGABLES-->
<div class="bd-highlight filtro"> <form>
<div class="p-2 bd-highlight ">
<h4>Tipo de contenido</h4> <div class="form-row">
</div> <div class="form-group col-md-3">
<div class="p-1 bd-highlight "> <label for="inputState">Filtrar por</label>
<div class="btn-group"> <select id="inputState" class="form-control" name="filtro" form="formBuscar">
<button type="button" class="btn btn-primary mr-5 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <option selected>TODO</option>
Seleccionar <option>CANALES</option>
</button> <option>VIDEOS</option>
<div class="dropdown-menu"> <option>LISTAS DE REPRODUCCION</option>
<a class="dropdown-item" href="#">TODO</a> </select>
<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="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> </div>
<div class="p-2 bd-highlight ">
<h4>Oredenado por</h4> </form>
</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--> <!--FIN DE LOS BOTONES-->
......
UyTube_web/web/css/contenido-buscar.css
+ 4
− 0
View file @ 30b81ae2
...@@ -582,6 +582,10 @@ ...@@ -582,6 +582,10 @@
.relleno-header { .relleno-header {
height: 56px; } height: 56px; }
.filtos {
display: flex;
flex-direction: row; }
.contenido { .contenido {
width: 70%; } width: 70%; }
.contenido .video, .contenido .canal, .contenido .lista { .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. ...@@ -16,8 +16,8 @@ and open the template in the editor.
</div> </div>
<div class="navbar-dark item-header item-header2"> <div class="navbar-dark item-header item-header2">
<div id="navbarSupportedContent"> <div id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar"> <form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar" method="get">
<input class=" mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <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> <button class="btn btn-primary" id="btnBuscar" type="submit">Buscar</button>
</form> </form>
</div> </div>
......
UyTube_web/web/include/header-visitante.html
+ 2
− 2
View file @ 30b81ae2
...@@ -14,8 +14,8 @@ Header para el visitante ...@@ -14,8 +14,8 @@ Header para el visitante
</div> </div>
<div class="navbar-dark item-header item-header2"> <div class="navbar-dark item-header item-header2">
<div id="navbarSupportedContent"> <div id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar"> <form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar" method="get">
<input class=" mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <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> <button class="btn btn-primary" id="btnBuscar" type="submit">Buscar</button>
</form> </form>
</div> </div>
......
UyTube_web/web/sass/contenido-buscar.sass
+ 3
− 0
View file @ 30b81ae2
...@@ -664,6 +664,9 @@ ...@@ -664,6 +664,9 @@
.relleno-header .relleno-header
height: 56px height: 56px
//Estilos del contenido principal //Estilos del contenido principal
.filtos
display: flex
flex-direction: row
.contenido .contenido
width: 70% width: 70%
.video, .canal, .lista .video, .canal, .lista
......
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