.gitignore

@@ -1,8 +1,3 @@
 node_modules/
 */node_modules/
 */build/
-
-**/node_modules/
-**/build/
-.DS_Store
-.env

backend/src/db/migrations/1756084585894.js

@@ -1,38 +0,0 @@
-module.exports = {
-    /**
-     * @param {QueryInterface} queryInterface
-     * @param {Sequelize} Sequelize
-     * @returns {Promise<void>}
-     */
-    async up(queryInterface, Sequelize) {
-        /**
-         * @type {Transaction}
-         */
-        const transaction = await queryInterface.sequelize.transaction();
-        try {
-
-            await transaction.commit();
-        } catch (err) {
-            await transaction.rollback();
-            throw err;
-        }
-    },
-    /**
-     * @param {QueryInterface} queryInterface
-     * @param {Sequelize} Sequelize
-     * @returns {Promise<void>}
-     */
-    async down(queryInterface, Sequelize) {
-        /**
-         * @type {Transaction}
-         */
-        const transaction = await queryInterface.sequelize.transaction();
-        try {
-
-            await transaction.commit();
-        } catch (err) {
-            await transaction.rollback();
-            throw err;
-        }
-    }
-};

backend/src/routes/permissions.js

@@ -17,6 +17,10 @@ const { parse } = require('json2csv');
  *        type: object
  *        properties:
 
+ *          name:
+ *            type: string
+ *            default: name
+
  */
 
 /**
@@ -272,7 +276,7 @@ router.get('/', wrapAsync(async (req, res) => {
     req.query, { currentUser }
   );
   if (filetype && filetype === 'csv') {
-    const fields = ['id',
+    const fields = ['id','name',
 
         ];
     const opts = { fields };

frontend/json/runtimeError.json

@@ -1 +0,0 @@
-{}

frontend/src/components/Permissions/CardPermissions.tsx

@@ -61,6 +61,15 @@ const CardPermissions = ({
             </div>
             <dl className='divide-y dark:divide-dark-700 px-6 py-4 text-sm leading-6 h-64 overflow-y-auto'>
 
+                <div className='flex justify-between gap-x-4 py-3'>
+                    <dt className='text-gray-500 dark:text-dark-600'>Name</dt>
+                    <dd className='flex items-start gap-x-2'>
+                        <div className='font-medium line-clamp-4'>
+                            { item.name }
+                        </div>
+                    </dd>
+                </div>
+
             </dl>
           </li>
         ))}

frontend/src/components/Permissions/ListPermissions.tsx

@@ -35,6 +35,11 @@ const ListPermissions = ({ permissions, loading, onDelete, currentPage, numPages
                               }
                           >
 
+                            <div className={'flex-1 px-3'}>
+                                <p className={'text-xs text-gray-500'}>Name</p>
+                                <p className={'line-clamp-2'}>{ item.name }</p>
+                            </div>
+
                           </Link>
                             <ListActionsPopover
                               onDelete={onDelete}

frontend/src/components/Permissions/configurePermissionsCols.tsx

@@ -27,6 +27,19 @@ export const loadColumns = async (
     }
     return [
 
+        {
+            field: 'name',
+            headerName: 'Name',
+            flex: 1,
+            minWidth: 120,
+            filterable: false,
+            headerClassName: 'datagrid--header',
+            cellClassName: 'datagrid--cell',
+
+            editable: true,
+
+        },
+
         {
             field: 'actions',
             type: 'actions',

frontend/src/pages/permissions/[permissionsId].tsx

@@ -32,6 +32,8 @@ const EditPermissions = () => {
   const dispatch = useAppDispatch()
   const initVals = {
 
+    'name': '',
+
   }
   const [initialValues, setInitialValues] = useState(initVals)
 
@@ -82,6 +84,15 @@ const EditPermissions = () => {
           >
             <Form>
 
+    <FormField
+        label="Name"
+    >
+        <Field
+            name="name"
+            placeholder="Name"
+        />
+    </FormField>
+
               <BaseDivider />
               <BaseButtons>
                 <BaseButton type="submit" color="info" label="Submit" />

frontend/src/pages/permissions/permissions-edit.tsx

@@ -33,6 +33,8 @@ const EditPermissionsPage = () => {
   const dispatch = useAppDispatch()
   const initVals = {
 
+    'name': '',
+
   }
   const [initialValues, setInitialValues] = useState(initVals)
 
@@ -80,6 +82,15 @@ const EditPermissionsPage = () => {
           >
             <Form>
 
+    <FormField
+        label="Name"
+    >
+        <Field
+            name="name"
+            placeholder="Name"
+        />
+    </FormField>
+
               <BaseDivider />
               <BaseButtons>
                 <BaseButton type="submit" color="info" label="Submit" />

frontend/src/pages/permissions/permissions-list.tsx

@@ -22,7 +22,7 @@ const PermissionsTablesPage = () => {
 
   const dispatch = useAppDispatch();
 
-  const [filters] = useState([
+  const [filters] = useState([{label: 'Name', title: 'name'},
 
   ]);
   const addFilter = () => {

frontend/src/pages/permissions/permissions-new.tsx

@@ -25,6 +25,8 @@ import { useRouter } from 'next/router'
 
 const initialValues = {
 
+    name: '',
+
 }
 
 const PermissionsNew = () => {
@@ -53,6 +55,15 @@ const PermissionsNew = () => {
           >
             <Form>
 
+  <FormField
+      label="Name"
+  >
+      <Field
+          name="name"
+          placeholder="Name"
+      />
+  </FormField>
+
               <BaseDivider />
               <BaseButtons>
                 <BaseButton type="submit" color="info" label="Submit" />

frontend/src/pages/permissions/permissions-table.tsx

@@ -22,7 +22,7 @@ const PermissionsTablesPage = () => {
 
   const dispatch = useAppDispatch();
 
-  const [filters] = useState([
+  const [filters] = useState([{label: 'Name', title: 'name'},
 
   ]);
     const addFilter = () => {

frontend/src/pages/permissions/permissions-view.tsx

@@ -49,6 +49,11 @@ const PermissionsView = () => {
             </SectionTitleLineWithButton>
             <CardBox>
 
+                <div className={'mb-4'}>
+                    <p className={'block font-bold mb-2'}>Name</p>
+                    <p>{permissions?.name}</p>
+                </div>
+
                 <BaseDivider />
 
                 <BaseButton