@eqproject/eqp-attachments 3.1.3 → 3.1.5

package/README.md

@@ -115,15 +115,15 @@ For the best icon display, include Font Awesome in your project's styles, for ex
 | `customCardHeightPx` | `number`  | `180`       | Sets the custom card height in pixels when `cardSize`is `'custom'`.          |
 | `showMatCard`        | `boolean` | `true`      | If `true`(and in table mode), the component is rendered inside a `mat-card`. |
 | `cropDialogClass`    | `string`  | `undefined` | Assigns a custom CSS class to the image cropper dialog panel.                    |
-
+| `showUploadTitle`           | `boolean`  | `true`   | If `true`, will show title over dropbox                                                                       |
 ---
 
 #### **Table View Configuration**
 
 | Input                  | Type        | Default       | Description                                                                      |
 | ---------------------- | ----------- | ------------- | -------------------------------------------------------------------------------- |
-| `customColumns`      | `'AttachmentFieldColumn'`  | `[]` | Array to add custom columns to the table view.                               |
-
+| `customColumns`      | `'AttachmentFieldColumn[]'`  | `[]` | Array to add custom columns to the table view.                               |
+| `customMenuActions`      | `'AttachmentMenuAction[]'`  | `[]` | Array to add custom actions to the table's "more options" (...) menu.    
 ---
 
 #### **Functional Configuration**
@@ -231,6 +231,16 @@ For the best icon display, include Font Awesome in your project's styles, for ex
 | `class`     | `string`          | A custom CSS class to add to the column's cells.        |
 ---
 
+#### `AttachmentMenuAction` Interface
+
+| Property                | Type                | Description                                            |
+| ----------------------- | ------------------- | ------------------------------------------------------ |
+| `icon`                  | `string` | mat-icon name to display (e.g., 'share').                           |
+| `name`            | `string`          | Text to show in the menu item.object                            |
+| `fn`            | `(att: IAttachmentDTO) => void`          | Function to execute when the item is clicked.           |
+| `disabled`      | `(att: IAttachmentDTO) => boolean`  | Function to dynamically disable the action for a specific row. |
+| `position`      | `number`          | Display order. Preview is 10, Delete is 100. Use a number in between (e.g., 20) to add an action.                     |
+---
 
 
 #### **AttachmentCardSize Type**
@@ -343,7 +353,8 @@ export class MyComponent {
   [headerTitle]="'Project Documents'"
   [showSummary]="true"
   (localEditedAttachments)="onAttachmentsChange($event)"
-  [customColumns]="myCustomColumns">
+  [customColumns]="myCustomColumns"
+  [customMenuActions]="myCustomActions">
 </eqp-attachments>
 
 <ng-template #statusTemplate let-att>
@@ -378,6 +389,7 @@ export class MyComponent {
     }
   ];
   myCustomColumns: AttachmentFieldColumn[] = [];
+  myCustomActions: AttachmentMenuAction[] = [];
 
   ngOnInit() {
     this.myCustomColumns = [
@@ -397,6 +409,21 @@ export class MyComponent {
         position: 30 // Shows after "Uploaded By" (20)
       }
     ];
+
+    this.myCustomActions = [
+      {
+        icon: 'share',
+        label: 'Share',
+        onClick: (item) => this.shareAttachment(item),
+        position: 25 // Show after "Preview" (10) and before "Delete" (100)
+      },
+      {
+        icon: 'edit',
+        label: 'Edit Name',
+        onClick: (item) => this.renameAttachment(item),
+        position: 26
+      }
+    ];
   }
 ```