404

D7net
:/ var / www / html / crsys_ant / adm / app / gre / Views / UsuarioCli /
Filename : VieListarSenhaCli.php
back
<?php
if (!defined('URL')) {
    header("Location: /");
    exit();
}
//var_dump($this->Dados['select']['usu']); 
?>
<div class="container-fluid px-0">
<div class="content">
    <div class="list-group-item">
        <div class="d-flex align-items-center justify-content-between">
            <div class="mr-auto p-2">
                <h2 class="display-4 titulo">Altera Senha do  Usuário</h2>
            </div>
        </div>
        <form class="form-inline" method="POST" action="">
           <?php    
        if (isset($_SESSION['msg'])) {
            echo '<br>'.$_SESSION['msg'];
            unset($_SESSION['msg']);
        }
        
        ?>   
         
           <div class="row">
                <div class="form-group col-md-2">
                    <label><span class="text-danger">*</span>Login do Usuário</label>
                    <select name="usuario" id="usuario" class="form-control" required>
                        <option value="">Selecione</option>
                        <?php
                        foreach ($this->Dados['select']['usu'] as $usu) {
                            extract($usu);
                            echo "<option value='$usu_id'>$usu_usuario</option>";
                        }
                        ?>
                    </select>
                </div>
             
            </div>
           
            <div class="row"> 
                <div class="form-group col-md-2">
                    <label><span class="text-danger">*</span>Digite a Senha</label>
        <div class="input-group">
            <input name="senha" type="password" id="senha" min="6" max="8"  class="form-control" placeholder="Digite a senha" required>
            <button type="button" id="toggleSenha" class="btn-olho">
                <svg width="24" height="24" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M12 4.5C6.5 4.5 2 9 2 12s4.5 7.5 10 7.5 10-4.5 10-7.5-4.5-7.5-10-7.5zm0 13.5c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.5 5.5-5.5 5.5zm0-9c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5z"/>
                </svg>
            </button>
        </div>                
            </div>
            
                <div class="form-group col-md-2">
                    <label align="left"><span class="text-danger">*</span>Redigite a Senha</label>
                        <input name="redsenha" type="password" id="redsenha" class="form-control" placeholder="Redigite a senha"  required
                            onchange="javascript:validaSenha(this.value)">
                </div>
            </div>
            <br>
            <div>
                    <p>
                        <span class="text-danger">*</span>Campo obrigatório
                    </p>
              
               <button name="AltLogin" type="submit" class="btn btn-outline-warning">Salvar</button> 
             
                </div> 
         
        
            </form>
    </div>
</div>
<script>
function validaSenha(redsenha) {
    var senha = document.getElementById("senha").value;
    
    var tamanho = parseFloat(senha.length);
    if(senha == 'novasenha') {
         mostrarAlerta('Erro!', 'SENHA NÂO PODE SER UTILIZADA!', 'error');
        document.getElementById("senha").value = "";
        document.getElementById("redsenha").value = "";
        document.getElementById("senha").focus();
    }
    if(redsenha !== senha) {
         mostrarAlerta('Erro!', 'SENHAS NÃO SÃO IGUAIS !', 'error');
        document.getElementById("senha").value = "";
        document.getElementById("redsenha").value = "";
        document.getElementById("senha").focus();
    }
    
    if (tamanho < 6 || tamanho > 8) {
      mostrarAlerta('Erro!', 'Mínimo de 6 caracteres e Máximo de 8 !', 'error');  
      document.getElementById("senha").value = "";
      document.getElementById("redsenha").value = "";
      document.getElementById("senha").focus();
    }   
}

const toggleSenha = document.getElementById("toggleSenha");
const campoSenha = document.getElementById("senha");
const icone = toggleSenha.querySelector("i"); // Busca o ícone dentro do botão.
// Mostra a senha e altera para o ícone "fa-eye-slash" enquanto o botão está pressionado.
toggleSenha.addEventListener("mousedown", function () {
    campoSenha.type = "text"; // Mostra a senha.
    icone.classList.remove("fa-eye"); // Remove o ícone "olho aberto".
    icone.classList.add("fa-eye-slash"); // Adiciona o ícone "olho fechado".
	icone.style.color = "red";
});
// Oculta a senha e volta para o ícone "fa-eye" quando o botão é solto.
toggleSenha.addEventListener("mouseup", function () {
    campoSenha.type = "password"; // Oculta a senha.
    icone.classList.remove("fa-eye-slash"); // Remove o ícone "olho fechado".
    icone.classList.add("fa-eye"); // Adiciona o ícone "olho aberto".
	icone.style.color = "blue";
});
// Para dispositivos touch, usamos touchstart e touchend.
toggleSenha.addEventListener("touchstart", function () {
    campoSenha.type = "text"; // Mostra a senha.
    icone.classList.remove("fa-eye"); 
    icone.classList.add("fa-eye-slash");
	icone.style.color = "red";
});
toggleSenha.addEventListener("touchend", function () {
    campoSenha.type = "password"; // Oculta a senha.
    icone.classList.remove("fa-eye-slash"); 
    icone.classList.add("fa-eye");
	icone.style.color = "blue";
});	
</script>