Skip to content

GitLab

Commit 846e1f70 authored by carlvercosaa's avatar carlvercosaa
Browse files

Ajuste no BUG na estilizacao da tela principal e da tela dos editais

parent ef18bc0a
Show whitespace changes
Inline Side-by-side
resources/views/coordenador/home.blade.php
View file @ 846e1f70
......@@ -4,9 +4,8 @@
<div class="container">
{{-- titulo da página --}}
{{-- Título da página --}}
<div class="row justify-content-center" style="margin-top: 3rem; text-align:center">
<div class="col-md-12">
<div class="row justify-content-between">
<div class="col-sm">
......@@ -33,148 +32,105 @@
@csrf
<div class="btn-group">
<input type="text" class="form-control shadow-sm" name="buscar" placeholder="Digite o nome do edital" value="{{$palavra}}" style="margin-right: 5px;border-radius:8px; border-color:#fff;">
<button type="submit" class="btn btn-light shadow-sm" style="border-radius: 8px"><img src="{{asset('img/icons/logo_lupa.png')}}" alt="" width="20px"></button>
<button type="submit" class="btn btn-light shadow-sm" style="border-radius: 8px">
<img src="{{asset('img/icons/logo_lupa.png')}}" alt="" width="20px">
</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row justify-content-center">
@if(count($eventos)>0)
{{-- Grid de cards --}}
<div class="row row-cols-4 justify-content-center g-4">
@if(count($eventos) > 0)
@foreach ($eventos as $evento)
{{-- Verificando o status do evento para determinar a classe CSS correta --}}
@if (Auth::check())
@if($evento->fimSubmissao >= $hoje && $hoje >= $evento->inicioSubmissao)
<a href="{{ route('evento.visualizar',['id'=> $evento->id]) }}" style="text-decoration: none" class="aberto">
<a href="{{ route('evento.visualizar', ['id'=> $evento->id]) }}" style="text-decoration: none;" class="col evento aberto">
@elseif($hoje > $evento->fimSubmissao)
<a href="{{ route('evento.visualizar',['id'=> $evento->id]) }}" style="text-decoration: none" class="encerrado">
<a href="{{ route('evento.visualizar', ['id'=> $evento->id]) }}" style="text-decoration: none;" class="col evento encerrado">
@else
<a href="{{ route('evento.visualizar',['id'=> $evento->id]) }}" style="text-decoration: none" class="vaiAbrir">
<a href="{{ route('evento.visualizar', ['id'=> $evento->id]) }}" style="text-decoration: none;" class="col evento abrira">
@endif
@else
@if($evento->fimSubmissao >= $hoje && $hoje >= $evento->inicioSubmissao)
<a href="{{ route('evento.visualizarNaoLogado', ['id'=>$evento->id]) }}" style="text-decoration: none" class="aberto">
<a href="{{ route('evento.visualizarNaoLogado', ['id' => $evento->id]) }}" style="text-decoration: none;" class="col evento aberto">
@elseif($hoje > $evento->fimSubmissao)
<a href="{{ route('evento.visualizarNaoLogado', ['id'=>$evento->id]) }}" style="text-decoration: none" class="encerrado">
<a href="{{ route('evento.visualizarNaoLogado', ['id' => $evento->id]) }}" style="text-decoration: none;" class="col evento encerrado">
@else
<a href="{{ route('evento.visualizarNaoLogado',['id'=> $evento->id]) }}" style="text-decoration: none" class="vaiAbrir">
<a href="{{ route('evento.visualizarNaoLogado', ['id'=> $evento->id]) }}" style="text-decoration: none;" class="col evento abrira">
@endif
@endif
<div class="card" style="width: 18rem; border-radius:12px; border-width:0px; margin:10px">
<div class="card mb-4" style="border-radius:12px; height: 100%;">
@if(isset($evento->fotoEvento))
<img src="{{asset('storage/eventos/'.$evento->id.'/logo.png')}}" class="card-img-top" alt="...">
<img src="{{ asset('storage/eventos/'.$evento->id.'/logo.png') }}" class="card-img-top" alt="...">
@else
<img src="{{asset('img/img_fundo.png')}}" class="card-img-top" alt="..." style="border-radius: 12px;">
<img src="{{ asset('img/img_fundo.png') }}" class="card-img-top" alt="..." style="border-radius: 12px;">
@endif
<div class="card-body">
<div class="row">
<div class="col-sm-12">
<h4 class="card-title">
<div class="row justify-content-center">
<div class="col-sm-12">
<h3 style="color: #01487E; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold">{{$evento->nome}}</h3>
{{-- @if(Auth::user()->tipo == "administrador" || Auth::user()->tipo == "administradorResponsavel") --}}
{{-- @can('isCoordenador', $evento)
<div class="btn-group dropright dropdown-options">
<a id="options" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{asset('img/icons/ellipsis-v-solid.svg')}}" style="width:8px">
</a>
<div class="dropdown-menu">
<a href="{{ route('coord.detalhesEvento', ['eventoId' => $evento->id]) }}" class="dropdown-item">
<img src="{{asset('img/icons/eye-regular.svg')}}" class="icon-card" alt="">
Detalhes
</a>
<a href="{{route('evento.editar',$evento->id)}}" class="dropdown-item">
<img src="{{asset('img/icons/edit-regular.svg')}}" class="icon-card" alt="">
Editar
</a>
<form method="POST" action="{{route('evento.deletar',$evento->id)}}">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="dropdown-item">
<img src="{{asset('img/icons/trash-alt-regular.svg')}}" class="icon-card" alt="">
Deletar
</button>
<h4 class="card-title" style="color: #01487E; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold">
{{ $evento->nome }}
</h4>
</form>
{{-- Informações dos eventos (Submissão, Revisão, etc.) --}}
<div class="row mb-2">
<div class="col-2">
<img src="{{ asset('img/icons/icon_submissao.png') }}" class="card-img-top" alt="..." style="width:45px;">
</div>
<div class="col-10">
<div style="font-size:18px; font-weight:normal; color:black;">Submissão</div>
<div style="color: #909090">{{ date('d/m/Y', strtotime($evento->inicioSubmissao)) }} - {{ date('d/m/Y', strtotime($evento->fimSubmissao)) }}</div>
</div>
@endcan --}}
{{-- @endif --}}
</div>
<div class="row mb-2">
<div class="col-2">
<img src="{{ asset('img/icons/icon_revisao.png') }}" class="card-img-top" alt="..." style="width:45px;">
</div>
</h4>
</div>
<div class="col-10">
<div style="font-size:18px; font-weight:normal; color:black;">Revisão</div>
<div style="color: #909090">{{ date('d/m/Y', strtotime($evento->inicioRevisao)) }} - {{ date('d/m/Y', strtotime($evento->fimRevisao)) }}</div>
</div>
<div class="row justify-content-lg-left" style="margin-left:1px; margin-right:1px">
<div><img src="{{asset('img/icons/icon_submissao.png')}}" class="card-img-top" alt="..." style="width:45px; margin-right:15px"></div>
<div class="form-group" style="text-align: left">
<div style="font-weight: normal;color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:-5px">Submissão</div>
<div style="color: #909090">{{date('d/m/Y',strtotime($evento->inicioSubmissao))}} - {{date('d/m/Y',strtotime($evento->fimSubmissao))}}</div>
</div>
<div class="row mb-2">
<div class="col-2">
<img src="{{ asset('img/icons/icon_resultado_preliminar.png') }}" class="card-img-top" alt="..." style="width:45px;">
</div>
<div class="row justify-content-lg-left" style="margin-left:1px; margin-right:1px">
<div><img src="{{asset('img/icons/icon_revisao.png')}}" class="card-img-top" alt="..." style="width:45px; margin-right:15px"></div>
<div class="form-group" style="text-align: left">
<div style="font-weight: normal;color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:-5px">Revisão</div>
<div style="color: #909090">{{date('d/m/Y',strtotime($evento->inicioRevisao))}} - {{date('d/m/Y',strtotime($evento->fimRevisao))}}</div>
<div class="col-10">
<div style="font-size:18px; font-weight:normal; color:black;">Resultado Preliminar</div>
<div style="color: #909090">{{ date('d/m/Y', strtotime($evento->resultado_preliminar)) }}</div>
</div>
</div>
<div class="row justify-content-lg-left" style="margin-left:1px; margin-right:1px">
<div><img src="{{asset('img/icons/icon_resultado_preliminar.png')}}" class="card-img-top" alt="..." style="width:45px; margin-right:15px"></div>
<div class="form-group" style="text-align: left">
<div style="font-weight: normal;color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:-5px">Resultado preliminar</div>
<div style="color: #909090">{{date('d/m/Y',strtotime($evento->resultado_preliminar))}}</div>
<div class="row mb-2">
<div class="col-2">
<img src="{{ asset('img/icons/icon_recurso.png') }}" class="card-img-top" alt="..." style="width:45px;">
</div>
<div class="col-10">
<div style="font-size:18px; font-weight:normal; color:black;">Recurso</div>
<div style="color: #909090">{{ date('d/m/Y', strtotime($evento->inicio_recurso)) }} - {{ date('d/m/Y', strtotime($evento->fim_recurso)) }}</div>
</div>
<div class="row justify-content-lg-left" style="margin-left:1px; margin-right:1px">
<div><img src="{{asset('img/icons/icon_recurso.png')}}" class="card-img-top" alt="..." style="width:45px; margin-right:15px"></div>
<div class="form-group" style="text-align: left">
<div style="font-weight: normal;color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:-5px">Recurso</div>
<div style="color: #909090">{{date('d/m/Y',strtotime($evento->inicio_recurso))}} - {{date('d/m/Y',strtotime($evento->fim_recurso))}}</div>
</div>
<div class="row mb-2">
<div class="col-2">
<img src="{{ asset('img/icons/icon_resultado_final.png') }}" class="card-img-top" alt="..." style="width:45px;">
</div>
<div class="row justify-content-lg-left" style="margin-left:1px; margin-right:1px; margin-bottom:-0.8rem">
<div><img src="{{asset('img/icons/icon_resultado_final.png')}}" class="card-img-top" alt="..." style="width:45px; margin-right:15px"></div>
<div class="form-group" style="text-align: left">
<div style="font-weight: normal;color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:-5px">Resultado final</div>
<div style="color: #909090">{{date('d/m/Y',strtotime($evento->resultado_final))}}</div>
<div class="col-10">
<div style="font-size:18px; font-weight:normal; color:black;">Resultado Final</div>
<div style="color: #909090">{{ date('d/m/Y', strtotime($evento->resultado_final)) }}</div>
</div>
</div>
<!--<p class="card-text">
<strong>Submissão:</strong> {{date('d/m/Y',strtotime($evento->inicioSubmissao))}} - {{date('d/m/Y',strtotime($evento->fimSubmissao))}}<br>
<strong>Revisão:</strong> {{date('d/m/Y',strtotime($evento->inicioRevisao))}} - {{date('d/m/Y',strtotime($evento->fimRevisao))}}<br>
<strong>Resultado Preliminar:</strong> {{date('d/m/Y',strtotime($evento->resultado_preliminar))}}<br>
<strong>Recurso:</strong> {{date('d/m/Y',strtotime($evento->inicio_recurso))}} - {{date('d/m/Y',strtotime($evento->fim_recurso))}}<br>
<strong>Resultado Final:</strong> {{date('d/m/Y',strtotime($evento->resultado_final))}}<br>
</p>-->
<!--<p>
@if (Auth::check())
<a href="{{ route('evento.visualizar',['id'=> $evento->id]) }}" class="visualizarEvento">Visualizar edital</a>
@if($evento->inicioSubmissao <= $hoje && $hoje <= $evento->fimSubmissao)
@if(Auth::user()->proponentes == null)
<br><a href="{{ route('proponente.create' )}}" class="visualizarEvento">Criar projeto</a>
@else
<br><a href="{{ route('trabalho.index', ['id' => $evento->id] )}}" class="visualizarEvento">Criar projeto</a>
@endif
@endif
@else
<a href="{{ route('evento.visualizarNaoLogado', ['id'=>$evento->id]) }}" class="visualizarEvento">Visualizar edital</a>
@endif
</p> -->
</div>
</div>
</a>
@endforeach
......@@ -201,70 +157,54 @@
@section('javascript')
<script>
exibirEditais(document.getElementById("seletor"))
function exibirEditais(select) {
let abertos = document.getElementsByClassName("aberto");
let encerrados = document.getElementsByClassName("encerrado");
let vaiAbrir = document.getElementsByClassName("vaiAbrir");
let vaiAbrir = document.getElementsByClassName("abrira");
if(select.value == "todos"){
if(select.value == "todos") {
for(let i = 0; i < abertos.length; i++ ){
abertos[i].style.display = "";
abertos[i].style.display = "block";
}
for(let j = 0; j < encerrados.length; j++ ){
encerrados[j].style.display = "";
encerrados[j].style.display = "block";
}
for(let l = 0; l < vaiAbrir.length; l++ ){
vaiAbrir[l].style.display = "";
vaiAbrir[l].style.display = "block";
}
}else if(select.value == "aberto") {
} else if(select.value == "aberto") {
for(let i = 0; i < abertos.length; i++){
abertos[i].style.display = "";
abertos[i].style.display = "block";
}
for(let j = 0; j < encerrados.length; j++ ){
encerrados[j].style.display = "none";
}
for(let l = 0; l < vaiAbrir.length; l++ ){
vaiAbrir[l].style.display = "none";
}
}else if(select.value == "abrira"){
} else if(select.value == "abrira") {
for(let l = 0; l < vaiAbrir.length; l++ ){
vaiAbrir[l].style.display = "";
vaiAbrir[l].style.display = "block";
}
for(let i = 0; i < abertos.length; i++){
abertos[i].style.display = "none";
}
for(let j = 0; j < encerrados.length; j++ ){
encerrados[j].style.display = "none";
}
}else {
} else {
for(let j = 0; j < encerrados.length; j++ ){
encerrados[j].style.display = "";
encerrados[j].style.display = "block";
}
for(let i = 0; i < abertos.length; i++){
abertos[i].style.display = "none";
}
for(let l = 0; l < vaiAbrir.length; l++ ){
vaiAbrir[l].style.display = "none";
}
}
}
</script>
@endsection
resources/views/proponente/index.blade.php
View file @ 846e1f70
......@@ -2,133 +2,45 @@
@section('content')
<div class="container" style="margin-bottom:8rem">
<div class="container" style="margin-bottom:4rem;">
@if(session('verified'))
<div class="alert alert-success" role="alert" style="margin-top: 2rem;">
<h5 class="alert-heading">Bem-vindo ao Submeta!</h4>
<h5 class="alert-heading">Bem-vindo ao Submeta!</h5>
<hr>
<p>Seu email foi verificado com sucesso.</p>
</div>
@endif
<div class="row justify-content-center" style="margin-top: 2rem;">
<div class="col-md-12 form-group" style="text-align: center">
<h5 style="color: #1492E6; margin-top:0.5rem; font-size:25px">Página inicial</h5>
<h5 style="color: #909090; margin-top:0.7rem; font-size:22px; font-weight:normal">Proponente</h5>
<!-- Flex container principal -->
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 60vh;">
<!-- Título principal -->
<div class="col-md-12 form-group text-center">
<h5 style="color: #1492E6; font-size:25px; margin-top: 1rem;">Página inicial</h5>
<h5 style="color: #909090; font-size:22px; font-weight:normal">Proponente</h5>
</div>
<div class="" style="text-align: center">
<div class="form-group imagem_shadow" style="border-radius: 12px; padding:14px; height:200px; width:190px; margin:15px">
<!-- Flex container para os ícones de navegação -->
<div class="d-flex justify-content-center align-items-center flex-wrap" style="gap: 2rem;">
<!-- Botão Editais -->
<div class="form-group imagem_shadow text-center" style="border-radius: 12px; padding:14px; width:190px;">
<a href="{{route('coord.home')}}" style="text-decoration:none; color: inherit;">
<img src="{{asset('img/icons/icon_editais.png')}}" alt="" width="120px">
<img src="{{asset('img/icons/icon_editais.png')}}" alt="Icone Editais" width="120px">
<h5 style="color: #073763; margin-top:0.5rem; font-size:25px;">Editais</h5>
</a>
</div>
</div>
<div class="" style="text-align: center">
<div class="form-group imagem_shadow" style="border-radius: 12px; padding:14px; height:200px; width:250px; margin:15px">
<!-- Botão Minhas Propostas -->
<div class="form-group imagem_shadow text-center" style="border-radius: 12px; padding:14px; width:190px;">
<a href="{{ route('proponente.projetos')}}" style="text-decoration:none; color: inherit;">
@if(\App\Trabalho::where('proponente_id', auth()->user()->proponentes->id)->count() > 0)
<img src="{{asset('img/icons/icon_pasta_cheia.png')}}" alt="" width="140px" style="margin-top: 45px; -webkit-filter: drop-shadow(5px 5px 5px rgb(206, 206, 206)); filter: drop-shadow(5px 5px 5px rgb(206, 206, 206));">
<img src="{{asset('img/icons/icon_pasta_cheia.png')}}" alt="Icone Pasta Cheia" width="140px" style="filter: drop-shadow(5px 5px 5px rgb(206, 206, 206));">
@else
<img src="{{asset('img/icons/icon_pasta_vazia.png')}}" alt="" width="140px" style="margin-top: 45px; -webkit-filter: drop-shadow(5px 5px 5px rgb(206, 206, 206)); filter: drop-shadow(5px 5px 5px rgb(206, 206, 206));">
<img src="{{asset('img/icons/icon_pasta_vazia.png')}}" alt="Icone Pasta Vazia" width="140px" style="filter: drop-shadow(5px 5px 5px rgb(206, 206, 206));">
@endif
<h5 style="color: #073763; margin-top:0.5rem; font-size:25px">Minhas propostas</h5>
</a>
</div>
</div>
</div>
</div>
<!--
<div class="row justify-content-center titulo-menu">
<h4>Página Principal - Proponente</h4>
</div>
<div class="row justify-content-center d-flex align-items-center">
<div class="col-sm-3 d-flex justify-content-center ">
<a href="{{route('coord.home')}}" style="text-decoration:none; color: inherit;">
<div class="card text-center card-menu">
<div class="card-body d-flex justify-content-center">
<div class="container">
<div class="row titulo-card-menu">
<div class="col-md-12">
<h2 style="padding-top:15px">Editais</h2>
</div>
</div>
@php
$eventos = \App\Evento::all();
$quantAberta = 0;
$quantEncerrada = 0;
$hoje = today();
foreach ($eventos as $evento) {
if ($evento->fimSubmissao >= $hoje) {
$quantAberta++;
} else {
$quantEncerrada++;
}
}
@endphp
<div class="info-card">
<div class="row" style="text-align: left;">
<div class="col-md-12">
Total: {{$quantAberta + $quantEncerrada}}
</div>
</div>
<div class="row" style="text-align: left;">
<div class="col-md-12">
Aberto: {{$quantAberta}}
</div>
</div>
<div class="row" style="text-align: left;">
<div class="col-md-12">
Encerrado: {{$quantEncerrada}}
</div>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-3 d-flex justify-content-center">
<a href="{{ route('proponente.projetos') }}" style="text-decoration:none; color: inherit;">
<div class="card text-center card-menu">
<div class="card-body d-flex justify-content-center">
<div class="container">
<div class="row titulo-card-menu">
<div class="col-md-12">
<h2 style="padding-top:15px">Projetos</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h6>Nº total de projetos:</h6>
</div>
</div>
@php
$projetos = \App\Trabalho::where('proponente_id', auth()->user()->proponentes->id)->count();
@endphp
<div class="row">
<div class="col-md-12">
<h1 class="quant-titulo-card">{{$projetos}}</h1>
</div>
</div>
</div>
</div>
</div>
<h5 style="color: #073763; margin-top:0.5rem; font-size:25px">Minhas Propostas</h5>
</a>
</div>
{{-- <div class="col-sm-3 d-flex justify-content-center">
<a href="#" style="text-decoration:none; color: inherit;">
<div class="card text-center " style="border-radius: 30px; width: 13rem;height: 15rem;">
<div class="card-body d-flex justify-content-center">
<h2 style="padding-top:15px">Mensagens</h2>
</div>
</div>
</a>
</div> --}}
</div>
</div>
-->
@endsection
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