Páginas filhas
  • DT Tema escuro na comanda eletrônica Android

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Produto:

Solucoes_totvs
SolucaoTOTVS Varejo Food Service

Linha de Produto:

TOTVS Varejo Food Services

Segmento:

Segmentos_totvs
Segmento Varejo

Módulo:Configurações
Função:Modo escuro
Ticket:
Requisito/Story/Issue:DVARCCE-740


02. SITUAÇÃO/REQUISITO

A Na comanda eletrônica Android não possuía existia o modo escuro. 

03. SOLUÇÃO

Foi implementado na comanda eletrônica Android, o modo escuro, caso o celular do usuário já esteja no modo escuro, por padrão a comanda também ficará no modo escuro. Foi criado também uma configuração na comanda onde o usuário pode deixar apenas a comanda no modo escuro.

Esta função busca reduzir o impacto da iluminação da interface gráfica de aparelhos e altera, de forma temporária, as cores na tela. Usa tons escuros no lugar do branco. Esse modo tem como grande vantagem oferecer economia de bateria e suavizar a utilização em ambientes mais escuros para o operador. 

Por padrão a comanda respeita o tema do aparelho, porém caso o usuário queria personalizar apenas o tema da comanda o mesmo pode acessar as configurações da comanda, opção tema e realizar a alteração.


Totvs custom tabs box
tabsConfiguraçõesConfiguração do tema, Tela de login, Tela de lançamento, Tela de mapa, Tela de conta, Tela de pagamento
idspasso1,passo2,passo3,passo4,passo5,passo6

Principais telas da comanda no modo escuro:

Totvs custom tabs box items
defaultyes
referenciapasso1

Image Added  Image Added

Totvs custom tabs box items
defaultno
referenciapasso2

Image Added

Totvs custom tabs box items
defaultno
referenciapasso3

Image Added

Totvs custom tabs box items
defaultno
referenciapasso4

Image Added

Totvs custom tabs box items
defaultno
referenciapasso5

Image Added

Totvs custom tabs box items
defaultno
referenciapasso6

Image Added


Templatedocumentos


HTML
<style>
div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}

.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after { 
	background: #FF9900; !important 
}

.menu-item.active-tab { 
	border-bottom: none !important; 
}

</style>