basesite-shared-grid-lib 15.10.310 → 15.10.313

package/fesm2022/basesite-shared-grid-lib.mjs

@@ -11,6 +11,7 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import * as i2 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
 import * as i3 from 'primeng/api';
+import moment from 'moment';
 import * as i4$1 from '@angular/router';
 import * as i5 from 'ag-grid-angular';
 import { AgGridModule } from 'ag-grid-angular';
@@ -913,6 +914,7 @@ class ButtonRendererComponent {
         return false;
     }
     onClick($event) {
+        $event.stopPropagation();
         if (this.params.onClick instanceof Function) {
             // put anything into params u want pass into parents component
             const params = {
@@ -926,9 +928,12 @@ class ButtonRendererComponent {
             this.params.onClick(params);
         }
     }
+    onMouseDown($event) {
+        $event.stopPropagation();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ButtonRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ButtonRendererComponent, isStandalone: false, selector: "lib-button-renderer", ngImport: i0, template: `
-    <button class="btn-actions" type="button" (click)="onClick($event)" [attr.data-title]="params.tooltip">
+    <button class="btn-actions" type="button" (click)="onClick($event)" (mousedown)="onMouseDown($event)" [attr.data-title]="params.tooltip">
       <span *ngIf="icon && !label"> <i class="{{ icon }}"></i> </span>
       <span *ngIf="!icon && label">{{ label }}</span>
       <span *ngIf="icon && label"><i class="{{ icon }}"></i> {{ label }}</span>
@@ -940,7 +945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             args: [{
                     selector: 'lib-button-renderer',
                     template: `
-    <button class="btn-actions" type="button" (click)="onClick($event)" [attr.data-title]="params.tooltip">
+    <button class="btn-actions" type="button" (click)="onClick($event)" (mousedown)="onMouseDown($event)" [attr.data-title]="params.tooltip">
       <span *ngIf="icon && !label"> <i class="{{ icon }}"></i> </span>
       <span *ngIf="!icon && label">{{ label }}</span>
       <span *ngIf="icon && label"><i class="{{ icon }}"></i> {{ label }}</span>
@@ -986,7 +991,19 @@ class DropdownRenderer {
     refresh(params) {
         return false;
     }
-    onClick($event) {
+    onClick($event, index) {
+        const toolId = this.params.node.data.toolId;
+        const urls = [
+            `/home/tool/details/${toolId}/tracker`,
+            `/home/details/${toolId}`,
+            `/home/lss/details/${toolId}`,
+            `/home/tool/details/${toolId}/dac`
+        ];
+        if (($event.ctrlKey || $event.metaKey) && urls[index] && index != 4) {
+            window.open(urls[index], '_blank');
+            $event.stopPropagation();
+            return;
+        }
         if (this.params.onClick instanceof Function) {
             const params = {
                 event: $event,
@@ -994,21 +1011,41 @@ class DropdownRenderer {
                     buttonName: $event.target.innerText,
                 }),
             };
-            console.log('Hit', params);
             this.params.onClick(params);
         }
     }
+    getUrl(index) {
+        const toolId = this.params?.node?.data?.toolId;
+        const urls = [
+            `/home/tool/details/${toolId}/tracker`,
+            `/home/details/${toolId}`,
+            `/home/lss/details/${toolId}`,
+            `/home/tool/details/${toolId}/dac`
+        ];
+        return urls[index] || '#';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DropdownRenderer, isStandalone: false, selector: "lib-dropdown-renderer", ngImport: i0, template: `
   <div class="dropdown">
   <button type="button" class="btn btn-white" data-toggle="dropdown">
-  <i class="fa fa-ellipsis-v"></i>
+    <i class="fa fa-ellipsis-v"></i>
   </button>
   <div class="dropdown-menu">
-    <span *ngFor='let data of dropDownData' class="dropdown-item" (click)="onClick($event)" [innerHTML]="data"></span>
+    <ng-container *ngFor="let data of dropDownData; let i = index">
+      <a *ngIf="i !== 4"
+         class="dropdown-item"
+         [href]="getUrl(i)"
+         (click)="onClick($event, i)"
+         [innerHTML]="data"
+         target="_self"></a>
+      <span *ngIf="i == 4"
+          class="dropdown-item"
+          (click)="onClick($event, i)"
+          [innerHTML]="data"></span>
+    </ng-container>
   </div>
 </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownRenderer, decorators: [{
             type: Component,
@@ -1017,10 +1054,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                     template: `
   <div class="dropdown">
   <button type="button" class="btn btn-white" data-toggle="dropdown">
-  <i class="fa fa-ellipsis-v"></i>
+    <i class="fa fa-ellipsis-v"></i>
   </button>
   <div class="dropdown-menu">
-    <span *ngFor='let data of dropDownData' class="dropdown-item" (click)="onClick($event)" [innerHTML]="data"></span>
+    <ng-container *ngFor="let data of dropDownData; let i = index">
+      <a *ngIf="i !== 4"
+         class="dropdown-item"
+         [href]="getUrl(i)"
+         (click)="onClick($event, i)"
+         [innerHTML]="data"
+         target="_self"></a>
+      <span *ngIf="i == 4"
+          class="dropdown-item"
+          (click)="onClick($event, i)"
+          [innerHTML]="data"></span>
+    </ng-container>
   </div>
 </div>
   `,
@@ -1895,12 +1943,33 @@ class ColumnValueFormatter {
     constructor(datePipe) {
         this.datePipe = datePipe;
     }
+    toLocal(dateString, format) {
+        if (!dateString)
+            return '';
+        let hasTime = false;
+        if (typeof dateString === 'string') {
+            // excludes time when there is none or it's 00:00:00
+            const match = /T(\d{2}):(\d{2}):(\d{2})/.exec(dateString);
+            hasTime = !!(match && (match[1] !== '00' || match[2] !== '00' || match[3] !== '00'));
+        }
+        else if (dateString instanceof Date) {
+            hasTime = true;
+        }
+        const date = moment.utc(dateString).toDate();
+        if (format) {
+            return moment(date).format(format);
+        }
+        if (!hasTime) {
+            return date.toLocaleDateString();
+        }
+        return date.toLocaleString();
+    }
     colValueFormatter(params, colType) {
         if (isNaN(+params.value)) {
             var dateWrapper = new Date(params.value);
             let isValidDate = !isNaN(dateWrapper.getDate());
             if (isValidDate && colType == 'date') {
-                return this.datePipe.transform(params.value, 'yyyy-MM-dd');
+                return this.toLocal(params.value);
             }
             else {
                 return params.value;
@@ -2303,16 +2372,24 @@ class GridLibraryComponent {
                     };
                     if (res.field === 'entityCodeLife') {
                         colDef.cellRenderer = (params) => {
-                            const span = document.createElement('span');
-                            span.textContent = params.value;
-                            span.style.cursor = 'pointer';
-                            span.addEventListener('click', () => {
-                                const toolId = params.data?.toolId;
+                            const toolId = params.data?.toolId;
+                            const url = toolId ? `/home/tool/details/${toolId}/tracker` : '#';
+                            // Creating an a tag so we get the browser right-click context menu
+                            const a = document.createElement('a');
+                            a.textContent = params.value;
+                            a.href = url;
+                            a.target = '_self';
+                            a.style.cursor = 'pointer';
+                            a.addEventListener('click', (event) => {
                                 if (toolId) {
-                                    this.router.navigate(['/home/tool/details', toolId, 'tracker']);
+                                    // Only intercept if not ctrl/cmd/right click
+                                    if (!(event.ctrlKey || event.metaKey || event.button === 2)) {
+                                        event.preventDefault();
+                                        this.router.navigate([url]);
+                                    }
                                 }
                             });
-                            return span;
+                            return a;
                         };
                     }
                     return colDef;