Aplicativo TOTVS RH CLOCK-IN
O Clock In é um aplicativo para o registro do ponto eletrônico que pode ser carregado no bolso e utilizado em qualquer ambiente (com ou sem conexão de Internet). O app é integrado e distribuído pela plataforma Carol, a solução para gestão de dados da TOTVS, que possibilita a manutenção de dados e visualização de Insights de alto valor.
Com o app é possível identificar seus funcionários por meio de reconhecimento facial, leitura de QR code ou digitação de CPF (ou qualquer outro código identificador). Todas esses dados são compartilhados com a Carol e podem ser visualizados e analisados posteriormente.
HTML |
---|
<style>
.columnLayout.two-equal {
width: 100%;
margin: 0 auto;
padding-top: 32px;
text-decoration: none;
background-image: url(https://jiratdncdncontent.blob.core.windows.net/tdn/banners/background.png);
height: 106px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
}
.columnLayout.two-equal .innerCell {
padding: 80px;
}
#title-text {
display: none !important;
}
|
...
width | 30% |
---|
Exibir filhos |
---|
Column | ||
---|---|---|
| ||
...
<!-- esconder o menu --> |
...
div.theme-default .ia-splitter #main { |
...
margin-left: 0px; } .ia-fixed-sidebar, .ia-splitter-left { |
...
display: none; } #main { |
...
padding-left: |
...
30px; |
...
padding-right: |
...
30px; |
...
overflow-x: hidden; } .aui-header-primary .aui-nav, |
...
.aui-page-panel { margin-left: 0px !important; } .aui-header-primary .aui-nav { margin-left: 0px !important; } #main #breadcrumbs { padding: 0 10px; } . |
...
main-header |
...
{ padding: 0 20px; } .page-metadata { margin-top: -22px; } .columnLayout.single .innerCell { padding: 5px; display: flex; flex-wrap: wrap; padding: 0 200px; justify-content: left; padding-bottom: 20px; } .ia-fixed-sidebar, .ia-splitter-left { display: none; } div#main { margin-left: 0px !important; } #footer { margin-left: 0px !important; } #main { padding-left: 0px; padding-right: 0px; overflow-x: hidden; } .innerCell h1 { font-size: 32px; } .columnMacro { padding: 10px !important; } #ALL { width: 100%; } <!-- Abas --> .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after { background: #000000!important; border-bottom-color: #000000 important;}.custom-button |
...
tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:visited, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:focus, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:hover, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:active {
color: #0052cc;
}
tabs.horizontal-tabs>.columnMacro>.conf-macro>.custom-button:hover{
background: #ffffff!important;
}
</style>
|
Composition Setup |
---|
deck.tab.active.border-bottom.color= #252626 |