{{ 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 em single e multiple, e o li-treeview-select em single e multiple no mesmo formulário, todos participando do mesmo submit declarativo.' : ' the form below also showcases li-currency-input plus single and multiple versions of li-datatable-select and li-treeview-select in the same form, all participating in the same declarative submit 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 }}
{{ primaryReviewerLabel }}: {{ selectedPrimaryReviewerLabel }}
{{ workflowLabel }}: {{ selectedWorkflowLabel }}
{{ workflowStagesLabel }}: {{ selectedWorkflowNodesLabel }}
{{ 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 em single e multiple para responsáveis, também participando do submit declarativo.
  • li-treeview-select adicionado como campo extra em single e multiple para workflow hierárquico, com regra cruzada contra a etapa principal.
  • li-currency-input integrado ao mesmo formulário com liRules, liValidationMode e erro inline nativo.
  • 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' }}