Handle negative inactiveFilter logic; autofill for new record with Account; fixed table column width,

Author: piszosta

force-app/components/relatedList/lwc/tagRelatedList/tagRelatedList.html

@@ -28,12 +28,12 @@ <h1 class="headerTitle slds-text-heading_small">{cardTitle}</h1>
         <!-- TABLE RENDERED BASED ON EXPANSION STATE -->
         <template if:true={showRecords}>
             <div style="overflow:auto; max-height: {maxHeight}em;">
-                    <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-max-medium-table_stacked-horizontal" style="table-layout: auto;">
+                    <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-max-medium-table_stacked-horizontal" style="table-layout: fixed; width: 100%;">
                         <thead>
                             <tr class="slds-line-height_reset">
                                 <template for:each={fieldLabels} for:item="label">
                                     <th key={label.value} scope="col" style={label.headerStyle}>
-                                        <div style="display: flex; align-items: center; height: 100%; font-size: 0.75rem; white-space: nowrap;" title={label.value}>
+                                        <div style="display: flex; align-items: center; height: 100%; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" title={label.value}>
                                             {label.value}
                                         </div>
                                     </th>
@@ -47,8 +47,8 @@ <h1 class="headerTitle slds-text-heading_small">{cardTitle}</h1>
                                     <tr key={record.Id} data-record-id={record.Id} data-value={rowIndex} class="slds-hint-parent" onclick={handleRowClick} style="cursor: pointer"
                                         onmouseenter={handleMouseEnter} onmouseleave={handleMouseLeave}>
                                         <template for:each={record.recordFields} for:item="field">
-                                            <td key={field.label}>
-                                                <div class="slds-truncate slds-cell-wrap">{field.value}</div>
+                                            <td key={field.label} style="max-width: 33%">
+                                                <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" class="slds-truncate slds-cell-wrap">{field.value}</div>
                                             </td>
                                         </template>
                                     </tr>
@@ -58,8 +58,8 @@ <h1 class="headerTitle slds-text-heading_small">{cardTitle}</h1>
                                     <tr key={record.Id} data-record-id={record.Id} data-value={rowIndex} class="slds-hint-parent"
                                         onmouseenter={handleMouseEnter} onmouseleave={handleMouseLeave}>
                                         <template for:each={record.recordFields} for:item="field">
-                                            <td key={field.label}>
-                                                <div class="slds-truncate slds-cell-wrap">{field.value}</div>
+                                            <td key={field.label} style="max-width: 33%">
+                                                <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" class="slds-truncate slds-cell-wrap">{field.value}</div>
                                             </td>
                                         </template>
                                     </tr>

force-app/components/relatedList/lwc/tagRelatedList/tagRelatedList.js

@@ -3,6 +3,7 @@ import getRelatedList from '@salesforce/apex/TAG_RelatedListController.getRelate
 import { NavigationMixin } from 'lightning/navigation';
 import { getRecord } from 'lightning/uiRecordApi';
 import { getObjectInfo } from 'lightning/uiObjectInfoApi';
+import { encodeDefaultFieldValues } from 'lightning/pageReferenceUtils';
 
 export default class TagRelatedList extends NavigationMixin(LightningElement) {
     @api recordId;
@@ -100,12 +101,19 @@ export default class TagRelatedList extends NavigationMixin(LightningElement) {
     handleNewRecord(event) {
         // Prevent the header's onclick from firing
         event.stopPropagation();
+
+        const defaultValues = encodeDefaultFieldValues({
+            [this.relationField]: this.recordId
+        });
         this[NavigationMixin.Navigate]({
             type: 'standard__objectPage',
             attributes: {
                 objectApiName: this.relatedObjectApiName,
                 actionName: 'new'
-            }
+            },
+            state: {
+                defaultFieldValues: defaultValues
+        }
         });
     }
 
@@ -126,6 +134,20 @@ export default class TagRelatedList extends NavigationMixin(LightningElement) {
     get listRecords() {
         let returnRecords = [];
         if (this.relatedRecords) {
+            // Parse the inactive filter if provided
+            let filterField = null;
+            let filterOperator = null;
+            let filterValue = null;
+            if (this.inactiveRecordFilter) {
+                let regex = /^([^!<>=]+)\s*(=|!=)\s*(.*)$/;
+                let match = this.inactiveRecordFilter.match(regex);
+                if (match) {
+                    filterField = match[1].trim();
+                    filterOperator = match[2].trim();
+                    filterValue = match[3].trim().toLowerCase();
+                }
+            }
+            
             this.relatedRecords.forEach((dataRecord) => {
                 let recordFields = [];
                 this.displayedFieldList.forEach((key) => {
@@ -136,7 +158,30 @@ export default class TagRelatedList extends NavigationMixin(LightningElement) {
                         });
                     }
                 });
-                returnRecords.push({ recordFields: recordFields, Id: dataRecord.Id });
+                
+                let isInactive = false;
+                if (filterField) {
+                    let fieldVal = this.resolve(filterField, dataRecord);
+                    let recordValue = fieldVal !== null ? String(fieldVal).toLowerCase() : null;
+    
+                    if (filterOperator === "=") {
+                        isInactive = (recordValue === filterValue);
+                    } else if (filterOperator === "!=") {
+                        isInactive = (recordValue !== filterValue && recordValue !== null);
+                    }
+                }
+                
+                let rowClass = 'slds-hint-parent';
+                if (isInactive) {
+                    rowClass += ' inactiveRow';
+                }
+                
+                returnRecords.push({
+                    recordFields: recordFields,
+                    Id: dataRecord.Id,
+                    isInactive: isInactive,
+                    rowClass: rowClass
+                });
             });
         }
         return returnRecords;
@@ -169,8 +214,8 @@ export default class TagRelatedList extends NavigationMixin(LightningElement) {
             : [];
         return labels.map((label, index, arr) => {
              // Base style for every header cell.
-             let style = 'vertical-align: middle; text-align: left; padding: 4px 8px;';
-             // Remove extra left padding for the first cell.
+             let style = 'vertical-align: middle; text-align: left; padding: 4px 8px; max-width: 33%';
+             // Padding for the first cell.
              if (index === 0) {
                  style += 'padding-left: 5px;';
              }
@@ -193,6 +238,15 @@ export default class TagRelatedList extends NavigationMixin(LightningElement) {
         let popover = this.popoverFields ? this.popoverFields.replace(/\s/g, '').split(',') : [];
         // Combine them and remove duplicates
         let combined = Array.from(new Set([...displayed, ...popover]));
+        
+        // extract the field name and add it to the list if not already present.
+        if (this.inactiveRecordFilter) {
+            let regex = /^([^!<>=]+)\s*(=|!=)\s*(.*)$/;
+            let match = this.inactiveRecordFilter.match(regex);
+            if (match) {
+                let filterField = match[1].trim();
+                if (!combined.includes(filterField)) {
+                    combined.push(filterField);
         return combined;
     }