Skip to content

GitLab

Commit d0baf467 authored by Abraão Barbosa's avatar Abraão Barbosa
Browse files

adicao da tela dashboard e ajuste na tela de login

parent a9e72789
Hide whitespace changes
Inline Side-by-side
public/css/app.css
View file @ d0baf467
...@@ -1368,4 +1368,3 @@ select { ...@@ -1368,4 +1368,3 @@ select {
padding-right: 2rem; padding-right: 2rem;
} }
} }
public/css/dashboard.css 0 → 100644
View file @ d0baf467
/* content que contem o preview do perfil */
.content {
position: relative;
top: 0px;
width: 100%;
padding: 18px 6% 10px 6%;
margin: 0 0 30px 0;
background: #e6e7e8;
border-radius: 5px;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
\ No newline at end of file
resources/css/starter-template.css deleted 100644 → 0
View file @ a9e72789
/*
.logo-upe{
position: relative;
top: 0px;
width: 88%;
padding: 18px 6% 60px 6%;
margin: 100px 420px 100px 100px;
}
/* formatando texto da div de stylos */
h2 {
margin-top: -10px;
font-size: 16px;
color: #ffffff;
font-family: Arial;
font-weight: bold;
text-align: left;
}
h3 {
margin-top: -10px;
margin-bottom: -10px;
font-size: 22px;
color: #ffffff;
font-family: Arial;
font-weight: bold;
text-align: left;
}
/* content que contem o formulário e o quadro de avisos */
.content {
position: relative;
top: 0px;
width: 68%;
padding: 18px 6% 60px 6%;
margin: 0 0 35px 0;
background: #e6e7e8;
border-radius: 5px;
}
/* formatando o cabeçalho dos formulários */
h1 {
font-size: 22px;
color: #000000;
padding: 10px 0;
font-family: Arial, sans-serif;
font-weight: bold;
text-align: center;
padding-bottom: 30px;
}
h1:after {
content: " ";
display: block;
width: 100%;
height: 2px;
margin-top: 10px;
background: -webkit-linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
background: linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
}
p {
margin-bottom: 15px;
}
p:first-child {
margin: 0px;
}
label {
color: #405c60;
position: relative;
}
/* Icons e sua formatação */
.icon-list {
padding-left: 0;
list-style: none;
}
.icon-list li {
display: flex;
align-items: flex-start;
margin-bottom: 0.25rem;
}
.icon-list li::before {
display: block;
flex-shrink: 0;
width: 1.5em;
height: 1.5em;
margin-right: 0.5rem;
content: "";
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E")
no-repeat center center / 100% auto;
}
/* formatando o login */
.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-floating:focus-within {
z-index: 2;
}
.form-signin input[type="email"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Stylo de formatação das barras divs sub e infe. */
.stylo {
margin-top: 0px;
background: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#1b3e70)) no-repeat;
background: -moz-linear-gradient(left, #ed1c24, #1b3e70);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ED1C24', EndColorStr='#1B3E70');
}
.container {
background-color: #24141c;
color: #cccccc;
font-family: "Nunito", sans-serif;
width: 70%;
border-radius: 7px;
padding: 5%;
margin: 5% auto;
}
.flex {
display: flex;
justify-content: space-around;
&2 {
border-right: 0.1px solid rgba(178, 170, 171, 0.185);
}
&_content {
padding: 5% 10%;
flex: 1;
h2 {
font-weight: 600;
}
h4 {
font-weight: 400;
}
span {
font-weight: 200;
}
h4 {
margin: 0;
}
ul {
padding-inline-start: 7%;
margin: 20% 0;
li {
font-weight: 200;
}
}
button {
outline: none;
border: none;
background: #aa2b33;
color: #ffffff;
width: 100%;
height: 50px;
border-radius: 5px;
font-family: "Nunito", sans-serif;
cursor: pointer;
}
&:nth-of-type(1) {
button {
background: transparent;
border: 1px solid #aa2b33;
color: #aa2b33;
}
}
}
}
@media screen and (max-width: 540px) {
.flex {
flex-direction: column;
&2{
border: none;
}
}
}
resources/views/auth/login.blade.php
View file @ d0baf467
<x-guest-layout> <x-guest-layout>
<section class="ftco-section"> <x-slot name="content">
<!-- Container principal -->
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-12 col-lg-7"> <div class="col-md-12 col-lg-7">
<div class="login-wrap"> <div class="login-wrap">
<slot name="logo">
<a href="/">
<application-logo class="w-20 h-20 fill-current text-gray-500" />
</a>
</slot>
<!-- Session Status --> <!-- Session Status -->
<auth-session-status class="mb-4" :status="session('status')" /> <x-auth-session-status class="mb-4" :status="session('status')" />
<!-- Validation Errors --> <!-- Validation Errors -->
<auth-validation-errors class="mb-4" :errors="$errors" /> <x-auth-validation-errors class="mb-4" :errors="$errors" />
<form method="POST" action="{{ route('login') }}" class="signin-form d-md-flex d-flex flex-row bd-highlight mb-3> <form action="{{ route('login') }}" method="POST" class="signin-form d-md-flex">
@csrf @csrf
<!-- Informações -->
<div class="half p-4 py-md-5 bg-primary"> <div class="half p-4 py-md-5 bg-primary">
<div class="w-100"> <div class="w-100">
<h4 class="mb-4">Informações</h4> <h4 class="mb-4">Informações</h4>
...@@ -26,45 +24,38 @@ ...@@ -26,45 +24,38 @@
<p class="w-100 text-center">O primeiro acesso deve ser realizado utilizando seu e-mail <p class="w-100 text-center">O primeiro acesso deve ser realizado utilizando seu e-mail
e CPF, nos campos de login e senha respectivamente</p> e CPF, nos campos de login e senha respectivamente</p>
</div> </div>
<!-- Login -->
<div class="half p-4 py-md-5"> <div class="half p-4 py-md-5">
<div class="w-100"> <div class="w-100">
<h4 class="mb-4">Acesso PAD</h4> <h4 class="mb-4">Acesso PAD</h4>
</div> </div>
<div class="form-group mt-3"> <div class="form-group mt-3">
<label class="label" for="name">Endereço de email</label> <label class="label" for="name">Endereço de email</label>
<input type="email" name="email" :value="old('email')" required autofocus class="form-control" <input type="email" name="email" class="form-control" placeholder="ex: nome@upe.br" :value="old('email')" required
placeholder="ex: nome@upe.br" required autofocus /> autofocus />
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="label" for="password">Senha</label> <label class="label" for="password">Senha</label>
<input name="password" id="password-field" type="password" class="form-control" <input id="password-field" type="password" name="password" class="form-control"
placeholder="Senha" required /> :value="__('Password')" placeholder="Senha" required />
<span toggle="#password-field" <span toggle="#password-field"
class="fa fa-fw fa-eye field-icon toggle-password"></span> class="fa fa-fw fa-eye field-icon toggle-password"></span>
</div> </div>
<div class="form-group"> <div class="form-group">
<button type="submit" <button type="submit"
class="form-control btn btn-secondary rounded submit px-3">{{ __('Log in') }}</button> class="form-control btn btn-secondary rounded submit px-3">Entrar</button>
</div> </div>
<div class="form-group d-md-flex"> <div class="form-group d-md-flex">
<div class="w-50 text-left"> <div class="w-50 text-left">
<label class="checkbox-wrap checkbox-primary mb-0" <label class="checkbox-wrap checkbox-primary mb-0"
style="color: rgb(22, 21, 21);"> style="color: rgb(22, 21, 21);">
{{ __('Remember me') }} Lembrar-me
<input type="checkbox" checked /> <input type="checkbox" checked />
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
</div> </div>
<div class="w-50 text-md-right"> <div class="w-50 text-md-right">
<a href="#" style="color: rgb(22, 21, 21);"> <a href="#" style="color: rgb(22, 21, 21);">Reculperar senha</a>
@if (Route::has('password.request'))
<a class="underline text-sm text-gray-600 hover:text-gray-900"
href="{{ route('password.request') }}">
{{ __('Forgot your password?') }}
</a>
@endif
</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -73,5 +64,5 @@ ...@@ -73,5 +64,5 @@
</div> </div>
</div> </div>
</div> </div>
</section> </x-slot>
</x-guest-layout> </x-guest-layout>
resources/views/dashboard.blade.php
View file @ d0baf467
<x-app-layout> <x-app-layout>
<x-slot name="header"> <x-slot name="main">
<h2 class="font-semibold text-xl text-gray-800 leading-tight"> <div class="tab-content">
{{ __('Dashboard') }} <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab">
</h2> <div
</x-slot> class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Bem Vindo ao PAD</h1>
</div>
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">
<h2 class="h3">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor"
class="bi bi-exclamation-octagon-fill" viewBox="0 0 16 16">
<path
d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
</svg>
Atividades a serem realizdas
</h2>
</div>
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-top">
<ul class="inf-list">
<li><a href="" rel="noopener" target="_blank">Cronograma de atividades PAD 2022</a></li>
<li><a href="" rel="noopener" target="_blank">Informações sobre o processo PAD 2022</a></li>
</ul>
</div>
</div>
<div class="tab-pane" id="coordenador" role="tabpanel" aria-labelledby="coordenador-tab">
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Gestão de Coordenador</h1>
</div>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoCadastroCoordenador()"
data-toggle="tooltip" data-placement="bottom" title="Click para Cadastrar Novo Coordenador">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-person-plus-fill" viewBox="0 0 16 16">
<path d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
<path fill-rule="evenodd"
d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z" />
</svg>
Cadastrar Novo Coordenador
</a>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoListaCoordenador()" data-toggle="tooltip"
data-placement="bottom" title="Click para Listar Coordenador">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-person-lines-fill" viewBox="0 0 16 16">
<path
d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z" />
</svg>
Listar Coordenador
</a>
</div>
<div class="tab-pane" id="campus" role="tabpanel" aria-labelledby="campus-tab">
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Gestão de Campus</h1>
</div>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoCadastroCampos()" data-toggle="tooltip"
data-placement="bottom" title="Click para Cadastrar Novo Campus">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-plus-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
<path
d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
</svg>
Cadastrar Novo Campus
</a>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoListaCampos()" data-toggle="tooltip"
data-placement="bottom" title="Click para Listar Campus">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-list-task" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H2zM3 3H2v1h1V3z" />
<path
d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9z" />
<path fill-rule="evenodd"
d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V7zM2 7h1v1H2V7zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H2zm1 .5H2v1h1v-1z" />
</svg>
Listar Campus
</a>
</div>
<div class="tab-pane" id="cursos" role="tabpanel" aria-labelledby="cursos-tab">
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Gestão de Cursos</h1>
</div>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoCadastroCurso()" data-toggle="tooltip"
data-placement="bottom" title="Click para Cadastrar Novo Curso">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-plus-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
<path
d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
</svg>
Cadastrar Novo Curso
</a>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoListaCurso()" data-toggle="tooltip"
data-placement="bottom" title="Click para Listar Cursos">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-list-task" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H2zM3 3H2v1h1V3z" />
<path
d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9z" />
<path fill-rule="evenodd"
d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V7zM2 7h1v1H2V7zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H2zm1 .5H2v1h1v-1z" />
</svg>
Listar Cursos
</a>
</div>
<div class="tab-pane" id="professor" role="tabpanel" aria-labelledby="professor-tab">
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Gestão de Professor</h1>
</div>
<div class="py-12"> <a class="btn btn-secondary btn-lg" onclick="redirecionamentoCadastroProfessor()" data-toggle="tooltip"
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> data-placement="bottom" title="Click para Cadastrar Novo Professor">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
<div class="p-6 bg-white border-b border-gray-200"> class="bi bi-person-plus-fill" viewBox="0 0 16 16">
You're logged in! <path d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
<path fill-rule="evenodd"
d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z" />
</svg>
Cadastrar Novo Professor
</a>
<a class="btn btn-secondary btn-lg" onclick="redirecionamentoListaProfessor()" data-toggle="tooltip"
data-placement="bottom" title="Click para Listar Professor">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor"
class="bi bi-person-lines-fill" viewBox="0 0 16 16">
<path
d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z" />
</svg>
Listar Professor
</a>
</div>
<div class="tab-pane" id="pad" role="tabpanel" aria-labelledby="pad-tab">
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
<h1 class="h2">Listagem PAD</h1>
</div> </div>
</div> </div>
</div> </div>
</div> </x-slot>
</x-app-layout> </x-app-layout>
resources/views/layouts/app.blade.php
View file @ d0baf467
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8"> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<title>{{ config('app.name', 'Laravel') }}</title>
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"> <!-- Styles -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
<!-- Styles --> integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="{{ asset('css/styles.css') }}">
<!-- Scripts --> <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script> </head>
</head>
<body class="font-sans antialiased"> <body>
<div class="min-h-screen bg-gray-100"> <div class="min-h-screen bg-gray-100">
@include('layouts.navigation')
<!-- Page Header -->
<!-- Page Heading --> @include('layouts.header')
<header class="bg-white shadow">
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8"> <div class="container-fluid">
{{ $header }} <div class="row">
</div> <!-- Page Header -->
</header> @include('layouts.navigation')
<!-- Page Content --> <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
<main> {{ $main }}
{{ $slot }} </main>
</main> </div>
</div> </div>
</body> </div>
<footer class="pt-3 my-3 text-center text-muted align-items-center border-top">
Copyright &copy;2022. Universidade de Pernambuco - Todos os direitos reservados
</footer>
<!-- Função JavaScript alterar telas/botoes -->
<script>
$(function () {
$("#myTab li:last-child a").tab("show");
});
</script>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
</body>
</html> </html>
resources/views/layouts/guest.blade.php
View file @ d0baf467
...@@ -7,12 +7,13 @@ ...@@ -7,12 +7,13 @@
<!-- Meta tags Obrigatórias --> <!-- Meta tags Obrigatórias -->
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" <!-- Principal CSS do Bootstrap -->
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
<!-- Estilos customizados para esse template --> <!-- Estilos customizados para esse template -->
<link rel="stylesheet" href="{{ asset('css/style.css') }}" /> <link rel="stylesheet" href="{{ asset('css/auth.css') }}" />
</head> </head>
<body> <body>
...@@ -37,7 +38,7 @@ ...@@ -37,7 +38,7 @@
</div> </div>
<section class="ftco-section"> <section class="ftco-section">
{{ $slot }} {{ $content }}
</section> </section>
<div class="stylo p-2"> </div> <div class="stylo p-2"> </div>
...@@ -63,5 +64,4 @@ ...@@ -63,5 +64,4 @@
</script> </script>
</body> </body>
</html> </html>
resources/views/layouts/header.blade.php 0 → 100644
View file @ d0baf467
<header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
<a class="navbar-brand col-sm-3 col-md-1 mr-0" href="#">
<img src="http://www.avaliacaodocente.upe.br/assets/img/logo-upe.png" class="img-fluid" width="128"
height="93" alt="" />
</a>
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">
<img src="https://www.gestaododesempenho.pe.gov.br/AvaliacaoDesempenho/public/resources/images/logos-direita.png"
class="img-fluid" width="268" height="100" alt="" />
</a>
<div class="mt-3 space-y-1">
<!-- Authentication -->
<form method="POST" action="{{ route('logout') }}">
@csrf
<x-responsive-nav-link :href="route('logout')"
onclick="event.preventDefault();
this.closest('form').submit();">
{{ __('Log Out') }}
</x-responsive-nav-link>
</form>
</div>
</header>
resources/views/layouts/navigation.blade.php
View file @ d0baf467
<nav x-data="{ open: false }" class="bg-white border-b border-gray-100"> <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
<!-- Primary Navigation Menu --> <!-- previl perfil sidebarMenu -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="content mx-auto text-center">
<div class="flex justify-between h-16"> <div class="card mb-3">
<div class="flex"> <div class="card-body text-dark">
<!-- Logo --> <div class="font-medium text-base text-gray-800">{{ Auth::user()->name }}</div>
<div class="shrink-0 flex items-center"> <div class="font-medium text-sm text-gray-500">{{ Auth::user()->email }}</div>
<a href="{{ route('dashboard') }}"> </div>
<x-application-logo class="block h-10 w-auto fill-current text-gray-600" /> </div>
</a> <a href="#" class="btn btn-primary">
</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16">
<path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
<!-- Navigation Links --> </svg>
<div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> Editar
<x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')"> </a>
{{ __('Dashboard') }} </div>
</x-nav-link> <!-- Botoes link lista vertical sidebarMenu -->
</div> <ul class="nav flex-column nav-pills" id="myTab" role="tablist" aria-orientation="vertical">
</div> <li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
<!-- Settings Dropdown --> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
<div class="hidden sm:flex sm:items-center sm:ml-6"> <path fill-rule="evenodd" d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
<x-dropdown align="right" width="48"> <path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
<x-slot name="trigger"> </svg>
<button class="flex items-center text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> Home
<div>{{ Auth::user()->name }}</div> </a>
</li>
<div class="ml-1"> <li class="nav-item">
<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <a class="nav-link" id="coordenador-tab" data-toggle="tab" href="#coordenador" role="tab" aria-controls="coordenador" aria-selected="false">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-badge" viewBox="0 0 16 16">
</svg> <path d="M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
</div> <path d="M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z"/>
</button> </svg>
</x-slot> Coordenador
</a>
<x-slot name="content"> </li>
<!-- Authentication --> <li class="nav-item">
<form method="POST" action="{{ route('logout') }}"> <a class="nav-link" id="campus-tab" data-toggle="tab" href="#campus" role="tab" aria-controls="campus" aria-selected="false">
@csrf <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bank2" viewBox="0 0 16 16">
<path d="M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z"/>
<x-dropdown-link :href="route('logout')" </svg>
onclick="event.preventDefault(); Campus
this.closest('form').submit();"> </a>
{{ __('Log Out') }} </li>
</x-dropdown-link> <li class="nav-item">
</form> <a class="nav-link" id="cursos-tab" data-toggle="tab" href="#cursos" role="tab" aria-controls="cursos" aria-selected="false">
</x-slot> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mortarboard-fill" viewBox="0 0 16 16">
</x-dropdown> <path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z"/>
</div> <path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z"/>
</svg>
<!-- Hamburger --> Cursos
<div class="-mr-2 flex items-center sm:hidden"> </a>
<button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"> </li>
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <li class="nav-item">
<path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <a class="nav-link" id="professor-tab" data-toggle="tab" href="#professor" role="tab" aria-controls="professor" aria-selected="false">
<path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-video3" viewBox="0 0 16 16">
</svg> <path d="M14 9.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-6 5.7c0 .8.8.8.8.8h6.4s.8 0 .8-.8-.8-3.2-4-3.2-4 2.4-4 3.2Z"/>
</button> <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h5.243c.122-.326.295-.668.526-1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7.81c.353.23.656.496.91.783.059-.187.09-.386.09-.593V4a2 2 0 0 0-2-2H2Z"/>
</div> </svg>
</div> Professor
</div> </a>
</li>
<!-- Responsive Navigation Menu --> <li class="nav-item">
<div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden"> <a class="nav-link" id="pad-tab" data-toggle="tab" href="#pad" role="tab" aria-controls="pad" aria-selected="false">
<div class="pt-2 pb-3 space-y-1"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book-half" viewBox="0 0 16 16">
<x-responsive-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')"> <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
{{ __('Dashboard') }} </svg>
</x-responsive-nav-link> PAD
</div> </a>
</li>
<!-- Responsive Settings Options --> </ul>
<div class="pt-4 pb-1 border-t border-gray-200"> </nav>
<div class="px-4"> \ No newline at end of file
<div class="font-medium text-base text-gray-800">{{ Auth::user()->name }}</div>
<div class="font-medium text-sm text-gray-500">{{ Auth::user()->email }}</div>
</div>
<div class="mt-3 space-y-1">
<!-- Authentication -->
<form method="POST" action="{{ route('logout') }}">
@csrf
<x-responsive-nav-link :href="route('logout')"
onclick="event.preventDefault();
this.closest('form').submit();">
{{ __('Log Out') }}
</x-responsive-nav-link>
</form>
</div>
</div>
</div>
</nav>
Markdown is supported
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