Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

header e footer 1 #4

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

header e footer 1 #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
179f484
header e footer 1
juliakastrup Nov 24, 2018
b6001ae
remove arquivos que não estavam sendo usados
juliakastrup Nov 24, 2018
5720bba
Antes e depois de conhecer bootstrap
juliakastrup Nov 25, 2018
9fdced1
versão para entrega - faltam ajustes
juliakastrup Nov 27, 2018
0b6309e
correção na indentação
juliakastrup Nov 27, 2018
d1b2cb0
fix cor na fonte da lista
juliakastrup Nov 27, 2018
49538b0
altera nome da folha de estilo
juliakastrup Nov 27, 2018
58d6374
corrige nome da folha de estilo no arquivo html!
juliakastrup Nov 27, 2018
b93b063
ajusta padding classe vacina
juliakastrup Nov 27, 2018
27420a6
ajusta padding classe vacina
juliakastrup Nov 27, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
229 changes: 229 additions & 0 deletions teste-beep/agendamento.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="./dist/css/datepicker.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

</head>
<body>

<header class="sticky">
<div class="row">
<div class="topleftbar col-xs-2 col-sm-3 col-md-2">
<img class="logo" src="https://raw.githubusercontent.com/beep-saude/teste-front-end/master/images/logo-1.png">
</div>
<div class="toprightbar col-xs-10 col-sm-9 col-md-10">
<ul class="listamenu">
<li><a href="#">Home</a></li>
<li><a href="#">Histórico</a></li>
<li><a href="#">Administração</a></li>
<li><a href="#">Sair</a></li>
</ul>
</div>
</div>
</header>

<!--corpo-->
<!--início barra de filtragem-->
<div class="container">
<h4>Atendimentos em andamento/realizados</h4>

<nav class="filter navbar navbar-expand-lg">
<!--início datepicker-->
<li class="fix-margin">
<button class="prev-day"><img class="setinha_data_prev" src="setinha.png" /></button>
<input type="text" id="datepicker">
<button class="next-day"><img class="setinha_data_next" src="setinha.png" /></button>
</li>
<!--fim do datepicker-->

<span class="txt-filter">Local</span>
<li class="nav-item dropdown fix-margin">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Selecione local</span></a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Domiciliar e clínica</a>
<a class="dropdown-item" href="#">Apenas clínica</a>
<a class="dropdown-item" href="#">Apenas domiciliar</a>
</div>
<img class="setinha" src="setinha.png">
</li>
<span class="txt-filter">Parceiro</span>
<li class="nav-item dropdown fix-margin">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Selecione parceiro</span></a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Lâmina Icaraí</a>
<a class="dropdown-item" href="#">Beep Vacinas</a>
<a class="dropdown-item" href="#">Lâmina Barra</a>
</div>
<img class="setinha" src="setinha.png">
</li>
</nav>

<div class="row lista">
<div class="vacina col-xs-3 col-sm-3 col-md-3">
<img class="iconelocal" src="casa.png" /><span class="local">Vacinação <span class="localtipo">Domiciliar</span></span>
<span class="vacdata">19/04/2018</span>
<span class="vachora">08:00</span>
</div>
<div class="col-xs-3 col-sm-5 col-md-5">
<span class="nomecliente">Ross Eustace Geller</span>
<span class="pedido">Pedido <span class="numpedido">8381</span></span>
<ul class="descpedido">
<li><span class="quantidade">1</span> Meningocócica 8</li>
<li><span class="quantidade">2</span> ACWY - Menveo</li>
</ul>
</div>
<div class="col-xs-3 col-sm-4 col-md-4">
<span class="nomeparceiro">Parceiro: Beep Vacinas</span>
<span class="endparceiro"><span class="bairro">Manhattan</span> 90 Bedford St, New York, NY, 10014, EUA</span>
<span class="celular">(21)99154-2589</span>
</div>
</div>


<div class="row lista">
<div class="vacina col-xs-2 col-sm-3 col-md-3">
<img class="iconelocal" src="casa.png" />
<span class="local">Vacinação <span class="localtipo">Domiciliar</span></span>
<span class="vacdata">19/04/2018</span>
<span class="vachora">09:00</span>
</div>
<div class="col-xs-4 col-sm-5 col-md-5">
<span class="nomecliente">Rachel Karen Green</span>
<span class="pedido">Pedido <span class="numpedido">6834</span></span>
<ul class="descpedido">
<li><span class="quantidade">1</span> ACWY - Menveo</li>
</ul>
</div>
<div class="col-xs-3 col-sm-4 col-md-4">
<span class="nomeparceiro">Parceiro: Beep Vacinas</span>
<span class="endparceiro"><span class="bairro"></span> 1-15 Morton St, New York, NY, 10014, EUA</span>
<span class="celular">(21)99154-2589</span>
</div>
</div>

<div class="row lista">
<div class="vacina col-xs-2 col-sm-3 col-md-">
<img class="iconelocal" src="hosp.png" />
<span class="local">Vacinação <span class="localtipo">Clínica</span></span>
<span class="vacdata">19/04/2018</span>
<span class="vachora">09:00</span>
</div>
<div class="col-xs-4 col-sm-5 col-md-5">
<span class="nomecliente">Phoebe Buffay-Hanningan</span>
<span class="pedido">Pedido <span class="numpedido">2589</span></span>
<ul class="descpedido">
<li><span class="quantidade">1</span> Meningocócica 8</li>
<li><span class="quantidade">1</span> ACWY - Menveo 8</li>
<li><span class="quantidade">1</span> BCG</li>
<li><span class="quantidade">1</span> Pneumocócica 13</li>
<li><span class="quantidade">1</span> Rotavírus</li>
</ul>
</div>
<div class="col-xs-3 col-sm-4 col-md-4">
<span class="nomeparceiro">Parceiro: Lâmina Barra </span>
<span class="endparceiro"><span class="bairro"></span></span>
<span class="celular"></span>
</div>
</div>
</div>

<!--início rodapé-->
<footer class="">
<span class = "texto-footer">Powered by <img class="logo-footer" src="logo-2.png"></span>
</footer>

<!--fim rodapé-->

<!--scripts-->

<!--para o datepicker-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<!--ajusta formato do datepicker para 'dia da semana dia/mês/ano-->
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
var date = $('#datepicker').datepicker({ dateFormat: 'DD d/mm/yy' }).val();

$('#datepicker').datepicker();

/* faz com que botões laterais selecionem um dia para frente ou para trás */
$('.next-day').on("click", function () {
var date = $('#datepicker').datepicker('getDate');
date.setTime(date.getTime() + (1000*60*60*24))
$('#datepicker').datepicker("setDate", date);
});

$('.prev-day').on("click", function () {
var date = $('#datepicker').datepicker('getDate');
date.setTime(date.getTime() - (1000*60*60*24))
$('#datepicker').datepicker("setDate", date);
});


/* exibe datepicker em português */

/* Brazilian initialisation for the jQuery UI date picker plugin. */
/* Written by Leonildo Costa Silva ([email protected]). */

( function( factory ) {
if ( typeof define === "function" && define.amd ) {

// AMD. Register as an anonymous module.
define( [ "../widgets/datepicker" ], factory );
} else {

// Browser globals
factory( jQuery.datepicker );
}
}( function( datepicker ) {

datepicker.regional[ "pt-BR" ] = {
closeText: "Fechar",
prevText: "&#x3C;Anterior",
nextText: "Próximo&#x3E;",
currentText: "Hoje",
monthNames: [ "Janeiro","Fevereiro","Março","Abril","Maio","Junho",
"Julho","Agosto","Setembro","Outubro","Novembro","Dezembro" ],
monthNamesShort: [ "Jan","Fev","Mar","Abr","Mai","Jun",
"Jul","Ago","Set","Out","Nov","Dez" ],
dayNames: [
"Domingo",
"Segunda-feira",
"Terça-feira",
"Quarta-feira",
"Quinta-feira",
"Sexta-feira",
"Sábado"
],
dayNamesShort: [ "Dom","Seg","Ter","Qua","Qui","Sex","Sáb" ],
dayNamesMin: [ "Dom","Seg","Ter","Qua","Qui","Sex","Sáb" ],
weekHeader: "Sm",
dateFormat: "dd/mm/yy",
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: "" };
datepicker.setDefaults( datepicker.regional[ "pt-BR" ] );

return datepicker.regional[ "pt-BR" ];

} ) );
$("#datepicker").datepicker().datepicker("setDate", new Date());

</script>

<!--para o dropdownmenu-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


</body>
</html>
Binary file added teste-beep/casa.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading