xXx

Hexid M1n1 5h3ll MobiLe

home/emberdemos/corehr_app/current/resources/js/Pages/Admin/Users/_[ Writable ]

File:/home/emberdemos/corehr_app/current/resources/js/Pages/Admin/Users/columns.ts

import type { User } from '@/types'
import type { ColumnDef } from '@tanstack/vue-table'
import { h } from 'vue'

import { Button } from '@/components/ui/button'
import { Checkbox } from '@/components/ui/checkbox'
import { Badge } from '@/components/ui/badge'
import { ArrowUpDown } from 'lucide-vue-next'

export const getColumns = (
    openEditDialog: (user: User) => void
): ColumnDef<User>[] => [
    {
        id: 'select',
        header: ({ table }) => h(Checkbox, {
            'modelValue': table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate'),
            'onUpdate:modelValue': (value: boolean | 'indeterminate') => table.toggleAllPageRowsSelected(!!value),
            'ariaLabel': 'Select all',
        }),
        cell: ({ row }) => h(Checkbox, {
            'modelValue': row.getIsSelected(),
            'onUpdate:modelValue': (value: boolean | 'indeterminate') => row.toggleSelected(!!value),
            'ariaLabel': 'Select row',
        }),
        enableSorting: false,
        enableHiding: false,
    },
    {
        accessorKey: 'name',
        header: ({ column }) => {
            return h(Button, {
                variant: 'ghost',
                onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'),
            }, () => ['Name', h(ArrowUpDown, { class: 'ml-2 h-4 w-4' })])
        },
        cell: ({ row }) => h('div', { class: 'font-medium' }, row.getValue('name')),
    },
    {
        accessorKey: 'email',
        header: ({ column }) => {
            return h(Button, {
                variant: 'ghost',
                onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'),
            }, () => ['Email', h(ArrowUpDown, { class: 'ml-2 h-4 w-4' })])
        },
        cell: ({ row }) => h('div', { class: 'text-muted-foreground' }, row.getValue('email')),
    },
    {
        accessorKey: 'roles',
        header: 'Roles',
        cell: ({ row }) => {
            const roles = row.original.roles ?? [];
            if (roles.length === 0) {
                return h('div', { class: 'text-muted-foreground' }, 'No roles');
            }
            return h('div', { class: 'flex flex-wrap gap-1' },
                roles.map(role => h(Badge, { variant: 'secondary' }, () => role.name))
            );
        },
        enableSorting: false,
    },
    {
        id: 'actions',
        enableHiding: false,
        cell: ({ row }) => {
            const user = row.original;
            return h('div', { class: 'relative text-right' },
                h(Button, {
                    variant: 'outline',
                    size: 'sm',
                    onClick: () => openEditDialog(user),
                }, () => 'Edit')
            );
        },
    },
]

Your Access Expired	Date. in : 16-12-2025
Regist : 09-12-2024	Expired : 01-12-2027