Merge pull request #9 from mickaelgudin/master

counter performance + counter display fixes #7 #8

Author: Sarveshgithub

README.md

@@ -30,6 +30,7 @@ Design Attribute
 | Enter Columns JSON | String | { `fieldName`:api name,`label`:col label,`type`:text,number,date }. **Note** : for related field it should be concat with . i.e : Account.Name for contact | See below **Column JSON Example**
 Enter Related field API Name| String | Enter related field api name | Example AccountId for contact when component is on account layout.
 Enter WHERE clause | String | provide aditional filters | Example `LastName like '%s' AND Account.Name like '%t'`
+| Show the number of record  | Boolean | append the number of records in the title  |  checked(true) OR not checked(false) |
 
 ## Columns JSON Example
 ``` yaml 

main/default/classes/RelatedList.cls

@@ -24,11 +24,14 @@ public with sharing class RelatedList {
   }
 
   @AuraEnabled(cacheable=true)
-  public static Integer countRecords(String objectName) {
+  public static Integer countRecords(String objectName, String whereClause) {
+    String formattedWhere = (String.isBlank(whereClause)) ? '' : ' '+whereClause; 
+
     if (String.isNotEmpty(objectName)) {
       return database.countQuery(
         'SELECT count() FROM ' +
         objectName +
+        formattedWhere +
         ' WITH SECURITY_ENFORCED'
       );
     }

main/default/classes/RelatedList_Test.cls

@@ -21,8 +21,8 @@ public with sharing class RelatedList_Test {
         User testUser = [Select id from user where id = :UserInfo.getUserId()];
         Test.startTest();
         System.runAs(testUser){
-            RelatedList.countRecords('Contact');
-            RelatedList.countRecords(null);
+            RelatedList.countRecords('Contact', '');
+            RelatedList.countRecords(null, '');
         }
         Test.stopTest();
 

main/default/lwc/lwcRelatedList/lwcRelatedList.html

@@ -1,6 +1,6 @@
 <template>
   <!-- Main content -->
-  <lightning-card variant="Narrow" title={title} icon-name={iconName}>
+  <lightning-card variant="Narrow" title={titleFormatted} icon-name={iconName}>
     <lightning-button label="New" title="Non-primary action" onclick={newRecord} class="slds-m-left_x-small"
       slot="actions"></lightning-button>
     <!-- Error block -->

main/default/lwc/lwcRelatedList/lwcRelatedList.js

@@ -28,6 +28,7 @@ export default class LightningDatatable extends NavigationMixin(
   @api relatedFieldAPI;
   @api whereClause;
   @api limit = 10;
+  @api isCounterDisplayed;
   // Private Property
   @track data;
   @track soql;
@@ -46,7 +47,7 @@ export default class LightningDatatable extends NavigationMixin(
     });
     this.columns = cols;
     this.buildSOQL();
-    countRecords({ objectName: this.objectName }).then((result) => {
+    countRecords({ objectName: this.objectName, whereClause: this.appendWhere() }).then((result) => {
       this.totalRows = result;
     });
     this.fetchRecords();
@@ -258,4 +259,8 @@ export default class LightningDatatable extends NavigationMixin(
       })
     );
   }
+
+  get titleFormatted() {
+    return (this.isCounterDisplayed) ? this.title + ` (${this.totalRows})` : this.title;
+  }
 }

main/default/lwc/lwcRelatedList/lwcRelatedList.js-meta.xml

@@ -16,6 +16,7 @@
       <property name="columns" type="String" required="true" label="Enter Columns JSON" />
       <property name="relatedFieldAPI" type="String" default="" label="Enter Related field API Name" />
       <property name="whereClause" type="String" default="" label="Enter WHERE clause" />
+      <property name="isCounterDisplayed" type="Boolean" label="Show the number of record" />
     </targetConfig>
   </targetConfigs>
 </LightningComponentBundle>