@hed-hog/operations 0.0.328 → 0.0.329

package/hedhog/frontend/src/app/(app)/(libraries)/operations/my-projects/page.tsx

@@ -1,440 +0,0 @@
-'use client';
-
-import {
-  EmptyState,
-  Page,
-  PaginationFooter,
-  SearchBar,
-} from '@/components/entity-list';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent } from '@/components/ui/card';
-import { KpiCardsGrid } from '@/components/ui/kpi-cards-grid';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/components/ui/table';
-import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
-import { useApp, useQuery } from '@hed-hog/next-app-provider';
-import {
-  CalendarDays,
-  Eye,
-  FolderKanban,
-  LayoutGrid,
-  List,
-  PlayCircle,
-  ShieldAlert,
-} from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import Link from 'next/link';
-import { useMemo, useState } from 'react';
-import { OperationsHeader } from '../_components/operations-header';
-import { StatusBadge } from '../_components/status-badge';
-import { fetchOperations } from '../_lib/api';
-import type { OperationsProject, PaginatedResponse } from '../_lib/types';
-import { formatDate, getStatusBadgeClass } from '../_lib/utils/format';
-
-const MY_PROJECTS_VIEW_STORAGE_KEY = 'operations-my-projects-view-mode';
-
-type ProjectViewMode = 'table' | 'cards';
-
-export default function OperationsMyProjectsPage() {
-  const t = useTranslations('operations.MyProjectsPage');
-  const commonT = useTranslations('operations.Common');
-  const projectFormT = useTranslations('operations.ProjectFormPage');
-
-  const tProjectStatus = (status: string | null | undefined) =>
-    status
-      ? (projectFormT as unknown as (k: string) => string)(
-          `options.statuses.${status}`
-        )
-      : '-';
-  const { request, currentLocaleCode, getSettingValue } = useApp();
-  const [search, setSearch] = useState('');
-  const [statusFilter, setStatusFilter] = useState('all');
-  const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(12);
-  const [viewMode, setViewMode] = useState<ProjectViewMode>(() => {
-    if (typeof window === 'undefined') {
-      return 'table';
-    }
-
-    const savedViewMode = window.localStorage.getItem(
-      MY_PROJECTS_VIEW_STORAGE_KEY
-    );
-
-    return savedViewMode === 'cards' ? 'cards' : 'table';
-  });
-
-  const { data: projectsResponse, refetch } = useQuery<
-    PaginatedResponse<OperationsProject>
-  >({
-    queryKey: [
-      'operations-my-projects-list',
-      currentLocaleCode,
-      search,
-      statusFilter,
-      page,
-      pageSize,
-    ],
-    queryFn: () => {
-      const params = new URLSearchParams({
-        page: String(page),
-        pageSize: String(pageSize),
-      });
-
-      if (search.trim()) {
-        params.set('search', search.trim());
-      }
-
-      if (statusFilter !== 'all') {
-        params.set('status', statusFilter);
-      }
-
-      return fetchOperations<PaginatedResponse<OperationsProject>>(
-        request,
-        `/operations/my-projects?${params.toString()}`
-      );
-    },
-    placeholderData: (previous) => previous,
-  });
-  const projects = projectsResponse?.data ?? [];
-
-  const statsCards = useMemo(
-    () => [
-      {
-        key: 'total',
-        title: t('cards.total'),
-        description: t('cards.totalDescription'),
-        value: projects.length,
-        icon: FolderKanban,
-        accentClassName: 'from-slate-500/20 via-slate-400/10 to-transparent',
-        iconContainerClassName: 'bg-slate-100 text-slate-700',
-      },
-      {
-        key: 'active',
-        title: t('cards.active'),
-        description: t('cards.activeDescription'),
-        value: projects.filter((item) => item.status === 'active').length,
-        icon: PlayCircle,
-        accentClassName: 'from-green-500/20 via-emerald-500/10 to-transparent',
-        iconContainerClassName: 'bg-green-50 text-green-600',
-      },
-      {
-        key: 'atRisk',
-        title: t('cards.atRisk'),
-        description: t('cards.atRiskDescription'),
-        value: projects.filter((item) => item.status === 'at_risk').length,
-        icon: ShieldAlert,
-        accentClassName: 'from-amber-500/20 via-orange-500/10 to-transparent',
-        iconContainerClassName: 'bg-amber-50 text-amber-600',
-      },
-      {
-        key: 'upcomingDeliveries',
-        title: t('cards.upcomingDeliveries'),
-        description: t('cards.upcomingDeliveriesDescription'),
-        value: projects.filter((item) => Boolean(item.endDate)).length,
-        icon: CalendarDays,
-        accentClassName: 'from-blue-500/20 via-cyan-500/10 to-transparent',
-        iconContainerClassName: 'bg-blue-50 text-blue-600',
-      },
-    ],
-    [projects, t]
-  );
-
-  const handleViewModeChange = (value: string) => {
-    if (value !== 'table' && value !== 'cards') {
-      return;
-    }
-
-    setViewMode(value);
-
-    if (typeof window !== 'undefined') {
-      window.localStorage.setItem(MY_PROJECTS_VIEW_STORAGE_KEY, value);
-    }
-  };
-
-  return (
-    <Page>
-      <OperationsHeader
-        title={t('title')}
-        description={t('description')}
-        current={t('breadcrumb')}
-      />
-
-      <KpiCardsGrid items={statsCards} columns={4} />
-
-      <div className="flex min-w-0 flex-col gap-4 xl:flex-row xl:items-center">
-        <div className="flex-1">
-          <SearchBar
-            className="w-full"
-            searchQuery={search}
-            onSearchChange={(value) => {
-              setSearch(value);
-              setPage(1);
-            }}
-            showSearchButton={false}
-            debounceMs={500}
-            placeholder={t('searchPlaceholder')}
-            controls={[
-              {
-                id: 'status',
-                type: 'select',
-                value: statusFilter,
-                onChange: (value) => {
-                  setStatusFilter(value);
-                  setPage(1);
-                },
-                placeholder: commonT('labels.status'),
-                options: [
-                  { value: 'all', label: commonT('filters.allStatuses') },
-                  { value: 'planning', label: tProjectStatus('planning') },
-                  { value: 'active', label: tProjectStatus('active') },
-                  { value: 'at_risk', label: tProjectStatus('at_risk') },
-                  { value: 'paused', label: tProjectStatus('paused') },
-                  { value: 'completed', label: tProjectStatus('completed') },
-                  { value: 'archived', label: tProjectStatus('archived') },
-                ],
-              },
-            ]}
-          />
-        </div>
-
-        <div className="flex items-center justify-between gap-3 xl:justify-end">
-          <span className="text-xs font-medium text-muted-foreground">
-            {t('viewMode')}
-          </span>
-          <ToggleGroup
-            type="single"
-            value={viewMode}
-            onValueChange={handleViewModeChange}
-            variant="outline"
-            size="sm"
-            aria-label={t('viewMode')}
-          >
-            <ToggleGroupItem
-              value="table"
-              className="gap-1.5 px-2.5"
-              aria-label={t('viewModeTable')}
-            >
-              <List className="h-4 w-4" />
-              <span className="hidden sm:inline">{t('viewModeTable')}</span>
-            </ToggleGroupItem>
-            <ToggleGroupItem
-              value="cards"
-              className="gap-1.5 px-2.5"
-              aria-label={t('viewModeCards')}
-            >
-              <LayoutGrid className="h-4 w-4" />
-              <span className="hidden sm:inline">{t('viewModeCards')}</span>
-            </ToggleGroupItem>
-          </ToggleGroup>
-        </div>
-      </div>
-
-      {projects.length > 0 ? (
-        viewMode === 'cards' ? (
-          <div className="grid gap-4 md:grid-cols-2 2xl:grid-cols-3">
-            {projects.map((project) => (
-              <Card
-                key={project.id}
-                className="cursor-pointer overflow-hidden border-border/60 py-0 shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md"
-              >
-                <CardContent className="space-y-4 p-4">
-                  <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                    <div className="min-w-0">
-                      <div className="truncate font-semibold">
-                        {project.name}
-                      </div>
-                      <div className="truncate text-xs text-muted-foreground">
-                        {[
-                          project.code,
-                          project.myRoleLabel,
-                          project.contractName,
-                        ]
-                          .filter(Boolean)
-                          .join(' • ') || commonT('labels.notAvailable')}
-                      </div>
-                    </div>
-                    <StatusBadge
-                      label={tProjectStatus(project.status)}
-                      className={getStatusBadgeClass(project.status)}
-                    />
-                  </div>
-
-                  <div className="grid gap-2 text-sm text-muted-foreground lg:grid-cols-2">
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.client')}:
-                      </span>{' '}
-                      {project.clientName || commonT('labels.notAvailable')}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.manager')}:
-                      </span>{' '}
-                      {project.managerName || commonT('labels.notAssigned')}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.teamSize')}:
-                      </span>{' '}
-                      {project.teamSize ?? 0}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.startDate')}:
-                      </span>{' '}
-                      {formatDate(
-                        project.startDate,
-                        getSettingValue,
-                        currentLocaleCode
-                      )}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.endDate')}:
-                      </span>{' '}
-                      {formatDate(
-                        project.endDate,
-                        getSettingValue,
-                        currentLocaleCode
-                      )}
-                    </div>
-                  </div>
-
-                  <div className="flex justify-end border-t border-border/60 pt-3">
-                    <Button variant="outline" size="icon" asChild>
-                      <Link href={`/operations/my-projects/${project.id}`}>
-                        <Eye className="size-4" />
-                      </Link>
-                    </Button>
-                  </div>
-                </CardContent>
-              </Card>
-            ))}
-          </div>
-        ) : (
-          <div className="overflow-x-auto rounded-md border">
-            <Table className="table-fixed">
-              <TableHeader>
-                <TableRow>
-                  <TableHead className="w-[30%]">
-                    {commonT('labels.project')}
-                  </TableHead>
-                  <TableHead>{commonT('labels.client')}</TableHead>
-                  <TableHead>{commonT('labels.status')}</TableHead>
-                  <TableHead className="hidden lg:table-cell">
-                    {commonT('labels.manager')}
-                  </TableHead>
-                  <TableHead className="hidden md:table-cell">
-                    {commonT('labels.teamSize')}
-                  </TableHead>
-                  <TableHead className="hidden xl:table-cell">
-                    {commonT('labels.startDate')}
-                  </TableHead>
-                  <TableHead className="hidden xl:table-cell">
-                    {commonT('labels.endDate')}
-                  </TableHead>
-                  <TableHead className="w-20 text-right">
-                    {commonT('labels.actions')}
-                  </TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {projects.map((project) => (
-                  <TableRow
-                    key={project.id}
-                    className="cursor-pointer hover:bg-muted/30"
-                  >
-                    <TableCell>
-                      <div className="min-w-0">
-                        <div className="truncate font-medium">
-                          {project.name}
-                        </div>
-                        <div className="truncate text-xs text-muted-foreground">
-                          {[
-                            project.code,
-                            project.myRoleLabel,
-                            project.contractName,
-                          ]
-                            .filter(Boolean)
-                            .join(' • ') || commonT('labels.notAvailable')}
-                        </div>
-                      </div>
-                    </TableCell>
-                    <TableCell>
-                      <div className="truncate">
-                        {project.clientName || commonT('labels.notAvailable')}
-                      </div>
-                    </TableCell>
-                    <TableCell>
-                      <StatusBadge
-                        label={tProjectStatus(project.status)}
-                        className={getStatusBadgeClass(project.status)}
-                      />
-                    </TableCell>
-                    <TableCell className="hidden lg:table-cell">
-                      <div className="truncate">
-                        {project.managerName || commonT('labels.notAssigned')}
-                      </div>
-                    </TableCell>
-                    <TableCell className="hidden md:table-cell">
-                      {project.teamSize ?? 0}
-                    </TableCell>
-                    <TableCell className="hidden xl:table-cell">
-                      {formatDate(
-                        project.startDate,
-                        getSettingValue,
-                        currentLocaleCode
-                      )}
-                    </TableCell>
-                    <TableCell className="hidden xl:table-cell">
-                      {formatDate(
-                        project.endDate,
-                        getSettingValue,
-                        currentLocaleCode
-                      )}
-                    </TableCell>
-                    <TableCell>
-                      <div className="flex justify-end">
-                        <Button variant="outline" size="icon" asChild>
-                          <Link href={`/operations/my-projects/${project.id}`}>
-                            <Eye className="size-4" />
-                          </Link>
-                        </Button>
-                      </div>
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </div>
-        )
-      ) : (
-        <EmptyState
-          icon={<FolderKanban className="size-12" />}
-          title={commonT('states.emptyTitle')}
-          description={t('emptyDescription')}
-          actionLabel={commonT('actions.refresh')}
-          onAction={() => void refetch()}
-        />
-      )}
-
-      <PaginationFooter
-        currentPage={projectsResponse?.page ?? page}
-        pageSize={projectsResponse?.pageSize ?? pageSize}
-        totalItems={projectsResponse?.total ?? 0}
-        onPageChange={setPage}
-        onPageSizeChange={(value) => {
-          setPageSize(value);
-          setPage(1);
-        }}
-        pageSizeOptions={[12, 24, 48]}
-      />
-    </Page>
-  );
-}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/my-tasks/page.d.ts

@@ -1,2 +0,0 @@
-export default function OperationsMyTasksPage(): import("react").JSX.Element;
-//# sourceMappingURL=page.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/my-tasks/page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAkRA,MAAM,CAAC,OAAO,UAAU,qBAAqB,gCAwsC5C"}