Aplicativo TOTVS RH CLOCK-IN MOBILE
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; } <!-- 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 |