updated edit component

Author: Coding-With-The-Force

.forceignore

@@ -0,0 +1,3 @@
+**/jsconfig.json
+
+**/.eslintrc.json

.gitignore

@@ -0,0 +1,2 @@
+.sfdx/
+**/jsconfig.json

force-app/main/default/lwc/character_counter_record_edit_component/character_counter_record_edit_component.html

@@ -1,11 +1,19 @@
+<!--
+@description: This component is used to display a record edit form that displays character counts for text fields. This is embedded
+in the character_counting_component lwc, but could also be used independently in other components as well if desired.
+
+@author: Matt Gerry (codingwiththeforce@gmail.com)
+
+@date: 5/3/2022
+-->
 <template>
 <lightning-record-edit-form object-api-name={objectApiName} record-id={recordId} onsubmit={saveData} onsuccess={handleSaveSuccess}>
 <template for:each={fieldDataCopy} for:item="field" for:index="index">
 <div key={field.fieldApiName} class={columnClasses}>
 <lightning-input-field class={field.inputStyle} key={field.fieldApiName} field-name={field.fieldApiName} onchange={determineCharactersLeft} disabled={field.disabled}></lightning-input-field>
-<template if:true={field.isString}>
-<p class={field.paragraphStyle} key={field.paragraphKey}>{field.paragraphText}</p>
-</template>
+ <template if:true={field.isString}>
+ <p class={field.paragraphStyle} key={field.paragraphKey}>{field.paragraphText}</p>
+ </template>
 </div>
 </template>
 <div class="slds-align_absolute-center">

force-app/main/default/lwc/character_counter_record_edit_component/character_counter_record_edit_component.js

@@ -1,7 +1,9 @@
 /*
 @description: This component is used to display a record edit form that displays character counts for text fields. This is embedded
 in the character_counting_component lwc, but could also be used independently in other components as well if desired.
+
 @author: Matt Gerry (codingwiththeforce@gmail.com)
+
 @date: 5/3/2022
 */
 
@@ -46,7 +48,7 @@ export default class CharacterCounterRecordEditComponent extends NavigationMixin
 field.currentLength = fieldValue.length;
 field.charactersRemaining = field.stringFieldLength - field.currentLength;
 this.checkFieldConstraints(field);
-this.addFieldSpecificStyling(field);
+ this.addFieldSpecificStyling(field);
 }
 }
 }
@@ -125,25 +127,25 @@ export default class CharacterCounterRecordEditComponent extends NavigationMixin
 }));
 }
 
-/*
+ /*
  @description: Does bookkeeping on field-related styles/counter text
  */
-addFieldSpecificStyling(fieldData) {
-let inputStyle = '';
-let paragraphStyle = '';
-if (fieldData.isString) {
-inputStyle = 'character-counter';
-paragraphStyle = `characters-remaining${fieldData.belowCharsThreshold ? '-red' : ''}`;
-fieldData.paragraphText = `${fieldData.charactersRemaining} characters remaining out of ${fieldData.stringFieldLength}`
-if (fieldData.noCharsLeft) {
-fieldData.disabled = true;
-} else if (fieldData.disabled) {
-delete fieldData.disabled;
-}
-}
-fieldData.inputStyle = inputStyle;
-fieldData.paragraphStyle = paragraphStyle;
-fieldData.paragraphKey = fieldData.fieldApiName + 'paragraph'
-return fieldData
+ addFieldSpecificStyling(fieldData) {
+ let inputStyle = '';
+ let paragraphStyle = '';
+ if (fieldData.isString) {
+ inputStyle = 'character-counter';
+ paragraphStyle = `characters-remaining${fieldData.belowCharsThreshold ? '-red' : ''}`;
+ fieldData.paragraphText = `${fieldData.charactersRemaining} characters remaining out of ${fieldData.stringFieldLength}`
+ if (fieldData.noCharsLeft) {
+ fieldData.disabled = true;
+ } else if (fieldData.disabled) {
+ delete fieldData.disabled;
+ }
+ }
+ fieldData.inputStyle = inputStyle;
+ fieldData.paragraphStyle = paragraphStyle;
+ fieldData.paragraphKey = fieldData.fieldApiName + 'paragraph'
+ return fieldData
 }
 }