feat: support text content for expose in context menu

Author: splincode

projects/table-builder/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@angular-ru/ng-table-builder",
-    "version": "0.36.0",
+    "version": "0.37.0",
     "license": "MIT",
     "bugs": {
         "url": "https://github.com/Angular-RU/ng-table-builder/issues"

projects/table-builder/src/lib/table/services/context-menu/context-menu.interface.ts

@@ -6,6 +6,7 @@ export class ContextMenuState {
     public key: string = null;
     public item: Any = null;
     public value: Any = null;
+    public textContent: string = null;
 
     constructor(state: ContextMenuState | null = null) {
         if (state) {
@@ -14,6 +15,7 @@ export class ContextMenuState {
             this.key = state.key;
             this.item = state.item;
             this.value = state.value;
+            this.textContent = state.textContent;
         }
     }
 }

projects/table-builder/src/lib/table/services/context-menu/context-menu.service.ts

@@ -17,6 +17,7 @@ export class ContextMenuService {
             item: row,
             opened: true,
             value: getDeepValue(row, key) || null,
+            textContent: ((event.target || {}) as Node).textContent,
             position: { left: event.clientX, top: event.clientY }
         });
 

src/app/samples/sample-eleven/sample-eleven.component.html

@@ -106,13 +106,22 @@
                                     <ngx-menu-content>Copy in buffer ID</ngx-menu-content>
                                 </ngx-context-menu-item>
 
+                                <ngx-context-menu-item #item *ngIf="item.state.key === 'price'">
+                                    <ngx-menu-content icon></ngx-menu-content>
+                                    <ngx-menu-content>Price: {{ item.state.textContent }}</ngx-menu-content>
+                                </ngx-context-menu-item>
+
                                 <ngx-context-menu-item>
                                     <ngx-menu-content icon></ngx-menu-content>
                                     <ngx-menu-content>
                                         Selected items ({{ table1 | countSelectedItems }})
                                     </ngx-menu-content>
                                 </ngx-context-menu-item>
                             </ngx-context-menu>
+
+                            <ngx-column key="price" important-template>
+                                <ng-template ngx-td let-value>{{ value | currency }}</ng-template>
+                            </ngx-column>
                         </ngx-table-builder>
 
                         <br />