@trudb/tru-common-lib 0.2.13 → 0.2.15

package/fesm2022/trudb-tru-common-lib.mjs

@@ -5477,7 +5477,7 @@ class TruCardColumn {
             elements[0].parentNode?.removeChild(elements[0]);
         }
     };
-    drop = (e, card) => {
+    drop = async (e, card) => {
         e.stopPropagation();
         for (var i = this.selectedCards.length - 1; i >= 0; --i) {
             let index = card.column.cards.indexOf(this.selectedCards[i]);
@@ -5505,24 +5505,25 @@ class TruCardColumn {
                 this.selectedCards.pop();
             }
             ;
-            //let savePromise = .config.save();
-            //if (savePromise) {
-            //  this.portal.nativeElement.classList.add('tru-card-portal-disabled');
-            //  await savePromise.then(() => {
-            //    this.portal.nativeElement.classList.remove('tru-card-portal-disabled');
-            //  }).catch(() => {
-            //    e.preventDefault();
-            //    var columnElement = this.portal.nativeElement.querySelectorAll('.tru-card-portal-columns')[0];
-            //    localStorage.setItem('scroll_position' + this.uniqueId, columnElement.scrollLeft);
-            //    scope.config.revert();
-            //    this.portal.nativeElement.classList.remove('tru-card-portal-disabled');
-            //  });
-            //} else {
-            //  e.preventDefault();
-            //  var columnElement = this.portal.nativeElement.querySelectorAll('.tru-card-portal-columns')[0];
-            //  localStorage.setItem('scroll_position' + this.uniqueId, columnElement.scrollLeft);
-            //  scope.config.revert();
-            //}
+            let savePromise = this.dataContext.saveWithoutNotification();
+            if (savePromise) {
+                this.portal.nativeElement.classList.add('tru-card-portal-disabled');
+                await savePromise.then(() => {
+                    this.portal.nativeElement.classList.remove('tru-card-portal-disabled');
+                }).catch(() => {
+                    e.preventDefault();
+                    var columnElement = this.portal.nativeElement.querySelectorAll('.tru-card-portal-columns')[0];
+                    localStorage.setItem('scroll_position' + this.uniqueId, columnElement.scrollLeft);
+                    this.dataContext.revert();
+                    this.portal.nativeElement.classList.remove('tru-card-portal-disabled');
+                });
+            }
+            else {
+                e.preventDefault();
+                var columnElement = this.portal.nativeElement.querySelectorAll('.tru-card-portal-columns')[0];
+                localStorage.setItem('scroll_position' + this.uniqueId, columnElement.scrollLeft);
+                this.dataContext.revert();
+            }
         }
         return true;
     };
@@ -5900,20 +5901,71 @@ class TruDataGridCellRenderer {
     }
 }
 
+class TruDataGridClipboard {
+    tableName = null;
+    rowData = [];
+    copiedRows = (tableName, rowData) => {
+        this.tableName = tableName;
+        this.rowData = rowData;
+    };
+    getCopiedRows = () => {
+        return this.rowData;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class TruDataGridPkeyCellRenderer {
+    dataGridClipboard;
+    util;
     contextMenu;
     params;
     contextMenuPosition = { x: '0px', y: '0px' };
     displayValue = '';
+    copyIsDisabled = true;
+    pasteIsDisabled = true;
     // private eGui: is an empty element to satisfy the getGui method.    
     eGui;
+    constructor(dataGridClipboard, util) {
+        this.dataGridClipboard = dataGridClipboard;
+        this.util = util;
+    }
     onRightClick = (event) => {
         event.preventDefault();
+        this.copyIsDisabled = this.params.api.getSelectedRows().length ? false : true;
+        this.pasteIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
         this.contextMenuPosition.x = event.pageX + 'px';
-        this.contextMenuPosition.y = event.pageY + 'px';
+        this.contextMenuPosition.y = (event.pageY - 130) + 'px';
         this.contextMenu.menu?.focusFirstItem('mouse');
         this.contextMenu.openMenu();
     };
+    onCopy = (event) => {
+        let selectedRows = this.params.api.getSelectedRows();
+        if (selectedRows.length) {
+            let copiedRowData = selectedRows.map((row) => row.$entity);
+            this.dataGridClipboard.copiedRows('', copiedRowData);
+        }
+    };
+    onPaste = (event) => {
+        let copiedRowData = this.dataGridClipboard.getCopiedRows();
+        copiedRowData.forEach((row) => {
+            let properties = row.entityType.getPropertyNames();
+            properties
+                .filter((propertyName) => {
+                return propertyName !== 'Ref' &&
+                    propertyName !== row.entityType.name + 'Ref' &&
+                    !this.util.isLowerCase(propertyName.charAt(0));
+            }).forEach((propertyName) => {
+                console.log(propertyName);
+            });
+        });
+    };
     agInit(params) {
         this.params = params;
         if (params.value < 0)
@@ -5929,7 +5981,7 @@ class TruDataGridPkeyCellRenderer {
         return false;
     }
     destroy() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridPkeyCellRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridPkeyCellRenderer, deps: [{ token: TruDataGridClipboard }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruDataGridPkeyCellRenderer, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
     <div style="visibility: hidden; position: fixed"
       [style.left]="contextMenuPosition.x"
@@ -5937,11 +5989,11 @@ class TruDataGridPkeyCellRenderer {
       [matMenuTriggerFor]="truDataGridContextMenu">
     </div>
     <mat-menu #truDataGridContextMenu="matMenu">
-      <button mat-menu-item>
+      <button mat-menu-item [disabled]="copyIsDisabled" (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
       </button>
-      <button mat-menu-item disabled>
+      <button mat-menu-item [disabled]="pasteIsDisabled" (click)="onPaste($event)">
         <mat-icon [svgIcon]="'paste-icon'"></mat-icon>
         <span>Paste</span>
       </button>
@@ -5968,11 +6020,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
       [matMenuTriggerFor]="truDataGridContextMenu">
     </div>
     <mat-menu #truDataGridContextMenu="matMenu">
-      <button mat-menu-item>
+      <button mat-menu-item [disabled]="copyIsDisabled" (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
       </button>
-      <button mat-menu-item disabled>
+      <button mat-menu-item [disabled]="pasteIsDisabled" (click)="onPaste($event)">
         <mat-icon [svgIcon]="'paste-icon'"></mat-icon>
         <span>Paste</span>
       </button>
@@ -5982,7 +6034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
       </button>
     </mat-menu>
   </div>`, styles: ["::ng-deep .mat-mdc-menu-item{height:25px!important;min-height:25px!important}::ng-deep .mat-mdc-menu-content mat-icon svg{fill:#949494}\n"] }]
-        }], propDecorators: { contextMenu: [{
+        }], ctorParameters: () => [{ type: TruDataGridClipboard }, { type: TruUtil }], propDecorators: { contextMenu: [{
                 type: ViewChild,
                 args: [MatMenuTrigger]
             }] } });