Novo git da alteração
This commit is contained in:
Binary file not shown.
@@ -0,0 +1,911 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- FLUIG STYLE GUIDE -->
|
||||
<link rel="stylesheet" href="/style-guide/css/fluig-style-guide.min.css">
|
||||
|
||||
<!-- RATING STARS -->
|
||||
<link rel="stylesheet" href="/style-guide/css/fluig-style-guide-ratingstars.min.css">
|
||||
|
||||
<!-- JQUERY (Fluig já usa, mas pode manter) -->
|
||||
<script src="/resources/js/jquery/jquery.js"></script>
|
||||
<script src="/resources/js/jquery/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- MUSTACHE (WCM / Câmara) -->
|
||||
<script src="/resources/js/mustache/mustache-min.js"></script>
|
||||
|
||||
<!-- FLUIG JS -->
|
||||
<script src="/style-guide/js/fluig-style-guide.min.js"></script>
|
||||
<script src="/style-guide/js/fluig-style-guide-ratingstars.min.js"></script>
|
||||
|
||||
<!-- Máscaras -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
|
||||
<script src="/webdesk/vcXMLRPC.js?plugin=jQueryMask"></script>
|
||||
|
||||
<!-- SEU CSS EXTERNO -->
|
||||
<link rel="stylesheet" href="desligamento.css">
|
||||
|
||||
<!-- SEU SCRIPT FINAL -->
|
||||
<script src="script.js"></script>
|
||||
|
||||
<style>
|
||||
h6 { color:#afb0b3 !important; font-weight:normal !important; }
|
||||
h2 { color:#04506b !important; display:flex !important; }
|
||||
h2:after { content:""; flex:1; border-bottom:2px solid #04506b; margin:auto; }
|
||||
.flaticon-account-box { color:#04506b !important; }
|
||||
#rcorners {
|
||||
height:110px; line-height:110px; color:white;
|
||||
border-radius:0 0 50px 50px;
|
||||
background:rgb(19,59,74);
|
||||
background:linear-gradient(90deg, rgb(19,59,74) 0%, rgb(19,59,74) 50%, rgb(19,59,74) 100%);
|
||||
text-align:center;
|
||||
}
|
||||
textarea { resize: vertical; }
|
||||
.ratingStars { display:flex; align-items:center; height:50px; }
|
||||
.ratingStars .minha-avaliacao { margin:0 20px; color:#f0ad4e; }
|
||||
.consegueResolverMotivo .textoAuxiliar {
|
||||
width:100%; color:#8c8d8f; font-size:12px;
|
||||
margin-left:1.5em; font-weight:400;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fluig-style-guide" style="background-color: white">
|
||||
<form>
|
||||
<div style="display: none">
|
||||
<input type="text" id="WKNumProces" name="WKNumProces" />
|
||||
<input type="text" id="activity" name="activity" />
|
||||
<input type="text" id="formMode" name="formMode" />
|
||||
|
||||
<!-- requester -->
|
||||
<input type="text" id="requesterMail" name="requesterMail" />
|
||||
<input type="text" id="requesterId" name="requesterId" />
|
||||
|
||||
<!-- current user -->
|
||||
<input type="text" id="currentUserName" name="currentUserName" />
|
||||
<input type="text" id="currentUsermail" name="currentUsermail" />
|
||||
<input type="text" id="currentUserId" name="currentUserId" />
|
||||
</div>
|
||||
|
||||
<h1 id="rcorners">Desligamento de colaborador</h1>
|
||||
|
||||
<div class="container activity-all">
|
||||
<div class="activity activity-4">
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-account-box" aria-hidden="true"></i>
|
||||
Informações gerais
|
||||
</h2>
|
||||
<h6>
|
||||
Estes são os dados referentes aos responsáveis pela abertura e
|
||||
pela solicitação do atual processo.
|
||||
</h6>
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="requesterName"> Gestor da Área </label>
|
||||
<input type="text" name="requesterName" id="requesterName" class="form-control"
|
||||
readonly data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataAbertura"> Data </label>
|
||||
<input type="text" name="dataAbertura" id="dataAbertura" class="form-control"
|
||||
readonly />
|
||||
</div>
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="emailGestorArea"> E-mail do gestor </label>
|
||||
<input type="text" name="emailGestorArea" id="emailGestorArea" class="form-control"
|
||||
readonly data-protection="E-mail do gestor" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-mail
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="colabDesliga">
|
||||
Nome do colaborador a ser desligado
|
||||
</label>
|
||||
<span class="required text-danger"><strong> * </strong></span>
|
||||
<input type="zoom" class="form-control requiredInput" name="colabDesliga"
|
||||
id="colabDesliga" data-zoom="{
|
||||
'displayKey':'full_name',
|
||||
'datasetId':'dsFeedzColaboradoresAtivos',
|
||||
'placeholder': 'Pesquisar nome do colaborador.',
|
||||
'fields':[
|
||||
{
|
||||
'field':'full_name',
|
||||
'label':'Nome',
|
||||
'standard':'true',
|
||||
'search':'true'
|
||||
}
|
||||
]
|
||||
}" />
|
||||
<p class="text-danger text-error">
|
||||
Preenchimento obrigatório.
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="colabCpf"> CPF: </label>
|
||||
<input type="text" name="colabCpf" id="colabCpf" class="form-control" readonly
|
||||
data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="colabadmissao"> Data de Admissão </label>
|
||||
<input type="text" name="colabadmissao" id="colabadmissao" class="form-control" readonly
|
||||
data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-3 col-xs-6">
|
||||
<label for="departamento"> Departamento </label>
|
||||
<input type="text" name="departamento" id="departamento" class="form-control" readonly
|
||||
data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-3 col-xs-4">
|
||||
<label for="emailColaborador"> E-mail do colaborador: </label>
|
||||
<input type="text" name="emailColaborador" id="emailColaborador" class="form-control" readonly
|
||||
data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-3 col-xs-6">
|
||||
<label for="cargoColaborador"> Função do Colaborador </label>
|
||||
<input type="text" name="cargoColaborador" id="cargoColaborador" class="form-control" readonly
|
||||
data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
|
||||
<!-- Campo: Tipo de Desligamento -->
|
||||
<div class="form-group col-md-3 col-xs-6">
|
||||
<label for="tipodesligamento">
|
||||
Selecione o tipo de desligamento?
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
</label>
|
||||
<select id="tipodesligamento" name="tipodesligamento" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="experiencia">Período de Experiência</option>
|
||||
<option value="desempenho">Baixo Desempenho</option>
|
||||
<option value="substituicao">Substituição</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Campo: Feedback -->
|
||||
<div class="form-group col-md-3 col-xs-3 feedbackRow" style="display:none;">
|
||||
<label for="feedbackColaborador">
|
||||
Foi feito o feedback de 45 e 90 dias?
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
</label>
|
||||
<select id="feedbackColaborador" name="feedbackColaborador" class="form-control">
|
||||
<option value="">Selecione</option>
|
||||
<option value="sim">Sim</option>
|
||||
<option value="nao">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="motivoDesligamento">Jusitificativa do Desligamento</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="motivoDesligamento" id="motivoDesligamento"
|
||||
placeholder="Descreva a justificativa para o Desligamento"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="activity activity-20">
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-settings icon-md" aria-hidden="true"></i>
|
||||
Aprovação de Desligamento
|
||||
</h2>
|
||||
<br />
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="userAprov"> Responsável </label>
|
||||
<input type="text" name="userAprov" id="userAprov" class="form-control" readonly
|
||||
data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataUserAprov"> Data </label>
|
||||
<input type="text" name="dataUserAprov" id="dataUserAprov" class="form-control"
|
||||
readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Desligamento aprovado?</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<select id="DesligamentoAprov" name="DesligamentoAprov" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não, processo de desligamento cancelado.</option>
|
||||
<option value="MaisInformacoes">Necessito de mais informações</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="Aprovdesligamento">Jusitificativa</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="Aprovdesligamento"
|
||||
id="Aprovdesligamento"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="activity activity-22">
|
||||
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-message icon-md" aria-hidden="true"></i>
|
||||
Previsão de Desligamento
|
||||
</h2>
|
||||
<h6>Insira abaixo detalhes adicionais.</h6>
|
||||
<br />
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="analistaComunicado"> Responsável</label>
|
||||
<input type="text" name="analistaDesligamento" id="analistaDesligamento"
|
||||
class="form-control" readonly data-protection="Analista"
|
||||
data-protection-anonymizable data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataPrevista"> Data </label>
|
||||
<input type="text" name="dataPrevista" id="dataPrevista" class="form-control"
|
||||
readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-12">
|
||||
<label for="dataInicio" style="display:block;">
|
||||
Prazo de desligamento
|
||||
</label>
|
||||
<div class="d-flex" style="display: flex; align-items: center; gap: 6px;">
|
||||
<input type="date" name="dataInicio" id="dataInicio" class="form-control" style="width: 48%;" />
|
||||
<span>até</span>
|
||||
<input type="date" name="dataFim" id="dataFim" class="form-control" style="width: 48%;" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label style="font-weight:600;">Estabilidades Verificadas:</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
|
||||
<div class="row mt-2">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="trintidiocct">Trintídio CCT</label>
|
||||
<select id="trintidiocct" name="trintidiocct" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="trintidioposferias">Trintídio pós-férias</label>
|
||||
<select id="trintidioposferias" name="trintidioposferias"
|
||||
class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="trintidioposafastamento">Trintídio pós-afastamento</label>
|
||||
<select id="trintidioposafastamento" name="trintidioposafastamento"
|
||||
class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="preaposentadoria">Pré-aposentadoria</label>
|
||||
<select id="preaposentadoria" name="preaposentadoria" class="form-control"
|
||||
required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="acidentaria">Acidentária (CAT)</label>
|
||||
<select id="acidentaria" name="acidentaria" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="gestante">Gestante/Licença maternidade/Lactante</label>
|
||||
<select id="gestante" name="gestante" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="sindical">Sindical</label>
|
||||
<select id="sindical" name="sindical" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="pcd">PCD</label>
|
||||
<select id="pcd" name="pcd" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="outros">Outras Estabilidades</label>
|
||||
<select id="outros" name="outros" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="infoadicionais">Informações adicionais</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="infoadicionais"
|
||||
id="infoadicionais"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="activity activity-24">
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-toc icon-md" aria-hidden="true"></i>
|
||||
Análise de Conformidades
|
||||
</h2>
|
||||
<br />
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="userAprovConf"> Responsável </label>
|
||||
<input type="text" name="userAprovConf" id="userAprovConf" class="form-control"
|
||||
readonly data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataUserAprovConf"> Data </label>
|
||||
<input type="text" name="dataUserAprovConf" id="dataUserAprovConf"
|
||||
class="form-control" readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>O colaborador tem impeditivos?</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<select id="impeditivosColab" name="impeditivosColab" class="form-control" required>
|
||||
<option value="">Selecione</option>
|
||||
<option value="Sim">Sim</option>
|
||||
<option value="Não">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="InforConf">Informações adicionais</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="InforConf" id="InforConf"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="activity activity-5">
|
||||
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-user-search icon-md" aria-hidden="true"></i>
|
||||
Informações Gerencias do Colaborador
|
||||
</h2>
|
||||
<h6>Insira abaixo as informações.</h6>
|
||||
<br />
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="analistaComunicado"> Responsável pelo colaborador </label>
|
||||
<input type="text" name="analistaComunicado" id="analistaComunicado"
|
||||
class="form-control" readonly data-protection="Analista"
|
||||
data-protection-anonymizable data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataComunicado"> Data </label>
|
||||
<input type="text" name="dataComunicado" id="dataComunicado"
|
||||
class="form-control" readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataExata"> Data do desligamento </label>
|
||||
<input type="date" name="dataExata" id="dataExata"
|
||||
class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert" style="margin-top: 15px;">
|
||||
<strong>Atenção:</strong> Antes de continuar, revise o ponto eletrônico do colaborador no sistema Pontotel.
|
||||
Certifique-se que faltas, atrasos, horas extras e demais registros estão corretos.
|
||||
Caso necessário, realize os ajustes antes de prosseguir.
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<!-- ================= PROVENTOS ================= -->
|
||||
<div class="col-md-6">
|
||||
<h4><b>Proventos</b></h4>
|
||||
<table id="tabelaProventos"
|
||||
tablename="tabelaProventos"
|
||||
class="table table-bordered"
|
||||
noaddbutton="true"
|
||||
nodeletebutton="true">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 45%">Categoria</th>
|
||||
<th style="width: 40%">Valor / Quantidade</th>
|
||||
<th style="width: 15%">Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<select name="categoriaProv" class="form-control categoriaProv">
|
||||
<option value="">Selecione...</option>
|
||||
<option value="comissao">Comissão</option>
|
||||
<option value="premiacao">Premiação</option>
|
||||
<option value="horasextras">Horas Extras</option>
|
||||
<option value="outro">Outro</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="valorContainerProv">
|
||||
<input type="text" name="valorProv"
|
||||
class="form-control"
|
||||
placeholder="Selecione a categoria">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="text-center">
|
||||
<button type="button" class="btn btn-danger btn-sm"
|
||||
onclick="fnWdkRemoveChild(this)">Remover</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<button type="button" class="btn btn-primary mt-2"
|
||||
onclick="addLinhaProvento()">
|
||||
+ Adicionar Provento
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- ================= DESCONTOS ================= -->
|
||||
<div class="col-md-6">
|
||||
<h4><b>Descontos</b></h4>
|
||||
<table id="tabelaDescontos"
|
||||
tablename="tabelaDescontos"
|
||||
class="table table-bordered"
|
||||
noaddbutton="true"
|
||||
nodeletebutton="true">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 45%">Categoria</th>
|
||||
<th style="width: 40%">Valor / Quantidade</th>
|
||||
<th style="width: 15%">Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<select name="categoriaDesc" class="form-control categoriaDesc">
|
||||
<option value="">Selecione...</option>
|
||||
<option value="faltas">Faltas (dias)</option>
|
||||
<option value="atrasos">Atrasos (hh:mm)</option>
|
||||
<option value="avarias">Avarias</option>
|
||||
<option value="outro">Outro</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="valorContainerDesc">
|
||||
<input type="text" name="valorDesc"
|
||||
class="form-control"
|
||||
placeholder="Selecione a categoria">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="text-center">
|
||||
<button type="button" class="btn btn-danger btn-sm"
|
||||
onclick="fnWdkRemoveChild(this)">Remover</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<button type="button" class="btn btn-primary mt-2"
|
||||
onclick="addLinhaDesconto()">
|
||||
+ Adicionar Desconto
|
||||
</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Equipamentos Recolhidos</label>
|
||||
<span class="text-danger"><strong>*</strong></span><br />
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Notebook" name="Notebook" value="Notebook" />
|
||||
<label for="Notebook">Notebook</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Telefone" name="Telefone" value="Telefone" />
|
||||
<label for="Telefone">Telefone</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Chipdecelular" name="Chipdecelular" value="chip" />
|
||||
<label for="Chipdecelular">Chip de celular</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Carregadordonotebook"
|
||||
name="Carregadordonotebook" value="carregadorNotebook"/>
|
||||
<label for="Carregadordonotebook">Carregador do notebook</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Carregadordotelefone"
|
||||
name="Carregadordotelefone" value="carregadorTelefone"/>
|
||||
<label for="Carregadordotelefone">Carregador do telefone</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ratingAction">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Como você avalia o estado dos equipamentos?</label>
|
||||
<div class="ratingStars">
|
||||
<span>Péssimo</span>
|
||||
<div class="minha-avaliacao"></div>
|
||||
<span>Excelente</span>
|
||||
</div>
|
||||
<input type="hidden" id="ratingValue" name="ratingValue" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="detalheSolicitacao">Detalhamento da situação</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="detalheSolicitacao"
|
||||
id="detalheSolicitacao"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="activity activity-13">
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-assignment-returned icon-md" aria-hidden="true"></i>
|
||||
Documentos Demissionais
|
||||
</h2>
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="analistaTecnico"> Responsável pelo envio </label>
|
||||
<input type="text" name="analistaTecnico" id="analistaTecnico"
|
||||
class="form-control" readonly data-protection="Analista"
|
||||
data-protection-anonymizable data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataAnaliseTecnica"> Data </label>
|
||||
<input type="text" name="dataAnaliseTecnica" id="dataAnaliseTecnica"
|
||||
class="form-control" readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Todos os documentos foram entregues e a assinatura do documento foi concluída?</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<select id="assinaturaDoc" name="assinaturaDoc" class="form-control">
|
||||
<option value="">Selecione</option>
|
||||
<option value="sim">Sim</option>
|
||||
<option value="nao">Não</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row consegueResolverMotivo" style="display:none;">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Qual o motivo?</label>
|
||||
<span class="text-danger"><strong>*</strong></span><br />
|
||||
<div class="">
|
||||
<label>
|
||||
<input name="possuiInconsistencia" id="possuiInconsistenciaNao"
|
||||
value="nao" type="radio" />
|
||||
<span class="change-weight">O colaborador desligado <b>deixou pendente</b> a assinatura de alguns documentos.</span></b></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
também começa escondido -->
|
||||
<!-- <div class="row consideracoesRow" style="display:none;">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="consideracoesTecnicas">Considerações</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="consideracoesTecnicas"
|
||||
id="consideracoesTecnicas"
|
||||
placeholder="Descreva a justificativa"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="activity activity-15">
|
||||
<div>
|
||||
<br />
|
||||
<h2>
|
||||
<i class="flaticon flaticon-settings icon-md" aria-hidden="true"></i>
|
||||
<i class="flaticon flaticon-workstation icon-md" aria-hidden="true"></i>
|
||||
Desativar acessos
|
||||
</h2>
|
||||
<br />
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-4 col-xs-4">
|
||||
<label for="userValidacao"> Responsável </label>
|
||||
<input type="text" name="userValidacao" id="userValidacao" class="form-control"
|
||||
readonly data-protection="Usuário de abertura" data-protection-anonymizable
|
||||
data-protection-sensitive data-protection-name
|
||||
data-protection-class-legitimate-interests="Dado coletado para o funcionamento do processo" />
|
||||
</div>
|
||||
<div class="form-group col-md-2 col-xs-6">
|
||||
<label for="dataUserValidacao"> Data </label>
|
||||
<input type="text" name="dataUserValidacao" id="dataUserValidacao"
|
||||
class="form-control" readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Acessos desabilitados?</label>
|
||||
<span class="text-danger"><strong>*</strong></span><br />
|
||||
<div class="radio-inline">
|
||||
<label>
|
||||
<input name="situacaoResolvida" id="situacaoResolvidaSim" value="sim"
|
||||
type="radio" />
|
||||
<span class="change-weight">Sim</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio-inline">
|
||||
<label>
|
||||
<input name="situacaoResolvida" id="situacaoResolvidaNao" value="nao"
|
||||
type="radio" />
|
||||
<span class="change-weight">Não</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label>Acessos Desabilitados</label>
|
||||
<span class="text-danger"><strong>*</strong></span><br />
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="ActiveDirectory" name="ActiveDirectory" />
|
||||
<label for="ActiveDirectory">Active Directory</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="ControladorasFaciais"
|
||||
name="ControladorasFaciais" />
|
||||
<label for="ControladorasFaciais">Controladoras Faciais</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Protheus" name="Protheus" />
|
||||
<label for="Protheus">Protheus</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Extranet" name="Extranet" />
|
||||
<label for="Extranet">Extranet</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="AcessoSSH" name="AcessoSSH" />
|
||||
<label for="AcessoSSH">Acesso SSH</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Email" name="Email" />
|
||||
<label for="Email">E-mail</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Fluig" name="Fluig" />
|
||||
<label for="Fluig">Fluig</label>
|
||||
</div>
|
||||
<div class="custom-checkbox custom-checkbox-inline custom-checkbox-success">
|
||||
<input type="checkbox" id="Feedz" name="Feedz" />
|
||||
<label for="Feedz">Feedz</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row explainAction">
|
||||
<div class="form-field">
|
||||
<div class="form-input">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="consideracoes">Considerações</label>
|
||||
<span class="text-danger"><strong>*</strong></span>
|
||||
<textarea class="form-control" name="consideracoes" id="consideracoes"
|
||||
placeholder="Descreva a justificativa para a sua avaliação"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
/* Faixa lateral colorida */
|
||||
tr.provento {
|
||||
border-left: 4px solid #1ab394 !important; /* Verde */
|
||||
}
|
||||
|
||||
tr.desconto {
|
||||
border-left: 4px solid #d9534f !important; /* Vermelho */
|
||||
}
|
||||
|
||||
/* Fundo suave (opcional) */
|
||||
tr.provento td {
|
||||
background: #e9f7ef !important;
|
||||
}
|
||||
|
||||
tr.desconto td {
|
||||
background: #fcebea !important;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
function displayFields(form, customHTML) {
|
||||
var activity = getValue('WKNumState');
|
||||
var userId = getValue('WKUser');
|
||||
|
||||
form.setShowDisabledFields(true);
|
||||
form.setHidePrintLink(true);
|
||||
|
||||
form.setValue("WKNumProces", getValue('WKNumProces'));
|
||||
form.setValue("activity", activity);
|
||||
form.setValue("formMode", form.getFormMode());
|
||||
|
||||
var c1 = DatasetFactory.createConstraint("colleagueId", userId, userId, ConstraintType.MUST);
|
||||
var filter = new Array(c1);
|
||||
var fields = new Array("colleagueName", "mail");
|
||||
var retorno = DatasetFactory.getDataset("colleague", fields, filter, null);
|
||||
|
||||
//requester
|
||||
if (activity == 0 || activity == 4) {
|
||||
form.setValue("requesterName", retorno.getValue(0, "colleagueName"));
|
||||
form.setValue("currentUsermail", retorno.getValue(0, "mail"));
|
||||
form.setValue("currentUserId", userId);
|
||||
} else {
|
||||
form.setValue("currentUserName", retorno.getValue(0, "colleagueName"));
|
||||
form.setValue("currentUsermail", retorno.getValue(0, "mail"));
|
||||
form.setValue("currentUserId", userId);
|
||||
}
|
||||
|
||||
//requester
|
||||
if (activity == 5 || activity == 24) {
|
||||
form.setValue("requesterName", retorno.getValue(0, "colleagueName"));
|
||||
form.setValue("requesterMail", retorno.getValue(0, "mail"));
|
||||
form.setValue("requesterId", userId);
|
||||
} else {
|
||||
form.setValue("requesterName", retorno.getValue(0, "colleagueName"));
|
||||
form.setValue("requesterMail", retorno.getValue(0, "mail"));
|
||||
form.setValue("requesterId", userId);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,378 @@
|
||||
/****************************************************************************************
|
||||
* FLUIG - DESLIGAMENTO DO COLABORADOR
|
||||
* SCRIPT PRINCIPAL ORGANIZADO
|
||||
****************************************************************************************/
|
||||
|
||||
$(window).on("load", function () {
|
||||
setTimeout(() => {
|
||||
iniciarFormulario();
|
||||
}, 400);
|
||||
});
|
||||
|
||||
/****************************************************************************************
|
||||
* INICIALIZAÇÃO DO FORMULÁRIO
|
||||
****************************************************************************************/
|
||||
function iniciarFormulario() {
|
||||
|
||||
const activity = parseInt($("#activity").val() || 0);
|
||||
const formMode = $("#formMode").val() || "ADD";
|
||||
const requestDate = getCurrentDate();
|
||||
|
||||
$(".activity").hide(); // Oculta todas por padrão
|
||||
|
||||
if (formMode === "VIEW") {
|
||||
$(".activity").show();
|
||||
showAndBlock(["all"]);
|
||||
return;
|
||||
}
|
||||
|
||||
if ([0, 4].includes(activity)) {
|
||||
$(".activity-4").show();
|
||||
$("#requesterName").val($("#requesterName").val() || $("#currentUserName").val());
|
||||
$("#emailGestorArea").val($("#requesterMail").val() || $("#currentUsermail").val());
|
||||
$("#dataAbertura").val(`${requestDate[0]} - ${requestDate[1]}`);
|
||||
}
|
||||
|
||||
if (activity === 20) {
|
||||
$(".activity-4, .activity-20").show();
|
||||
showAndBlock([4]);
|
||||
$("#userAprov").val($("#currentUserName").val());
|
||||
$("#dataUserAprov").val(`${requestDate[0]} - ${requestDate[1]}`);
|
||||
}
|
||||
|
||||
if (activity === 22) {
|
||||
$(".activity-4, .activity-20, .activity-22").show();
|
||||
showAndBlock([4, 20]);
|
||||
$("#analistaDesligamento").val($("#currentUserName").val());
|
||||
$("#dataPrevista").val(`${requestDate[0]} - ${requestDate[1]}`);
|
||||
}
|
||||
|
||||
if (activity === 24) {
|
||||
$(".activity-4, .activity-20, .activity-22, .activity-24").show();
|
||||
showAndBlock([4, 20, 22]);
|
||||
$("#userAprovConf").val($("#currentUserName").val());
|
||||
$("#dataUserAprovConf").val(`${requestDate[0]} - ${requestDate[1]}`);
|
||||
}
|
||||
|
||||
if (activity === 5) {
|
||||
$(".activity-4, .activity-20, .activity-22, .activity-24, .activity-5").show();
|
||||
showAndBlock([4, 20, 22, 24]);
|
||||
$("#analistaComunicado").val($("#currentUserName").val());
|
||||
$("#dataComunicado").val(`${requestDate[0]} - ${requestDate[1]}`);
|
||||
inicializarEstrelas();
|
||||
}
|
||||
|
||||
|
||||
if (activity === 15) {
|
||||
$(".activity-4, .activity-15").show();
|
||||
showAndBlock([4]);
|
||||
$("#userValidacao").val($("#currentUserName").val());
|
||||
$("#dataUserValidacao").val(`${requestDate[0]} - ${requestDate[1]}`);
|
||||
}
|
||||
|
||||
$(`.activity-${activity} :input`)
|
||||
.prop("readonly", false)
|
||||
.prop("disabled", false)
|
||||
.css("background-color", "");
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* BLOQUEIO DE ATIVIDADES ANTERIORES
|
||||
****************************************************************************************/
|
||||
function showAndBlock(list) {
|
||||
|
||||
const current = parseInt($("#activity").val());
|
||||
|
||||
if (list[0] === "all") {
|
||||
$(".activity :input")
|
||||
.prop("readonly", true)
|
||||
.css("pointer-events", "none")
|
||||
.css("background-color", "#eee");
|
||||
return;
|
||||
}
|
||||
|
||||
list.forEach(a => {
|
||||
|
||||
$(`.activity-${a}`).show();
|
||||
|
||||
$(`.activity-${a} :input`).each(function () {
|
||||
|
||||
if ($(this).closest(".activity").hasClass(`activity-${current}`)) return;
|
||||
|
||||
// trava campos normais
|
||||
$(this)
|
||||
.prop("readonly", true)
|
||||
.css("background-color", "#eee")
|
||||
.css("pointer-events", "none");
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* FUNÇÕES AUXILIARES
|
||||
****************************************************************************************/
|
||||
function getCurrentDate() {
|
||||
const now = new Date();
|
||||
const pad = n => (n < 10 ? "0" + n : n);
|
||||
|
||||
return [
|
||||
`${pad(now.getDate())}/${pad(now.getMonth() + 1)}/${now.getFullYear()}`,
|
||||
`${pad(now.getHours())}:${pad(now.getMinutes())}`
|
||||
];
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* ESTRELAS DE AVALIAÇÃO
|
||||
****************************************************************************************/
|
||||
function inicializarEstrelas() {
|
||||
|
||||
const valorSalvo = parseInt($("#ratingValue").val()) || 0;
|
||||
|
||||
const stars = FLUIGC.stars(".minha-avaliacao", {
|
||||
stars: 5,
|
||||
value: valorSalvo,
|
||||
sizeClass: "icon-md"
|
||||
});
|
||||
|
||||
stars.on("click", function () {
|
||||
const valor = $(".fluigicon-star-active").length;
|
||||
$("#ratingValue").val(valor);
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
$(".minha-avaliacao .fluigicon-star").each(function (i) {
|
||||
$(this).css("color", i < valorSalvo ? "#f0ad4e" : "#ccc");
|
||||
});
|
||||
}, 200);
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* VALIDAÇÃO DO ENVIO
|
||||
****************************************************************************************/
|
||||
var beforeSendValidate = function (state) {
|
||||
|
||||
if ([0, 1, 4].includes(state)) {
|
||||
if (!$("#motivoDesligamento").val()) throw "'Detalhes da situação' é obrigatório.";
|
||||
}
|
||||
|
||||
if (state == 5) {
|
||||
if (!$("#detalheSolicitacao").val()) throw "'Detalhamento da situação' é obrigatório.";
|
||||
}
|
||||
};
|
||||
|
||||
/****************************************************************************************
|
||||
* EVENTOS DINÂMICOS (EXIBIÇÃO DE CAMPOS)
|
||||
****************************************************************************************/
|
||||
$(document).ready(function () {
|
||||
|
||||
$("#assinaturaDoc").change(function () {
|
||||
$(".consegueResolverMotivo, .consideracoesRow").hide();
|
||||
if ($(this).val() === "nao") $(".consegueResolverMotivo, .consideracoesRow").slideDown();
|
||||
}).trigger("change");
|
||||
|
||||
$("input[name=feedback]").change(function () {
|
||||
$(".JustFeedback").toggle($(this).val() === "sim");
|
||||
}).trigger("change");
|
||||
|
||||
$("input[name=situacaoResolvida]").change(function () {
|
||||
$(".explainAction, .ratingAction").hide();
|
||||
if ($(this).val() === "nao") $(".explainAction").show();
|
||||
if ($(this).val() === "sim") $(".ratingAction").show();
|
||||
}).trigger("change");
|
||||
|
||||
$("#tipodesligamento").change(function () {
|
||||
$(".feedbackRow").toggle($(this).val() === "experiencia");
|
||||
}).trigger("change");
|
||||
});
|
||||
|
||||
/****************************************************************************************
|
||||
* LANÇAMENTOS (PROVENTOS / DESCONTOS)
|
||||
****************************************************************************************/
|
||||
/****************************************************************************************
|
||||
* PROVENTOS — Adicionar linha
|
||||
****************************************************************************************/
|
||||
function addLinhaProvento() {
|
||||
let idx = wdkAddChild("tabelaProventos");
|
||||
ajustarLinhaProvento(idx);
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* DESCONTOS — Adicionar linha
|
||||
****************************************************************************************/
|
||||
function addLinhaDesconto() {
|
||||
let idx = wdkAddChild("tabelaDescontos");
|
||||
ajustarLinhaDesconto(idx);
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* PROVENTOS — Ajustar linha conforme categoria
|
||||
****************************************************************************************/
|
||||
function ajustarLinhaProvento(idx) {
|
||||
|
||||
let categoria = $(`select[name="categoriaProvento___${idx}"]`);
|
||||
let container = $(`input[name="valorProvento___${idx}"]`).parent();
|
||||
|
||||
categoria.off("change").on("change", function () {
|
||||
|
||||
let valorSalvo = $(`input[name="valorProvento___${idx}"]`).val();
|
||||
container.empty();
|
||||
|
||||
let cat = categoria.val();
|
||||
|
||||
// === COMISSÃO / PREMIAÇÃO / AVARIAS → DINHEIRO ====
|
||||
if (["comissao", "premiacao"].includes(cat)) {
|
||||
container.append(`
|
||||
<input type="text" name="valorProvento___${idx}"
|
||||
class="form-control money" placeholder="R$ 0,00">
|
||||
`);
|
||||
}
|
||||
|
||||
// === HORAS EXTRAS → HH:MM ====
|
||||
else if (cat === "horasextras") {
|
||||
container.append(`
|
||||
<input type="text" name="valorProvento___${idx}"
|
||||
class="form-control timehhmm" placeholder="00:00">
|
||||
`);
|
||||
}
|
||||
|
||||
// === OUTRO → TEXTO LIVRE ====
|
||||
else {
|
||||
container.append(`
|
||||
<input type="text" name="valorProvento___${idx}"
|
||||
class="form-control" placeholder="Descreva...">
|
||||
`);
|
||||
}
|
||||
|
||||
// Restaurar valor
|
||||
$(`input[name="valorProvento___${idx}"]`).val(valorSalvo);
|
||||
|
||||
aplicarMascaraDinheiro();
|
||||
aplicarMascaraHora();
|
||||
});
|
||||
|
||||
categoria.trigger("change");
|
||||
}
|
||||
/****************************************************************************************
|
||||
* DESCONTOS — Ajustar linha conforme categoria
|
||||
****************************************************************************************/
|
||||
function ajustarLinhaDesconto(idx) {
|
||||
|
||||
let categoria = $(`select[name="categoriaDesconto___${idx}"]`);
|
||||
let container = $(`input[name="valorDesconto___${idx}"]`).parent();
|
||||
|
||||
categoria.off("change").on("change", function () {
|
||||
|
||||
let valorSalvo = $(`input[name="valorDesconto___${idx}"]`).val();
|
||||
container.empty();
|
||||
|
||||
let cat = categoria.val();
|
||||
|
||||
// === FALTAS → INTEIRO ====
|
||||
if (cat === "faltas") {
|
||||
container.append(`
|
||||
<input type="number" step="1" name="valorDesconto___${idx}"
|
||||
class="form-control" placeholder="Dias de falta">
|
||||
`);
|
||||
}
|
||||
|
||||
// === ATRASOS → HH:MM ====
|
||||
else if (cat === "atrasos") {
|
||||
container.append(`
|
||||
<input type="text" name="valorDesconto___${idx}"
|
||||
class="form-control timehhmm" placeholder="00:00">
|
||||
`);
|
||||
}
|
||||
|
||||
// === AVARIAS → DINHEIRO ====
|
||||
else if (cat === "avarias") {
|
||||
container.append(`
|
||||
<input type="text" name="valorDesconto___${idx}"
|
||||
class="form-control money" placeholder="R$ 0,00">
|
||||
`);
|
||||
}
|
||||
|
||||
// === OUTRO — texto livre ====
|
||||
else {
|
||||
container.append(`
|
||||
<input type="text" name="valorDesconto___${idx}"
|
||||
class="form-control" placeholder="Descreva...">
|
||||
`);
|
||||
}
|
||||
|
||||
// Restaurar valor salvo
|
||||
$(`input[name="valorDesconto___${idx}"]`).val(valorSalvo);
|
||||
|
||||
aplicarMascaraDinheiro();
|
||||
aplicarMascaraHora();
|
||||
});
|
||||
|
||||
categoria.trigger("change");
|
||||
}
|
||||
|
||||
/****************************************************************************************
|
||||
* Restauração automática ao recarregar o formulário
|
||||
****************************************************************************************/
|
||||
function restaurarTodasLinhas() {
|
||||
|
||||
// PROVENTOS
|
||||
$("select.categoriaProvento").each(function () {
|
||||
let idx = this.name.split("___")[1];
|
||||
ajustarLinhaProvento(idx);
|
||||
});
|
||||
|
||||
// DESCONTOS
|
||||
$("select.categoriaDesconto").each(function () {
|
||||
let idx = this.name.split("___")[1];
|
||||
ajustarLinhaDesconto(idx);
|
||||
});
|
||||
}
|
||||
|
||||
// Sempre que o Fluig recriar o pai-filho
|
||||
document.addEventListener("DOMNodeInserted", function (e) {
|
||||
|
||||
if ($(e.target).closest("#tabelaProventos").length > 0 ||
|
||||
$(e.target).closest("#tabelaDescontos").length > 0) {
|
||||
|
||||
setTimeout(restaurarTodasLinhas, 200);
|
||||
}
|
||||
});
|
||||
|
||||
/****************************************************************************************
|
||||
* Máscara de dinheiro
|
||||
****************************************************************************************/
|
||||
function aplicarMascaraDinheiro() {
|
||||
$(".money").mask("#.##0,00", { reverse: true });
|
||||
}
|
||||
|
||||
function aplicarMascaraHora() {
|
||||
$('.timehhmm').mask('00:00');
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Sempre que o Fluig alterar o pai-filho, restauramos
|
||||
document.addEventListener("DOMNodeInserted", function (e) {
|
||||
if ($(e.target).closest("table#tabelaLancamentos").length > 0) {
|
||||
setTimeout(restaurarLancamentos, 200);
|
||||
}
|
||||
});
|
||||
|
||||
/****************************************************************************************
|
||||
* ZOOM: COLABORADOR
|
||||
****************************************************************************************/
|
||||
function setSelectedZoomItem(item) {
|
||||
if (item.inputId === "colabDesliga") {
|
||||
$("#colabCpf").val(item.cpf || "");
|
||||
$("#colabadmissao").val(item.admission_at || "");
|
||||
$("#emailColaborador").val(item.email || "");
|
||||
$("#departamento").val(item.department || "");
|
||||
$("#cargoColaborador").val(item.description || "");
|
||||
}
|
||||
}
|
||||
|
||||
function removedZoomItem(item) {
|
||||
if (item.inputId === "colabDesliga") {
|
||||
$("#colabCpf, #colabadmissao, #emailColaborador, #departamento, #cargoColaborador").val("");
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user