Skip to content

Commit

Permalink
Modal - Aluno Veja Mais
Browse files Browse the repository at this point in the history
  • Loading branch information
JoaoVitorDomingos committed Sep 2, 2024
1 parent b2e7184 commit 4683b29
Show file tree
Hide file tree
Showing 6 changed files with 114 additions and 3 deletions.
35 changes: 35 additions & 0 deletions css/modais.css
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,41 @@
}


/* Modal - Veja Mais */
#aluno_vejaMais .modal-conteudo .informacoes-aluno {
justify-content: space-around;
}

#aluno_vejaMais .modal-conteudo .foto-aluno {
border: 2px solid black;
border-radius: 3px;
width: 140px;
height: 158px;
background-image: url(../imgs/foto-alunos/foto-aluno1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#aluno_vejaMais .modal-conteudo p {
font-size: 1.3em;
font-weight: bold;
}

#aluno_vejaMais .modal-conteudo .tabelas-aluno table {
text-align: center;
}

#aluno_vejaMais .modal-conteudo .tabelas-aluno table:first-of-type {
text-align: center;
width: 20%;
margin: 0 auto 20px auto;
}

#aluno_vejaMais .modal-conteudo .tabelas-aluno table:last-of-type {
width: 90%;
margin: 0 auto;
}

/* Modal - Lançar Notas */
#lancar_notas .modal-conteudo form {
Expand Down
Binary file added imgs/foto-alunos/foto-aluno1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imgs/foto-alunos/foto-aluno2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imgs/foto-alunos/foto-aluno3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imgs/foto-alunos/foto-aluno4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
82 changes: 79 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,23 +71,23 @@ <h2>Matemática - 2°B</h2>
<td>100%</td>
<td>10.0</td>
<td>Aprovado</td>
<td><span class="material-symbols-outlined">query_stats</span></td>
<td><span class="material-symbols-outlined" data-bs-toggle="modal" data-bs-target="#aluno_vejaMais">query_stats</span></td>
</tr>
<tr>
<td class="nome">Guilherme Henrique</td>
<td>100%</td>
<td>80%</td>
<td>9.0</td>
<td>Exame</td>
<td><span class="material-symbols-outlined">query_stats</span></td>
<td><span class="material-symbols-outlined" data-bs-toggle="modal" data-bs-target="#aluno_vejaMais">query_stats</span></td>
</tr>
<tr>
<td class="nome">Igor</td>
<td>80%</td>
<td>90%</td>
<td>7.0</td>
<td>Reprovado</td>
<td><span class="material-symbols-outlined">query_stats</span></td>
<td><span class="material-symbols-outlined" data-bs-toggle="modal" data-bs-target="#aluno_vejaMais">query_stats</span></td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -158,6 +158,82 @@ <h2>Editar Imagem de Visita</h2>
</div>
</div>

<div id="aluno_vejaMais" class="modal fade">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header modal-topo">
<h2>Editar Imagem de Visita</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>

<div class="modal-body modal-conteudo my-4">
<div class="mb-3 row informacoes-aluno w-75 mx-auto">
<div class="foto-aluno col-md-4"></div>
<div class="col-md-8">
<div class="row">
<p class="col-md-12">Nome do Aluno</p>
</div>
<div class="row">
<p class="col-md-6">Data Nasc Aluno</p>
<p class="col-md-6">CPF do Aluno</p>
</div>
<div class="row">
<p class="col-md-12">Endereço do Aluno</p>
</div>
</div>
</div>

<div class="tabelas-aluno">
<table class="table table-bordered border-dark">
<thead>
<tr>
<th scope="col">Presença</th>
<th scope="col">Atividades</th>
</tr>
</thead>

<tbody>
<tr>
<td>100%</td>
<td>100%</td>
</tr>
</tbody>
</table>

<table class="table table-bordered border-dark">
<thead>
<tr>
<th scope="col">1° Bimestre</th>
<th scope="col">2° Bimestre</th>
<th scope="col">3° Bimestre</th>
<th scope="col">4° Bimestre</th>
<th scope="col">Média Final</th>
<th scope="col">Situação</th>
</tr>
</thead>

<tbody>
<tr>
<td>10.0</td>
<td>9.0</td>
<td>9.9</td>
<td>10.0</td>
<td>9.7</td>
<td>Aprovado</td>
</tr>
</tbody>
</table>
</div>
</div>

<div class="modal-botoes modal-footer">
<button type="button" data-bs-dismiss="modal" class="modal-btn btn-cancel">Cancelar</button>
<input type="submit" value="Salvar" data-bs-dismiss="modal" class="modal-btn btn-salvar" >
</div>
</div>
</div>
</div>

<div id="lancar_notas" class="modal fade">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
Expand Down

0 comments on commit 4683b29

Please sign in to comment.