Skip to content

Instantly share code, notes, and snippets.

@geraldotech

geraldotech/newForm.html

Created June 5, 2024 01:43
Show Gist options
  • Save geraldotech/dee436f96f7acad8ac8bd482f105383a to your computer and use it in GitHub Desktop.
Save geraldotech/dee436f96f7acad8ac8bd482f105383a to your computer and use it in GitHub Desktop.
Download ZIP
newForm.html
Raw
newForm.html
<div id="myModal" class="modal fade" role="dialog">
<form method="POST" id="addUsuario" enctype="multipart/form-data">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Cadastro de Login SGA</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<label>Nome Usuário</label>
<input type="text" name="nomeUsuario" class="form-control" id="nomeUsuario" required="required" autocomplete="off">
</div>
<div class="col-md-6">
<label>Email</label>
<input type="email" name="emailUsuario" class="form-control" id="emailUsuario" required="required" autocomplete="off">
</div>
</div>
<div class="row">
<br>
<div class="col-md-3">
<label>Login</label>
<input type="text" name="usuario" class="form-control" id="usuario" required="required" autocomplete="off">
<span id="validaUsr" style="color:red"></span>
</div>
<div class="col-md-3">
<div class="form-group" style="position: relative;">
<label for="senha">Senha</label>
<input type="password" id="senha" name="senha" class="form-control verificaSenha" autocomplete="off" onfocus="showPasswordRules()" onblur="hidePasswordRules()" oninput="validatePassword()">
<i class="bi bi-eye toggle-password" onclick="togglePassword()"></i>
<div id="passwordRules" class="password-rules">
<!-- As mensagens serão adicionadas dinamicamente via JavaScript -->
</div>
<!-- <div id="retorno"></div> -->
</div>
</div>
<div class="col-md-3">
<label>CPF</label>
<input type="text" id="cpf" name="cpf" class="form-control" required data-mask="000.000.000-00">
</div>
<div class="col-md-3">
<label>Usuário SSO</label>
<input type="text" id="sso" name="sso" class="form-control">
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<label>Função</label>
<select class="form-control" id="funcao" name="funcao">
<option></option>
<?php foreach ($funcao as $value) : ?>
<option value="<?php echo $value['idFuncao'] ?>"><?php echo $value['cod_funcao'] . ' - ' . $value['descricao'] ?></option>
<?php endforeach ?>
</select>
</div>
<div class="col-md-3">
<label>Validade Acesso</label>
<input type="date" name="validadeAcesso" id="validadeAcesso" class="form-control" required="required" />
</div>
<div class="col-md-3">
<label>Menu</label>
<select name="grupo" id="grupo" class="form-control">
<option></option>
<?php foreach ($grupo as $value) : ?>
<option value="<?php echo $value['idGrupo'] ?>"><?php echo $value['descricao'] ?></option>
<?php endforeach ?>
</select>
</div>
</div>
<br>
<div class="row"></div>
<div class="row">
<div class="col-md-4">
<div class="card p-3 mb-3" style="border: 1px solid #ccc; background: #f9f9f9; padding: 5px; height: 245px">
<div class="card-header">
<h5 style="text-align: center; padding-bottom: 10px">Parâmetros do Login</h5>
</div>
<div class="form-group" style="margin-bottom: 10px;">
<label>
<input type="checkbox" name="acessoVitalicio" id="acessoVitalicio" class="form-check-input" onchange="checkboxVitalicio(this)">
Acesso Vitalício
</label>
</div>
<div class="form-group" style="margin-bottom: 10px;">
<label>
<input type="checkbox" name="checkBoxAdmin" id="checkBoxAdmin" class="form-check-input">
Administrador do Sistema
</label>
</div>
<div class="form-group" style="margin-bottom: 10px;">
<label>
<input type="checkbox" name="checkBoxERP" id="checkBoxERP" class="form-check-input" onchange="toggleERPFields(this)">
Usuário ERP
</label>
</div>
<div id="erpOptions" style="display:none;">
<label>Selecione uma Opção</label>
<select class="form-control" id="erpOptionSelect" onchange="carregaFormularioAjax()">
<option value="selecione">Selecione...</option>
<?php foreach ($erpOptions as $value) : ?>
<option value="<?php echo $value['idEmpresa'] ?>"> <?php echo $value['idLegEmpresa']; ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card p-3 mb-3" style="border: 1px solid #ccc; background: #f9f9f9; padding: 5px; height: 245px">
<div class="card-header">
<h5 style="text-align: center; padding-bottom: 10px">Categoria de Aprovadores</h5>
</div>
<div class="card-body">
<div class="row" style="padding-left: 10px;">
<div class="form-check">
<input type="checkbox" name="checkBoxGestorUsuario" id="checkBoxGestorUsuario" class="form-check-input">
<label class="form-check-label" for="checkBoxGestorUsuario">Gestor de Usuário</label>
</div>
<div class="form-check">
<input type="checkbox" name="checkBoxGestorGrupo" id="checkBoxGestorGrupo" class="form-check-input">
<label class="form-check-label" for="checkBoxGestorGrupo">Gestor de Grupo</label>
</div>
<div class="form-check">
<input type="checkbox" name="checkBoxGestorPrograma" id="checkBoxGestorPrograma" class="form-check-input">
<label class="form-check-label" for="checkBoxGestorPrograma">Gestor de Programa</label>
</div>
<div class="form-check">
<input type="checkbox" name="checkBoxGestorTIoN" id="checkBoxGestorTIoN" class="form-check-input">
<label class="form-check-label" for="checkBoxGestorTIoN">T.I</label>
</div>
<div class="form-check">
<input type="checkbox" name="checkBoxGestorSIoN" id="checkBoxGestorSIoN" class="form-check-input">
<label class="form-check-label" for="checkBoxGestorSIoN">Segurança da Informação / Compliance</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card p-3 mb-3" style="border: 1px solid #ccc; background: #f9f9f9; padding: 5px; height: 245px">
<div class="card-header">
<h5 style="text-align: center; padding-bottom: 10px">Sistemas ERP</h5>
</div>
<div class="card-body" style="padding: 0;">
<div id="erpCheckboxContainer" class="row" style=" overflow-y: auto; max-height: 187px; width: 100%; margin: 0;">
<?php foreach ($erpOptions as $value) : ?>
<div class="form-check col-md-12">
<input type="checkbox" name="vinculaUsuarioInstancia[]" id="vinculaUsuarioInstancia<?php echo $value['idEmpresa']; ?>" class="form-check-input erpOptionCheckbox" value="<?php echo $value['idEmpresa']; ?>">
<label class="form-check-label" for="vinculaUsuarioInstancia<?php echo $value['idEmpresa']; ?>"><?php echo $value['idLegEmpresa']; ?></label>
</div>
<?php endforeach; ?>
<!-- Checkboxes dinâmicos serão inseridos aqui -->
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row" id="userFields" style="display:none;">
<div class="col-md-4">
<label>Buscar Usuário</label>
<input type="text" id="buscaUsuario" class="form-control" autocomplete="off">
</div>
</div>
<br>
<div id="userTableContainer" style="display:none;">
<div class="row">
<div class="col-md-12">
<div class="table-responsive" style="max-height: 200px;">
<table class="table table-striped table-bordered tabelaPrograma fixed-table" style="width:100%">
<thead>
<tr>
<th class="col-check" style="text-align: center;">#</th>
<th class="col-cod-usuario">Código de Usuário</th>
<th class="col-usuario">Usuário</th>
<th class="col-id-usuario">Login</th>
</tr>
</thead>
<tbody id="tabelaUsuarioAdd"></tbody>
</table>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="table-responsive" style="max-height: 200px;">
<table class="table table-striped table-bordered tabelaPrograma fixed-table" style="width:100%">
<thead>
<tr>
<th class="col-check" style="text-align: center;">#</th>
<th class="col-cod-usuario">Código de Usuário</th>
<th class="col-usuario">Usuário</th>
<th class="col-id-usuario">Login</th>
</tr>
</thead>
<tbody id="tabelaUsuarioAdd2"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-right" style="padding: 10px;">
<button type="button" class="btn btn-danger" data-dismiss="modal">Sair</button>
<input type="submit" name="salvar" id="salvar" class="btn btn-success" value="Salvar">
</div>
</div>
</div>
</form>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment