{{ pageTitle }} {{ pageSubtitle }}

{{ overviewIntro }}

Backend
  • {{ item }}
{{ isPt ? 'Dados principais' : 'Main data' }}

{{ isPt ? 'Mistura inputs, máscaras, password toggle e pickers para um formulário de cadastro realista.' : 'Mixes inputs, masks, password toggle, and pickers for a realistic registration form.' }}

{{ isPt ? 'Vínculo e capacidade' : 'Relationship and capabilities' }}

{{ isPt ? 'Aqui entram rádio, select, multi-select e date range com erros por campo.' : 'This section uses radio, select, multi-select, and date range with field-level errors.' }}

{{ isPt ? 'Campos extras desta demo:' : 'Extra demo fields:' }} {{ isPt ? ' abaixo estão o li-currency-input, o li-datatable-select e o li-treeview-select no mesmo formulário.' : ' the form below also showcases li-currency-input, li-datatable-select, and li-treeview-select together.' }}
{{ fieldError('expectedCompensation') }}
{{ isPt ? 'Entrada monetária integrada ao mesmo fluxo de validação do formulário.' : 'Currency input integrated into the same form validation flow.' }}
{{ isPt ? 'Controles de seleção' : 'Selection controls' }}

{{ isPt ? 'Checkboxes, grupo de consentimento e toggles trabalham no mesmo estado da tela.' : 'Checkboxes, consent group, and toggles share the same page state.' }}

{{ isPt ? 'Observações e arquivos' : 'Notes and files' }}

{{ isPt ? 'Textarea com feedback inline e uploader pronto para regras de frontend e backend.' : 'Textarea with inline feedback and uploader ready for frontend and backend rules.' }}

{{ summaryTitle }}
{{ fullNameLabel }}: {{ draft.fullName.trim().isEmpty ? '—' : draft.fullName }}
{{ departmentLabel }}: {{ selectedDepartmentLabel }}
{{ skillsLabel }}: {{ selectedSkillsLabel }}
{{ reviewerLabel }}: {{ selectedReviewerLabel }}
{{ workflowLabel }}: {{ selectedWorkflowLabel }}
{{ expectedCompensationLabel }}: {{ expectedCompensationLabelText }}
{{ uploadsLabel }}: {{ attachmentSummary }}
{{ contactTimeLabel }}: {{ formatDuration(draft.preferredContactTime) }}
Status: {{ currentStatusLabel }}
{{ backendRulesTitle }}
  • {{ hint }}
{{ responseTitle }}
{{ responsePreview }}
{{ payloadTitle }}
{{ payloadPreview }}

{{ apiIntro }}

{{ isPt ? 'O que esta demo cobre' : 'What this demo covers' }}
  • li-input com máscara, feedback inline e password toggle.
  • li-select e li-multi-select com retorno do modelo selecionado.
  • li-datatable-select adicionado como campo extra para responsáveis, sem substituir o select original.
  • li-treeview-select adicionado como campo extra para etapa de workflow hierárquica.
  • li-currency-input integrado ao mesmo formulário com foco, required e erro inline.
  • li-radio-group, li-checkbox-group e li-toggle no mesmo formulário.
  • li-date-picker, li-time-picker e li-date-range-picker em regras combinadas.
  • li-file-upload com regras declarativas no frontend e validação complementar no backend fake.
{{ isPt ? 'Recorte do template' : 'Template excerpt' }}
{{ isPt ? 'Recorte do service simulado' : 'Mock service excerpt' }}