<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Permissoes</title>
<link rel="stylesheet" href="css/w3.css">
<link rel="stylesheet" href="css/styleaTime.css">
<script src="js/token.js"></script>
</head>
<body>
<div class="w3-bar w3-black" id="myDIV">
<a class="w3-bar-item active w3-button" href="index.html" data-tela="index">ADM</a>
<a class="w3-bar-item w3-button" href="projetos.html" data-tela="projetos">Projetos</a>
<a class="w3-bar-item w3-button" href="pessoas.html" data-tela="pessoas">Equipe</a>
</div>
<div class="w3-container w3-display-middle">
<div class="w3-row-padding">
<div class="w3-card-4 w3-container w3-margin-bottom">
<h2>Perfis</h2>
<ul id="perfilList"></ul>
</div>
<div class="w3-card-4 w3-container w3-margin-bottom">
<h2>Gerenciar Permissões</h2>
<label for="perfilSelect">Perfil:</label>
<select id="perfilSelect" required>
<option value="">Selecione</option>
</select>
<br>
<label for="permissaoSelect">Permissão:</label>
<select id="permissaoSelect" required>
<option value="">Selecione</option>
</select>
<button id="addPermissaoBtn" class="w3-button w3-round w3-border w3-border-blue">Adicionar Permissão</button>
</div>
<div class="w3-card-4 w3-container w3-margin-bottom">
<ul id="permissoesList" class="w3-ul"></ul>
</div>
</div>
</div>
<div id="id02" class="w3-modal">
<div class="w3-modal-content w3-animate-zoom w3-card-4">
<header class="w3-container w3-teal">
<span onclick="document.getElementById('id02').style.display='none'"
class="w3-button w3-display-topright">×</span>
<h4>System X</h4>
</header>
<div class="w3-container">
<p id="mensagem"></p>
</div>
<footer class="w3-container w3-teal">
<p>Modal Footer</p>
</footer>
</div>
</div>
<script src="js/gerenciar.js"></script>
</body>
</html>
|