bways-grid 0.0.18 → 0.0.19

package/fesm2022/bways-grid.mjs

@@ -1697,6 +1697,7 @@ class FilterToolPanelComponent {
     _loadedFields = new Set();
     showSaveModal = false;
     reportNameInput = '';
+    reportDescriptionInput = '';
     constructor(cdr) {
         this.cdr = cdr;
     }
@@ -1963,13 +1964,74 @@ class FilterToolPanelComponent {
     }
     onSaveReportPrompt() {
         this.reportNameInput = '';
+        this.reportDescriptionInput = this.generateFilterDescription();
         this.showSaveModal = true;
     }
+    generateFilterDescription() {
+        const descriptions = [];
+        for (const section of this.sections) {
+            const colName = section.column.headerName || section.column.field;
+            let colDesc = [];
+            if (section.hasActiveFilter) {
+                const selected = section.selectedValues;
+                if (selected.size > 0 && selected.size < section.uniqueValues.length) {
+                    if (selected.size <= 3) {
+                        const vals = Array.from(selected).map(v => v === null || v === undefined || v === '' ? '(Blanks)' : String(v));
+                        colDesc.push(`Included values: ${vals.join(', ')}`);
+                    }
+                    else {
+                        colDesc.push(`${selected.size} values selected`);
+                    }
+                }
+            }
+            if (section.hasConditionFilter) {
+                const filter = this.conditionFilters.get(section.column.field);
+                if (filter) {
+                    let condStr = this.formatCondition(filter.condition1.type, filter.condition1.value, filter.condition1.valueTo);
+                    if (filter.condition2 && filter.condition2.type) {
+                        const cond2Str = this.formatCondition(filter.condition2.type, filter.condition2.value, filter.condition2.valueTo);
+                        if (cond2Str) {
+                            condStr += ` ${filter.operator} ${cond2Str}`;
+                        }
+                    }
+                    colDesc.push(`Condition: ${condStr}`);
+                }
+            }
+            if (colDesc.length > 0) {
+                descriptions.push(`${colName} -> ${colDesc.join(' | ')}`);
+            }
+        }
+        if (descriptions.length === 0) {
+            return '';
+        }
+        return `Filters applied:\n- ${descriptions.join('\n- ')}`;
+    }
+    formatCondition(type, val1, val2) {
+        const v1 = val1 || '';
+        const v2 = val2 || '';
+        switch (type) {
+            case 'contains': return `Contains "${v1}"`;
+            case 'notContains': return `Does not contain "${v1}"`;
+            case 'equals': return `Equals "${v1}"`;
+            case 'notEqual': return `Not equal to "${v1}"`;
+            case 'startsWith': return `Starts with "${v1}"`;
+            case 'endsWith': return `Ends with "${v1}"`;
+            case 'greaterThan': return `> ${v1}`;
+            case 'greaterThanOrEqual': return `>= ${v1}`;
+            case 'lessThan': return `< ${v1}`;
+            case 'lessThanOrEqual': return `<= ${v1}`;
+            case 'inRange': return `Between ${v1} and ${v2}`;
+            case 'blank': return `Is Blank`;
+            case 'notBlank': return `Is Not Blank`;
+            default: return `"${v1}"`;
+        }
+    }
     confirmSaveReport() {
         if (!this.reportNameInput.trim())
             return;
         const reportObj = {
             reportName: this.reportNameInput.trim(),
+            description: this.reportDescriptionInput.trim(),
             activeFilters: {},
             conditionFilters: {}
         };
@@ -2054,6 +2116,10 @@ class FilterToolPanelComponent {
                     <label class="ug-modal-label">Report Name</label>
                     <input type="text" class="ug-modal-input" placeholder="Enter report name..." 
                         [(ngModel)]="reportNameInput" (keydown.enter)="confirmSaveReport()" autofocus />
+                    
+                    <label class="ug-modal-label" style="margin-top: 15px;">Description</label>
+                    <textarea class="ug-modal-input" placeholder="Describe what this filter report is for..." 
+                        [(ngModel)]="reportDescriptionInput" rows="3" style="resize: vertical;"></textarea>
                 </div>
                 <div class="ug-modal-footer">
                     <button class="ug-modal-btn ug-modal-btn-secondary" (click)="cancelSaveReport()">Cancel</button>
@@ -2201,6 +2267,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     <label class="ug-modal-label">Report Name</label>
                     <input type="text" class="ug-modal-input" placeholder="Enter report name..." 
                         [(ngModel)]="reportNameInput" (keydown.enter)="confirmSaveReport()" autofocus />
+                    
+                    <label class="ug-modal-label" style="margin-top: 15px;">Description</label>
+                    <textarea class="ug-modal-input" placeholder="Describe what this filter report is for..." 
+                        [(ngModel)]="reportDescriptionInput" rows="3" style="resize: vertical;"></textarea>
                 </div>
                 <div class="ug-modal-footer">
                     <button class="ug-modal-btn ug-modal-btn-secondary" (click)="cancelSaveReport()">Cancel</button>