#591 - php

resources/js/pages/php/components/columns.tsx

@@ -0,0 +1,81 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
+import { Button } from '@/components/ui/button';
+import { MoreVerticalIcon } from 'lucide-react';
+import React from 'react';
+import { Service } from '@/types/service';
+import { Badge } from '@/components/ui/badge';
+import DateTime from '@/components/date-time';
+import Uninstall from '@/pages/services/components/uninstall';
+import { Action } from '@/pages/services/components/action';
+import PHPIni from '@/pages/php/components/ini';
+import Extensions from '@/pages/php/components/extensions';
+import DefaultCli from '@/pages/php/components/default-cli';
+export const columns: ColumnDef<Service>[] = [
+  {
+    accessorKey: 'version',
+    header: 'Version',
+    enableColumnFilter: true,
+    enableSorting: true,
+  },
+  {
+    accessorKey: 'created_at',
+    header: 'Installed at',
+    enableColumnFilter: true,
+    enableSorting: true,
+    cell: ({ row }) => {
+      return <DateTime date={row.original.created_at} />;
+    },
+  },
+  {
+    accessorKey: 'is_default',
+    header: 'Default cli',
+    enableColumnFilter: true,
+    enableSorting: true,
+    cell: ({ row }) => {
+      return <Badge variant={row.original.is_default ? 'default' : 'outline'}>{row.original.is_default ? 'Yes' : 'No'}</Badge>;
+    },
+  },
+  {
+    accessorKey: 'status',
+    header: 'Status',
+    enableColumnFilter: true,
+    enableSorting: true,
+    cell: ({ row }) => {
+      return <Badge variant={row.original.status_color}>{row.original.status}</Badge>;
+    },
+  },
+  {
+    id: 'actions',
+    enableColumnFilter: false,
+    enableSorting: false,
+    cell: ({ row }) => {
+      return (
+        <div className="flex items-center justify-end">
+          <DropdownMenu modal={false}>
+            <DropdownMenuTrigger asChild>
+              <Button variant="ghost" className="h-8 w-8 p-0">
+                <span className="sr-only">Open menu</span>
+                <MoreVerticalIcon />
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+              <Extensions service={row.original} />
+              <PHPIni service={row.original} type="fpm" />
+              <PHPIni service={row.original} type="cli" />
+              <DefaultCli service={row.original} />
+              <DropdownMenuSeparator />
+              <Action type="start" service={row.original} />
+              <Action type="stop" service={row.original} />
+              <Action type="restart" service={row.original} />
+              <Action type="enable" service={row.original} />
+              <Action type="disable" service={row.original} />
+              <DropdownMenuSeparator />
+              <Uninstall service={row.original} />
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+      );
+    },
+  },
+];