@hed-hog/finance 0.0.224 → 0.0.225

package/hedhog/data/route.yaml

@@ -1,5 +1,59 @@
-- url: /finance
+- url: /finance/data
   method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
+- url: /finance/accounts-payable/installments
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
+- url: /finance/accounts-payable/installments/:id
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
+- url: /finance/accounts-payable/installments
+  method: POST
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
+- url: /finance/accounts-receivable/installments
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
+- url: /finance/accounts-receivable/installments/:id
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
+- url: /finance/accounts-receivable/installments
+  method: POST
   relations:
     role:
       - where:

package/hedhog/frontend/app/accounts-payable/approvals/page.tsx.ejs

@@ -20,7 +20,8 @@ import {
 } from '@/components/ui/dialog';
 import { Label } from '@/components/ui/label';
 import { Money } from '@/components/ui/money';
-import { PageHeader } from '@/components/ui/page-header';
+
+import { Page, PageHeader } from '@/components/entity-list';
 import {
   Table,
   TableBody,
@@ -31,23 +32,19 @@ import {
 } from '@/components/ui/table';
 import { Textarea } from '@/components/ui/textarea';
 import { AlertTriangle, CheckCircle, Clock, XCircle } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 import { formatarData } from '../../_lib/formatters';
 import { useFinanceData } from '../../_lib/use-finance-data';
 
-const urgenciaConfig = {
-  baixa: { label: 'Baixa', className: 'bg-slate-100 text-slate-700' },
-  media: { label: 'Média', className: 'bg-blue-100 text-blue-700' },
-  alta: { label: 'Alta', className: 'bg-orange-100 text-orange-700' },
-  critica: { label: 'Crítica', className: 'bg-red-100 text-red-700' },
-};
-
 function AprovacaoDialog({
   tipo,
   onConfirm,
+  t,
 }: {
   tipo: 'aprovar' | 'reprovar';
   onConfirm: () => void;
+  t: ReturnType<typeof useTranslations>;
 }) {
   const isAprovar = tipo === 'aprovar';
 
@@ -58,12 +55,12 @@ function AprovacaoDialog({
           {isAprovar ? (
             <>
               <CheckCircle className="mr-2 h-4 w-4" />
-              Aprovar
+              {t('dialog.approveAction')}
             </>
           ) : (
             <>
               <XCircle className="mr-2 h-4 w-4" />
-              Reprovar
+              {t('dialog.rejectAction')}
             </>
           )}
         </Button>
@@ -71,34 +68,34 @@ function AprovacaoDialog({
       <DialogContent>
         <DialogHeader>
           <DialogTitle>
-            {isAprovar ? 'Aprovar Título' : 'Reprovar Título'}
+            {isAprovar ? t('dialog.approveTitle') : t('dialog.rejectTitle')}
           </DialogTitle>
           <DialogDescription>
             {isAprovar
-              ? 'Confirme a aprovação deste título para pagamento.'
-              : 'Informe o motivo da reprovação.'}
+              ? t('dialog.approveDescription')
+              : t('dialog.rejectDescription')}
           </DialogDescription>
         </DialogHeader>
         <div className="space-y-4">
           <div className="space-y-2">
-            <Label htmlFor="comentario">Comentário</Label>
+            <Label htmlFor="comentario">{t('dialog.comment')}</Label>
             <Textarea
               id="comentario"
               placeholder={
                 isAprovar
-                  ? 'Comentário opcional...'
-                  : 'Informe o motivo da reprovação...'
+                  ? t('dialog.optionalCommentPlaceholder')
+                  : t('dialog.rejectReasonPlaceholder')
               }
             />
           </div>
         </div>
         <DialogFooter>
-          <Button variant="outline">Cancelar</Button>
+          <Button variant="outline">{t('dialog.cancel')}</Button>
           <Button
             variant={isAprovar ? 'default' : 'destructive'}
             onClick={onConfirm}
           >
-            {isAprovar ? 'Confirmar Aprovação' : 'Confirmar Reprovação'}
+            {isAprovar ? t('dialog.confirmApprove') : t('dialog.confirmReject')}
           </Button>
         </DialogFooter>
       </DialogContent>
@@ -107,6 +104,7 @@ function AprovacaoDialog({
 }
 
 export default function AprovacoesPage() {
+  const t = useTranslations('finance.PayableApprovalsPage');
   const { data } = useFinanceData();
   const { aprovacoesPendentes, titulosPagar, pessoas } = data;
 
@@ -122,26 +120,45 @@ export default function AprovacoesPage() {
     setAprovacoes(aprovacoes.filter((a) => a.id !== id));
   };
 
+  const urgenciaConfig = {
+    baixa: {
+      label: t('urgency.low'),
+      className: 'bg-slate-100 text-slate-700',
+    },
+    media: {
+      label: t('urgency.medium'),
+      className: 'bg-blue-100 text-blue-700',
+    },
+    alta: {
+      label: t('urgency.high'),
+      className: 'bg-orange-100 text-orange-700',
+    },
+    critica: {
+      label: t('urgency.critical'),
+      className: 'bg-red-100 text-red-700',
+    },
+  };
+
   const totalPendente = aprovacoes.reduce((acc, a) => acc + a.valor, 0);
 
   return (
-    <div className="flex flex-col h-screen px-4">
+    <Page>
       <PageHeader
-        title="Aprovações"
-        description="Gerencie as aprovações de títulos"
+        title={t('header.title')}
+        description={t('header.description')}
         breadcrumbs={[
-          {
-            label: 'Contas a Pagar',
-            href: '/finance/accounts-payable/installments',
-          },
-          { label: 'Aprovações' },
+          { label: t('breadcrumbs.home'), href: '/' },
+          { label: t('breadcrumbs.finance'), href: '/finance' },
+          { label: t('breadcrumbs.current') },
         ]}
       />
 
       <div className="grid gap-4 md:grid-cols-3">
         <Card>
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-            <CardTitle className="text-sm font-medium">Pendentes</CardTitle>
+            <CardTitle className="text-sm font-medium">
+              {t('cards.pending')}
+            </CardTitle>
             <Clock className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
           <CardContent>
@@ -150,7 +167,9 @@ export default function AprovacoesPage() {
         </Card>
         <Card>
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-            <CardTitle className="text-sm font-medium">Valor Total</CardTitle>
+            <CardTitle className="text-sm font-medium">
+              {t('cards.totalValue')}
+            </CardTitle>
             <AlertTriangle className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
           <CardContent>
@@ -161,7 +180,9 @@ export default function AprovacoesPage() {
         </Card>
         <Card>
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-            <CardTitle className="text-sm font-medium">Urgentes</CardTitle>
+            <CardTitle className="text-sm font-medium">
+              {t('cards.urgent')}
+            </CardTitle>
             <AlertTriangle className="h-4 w-4 text-orange-500" />
           </CardHeader>
           <CardContent>
@@ -178,22 +199,26 @@ export default function AprovacoesPage() {
 
       <Card>
         <CardHeader>
-          <CardTitle>Aprovações Pendentes</CardTitle>
-          <CardDescription>Títulos aguardando sua aprovação</CardDescription>
+          <CardTitle>{t('table.title')}</CardTitle>
+          <CardDescription>{t('table.description')}</CardDescription>
         </CardHeader>
         <CardContent>
           {aprovacoes.length > 0 ? (
             <Table>
               <TableHeader>
                 <TableRow>
-                  <TableHead>Documento</TableHead>
-                  <TableHead>Fornecedor</TableHead>
-                  <TableHead>Solicitante</TableHead>
-                  <TableHead className="text-right">Valor</TableHead>
-                  <TableHead>Política</TableHead>
-                  <TableHead>Urgência</TableHead>
-                  <TableHead>Data</TableHead>
-                  <TableHead className="text-right">Ações</TableHead>
+                  <TableHead>{t('table.headers.document')}</TableHead>
+                  <TableHead>{t('table.headers.supplier')}</TableHead>
+                  <TableHead>{t('table.headers.requester')}</TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.value')}
+                  </TableHead>
+                  <TableHead>{t('table.headers.policy')}</TableHead>
+                  <TableHead>{t('table.headers.urgency')}</TableHead>
+                  <TableHead>{t('table.headers.date')}</TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.actions')}
+                  </TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>
@@ -236,10 +261,12 @@ export default function AprovacoesPage() {
                         <div className="flex justify-end gap-2">
                           <AprovacaoDialog
                             tipo="aprovar"
+                            t={t}
                             onConfirm={() => handleAprovacao(aprovacao.id)}
                           />
                           <AprovacaoDialog
                             tipo="reprovar"
+                            t={t}
                             onConfirm={() => handleAprovacao(aprovacao.id)}
                           />
                         </div>
@@ -252,14 +279,12 @@ export default function AprovacoesPage() {
           ) : (
             <div className="flex flex-col items-center justify-center py-12 text-center">
               <CheckCircle className="h-12 w-12 text-green-500" />
-              <h3 className="mt-4 text-lg font-semibold">Tudo em dia!</h3>
-              <p className="text-muted-foreground">
-                Não há aprovações pendentes.
-              </p>
+              <h3 className="mt-4 text-lg font-semibold">{t('empty.title')}</h3>
+              <p className="text-muted-foreground">{t('empty.description')}</p>
             </div>
           )}
         </CardContent>
       </Card>
-    </div>
+    </Page>
   );
 }

package/hedhog/frontend/app/accounts-payable/installments/[id]/page.tsx.ejs

@@ -1,5 +1,6 @@
 'use client';
 
+import { Page, PageHeader } from '@/components/entity-list';
 import { AuditTimeline } from '@/components/ui/audit-timeline';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -18,7 +19,6 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import { Money } from '@/components/ui/money';
-import { PageHeader } from '@/components/ui/page-header';
 import { StatusBadge } from '@/components/ui/status-badge';
 import {
   Table,
@@ -39,12 +39,14 @@ import {
   Undo,
   XCircle,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { useParams } from 'next/navigation';
 import { formatarData } from '../../../_lib/formatters';
 import { useFinanceData } from '../../../_lib/use-finance-data';
 
 export default function TituloDetalhePage() {
+  const t = useTranslations('finance.PayableInstallmentDetailPage');
   const params = useParams<{ id: string }>();
   const id = params?.id;
   const { data } = useFinanceData();
@@ -64,11 +66,17 @@ export default function TituloDetalhePage() {
     return (
       <div className="space-y-6">
         <PageHeader
-          title="Título não encontrado"
-          description="Não foi possível carregar os dados do título."
+          title={t('notFound.title')}
+          description={t('notFound.description')}
           breadcrumbs={[
-            { label: 'Contas a Pagar', href: '/finance/accounts-payable/installments' },
-            { label: 'Títulos e Parcelas', href: '/finance/accounts-payable/installments' },
+            {
+              label: t('notFound.breadcrumbPayables'),
+              href: '/finance/accounts-payable/installments',
+            },
+            {
+              label: t('notFound.breadcrumbInstallments'),
+              href: '/finance/accounts-payable/installments',
+            },
           ]}
         />
       </div>
@@ -106,7 +114,7 @@ export default function TituloDetalhePage() {
     }));
 
   return (
-    <div className="space-y-6">
+    <Page>
       <div className="flex items-center gap-4">
         <Button variant="ghost" size="icon" asChild>
           <Link href="/finance/accounts-payable/installments">
@@ -117,8 +125,12 @@ export default function TituloDetalhePage() {
           title={titulo.documento}
           description={titulo.descricao}
           breadcrumbs={[
-            { label: 'Contas a Pagar', href: '/finance/accounts-payable/installments' },
-            { label: 'Títulos e Parcelas', href: '/finance/accounts-payable/installments' },
+            { label: t('breadcrumbs.home'), href: '/' },
+            { label: t('breadcrumbs.finance'), href: '/finance' },
+            {
+              label: t('breadcrumbs.payables'),
+              href: '/finance/accounts-payable/installments',
+            },
             { label: titulo.documento },
           ]}
           actions={
@@ -128,30 +140,30 @@ export default function TituloDetalhePage() {
                 <DropdownMenuTrigger asChild>
                   <Button variant="outline">
                     <MoreHorizontal className="mr-2 h-4 w-4" />
-                    Ações
+                    {t('actions.title')}
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end">
                   <DropdownMenuItem>
                     <Edit className="mr-2 h-4 w-4" />
-                    Editar
+                    {t('actions.edit')}
                   </DropdownMenuItem>
                   <DropdownMenuItem>
                     <CheckCircle className="mr-2 h-4 w-4" />
-                    Aprovar
+                    {t('actions.approve')}
                   </DropdownMenuItem>
                   <DropdownMenuItem>
                     <Download className="mr-2 h-4 w-4" />
-                    Baixar
+                    {t('actions.settle')}
                   </DropdownMenuItem>
                   <DropdownMenuItem>
                     <Undo className="mr-2 h-4 w-4" />
-                    Estornar
+                    {t('actions.reverse')}
                   </DropdownMenuItem>
                   <DropdownMenuSeparator />
                   <DropdownMenuItem className="text-destructive">
                     <XCircle className="mr-2 h-4 w-4" />
-                    Cancelar
+                    {t('actions.cancel')}
                   </DropdownMenuItem>
                 </DropdownMenuContent>
               </DropdownMenu>
@@ -163,13 +175,13 @@ export default function TituloDetalhePage() {
       <div className="grid gap-6 lg:grid-cols-3">
         <Card className="lg:col-span-2">
           <CardHeader>
-            <CardTitle>Dados do Documento</CardTitle>
+            <CardTitle>{t('documentData.title')}</CardTitle>
           </CardHeader>
           <CardContent>
             <dl className="grid gap-4 sm:grid-cols-2">
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Fornecedor
+                  {t('documentData.supplier')}
                 </dt>
                 <dd className="mt-1">
                   <Link
@@ -182,19 +194,19 @@ export default function TituloDetalhePage() {
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  CNPJ/CPF
+                  {t('documentData.cnpjCpf')}
                 </dt>
                 <dd className="mt-1">{fornecedor?.documento}</dd>
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Competência
+                  {t('documentData.competency')}
                 </dt>
                 <dd className="mt-1">{titulo.competencia}</dd>
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Valor Total
+                  {t('documentData.totalValue')}
                 </dt>
                 <dd className="mt-1 text-lg font-semibold">
                   <Money value={titulo.valorTotal} />
@@ -202,25 +214,25 @@ export default function TituloDetalhePage() {
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Categoria
+                  {t('documentData.category')}
                 </dt>
                 <dd className="mt-1">{categoria?.nome}</dd>
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Centro de Custo
+                  {t('documentData.costCenter')}
                 </dt>
                 <dd className="mt-1">{centroCusto?.nome}</dd>
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Data de Criação
+                  {t('documentData.createdAt')}
                 </dt>
                 <dd className="mt-1">{formatarData(titulo.criadoEm)}</dd>
               </div>
               <div>
                 <dt className="text-sm font-medium text-muted-foreground">
-                  Tags
+                  {t('documentData.tags')}
                 </dt>
                 <dd className="mt-1 flex gap-1">
                   {tituloTags.length > 0 ? (
@@ -244,8 +256,8 @@ export default function TituloDetalhePage() {
 
         <Card>
           <CardHeader>
-            <CardTitle>Anexos</CardTitle>
-            <CardDescription>Documentos relacionados</CardDescription>
+            <CardTitle>{t('attachments.title')}</CardTitle>
+            <CardDescription>{t('attachments.description')}</CardDescription>
           </CardHeader>
           <CardContent>
             {titulo.anexos.length > 0 ? (
@@ -263,7 +275,9 @@ export default function TituloDetalhePage() {
                 ))}
               </ul>
             ) : (
-              <p className="text-sm text-muted-foreground">Nenhum anexo</p>
+              <p className="text-sm text-muted-foreground">
+                {t('attachments.none')}
+              </p>
             )}
           </CardContent>
         </Card>
@@ -271,9 +285,9 @@ export default function TituloDetalhePage() {
 
       <Tabs defaultValue="parcelas">
         <TabsList>
-          <TabsTrigger value="parcelas">Parcelas</TabsTrigger>
-          <TabsTrigger value="liquidacoes">Liquidações</TabsTrigger>
-          <TabsTrigger value="auditoria">Auditoria</TabsTrigger>
+          <TabsTrigger value="parcelas">{t('tabs.installments')}</TabsTrigger>
+          <TabsTrigger value="liquidacoes">{t('tabs.settlements')}</TabsTrigger>
+          <TabsTrigger value="auditoria">{t('tabs.audit')}</TabsTrigger>
         </TabsList>
 
         <TabsContent value="parcelas" className="mt-4">
@@ -282,11 +296,13 @@ export default function TituloDetalhePage() {
               <Table>
                 <TableHeader>
                   <TableRow>
-                    <TableHead>Parcela</TableHead>
-                    <TableHead>Vencimento</TableHead>
-                    <TableHead className="text-right">Valor</TableHead>
-                    <TableHead>Método</TableHead>
-                    <TableHead>Status</TableHead>
+                    <TableHead>{t('installmentsTable.installment')}</TableHead>
+                    <TableHead>{t('installmentsTable.dueDate')}</TableHead>
+                    <TableHead className="text-right">
+                      {t('installmentsTable.value')}
+                    </TableHead>
+                    <TableHead>{t('installmentsTable.method')}</TableHead>
+                    <TableHead>{t('installmentsTable.status')}</TableHead>
                   </TableRow>
                 </TableHeader>
                 <TableBody>
@@ -320,13 +336,21 @@ export default function TituloDetalhePage() {
                 <Table>
                   <TableHeader>
                     <TableRow>
-                      <TableHead>Data</TableHead>
-                      <TableHead className="text-right">Valor</TableHead>
-                      <TableHead className="text-right">Juros</TableHead>
-                      <TableHead className="text-right">Desconto</TableHead>
-                      <TableHead className="text-right">Multa</TableHead>
-                      <TableHead>Conta</TableHead>
-                      <TableHead>Método</TableHead>
+                      <TableHead>{t('settlementsTable.date')}</TableHead>
+                      <TableHead className="text-right">
+                        {t('settlementsTable.value')}
+                      </TableHead>
+                      <TableHead className="text-right">
+                        {t('settlementsTable.interest')}
+                      </TableHead>
+                      <TableHead className="text-right">
+                        {t('settlementsTable.discount')}
+                      </TableHead>
+                      <TableHead className="text-right">
+                        {t('settlementsTable.fine')}
+                      </TableHead>
+                      <TableHead>{t('settlementsTable.account')}</TableHead>
+                      <TableHead>{t('settlementsTable.method')}</TableHead>
                     </TableRow>
                   </TableHeader>
                   <TableBody>
@@ -360,7 +384,7 @@ export default function TituloDetalhePage() {
                 </Table>
               ) : (
                 <p className="text-center text-muted-foreground py-8">
-                  Nenhuma liquidação registrada
+                  {t('settlementsTable.none')}
                 </p>
               )}
             </CardContent>
@@ -374,15 +398,13 @@ export default function TituloDetalhePage() {
                 <AuditTimeline events={auditEvents} />
               ) : (
                 <p className="text-center text-muted-foreground py-8">
-                  Nenhum evento de auditoria
+                  {t('audit.none')}
                 </p>
               )}
             </CardContent>
           </Card>
         </TabsContent>
       </Tabs>
-    </div>
+    </Page>
   );
 }
-
-